@charset "UTF-8";
/* CSS Document */






/* fv
----------------- */
#fv {
	padding-top: 268px;
	padding-bottom: 20px;
}
	#fv .swiper-container {
		padding-bottom: 50px;
	}
		#fv .swiper-container .swiper-slide {
			width: 1200px;
		}


		#fv .swiper-container .swiper-button-prev,
		#fv .swiper-container .swiper-button-next {
			width: 47px !important;
			height: 47px !important;
		}
		#fv .swiper-container .swiper-button-prev:after {
			content: "" !important;
			width: 47px !important;
			height: 47px !important;
			background: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/digmania.itembox.design/item/img/slider/slider_arrow_prev.png") no-repeat center / 47px !important;
		}
		 #fv .swiper-container .swiper-button-next:after {
			content: "" !important;
			width: 47px !important;
			height: 47px !important;
			background: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/digmania.itembox.design/item/img/slider/slider_arrow_next.png") no-repeat center / 47px !important;
		}


		#fv .swiper-container .swiper-pagination-bullet {
			width: 10px;
			height: 10px;
			margin: 0 6px;
			background: #fff;
			border: solid 1px #302D2C;
			opacity: 1;
		}
		#fv .swiper-container .swiper-pagination-bullet-active {
			background: #302D2C;
			border: solid 1px #302D2C;
		}






/* news
----------------- */
#news {
	width: 100%;
	background: #302D2C;
	padding: 30px 0;
}
	#news h2 {
		width: 160px;
		font-size: 32px;
		font-weight: 500;
		color: #fff;
		letter-spacing: 0.15em;
		line-height: 1;
	}


	#news ul {
		width: -webkit-calc(100% - 160px);
		width: calc(100% - 160px);
	}
		#news ul li {
			font-size: 14px;
			color: #fff;
			margin-bottom: 10px;
		}
		#news ul li:nth-last-child(1) {
			margin-bottom: 0;
		}
			#news ul li span {
				color: #A8A7A7;
				letter-spacing: 0.1em;
				padding-right: 10px;
			}
			#news ul li a {
				color: #fff;
				text-decoration: underline;
			}






/* about
----------------- */
#about {
	width: 100%;
	padding: 50px 0 100px 0;
}
	#about .pht {
		width: 65%;
	}


	#about .text {
		width: 40%;
		background: #fff;
		padding: 50px;
		position: absolute;
		top: 0;
		right: 3%;
		z-index: 2;
	}
		#about .text h2 {
			font-size: 28px;
			line-height: 1;
			margin-bottom: 20px;
		}
			#about .text h2 span {
				font-size: 36px;
				letter-spacing: 0.06em;
				padding-right: 5px;
			}

		#about .text .txt {
			margin: 0;
			font-size: 16px;
			letter-spacing: 0.1em;
			line-height: 34px;
		}






/* feature
----------------- */
#feature {
	width: 100%;
	padding: 0 0 100px 0;
}
	#feature ul li {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	#feature ul li:nth-child(2n) {
		margin-right: 0;
	}






/* new
----------------- */
#new {
	width: 100%;
	padding: 0 0 100px 0;
}






/* ranking
----------------- */
#ranking {
	width: 100%;
	padding: 100px 0 80px 0;
	background: #EFF0F1;
}
	#ranking .tabbox .tab {
		padding-bottom: 40px;
	}
		#ranking .tabbox .tab li {
			width: 19%;
			margin-right: 1.25%;
			height: 66px;
			border: solid 1px #302D2C;
			font-size: 14px;
			line-height: 66px;
			cursor: pointer;
			padding-left: 54px;
		}
		#ranking .tabbox .tab li:nth-child(1) {
			background: #fff url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/digmania.itembox.design/item/img/ranking.png") no-repeat 43% center / 36px;
			width: 100%;
			margin-right: 0;
			padding-left: 0;
			margin-bottom: 1.25%;
			text-align: center;
		}
		#ranking .tabbox .tab li:nth-child(2) {
			background: #fff url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/digmania.itembox.design/item/img/nav01.png") no-repeat 12px center / 36px;
		}
		#ranking .tabbox .tab li:nth-child(3) {
			background: #fff url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/digmania.itembox.design/item/img/nav02.png") no-repeat 12px center / 36px;
		}
		#ranking .tabbox .tab li:nth-child(4) {
			background: #fff url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/digmania.itembox.design/item/img/nav03.png") no-repeat 12px center / 36px;
		}
		#ranking .tabbox .tab li:nth-child(5) {
			background: #fff url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/digmania.itembox.design/item/img/nav04.png") no-repeat 12px center / 36px;
		}
		#ranking .tabbox .tab li:nth-child(6) {
			background: #fff url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/digmania.itembox.design/item/img/nav05.png") no-repeat 12px center / 36px;
			margin-right: 0;
		}
		#ranking .tabbox .tab li.select {
			color: #fff;
			position: relative;
		}
		#ranking .tabbox .tab li.select:nth-child(1) {
			background: #302D2C url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/digmania.itembox.design/item/img/ranking.png") no-repeat 43% center / 36px;
		}
		#ranking .tabbox .tab li.select:nth-child(2) {
			background: #302D2C url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/digmania.itembox.design/item/img/nav01.png") no-repeat 12px center / 36px;
		}
		#ranking .tabbox .tab li.select:nth-child(3) {
			background: #302D2C url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/digmania.itembox.design/item/img/nav02.png") no-repeat 12px center / 36px;
		}
		#ranking .tabbox .tab li.select:nth-child(4) {
			background: #302D2C url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/digmania.itembox.design/item/img/nav03.png") no-repeat 12px center / 36px;
		}
		#ranking .tabbox .tab li.select:nth-child(5) {
			background: #302D2C url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/digmania.itembox.design/item/img/nav04.png") no-repeat 12px center / 36px;
		}
		#ranking .tabbox .tab li.select:nth-child(6) {
			background: #302D2C url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/digmania.itembox.design/item/img/nav05.png") no-repeat 12px center / 36px;
		}
		#ranking .tabbox .tab li.select:before {
			content: "";
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 8px 8px 0 8px;
			border-color: #302d2c transparent transparent transparent;
			position: absolute;
			bottom: -8px;
			left: 50%;
			margin-left: -8px;
		}


	#ranking .tabbox .cell.hide {
		display: none
	}
		#ranking .tabbox .cell .box {
			width: 19%;
			background: #fff;
		}
			#ranking .tabbox .cell .box a {
				display: block;
				position: relative;
			}
			#ranking .tabbox .cell .box a:before {
				width: 30px;
				height: 30px;
				font-family: 'Roboto', sans-serif;
				font-size: 14px;
				font-weight: 500;
				text-align: center;
				line-height: 30px;
				-webkit-font-smoothing: antialiased;
				-webkit-text-size-adjust: 100%;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2;
			}
			#ranking .tabbox .cell .box:nth-child(1) a:before {
				content: "1";
				color: #fff;
				background: #BCA96E;
			}
			#ranking .tabbox .cell .box:nth-child(2) a:before {
				content: "2";
				color: #302D2C;
				background: #D2D5D9;
			}
			#ranking .tabbox .cell .box:nth-child(3) a:before {
				content: "3";
				color: #fff;
				background: #A27538;
			}
			#ranking .tabbox .cell .box:nth-child(4) a:before {
				content: "4";
				color: #fff;
				background: #302D2C;
			}
			#ranking .tabbox .cell .box:nth-child(5) a:before {
				content: "5";
				color: #fff;
				background: #302D2C;
			}
				#ranking .tabbox .cell .box a .pht {
					overflow: hidden;
				}
					#ranking .tabbox .cell .box a .pht img {
						-moz-transition: -moz-transform 0.2s linear;
						-webkit-transition: -webkit-transform 0.2s linear;
						-o-transition: -o-transform 0.2s linear;
						-ms-transition: -ms-transform 0.2s linear;
						transition: transform 0.2s linear;
					}
					#ranking .tabbox .cell .box a:hover .pht img {
						-webkit-transform: scale(1.05);
						-moz-transform: scale(1.05);
						-o-transform: scale(1.05);
						-ms-transform: scale(1.05);
						transform: scale(1.05);
					}


				#ranking .tabbox .cell .box a .text {
					padding: 20px;
				}
					#ranking .tabbox .cell .box a .text h3 {
						padding-top: 15px;
						font-size: 16px;
						font-weight: 500;
						line-height: 1.5em;
						padding-bottom: 10px;
					}

					#ranking .tabbox .cell .box a .text .price {
						margin: 0;
						font-size: 12px;
					}
						#ranking .tabbox .cell .box a .text .price span {
							font-size: 20px;
							padding-right: 3px;
						}






/* recommend
----------------- */
#recommend {
	width: 100%;
	padding: 100px 0 100px 0;
}
	#recommend .swiper-container .swiper-wrapper .swiper-slide {
		width: 23.125%;
		margin-right: 2.5%;
	}
	#recommend .swiper-container .swiper-wrapper .swiper-slide:nth-child(4n) {
		margin-right: 0;
	}
		#recommend .swiper-container .swiper-wrapper .swiper-slide a {
			display: block;
		}
			#recommend .swiper-container .swiper-wrapper .swiper-slide a .pht {
				border: solid 1px #ddd;
				overflow: hidden;
			}
				#recommend .swiper-container .swiper-wrapper .swiper-slide a .pht img {
					-moz-transition: -moz-transform 0.2s linear;
					-webkit-transition: -webkit-transform 0.2s linear;
					-o-transition: -o-transform 0.2s linear;
					-ms-transition: -ms-transform 0.2s linear;
					transition: transform 0.2s linear;
				}
				#recommend .swiper-container .swiper-wrapper .swiper-slide a:hover .pht img {
					-webkit-transform: scale(1.05);
					-moz-transform: scale(1.05);
					-o-transform: scale(1.05);
					-ms-transform: scale(1.05);
					transform: scale(1.05);
				}

			#recommend .swiper-container .swiper-wrapper .swiper-slide a h3 {
				padding-top: 15px;
				font-size: 16px;
				font-weight: 500;
				line-height: 1.5em;
				padding-bottom: 10px;
			}

			#recommend .swiper-container .swiper-wrapper .swiper-slide a .price {
				margin: 0;
				font-size: 12px;
			}
				#recommend .swiper-container .swiper-wrapper .swiper-slide a .price span {
					font-size: 20px;
					padding-right: 3px;
				}





/* insta
------------------ */
#insta {
	width: 100%;
	overflow: hidden;
}
	#insta .title img {
		position: absolute;
		top: -20px;
		left: 50%;
		margin-left: 150px;
	}


	#insta .iswd-copyright-wrapper {
		display: none !important;
	}


	#insta #insta-window {
		border: none !important;
		border-radius: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		margin-bottom: 50px;
	}
		#insta #insta-window .iswd-images-item {
			width: 20% !important;
			padding: 0 !important;
			line-height: 0 !important;
		}
			#insta #insta-window .iswd-images-item a {
				display: block !important;
				transition: 0.3s;
				-webkit−transition: 0.3s;
			}
			#insta #insta-window .iswd-images-item a:hover {
				opacity: 0.7;
			}