@charset "utf-8";

.top_section {
	margin-top : 150px;}

/* shop_news
------------------------------------------------ */
#shop_news {
	display: none;
	margin: 20px 3%;
	font-size: 1rem;
}
#shop_news .frame { padding: 10px 5%; border: solid #010101 1px; }

	#shop_news .red { color: #c00; }
	#shop_news a { text-decoration: underline; }

/* top_new_arrival
------------------------------------------------ */
#top_new_arrival {
	margin-top: 40px;
}

	#top_new_arrival .title1 { margin-bottom: 10px; }
	#top_new_arrival .item_list1 { margin: 0 3%; }
		#top_new_arrival .item_list1 li { margin-bottom: 15px; width: 48%; }
		#top_new_arrival .item_list1 li:nth-of-type(2n) { float: right; }
		#top_new_arrival .item_list1 li:nth-of-type(2n+1) { clear: both; }

/* top_pick_up
------------------------------------------------ */
#top_pick_up {
	margin-top: 0px;
}

	#top_pick_up .slide1 {
		margin: 0 auto 20px;
		width: 94%;
	}

		#top_pick_up .slide1 .frame {}
			#top_pick_up .slide1 .move {}
				#top_pick_up .slide1 .move li {}
					#top_pick_up .slide1 .move li a,
					#top_pick_up .slide1 .move li span.a { margin: 0 5% }

	#top_pick_up .slide {
		position: relative;
		margin: 0 auto 20px;
		width: 100%;
	}

		#top_pick_up .slide .frame { position: relative; width: 100%; height: 100%; overflow: hidden; }
			#top_pick_up .slide .move { position: absolute; top: 0; left: 0; height: 100%; }
				#top_pick_up .slide .move li { float: left; }

		#top_pick_up .slide .photo {
			width: 100%;
		}

			#top_pick_up .slide .photo .frame {}
				#top_pick_up .slide .photo .move {}
					#top_pick_up .slide .photo .move li {}
						#top_pick_up .slide .photo .move li a { display: block; }
						#top_pick_up .slide .photo .move li img { width: 100%; }

		#top_pick_up .slide .direct {
			position: relative;
			margin: 0;
			top : -70vw;
		}

			#top_pick_up .slide .direct .prev,
			#top_pick_up .slide .direct .next {
				/* テストで消すdisplay : none; 
				position: absolute; 
				top: 0; 
				width: 16px; 
				height: 16px; 
				background-position: left top; 
				background-repeat: no-repeat; 
				background-size: 100%; 
				text-indent: 100%; 
				white-space: nowrap; 
				overflow: hidden; */
			}
			#top_pick_up .slide .direct .prev { 
				/* テストで消すleft: 0; background-image: url(../../../img/sp/share/sp_slide_prev1.png */); 
			}
			#top_pick_up .slide .direct .next { 
				/* テストで消すright: 0; background-image: url(../../../img/sp/share/sp_slide_next1.png */); 
			}
			#top_pick_up .slide .direct .next:before {
				position: absolute;
    		top: 42% !important;
    		right: 5px;
    		width: 16px;
    		height: 16px;
    		margin: -5px 0 0 0;
    		border-top: solid 1px #4f4f4f;
    		border-right: solid 1px #4f4f4f;
    		-webkit-transform: rotate(45deg);
    		transform: rotate(45deg);
    		content: "";
			}
			#top_pick_up .slide .direct .prev:before {
    		position: absolute;
    		top: 42% !important;
    		left: 5px;
    		width: 16px;
    		height: 16px;
    		margin: -5px 0 0 0;
    		border-bottom: solid 1px #4f4f4f;
    		border-left: solid 1px #4f4f4f;
    		-webkit-transform: rotate(45deg);
    		transform: rotate(45deg);
    		content: "";
			}
			#top_pick_up .slide .direct .thumb { 
				height: 100%; 
				text-align: center; 
				position: absolute;
				top: 65vw;
				width: 100%;
			}
				#top_pick_up .slide .direct .thumb a { display: inline-block; margin: 3px 10px 0; width: 6px; height: 6px; background: #ccc; border-radius: 50%; vertical-align: top; line-height: 12px; }
				#top_pick_up .slide .direct .thumb a.on { background: #041c2c; text-decoration: none; }

		#top_pick_up .slide .info {
		}

			#top_pick_up .slide .info .frame {}
				#top_pick_up .slide .info .move {}
					#top_pick_up .slide .info .move li {}
						#top_pick_up .slide .info .move li dl {}
							#top_pick_up .slide .info .move li dl dt { font-size: 1.1rem; font-weight: bold; }
							#top_pick_up .slide .info .move li dl dd { font-size: 1rem; }

/* top_category
------------------------------------------------ */
#top_category {
	margin-top: 40px;
}
#top_category img { width: 100%; }

	#top_category dl {
		margin-top: 30px;
		text-align: center;
	}
	#top_category dl:first-child { margin-top: 0; }

		#top_category dl dt { font-size: .8rem; }
		#top_category dl dd {}
			#top_category dl dd ul { margin: 0 3%; }
				#top_category dl dd ul li { display: inline-block; margin-top: 20px; width: 48%; margin-right: 4%; vertical-align: middle; }
				#top_category dl dd ul li:nth-of-type(2n) { margin-right: 0; }

/* top_information
------------------------------------------------ */
#top_information {
	margin: 40px 3% 0;
}

	#top_information dt {
		position: relative;
		padding: 8px 3%;
		background: #041c2c;
		font-size: .8rem;
		line-height: 1;
	}

		#top_information dt > img { width: 32%; }
		#top_information dt a { position: absolute; top: 8px; right: 3%; display: block; width: 16%; }
			#top_information dt a img { width: 100%; }

	#top_information dd {
		padding: 8px 3%;
		background: #f0f0f0;
	}

		#top_information dd ul {}
			#top_information dd ul li { font-size: 1rem; }

/* banner_list
------------------------------------------------ */
.banner_list {
	margin-top: 40px;
}

	.banner_list .slide1 {
	}

		.banner_list .slide1 .frame { width: 94%; }
			.banner_list .slide1 .move {}
				.banner_list .slide1 .move > li {}
					.banner_list .slide1 .move > li ul {}
						.banner_list .slide1 .move > li ul li { float: left; margin-bottom: 20px; width: 48%; }
						.banner_list .slide1 .move > li ul li:nth-of-type(2n) { float: right; }
						.banner_list .slide1 .move > li ul li:nth-of-type(2n+1) { clear: both; }
						.banner_list .slide1 .move > li ul li:nth-of-type(3),
						.banner_list .slide1 .move > li ul li:nth-of-type(4) { margin-bottom: 0; }
							.banner_list .slide1 .move > li ul li img { width: 100%; }

/* top_styling
------------------------------------------------ */
#top_ranking {
	position: relative;
	margin: 20px 3% 0;
	padding-top: 20px;
}
#top_ranking section { background: #f9f9f9; }

	#top_ranking .title1 {
		position: absolute;
		top: 4px;
		left: -3%;
		width: 106%;
		z-index: 2;
	}

	#top_ranking .item_list1 {
	}


		#top_ranking .item_list1 li { margin-bottom: 10px; width: 48%; background: #fff; }
		#top_ranking .item_list1 li:nth-of-type(2n) { clear: both; }
		#top_ranking .item_list1 li:nth-of-type(2n+1) { float: right; }
		#top_ranking .item_list1 li:nth-of-type(1) { width: 100%; }
			#top_ranking .item_list1 li a { padding: 10px 8%; }
			#top_ranking .item_list1 li .rank { width: 16%; }
			#top_ranking .item_list1 li:nth-of-type(1) .rank { width: 12%; }

	#top_ranking .btn_more1 {
		margin-top: 10px;
		width: 100%;
	}
