﻿
.formbox_top_srch {
	width: auto;
	height: 200px;
	margin: 0 8px 10px;
	border: 1px #FFF solid;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #999;
	box-sizing: border-box;
	display: block;
}

#keyword_box {
	width: auto;
	height: 34px;
	margin: 10px 6px;
	display: block;
}

	#keyword_box #txtbox {
		width: 80%;
		float: left;
		position: relative;
	}

		#keyword_box #txtbox input[type='text']#srch_textbox {
			width: 100%;
			height: 34px;
			padding: 2px 0;
			text-indent: 65px;
			background: #FFF;
			border: 1px #FFF solid;
			box-shadow: inset 1px 2px 3px #CCC;
			display: block;
			appearance: none;
			-webkit-appearance: none;
			position: absolute;
			top: 0;
			left: 0;
		}

	#keyword_box #kensaku_btn {
		width: 20%;
		float: right;
		position: relative;
	}

		#keyword_box #kensaku_btn input[type='button']#srch_keyword_btn {
			width: 100%;
			height: 34px;
			text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
			border: 1px #636363 solid;
			display: block;
			appearance: none;
			-webkit-appearance: none;
			position: absolute;
			top: 0;
			left: 0;
		}

		#keyword_box #kensaku_btn label#srch_btn_label {
			width: 100%;
			height: auto;
			line-height: 34px;
			display: block;
			-webkit-tap-highlight-color: rgba(0,0,0,0);
			position: absolute;
			top: 0;
			left: 0;
		}

	#keyword_box #txtbox .slct_btn {
		width: 50px;
		height: 26px;
		display: block;
		position: absolute;
		top: 5px;
		left: 5px;
	}

		#keyword_box #txtbox .slct_btn .nav {
			width: 50px;
			height: 26px;
			margin: 0;
			padding: 0;
		}

			#keyword_box #txtbox .slct_btn .nav ul {
				width: 50px;
				height: 26px;
				margin: 0 auto;
				text-align: center;
				list-style: none;
				display: block;
			}

				#keyword_box #txtbox .slct_btn .nav ul li.on {
				}

				#keyword_box #txtbox .slct_btn .nav ul li {
					width: 50px;
					height: 26px;
				}

					#keyword_box #txtbox .slct_btn .nav ul li a {
						width: 48px;
						height: 24px;
						background: no-repeat center top;
						display: block;
					}

			#keyword_box #txtbox .slct_btn .nav li.search_w a {
				background-image: url(../images/common/glass_opn.png);
				background-size: 48px 24px;
			}

			#keyword_box #txtbox .slct_btn .nav li.search_w-up a {
				background-image: url(../images/common/glass_cls.png);
				background-size: 48px 24px;
			}

		#keyword_box #txtbox .slct_btn .bx-navpopup_w {
			width: 150px;
			position: absolute;
			z-index: 1;
			top: 29px;
			left: 0;
		}

			#keyword_box #txtbox .slct_btn .bx-navpopup_w ul {
				width: 150px;
				height: auto;
			}

				#keyword_box #txtbox .slct_btn .bx-navpopup_w ul li {
					width: 150px;
					height: 35px;
					padding: 2px;
					background: #FFF;
					border: 1px #CCC solid;
					border-top: none;
					box-sizing: border-box;
					display: block;
					position: relative;
				}

					#keyword_box #txtbox .slct_btn .bx-navpopup_w ul li input[type='radio'] {
						width: 144px;
						height: 30px;
						border: 0 #FFF solid;
						display: block;
						appearance: none;
						-webkit-appearance: none;
						position: absolute;
						top: -1px;
						left: -2px;
					}

						#keyword_box #txtbox .slct_btn .bx-navpopup_w ul li input[type='radio']:checked {
							background: url(../images/common/checked.png) no-repeat 112px 0;
							background-size: 30px 30px;
						}

					#keyword_box #txtbox .slct_btn .bx-navpopup_w ul li label {
						width: 100%;
						height: 30px;
						color: #F60;
						font-size: 15px;
						line-height: 30px;
						letter-spacing: 0.15em;
						text-indent: 5px;
						border-left: 4px #FC0 solid;
						box-sizing: border-box;
						display: block;
					}

			#keyword_box #txtbox .slct_btn .bx-navpopup_w .btn-close_w {
				width: 75px;
				height: 25px;
				color: #FFF;
				font-size: 25px;
				line-height: 25px;
				text-align: center;
				border: 1px #FFF solid;
				border-top: none;
				box-sizing: border-box;
				display: block;
			}

				#keyword_box #txtbox .slct_btn .bx-navpopup_w .btn-close_w img {
					width: 24px;
					height: 24px;
				}

	#keyword_box .srch_btn {
		margin: 0 5px;
		display: block;
	}

#keyword_box_02 {
	width: auto;
	height: 34px;
	margin: 0;
	background: #E8E8E8;
	border: 7px #E8E8E8 solid;
	display: block;
}

	#keyword_box_02 #txtbox {
		width: 80%;
		float: left;
		position: relative;
	}

		#keyword_box_02 #txtbox input[type='text']#srch_textbox {
			width: 100%;
			height: 34px;
			padding: 2px 0;
			text-indent: 65px;
			background: #FFF;
			border: 2px #FFF solid;
			box-shadow: inset 1px 2px 3px #CCC;
			display: block;
			appearance: none;
			-webkit-appearance: none;
			position: absolute;
			top: 0;
			left: 0;
		}

	#keyword_box_02 #kensaku_btn {
		width: 20%;
		float: right;
		position: relative;
	}

		#keyword_box_02 #kensaku_btn input[type='button']#srch_keyword_btn {
			width: 100%;
			height: 34px;
			text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
			border: 1px #333 solid;
			display: block;
			appearance: none;
			-webkit-appearance: none;
			position: absolute;
			top: 0;
			left: 0;
		}

		#keyword_box_02 #kensaku_btn label#srch_btn_label {
			width: 100%;
			height: auto;
			line-height: 34px;
			display: block;
			-webkit-tap-highlight-color: rgba(0,0,0,0);
			position: absolute;
			top: 0;
			left: 0;
		}

	#keyword_box_02 #txtbox .slct_btn {
		width: 50px;
		height: 26px;
		display: block;
		position: absolute;
		top: 5px;
		left: 5px;
	}

		#keyword_box_02 #txtbox .slct_btn .nav {
			width: 50px;
			height: 26px;
			margin: 0;
			padding: 0;
		}

			#keyword_box_02 #txtbox .slct_btn .nav ul {
				width: 50px;
				height: 26px;
				margin: 0 auto;
				text-align: center;
				list-style: none;
				display: block;
			}

				#keyword_box_02 #txtbox .slct_btn .nav ul li.on {
				}

				#keyword_box_02 #txtbox .slct_btn .nav ul li {
					width: 50px;
					height: 26px;
				}

					#keyword_box_02 #txtbox .slct_btn .nav ul li a {
						width: 48px;
						height: 24px;
						background: no-repeat center top;
						display: block;
					}

			#keyword_box_02 #txtbox .slct_btn .nav li.search_w a {
				background-image: url(../images/common/glass_opn.png);
				background-size: 48px 24px;
			}

			#keyword_box_02 #txtbox .slct_btn .nav li.search_w-up a {
				background-image: url(../images/common/glass_cls.png);
				background-size: 48px 24px;
			}

		#keyword_box_02 #txtbox .slct_btn .bx-navpopup_w {
			width: 150px;
			position: absolute;
			z-index: 1;
			top: 29px;
			left: 0;
		}

			#keyword_box_02 #txtbox .slct_btn .bx-navpopup_w ul {
				width: 150px;
				height: auto;
			}

				#keyword_box_02 #txtbox .slct_btn .bx-navpopup_w ul li {
					width: 150px;
					height: 35px;
					padding: 2px;
					background: #FFF;
					border: 1px #CCC solid;
					border-top: none;
					box-sizing: border-box;
					display: block;
					position: relative;
				}

					#keyword_box_02 #txtbox .slct_btn .bx-navpopup_w ul li input[type='radio'] {
						width: 144px;
						height: 30px;
						border: 0 #FFF solid;
						display: block;
						appearance: none;
						-webkit-appearance: none;
						position: absolute;
						top: -1px;
						left: -2px;
					}

						#keyword_box_02 #txtbox .slct_btn .bx-navpopup_w ul li input[type='radio']:checked {
							background: url(../images/common/checked.png) no-repeat 112px 0;
							background-size: 30px 30px;
						}

					#keyword_box_02 #txtbox .slct_btn .bx-navpopup_w ul li label {
						width: 100%;
						height: 30px;
						color: #F60;
						font-size: 15px;
						line-height: 30px;
						letter-spacing: 0.15em;
						text-indent: 5px;
						border-left: 4px #FC0 solid;
						box-sizing: border-box;
						display: block;
					}

			#keyword_box_02 #txtbox .slct_btn .bx-navpopup_w .btn-close_w {
				width: 75px;
				height: 25px;
				color: #FFF;
				font-size: 25px;
				line-height: 25px;
				text-align: center;
				border: 1px #FFF solid;
				border-top: none;
				box-sizing: border-box;
				display: block;
			}

				#keyword_box_02 #txtbox .slct_btn .bx-navpopup_w .btn-close_w img {
					width: 24px;
					height: 24px;
				}

#srch_frm {
	height: auto;
	margin: 0 0 10px;
	padding: 18px 10px;
	background: #FAF8F5;
	border-bottom: 1px #AAA dashed;
	display: block;
	overflow: hidden;
}

	#srch_frm ul.srch_shop_girl {
		margin-bottom: 16px;
		display: box;
		display: -webkit-box;
		display: -moz-box;
		display: -o-box;
		display: -ms-flexbox;
	}

		#srch_frm ul.srch_shop_girl li {
			width: 48%;
			background: #FFF;
			border-radius: 5px;
			display: block;
		}

			#srch_frm ul.srch_shop_girl li:first-child {
				margin-right: 4%;
			}

			#srch_frm ul.srch_shop_girl li a.btn_large {
				height: 72px;
				padding: 0 10px;
				color: #333;
				font-size: 15px;
				font-weight: bold;
				line-height: 72px;
				background: url(../images/common/right_min.gif) no-repeat right;
				background-size: 25px auto;
				border: 1px #CCC solid;
				border-radius: 5px;
				display: block;
			}

				#srch_frm ul.srch_shop_girl li a.btn_large img {
					width: 20px;
					margin: 0 0.4em 0 0;
					padding: 26px 0;
				}

	#srch_frm ul.srch_area_type {
		display: block;
	}

		#srch_frm ul.srch_area_type li {
			width: 100%;
			margin-bottom: 5px;
			background: #FFF;
			border-radius: 5px;
			display: block;
		}

			#srch_frm ul.srch_area_type li:last-child {
				margin-bottom: 0;
			}

			#srch_frm ul.srch_area_type li a.btn_middle_full {
				height: 36px;
				padding: 0 10px;
				color: #333;
				font-size: 13px;
				line-height: 36px;
				background: url(../images/common/right_min.gif) no-repeat right;
				background-size: 25px auto;
				border: 1px #CCC solid;
				border-radius: 5px;
				display: block;
			}

				#srch_frm ul.srch_area_type li a.btn_middle_full img {
					width: 20px;
					padding: 8px 0;
				}

#srch_etc_frm {
	height: auto;
	margin: -10px 0 10px;
	padding: 15px 10px 10px;
	display: block;
	overflow: hidden;
}

ul#tabs {
	width: auto;
	height: 38px;
	margin: 5px 0 0;
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -o-box;
	display: -ms-flexbox;
}

	ul#tabs li {
		height: 35px;
		color: #555;
		font-size: 12px;
		text-align: center;
		text-shadow: 0 -1px 1px #FFF;
		background: #FF7300;
		background: -webkit-gradient(linear,left bottom,left top,to(#FCFCFC),color-stop(0.9,#F7F7F7),from(#D2D2D2));
		background: -moz-linear-gradient(top,#FCFCFC 0%,#F7F7F7 1%,#EDEDED 98%,#D2D2D2 99%);
		background: -o-linear-gradient(top,#FCFCFC 0%,#F7F7F7 1%,#EDEDED 98%,#D2D2D2 99%);
		background: -ms-linear-gradient(top,#FCFCFC 0%,#F7F7F7 1%,#EDEDED 98%,#D2D2D2 99%);
		border-bottom: 2px #FFF solid;
		box-sizing: border-box;
		display: box;
		display: -webkit-box;
		display: -moz-box;
		display: -o-box;
		display: -ms-flexbox;
		box-flex: 1;
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		-o-box-box-flex: 1;
		-ms-box-box-flex: 1;
		-webkit-box-align: center;
		-moz-box-align: center;
		-o-box-align: center;
		-ms-box-align: center;
		-webkit-box-pack: center;
		-moz-box-pack: center;
		-o-box-pack: center;
		-ms-box-pack: center;
		position: relative;
		top: 4px;
	}

		ul#tabs li.active {
			height: 39px;
			color: #FFF;
			font-size: 12px;
			text-align: center;
			text-shadow: 0 -1px 1px #F30;
			background: #F90;
			border: 2px #FFF solid;
			border-bottom: 2px rgba(0,0,0,0) solid;
			border-radius: 5px 5px 0 0;
			box-sizing: border-box;
			position: relative;
			top: 1px;
		}

div#content {
	width: 100%;
	height: auto;
	margin: 0;
	background: #F90;
	border: 2px #FFF solid;
	box-sizing: border-box;
}

	div#content .items {
		width: 100%;
		height: auto;
		margin-top: 5px;
		background: #FFF;
	}

		div#content .items p,
		div#content .items p img.cont_img {
			width: 100%;
			height: auto;
			display: block;
		}

			div#content .items p span.news_time {
				margin: 0 5px;
				padding: 5px 0 0;
				font-size: 12px;
				display: block;
			}

			div#content .items p a.news {
				height: auto;
				margin: 0 5px;
				padding: 10px 0;
				color: #333;
				background: url(../images/common/right_min.gif) no-repeat right;
				border-bottom: 1px #CCC solid;
				display: block;
			}

			div#content .items p a.to_newslist {
				height: auto;
				margin: 0 5px;
				padding: 10px 0;
				color: #F60;
				display: block;
			}

	div#content li {
		padding: 5px 0;
		color: #F90;
		text-align: center;
		display: block;
		box-flex: 1;
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		-o-box-box-flex: 1;
		-ms-box-box-flex: 1;
	}

		div#content li.active {
			color: #FFF;
			background: #FF8E01;
		}

.bg_arrow {
	background: url(../images/common/right_min.gif) no-repeat right;
}

dt.menu_list {
	position: relative;
}

	dt.menu_list .ico_list_cls img,
	dt.menu_list .ico_list_opn img {
		width: 20px;
		height: 20px;
		position: absolute;
		top: 11px;
		right: 10px;
	}

ul.news_area {
	width: 100%;
	height: auto;
	margin: 10px 0 5px;
	color: #F90;
	font-size: 10px;
	word-break: break-all;
	border-bottom: 1px #F90 solid;
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -o-box;
	display: -ms-flexbox;
}

	ul.news_area li {
		height: auto;
		padding: 10px 0;
		text-align: center;
		box-flex: 1;
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		-o-box-box-flex: 1;
		-ms-box-box-flex: 1;
	}

		ul.news_area li.news_on {
			color: #FFF;
			background: #FF8E01;
		}

.news_frame {
	width: 100%;
	height: auto;
	display: block;
}

	.news_frame a.news_ttl {
		width: 100%;
		height: auto;
		padding: 10px 0;
		color: #333;
		text-indent: 5px;
		background: url(../images/common/right_min.gif) no-repeat right;
		border-bottom: 1px #CCC solid;
		display: block;
	}

	.news_frame a.to_newslist {
		height: auto;
		padding: 7px 10px;
		color: #F90;
		text-align: right;
		display: block;
	}

.search_inner {
	width: 210px;
	height: auto;
	background: #FFF;
	border: 5px #FFF solid;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	display: block;
	position: absolute;
	z-index: 99;
	top: 37px;
	left: 5px;
}

	.search_inner ul li {
		background: #EEE no-repeat right center;
		background-image: url(../images/common/right_min.gif);
		background-image: url(../images/common/right_min.gif),-webkit-gradient(linear,0% 0%,0% 100%,from(#FFF),to(#EEE));
		background-image: url(../images/common/right_min.gif),-moz-linear-gradient(top,#FFF 0%,#EEE 99%);
	}

.cont_cap {
	position: relative;
}

	.cont_cap .cont_cap_tri {
		width: 100%;
		height: auto;
		display: block;
		position: absolute;
		top: 20px;
		left: 0;
	}

		.cont_cap .cont_cap_tri .cont_cap_tri_inner {
			width: 0;
			height: 0;
			margin: 0 auto;
			border: 10px transparent solid;
			border-top-color: #FFF;
			display: block;
		}

.cont_ttl {
	width: 100%;
	height: 25px;
	margin: 0 0 5px;
	color: #FFF;
	line-height: 25px;
	text-align: center;
	display: block;
}

.cont_ttl_s_g {
	width: 117px;
	height: auto;
	display: block;
}

.cont_ttl_s_m {
	width: 180px;
	height: auto;
	margin-left: 3px;
	display: block;
}

.cont_img_s {
	width: 57px;
	height: auto;
	display: block;
}

	.cont_img_s img {
		width: 57px;
		height: auto;
	}

.cont_img_s_on {
	width: 48px;
	height: auto;
	border: 4px #F90 solid;
	display: block;
	overflow: hidden;
}

	.cont_img_s_on img {
		width: 57px;
		height: auto;
		margin: -4px;
	}

.gravure_img {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}

	.gravure_img img {
		width: 100%;
	}

.gravure_img_cap {
	width: 100%;
	height: auto;
	background-image: url(../images/common/label_back_off_sp.png);
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
}

.ico_new {
	width: 20px;
	height: 20px;
	color: #FFF;
	font-size: 9px;
	line-height: 20px;
	text-align: center;
	background: #F00;
	border: 1px #FFF solid;
	border-radius: 20px;
	position: absolute;
	top: -7px;
}

a.waku_newface {
	display: block;
	box-flex: 1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-o-box-flex: 1;
	-ms-box-flex: 1;
}

	a.waku_newface .waku_newface_img {
		width: 100%;
		height: 90px;
		display: block;
		overflow: hidden;
	}

		a.waku_newface .waku_newface_img img {
			width: 70px;
			height: auto;
			display: block;
			margin: 0 auto;
		}

	a.waku_newface .newface_name {
		width: 100%;
		height: auto;
		padding: 5px 0 0;
		color: #F0F;
		font-size: 10px;
		text-align: center;
		display: block;
	}

a.waku_ranking {
	width: 33.33%;
	letter-spacing: 0;
	vertical-align: top;
	display: inline-block;
	position: relative;
}

	a.waku_ranking .waku_ranking_img {
		width: 84px;
		height: 84px;
		margin: 0 auto;
		background: #000;
		overflow: hidden;
		position: relative;
	}

		a.waku_ranking .waku_ranking_img img {
			width: 100%;
			margin: auto;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
		}

	a.waku_ranking [class*='ranking_name'] {
		padding: 5px 0 0;
		color: #F0F;
		font-size: 10px;
		letter-spacing: 0.01em;
		text-align: center;
	}

	a.waku_ranking [class='ranking_name_shop'] {
		color: #F90 !important;
	}

	a.waku_ranking img.ico_rank {
		width: 30px;
		height: 30px;
		position: absolute;
		top: 0;
		left: 5px;
	}

	a.waku_ranking img.ico_flow {
		width: 15px;
		height: 15px;
		position: absolute;
		top: 30px;
		left: 5px;
	}

#top_navi {
	margin-top: -10px;
}

#tyumoku {
	width: 100%;
	height: auto;
	padding: 8px 7px 2px 0;
	word-break: break-all;
	border-bottom: 10px #FFF solid;
	box-sizing: border-box;
	display: block;
}

	#tyumoku #tyumoku_words {
		margin: 0 0 3px 48px;
		word-break: break-all;
		display: block;
	}

		#tyumoku #tyumoku_words a.tyumoku_word {
			width: 46.5%;
			height: auto;
			margin: 0 0 3px;
			padding: 10px 0 10px 5px;
			color: #333;
			font-size: 14px;
			font-weight: bold;
			word-break: break-all;
			background: #FFF;
			border: 1px #FFF solid;
			border-radius: 5px;
			display: block;
		}

			#tyumoku #tyumoku_words a.tyumoku_word span {
				margin: 0 5px 0 0;
				padding: 0 0 0 3px;
				background: url(../images/common/arrow_10px_gr.gif) no-repeat right;
				border-left: 5px #FB0 solid;
				display: block;
			}

a.ichioshi_100 {
	width: 100%;
	height: auto;
	margin: 13px 0 5px;
	padding: 5px 0;
	color: #F90;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	text-indent: 3px;
	background: url(../images/common/right_min.gif) no-repeat right;
	background-size: 25px auto;
	border: 1px #FB0 solid;
	border-radius: 5px;
	display: block;
}

	a.ichioshi_100 img {
		width: 24px;
		padding: 2px 0;
	}

	a.ichioshi_100 .ichioshi_cap {
		color: #333;
		font-size: 11px;
		font-weight: normal;
	}

.ichioshi_100_top {
	width: 100%;
	height: 22px;
	margin: 10px 0 0;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	text-indent: 3px;
	background: #58AF31;
	border: 1px #58AF31 solid;
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	display: inline-block;
	position: relative;
}

	.ichioshi_100_top:before {
		content: '';
		margin-top: -10px;
		margin-left: -10px;
		border-top: 7px #58AF31 solid;
		border-left: 7px transparent solid;
		border-right: 7px transparent solid;
		position: absolute;
		left: 50%;
		bottom: -7px;
	}

	.ichioshi_100_top img {
		width: 11px;
		padding: 4px 0;
	}

	.ichioshi_100_top .position {
		width: 100%;
		text-align: center;
		display: inline-block;
	}

		.ichioshi_100_top .position img {
			padding: 5px 5px 0 2px;
		}

.ichioshi_100_bottom {
	width: 100%;
	height: 25px;
	padding: 5px 0;
	color: #58AF31;
	font-size: 13px;
	font-weight: bold;
	line-height: 26px;
	text-indent: 3px;
	background: url(../images/common/right_min_g.gif) no-repeat right;
	background-size: 25px auto;
	border: 1px #58AF31 solid;
	border-radius: 0 0 5px 5px / 0 0 5px 5px;
	display: block;
}

	.ichioshi_100_bottom .ichioshi_cap {
		color: #333;
		font-size: 11px;
		font-weight: normal;
	}

	.ichioshi_100_bottom img {
		width: 24px;
	}

.top-reviewLink-button {
	display: block;
}

.point_search_banner {
	margin-bottom: 15px;
	padding: 0 8px;
	text-align: center;
}

	.point_search_banner img {
		width: 100%;
	}

.word_slides_6ver ul li {
	width: 97%;
	height: 34px;
	margin: 0 0 0 3%;
	animation-name: anim_slides_6ver;
	animation-delay: 0;
	animation-direction: normal;
	animation-duration: 18.0s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-play-state: running;
	animation-timing-function: linear;
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
}

	.word_slides_6ver ul li:nth-child(2) {
		animation-delay: 6.0s;
		left: 100%;
	}

	.word_slides_6ver ul li:nth-child(3) {
		animation-delay: 12.0s;
		left: 100%;
	}

	.word_slides_6ver ul li div {
		width: 100%;
	}

		.word_slides_6ver ul li div a {
			width: 43%;
			color: #333;
			margin: 0 3% 0 0;
			padding: 10px 2%;
			font-size: 14px;
			font-weight: bold;
			background: #FFF;
			border-radius: 5px;
			display: block;
			float: left;
		}

	.word_slides_6ver ul li a span {
		margin: 0;
		padding: 0 0 0 3px;
		white-space: nowrap;
		text-overflow: ellipsis;
		background: url(../images/common/arrow_10px_gr.gif) no-repeat right;
		border-left: 5px #FB0 solid;
		display: block;
		overflow: hidden;
	}

@-webkit-keyframes anim_slides_6ver {
	0% {
		opacity: 0;
		left: 100%;
	}

	5% {
		opacity: 1;
		left: 0%;
	}

	28% {
		opacity: 1;
		left: 0%;
	}

	33% {
		opacity: 0;
		left: -100%;
	}

	100% {
		opacity: 0;
		left: -100%;
	}
}

@-moz-keyframes anim_slides_6ver {
	0% {
		opacity: 0;
		left: 100%;
	}

	5% {
		opacity: 1;
		left: 0%;
	}

	28% {
		opacity: 1;
		left: 0%;
	}

	33% {
		opacity: 0;
		left: -100%;
	}

	100% {
		opacity: 0;
		left: -100%;
	}
}

@-ms-keyframes anim_slides_6ver {
	0% {
		opacity: 0;
		left: 100%;
	}

	5% {
		opacity: 1;
		left: 0%;
	}

	28% {
		opacity: 1;
		left: 0%;
	}

	33% {
		opacity: 0;
		left: -100%;
	}

	100% {
		opacity: 0;
		left: -100%;
	}
}

@keyframes anim_slides_6ver {
	0% {
		opacity: 0;
		left: 100%;
	}

	5% {
		opacity: 1;
		left: 0%;
	}

	28% {
		opacity: 1;
		left: 0%;
	}

	33% {
		opacity: 0;
		left: -100%;
	}

	100% {
		opacity: 0;
		left: -100%;
	}
}

#sokuBox {
	background: #FFF;
	border: 2px #33F solid;
	box-shadow: 1px 1px 3px #99C;
}

	#sokuBox .soku_title1 {
		margin: 0;
		padding: 3px 4px 4px;
		color: #FFF;
		font-size: 18px;
		line-height: 27px;
		text-align: center;
		background: #03F;
		background: -webkit-gradient(linear, left bottom, left top,to(#1E2EFF), color-stop(0.5,#1E2EFF), color-stop(0.49,#0910DF), color-stop(0.03,#0910DF), color-stop(0.02,#2525FF), color-stop(0.01,#2525FF), from(#0F1FFC));
		background: -moz-linear-gradient(top, #1E2EFF 0%, #1E2EFF 50%, #0910DF 51%, #2525FF 98%, #2525FF 99%);
		background: -ms-linear-gradient(top, #1E2EFF 0%, #1E2EFF 50%, #0910DF 51%, #2525FF 98%, #2525FF 99%);
		background: -o-linear-gradient(top, #1E2EFF 0%, #1E2EFF 50%, #0910DF 51%, #2525FF 98%, #2525FF 99%);
		border-radius: 2px 2px 0 0;
	}

		#sokuBox .soku_title1 .icon_ttl {
			width: 36px;
			margin: -9px 6px 0 -18px;
			padding: 0 1px;
			display: inline-block;
			animation: sokuBlink 1.5s infinite alternate running;
		}

		#sokuBox .soku_title1 .ttl_totop {
			right: 4px;
		}

	#sokuBox .soku_title2 {
		margin: 0 0 3px;
		padding: 0 0 9px;
		color: #111;
		font-size: 105%;
		line-height: 36px;
		text-align: center;
		background: url('../images/common/ttl_belt.png') repeat-x 0 0;
		background-size: 5px 45px;
		position: relative;
	}

		#sokuBox .soku_title2 * {
			font-style: normal;
			font-weight: bold;
			vertical-align: baseline;
		}

		#sokuBox .soku_title2 em {
			font-size: 105%;
		}

		#sokuBox .soku_title2 i {
			color: #F00;
		}

		#sokuBox .soku_title2:after {
			content: '';
			width: 100%;
			height: 20px;
			background: url('../images/common/ttl_arrow.png') no-repeat 50% 0;
			background-size: 60px 20px;
			display: block;
			position: absolute;
			right: 0;
			bottom: -10px;
		}

	#sokuBox .soku_list li {
		margin: 0 5px;
		padding: 10px 5px;
		border-top: 1px #DDD solid;
	}

		#sokuBox .soku_list li:first-child {
			border-top: none;
		}

		#sokuBox .soku_list li a {
			color: #111;
		}

	#sokuBox .soku_list .thumb {
		width: 60px;
		height: 60px;
		overflow: hidden;
	}

		#sokuBox .soku_list .thumb img {
			width: 100%;
		}

	#sokuBox .soku_list .info {
		min-width: 215px;
	}

		#sokuBox .soku_list .info strong {
			/* white-space: nowrap; */
			/* text-overflow: ellipsis; */
			/* overflow: hidden; */
		}

@keyframes sokuBlink {
	50% {
		opacity: 0.25;
	}
}

.box_top_cont {
	width: auto;
	height: auto;
	margin: 0 0 15px; /* 0 9px 12px */
	background: #FFF;
	border: 1px #FFF solid;
	/* border-radius: 5px; */
	box-sizing: border-box;
	/* box-shadow: 1px 1px 3px #999; */
	display: block;
	position: relative;
}

	.box_top_cont .more {
		position: absolute;
		top: 10px;
		right: 7.5px;
	}

	.box_top_cont b.new_ttl {
		margin: 0 5px 0 0;
		padding: 0 2.5px 0 5px;
		color: #F00;
		line-height: 25px;
		vertical-align: top;
		background: #FFF;
		border-radius: 2.5px 0 0 2.5px;
		display: inline-block;
		position: relative;
	}

		.box_top_cont b.new_ttl:after {
			content: '';
			width: 0;
			height: 0;
			border-left: 10px #FFF solid;
			border-bottom: 25px transparent solid;
			display: block;
			position: absolute;
			right: -10px;
			bottom: 0;
		}

	.box_top_cont img.icon_ttl {
		width: 25px;
		height: auto;
	}

	.box_top_cont img.ttl_totop {
		width: 25px;
		height: 25px;
		position: absolute;
		right: 5px;
	}

.box_top_cont_mini {
	width: auto;
	height: auto;
	margin: 0 5px 7.5px;
	padding: 2.5px;
	display: block;
	position: relative;
}

	.box_top_cont_mini .more_mini {
		position: absolute;
		top: 2.5px;
		right: 7.5px;
	}

[id^='topBox'] dl {
	margin: 0 0 15px;
	padding: 10px;
	background: #FFF;
	border-bottom: 1px #E9E6E3 solid;
}

[id^='topBox'] dt {
	margin: -10px -10px 0;
	padding: 15px 0; /* 12.5px 0 */
	background: transparent;
	position: relative;
}

	[id^='topBox'] dt:not(.sub) {
		padding-bottom: 40px; /* 37.5px */
	}

	[id^='topBox'] dt * {
		line-height: 1.25;
	}

	[id^='topBox'] dt h2 {
		font-size: 185%; /* 175% */
		position: absolute;
		left: 10px;
		bottom: 10px;
	}

	[id^='topBox'] dt p {
		margin: 0 10px;
		color: #F70;
		font-size: 100%; /* 90% */
		font-weight: bold;
	}

	[id^='topBox'] dt.sub p {
		margin: -2.5px 10px; /* 追加 */
	}

	[id^='topBox'] dt a,
	[id^='topBox'] dt b {
		color: #555;
		font-weight: normal;
		position: absolute;
		right: 10px;
	}

	[id^='topBox'] dt a {
		color: #06F;
		/* right: 7.5px; */
	}

		[id^='topBox'] dt a:after {
			content: '';
			width: 6px;
			height: 6px;
			margin: 0 0 0 2px;
			border-top: 2px #B9B6B3 solid;
			border-right: 2px #B9B6B3 solid;
			transform: rotate(45deg);
			display: inline-block;
		}

[id^='topBox'] [id^='more_'] {
	letter-spacing: -0.4em;
}

	[id^='topBox'] [id^='more_'] > * {
		letter-spacing: 0;
	}

[id^='topBox'] a.more,
[class^='topBox'] a.more {
	margin: 0 30px 3px;
	padding: 9px;
	color: #403C3C;
	font-size: 127.5%;
	font-weight: bold;
	text-align: center;
	background: #F4F2F0;
	border-radius: 30px;
	display: block;
}

	[id^='topBox'] a.more[class*='sel'] {
		width: calc(50% - 31.5px);
		box-sizing: border-box;
		display: inline-block;
	}

	[id^='topBox'] a.more.sel1 {
		margin-right: 1.5px;
		padding-left: 15px;
		border-radius: 30px 0 0 30px;
	}

	[id^='topBox'] a.more.sel2 {
		margin-left: 1.5px;
		padding-right: 15px;
		border-radius: 0 30px 30px 0;
	}

[id^='topBox'] .topList {
	width: 100%;
	margin: -2.5px 0 2.5px;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	display: table;
}

	[id^='topBox'] .topList:last-child {
		margin-bottom: 12.5px;
	}

	[id^='topBox'] .topList > * {
		color: #403C3C;
		font-size: 110%;
		vertical-align: middle;
		display: table-cell;
	}

	[id^='topBox'] .topList .image {
		width: 90px;
		height: auto;
	}

		[id^='topBox'] .topList .image img {
			width: calc(100% - 10px);
			height: 80px;
			margin: 5px 0;
			border-radius: 7.5px;
			object-fit: cover;
			display: block;
		}

	[id^='topBox'] .topList .text {
		padding: 10px 0;
		border-top: 1px #EEE solid;
	}

	[id^='topBox'] .topList:last-child .text {
		/* padding-bottom: 12.5px; */
		border-bottom: 1px #EEE solid;
	}

	[id^='topBox'] .topList .text p {
		margin-bottom: 5px;
	}

		[id^='topBox'] .topList .text p:last-child {
			margin-bottom: 0;
		}

		[id^='topBox'] .topList .text p > * {
			font-style: normal;
			letter-spacing: 0;
			vertical-align: top;
			display: inline-block;
		}

		[id^='topBox'] .topList .text p > strong {
			font-size: 120%;
			line-height: 18px;
		}

			[id^='topBox'] .topList .text p > strong > span {
				max-width: calc(100% - 45px);
				margin-right: 1.5px;
				vertical-align: bottom;
				display: inline-block;
			}

		[id^='topBox'] .topList .text p > em {
			margin-right: 4.5px;
			padding: 3px;
			color: #FF0;
			font-size: 90%;
			line-height: 12px;
			border-radius: 3px;
		}

	[id^='topBox'] .topList .text marquee {
		color: #F6C;
		font-size: 82.5%;
		line-height: 1.25;
		display: block;
	}

#topBoxNewContents dt + dd {
	margin: 0 -10px;
	position: relative;
}

	#topBoxNewContents dt + dd * {
		width: 100%;
		height: auto;
	}

#topBoxNewContents .textSection {
	padding: 7.5px 10px;
	color: #FFF;
	line-height: 1.25;
	background: linear-gradient(0deg,rgba(0,0,0,60%) 0%,rgba(0,0,0,45%) 30%,transparent 100%);
	box-sizing: border-box;
	position: absolute;
	right: 0;
	bottom: 0;
}

	#topBoxNewContents .textSection .titleBox b {
		margin-right: 7.5px;
		font-size: 97.5%;
	}

		#topBoxNewContents .textSection .titleBox b:first-child {
			color: #FC0303;
			font-weight: normal;
		}

	#topBoxNewContents .textSection .areaBox {
		margin: 2.5px 0;
		font-size: 87.5%;
	}

	#topBoxNewContents .textSection .flexBox {
		font-size: 92.5%;
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
	}

		#topBoxNewContents .textSection .flexBox .left {
			min-width: 30%;
			margin-right: 10px;
		}

		#topBoxNewContents .textSection .flexBox .right {
			min-width: 30%; /* 45% */
			text-align: right;
		}

#topBoxNewContents .topList:first-child {
	margin-top: 12.5px;
}

#topBoxNewContents .topList:last-child {
	margin-bottom: 2.5px;
}

#topBoxNewContents .topList .image {
	width: 135px;
	position: relative;
}

	#topBoxNewContents .topList .image span {
		color: #FFF;
		font-size: 10px;
		text-align: center;
		position: absolute;
	}

		#topBoxNewContents .topList .image span.new {
			width: 27.5px;
			line-height: 27.5px;
			background: #F00;
			border-radius: 50%;
			animation: newContBlink 1s step-end infinite;
			transform: rotate(-25deg);
			top: 50px;
			left: 5px;
		}

		#topBoxNewContents .topList .image span.time {
			padding: 2px 4px;
			background: rgba(0,0,0,0.75);
			right: 15px;
			bottom: 10px;
		}

@keyframes newContBlink {
	75% {
		opacity: 0;
	}
}

#topBoxNewContents .topList .text p.type-gc {
	color: #F70;
}

#topBoxNewContents .topList .text p.type-gp {
	color: #F3069F;
}

#topBoxNewContents .topList .text p.type-mc {
	color: #93F;
}

#topBoxNewContents .topList .text p.type-mt {
	color: #30C030;
}

#topBoxNewContents .topList .text p:not([class^='type-']) {
	font-size: 87.5%;
	line-height: 1.25;
	text-overflow: ellipsis;
	overflow: hidden;
}

#topBoxNewContents .topList .text p.title {
	margin-top: -2.5px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

#topBoxNewContents .topList .text p.girl > * {
	max-width: calc(100% - 37.5px);
	margin-right: 2.5px;
}

#topBoxDiscount dl {
	margin-bottom: -1px;
	background-color: #FF4A40;
}

#topBoxDiscount dt {
	color: #FFF;
	/* background: url('../images/top/BG.png') #FF3C3C repeat 0 0; */
}

	#topBoxDiscount dt a {
		background-image: url('../images/top/discount.svg');
	}

	#topBoxDiscount dt p {
		color: #FF0;
	}

#topBoxDiscount dd:nth-of-type(1) {
	/* margin: 0 -2.5px; */
	padding: 0 7.5px;
	background: #FFF;
	border-radius: 5px;
}

#topBoxDiscount .topList {
	/* margin: -2.5px 0 2.5px; */
}

	#topBoxDiscount .topList:last-child {
		margin: -2.5px 0 12.5px;
	}

	#topBoxDiscount .topList .image {
		width: 82.5px;
		/* height: 85px; */
		padding: 2.5px 0;
	}

		#topBoxDiscount .topList .image * {
			width: 75px;
			height: 75px;
			border-radius: 2.5px;
		}

	#topBoxDiscount .topList p {
		overflow: hidden;
	}

		#topBoxDiscount .topList p.after {
			color: #F00;
		}

		#topBoxDiscount .topList p.before {
			margin-bottom: 4.5px;
		}

		#topBoxDiscount .topList p.shop {
			padding-top: 3px;
			color: #7F7C79;
			font-size: 90%;
		}

	#topBoxDiscount .topList strong.amt {
		font-size: 130%;
	}

	#topBoxDiscount .topList strong:not(.amt) {
		margin: 0 1px;
		font-size: 140%;
		letter-spacing: -0.01em;
	}

	#topBoxDiscount .topList b {
		margin-right: 3px;
		font-size: 90%;
		vertical-align: -30%;
	}

	#topBoxDiscount .topList i {
		margin: 0 1px;
	}

#topBoxSokuhou dt {
	/* background: #3C6CFF; */
}

	#topBoxSokuhou dt a {
		background-image: url('../images/top/sokuhou.svg');
	}

#topBoxSokuhou .topList p.title {
	/* color: #36F; */
}

#topBoxSokuhou .topList p.shop,
#topBoxSokuhou .topList p.category {
	padding-top: 1.5px;
	color: #7F7C79;
	font-size: 90%;
}

	#topBoxSokuhou .topList p.category:before {
		content: '\01F4CC';
		margin-right: 1.5px;
		line-height: 1.5;
	}

#topBoxImasugu dt a {
	background-image: url('../images/top/discount.svg');
}

#topBoxNewface dt a {
	background-image: url('../images/top/newface.svg');
}

#topBoxImasugu .topList p.comment,
#topBoxNewface .topList p.date {
	margin-bottom: 4.5px;
}

#topBoxNewface .topList p.date {
	color: #F6C;
}

#topBoxImasugu .topList p.shop,
#topBoxNewface .topList p.shop {
	margin-top: 7.5px;
	color: #7F7C79;
	font-size: 85%;
}

#topBoxImasugu .topList p.girl span {
	margin-top: 3px;
}

#topBoxBlog dt a {
	background-image: url('../images/top/blog.svg');
}

#topBoxBlog .topList .image {
	width: 100px;
	/* padding: 0; */
}

	#topBoxBlog .topList .image img {
		height: 90px;
		border-radius: 3px;
	}

#topBoxBlog .topList p.title strong {
	max-width: 100%;
}

#topBoxBlog .topList p.girl span {
	font-size: 90%;
	line-height: 15px;
	display: block;
}

	#topBoxBlog .topList p.girl span.photo {
		width: 45px;
		height: 45px;
		margin-right: 7.5px;
		border-radius: 50%;
		overflow: hidden;
		float: left;
	}

		#topBoxBlog .topList p.girl span.photo img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

	#topBoxBlog .topList p.girl span.date {
		color: #7F7C79;
	}

	#topBoxBlog .topList p.girl span.name {
		padding: 7.5px 0 2.5px;
	}

		#topBoxBlog .topList p.girl span.name > * {
			max-width: calc(100% - 90px);
			margin-right: 1.75px;
			font-style: normal;
			font-weight: normal;
			vertical-align: bottom;
			display: inline-block;
		}

#topBoxContents .topMenu,
[id^='topBoxOthers'] .topMenu {
	margin: 1px -10px;
	padding-left: 45px;
	display: block;
	position: relative;
}

#topBoxContents dd:nth-of-type(1) .topMenu,
[id^='topBoxOthers'] dd:nth-of-type(1) .topMenu {
	margin-top: -1px;
}

#topBoxContents dd:nth-last-of-type(1) .topMenu,
[id^='topBoxOthers'] dd:nth-last-of-type(1) .topMenu {
	margin-bottom: -5px;
}

#topBoxOthers .topMenu.chumoku {
	width: calc(100% - 70px);
	padding-left: 90px;
	display: table;
	table-layout: fixed;
}

#topBoxOthersInfo .topMenu {
	/* margin: 1px -10px; */
	padding-left: 7.5px;
}

#topBoxContents .topMenu:before,
[id^='topBoxOthers'] .topMenu:before {
	content: '';
	width: 30px;
	height: 30px;
	background: url('../images/common/icon_excla.png') no-repeat 50% 50%; /* #EEE */
	/* url('../images/common/icon_gravure.png') */
	/* url('../images/common/icon_movie.png') */
	/* url('../images/common/icon_link.png') */
	/* url('../images/common/icon_qa.png') */
	/* url('../images/common/icon_present.png') */
	/* url('../images/common/icon_toroku.png') */
	background-size: 100% auto; /* 50% auto */
	/* border-radius: 50%; */
	display: block;
	position: absolute;
	top: calc(50% - 15px);
	left: 7.5px;
}

#topBoxContents .topMenu.gravure:before {
	background-image: url('../images/top/c-gravure_icon_top_small.svg');
	background-size: 80% auto;
}

#topBoxContents .topMenu.movie:before {
	background-image: url('../images/top/c-movie_icon_top_small.svg');
	background-size: 80% auto;
}

#topBoxOthers .topMenu.rankingGirl:before {
	background-image: url('../images/top/ranking.svg');
	background-size: 80% auto;
}

#topBoxOthers .topMenu.newOpen:before {
	background-image: url('../images/top/newshop_icon_top_small.svg');
}

#topBoxOthers .topMenu.imasugu:before {
	background-image: url('../images/top/imasugu_icon_top_small.svg');
}

#topBoxOthers .topMenu.toukou:before {
	background-image: url('../images/top/movie_icon_top_small.svg');
}

#topBoxOthers .topMenu.review:before {
	background-image: url('../images/top/review_icon_top_small.svg');
}

#topBoxOthers .topMenu.gpsSearch:before {
	background-image: url('../images/top/gps_icon_top_small.svg');
}

#topBoxOthers .topMenu.keisai:before {
	background-image: url('../images/top/shoplist_icon_top_small.svg');
}

#topBoxOthers .topMenu.chumoku:before {
	width: 75px;
	height: 75px;
}

#topBoxOthersInfo .topMenu:before {
	display: none;
	visibility: hidden;
}

#topBoxContents .topMenu *,
[id^='topBoxOthers'] .topMenu * {
	margin-right: 7.5px;
	font-style: normal;
	line-height: 45px;
	display: inline-block;
}

#topBoxOthers .topMenu.chumoku * {
	max-width: calc(100% - 15px);
	line-height: 15px;
}

#topBoxContents .topMenu span,
[id^='topBoxOthers'] .topMenu span {
	width: calc(100% - 7.5px);
	margin-top: -1px;
	text-indent: 1px;
	border-top: 1px #EEE solid;
}

#topBoxContents dd:nth-of-type(1) .topMenu span,
[id^='topBoxOthers'] dd:nth-of-type(1) .topMenu span {
	/* border-top: none; */
}

#topBoxContents dd:nth-last-of-type(2) .topMenu span,
[id^='topBoxOthers'] dd:nth-last-of-type(1) .topMenu span {
	border-bottom: none; /* 1px #EEE solid */
}

#topBoxOthers .topMenu.chumoku span {
	width: 100%;
	height: 75px;
	margin: 0;
	padding: 7.5px 0;
	text-indent: 0;
	vertical-align: middle;
	display: table-cell;
	overflow: hidden;
}

#topBoxOthersInfo .topMenu span {
	/* padding: 0; */
	text-indent: 2.5px;
}

#topBoxContents .topMenu span:after,
#topBoxContents .topMenu span.notice:before,
[id^='topBoxOthers'] .topMenu span:after,
[id^='topBoxOthers'] .topMenu span.notice:before {
	content: '';
	width: 8px;
	height: 8px;
	margin: -4px 0 0;
	display: block;
	position: absolute;
	top: 47.5%;
	right: 15px;
}

#topBoxContents .topMenu span:after,
[id^='topBoxOthers'] .topMenu span:after {
	background: transparent;
	border-top: 2px #B9B6B3 solid;
	border-right: 2px #B9B6B3 solid;
	transform: rotate(45deg);
}

#topBoxOthers .topMenu.chumoku span:after {
	content: 'PR';
	width: auto;
	height: auto;
	padding: 0 3px;
	color: #FFF;
	font-size: 87.5%;
	background: #999;
	border-radius: 3px;
	border: none;
	transform: none;
	top: calc(100% - 12.5px);
	right: 7.5px;
}

#topBoxContents .topMenu span.notice:before,
[id^='topBoxOthers'] .topMenu span.notice:before {
	margin-right: 17.5px;
	background: #09F;
	border: 1px #09F solid;
	border-radius: 50%;
}

#topBoxContents .topMenu b,
[id^='topBoxOthers'] .topMenu b {
	color: #403C3C;
	font-size: 135%;
}

#topBoxOthers .topMenu.chumoku b {
	margin-bottom: 3px;
	font-size: 120%;
}

#topBoxContents .topMenu i,
[id^='topBoxOthers'] .topMenu i {
	color: #7F7C79;
	font-size: 90%;
}

#topBoxOthers .topMenu.chumoku i {
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	overflow: hidden;
}

#topBoxOthersInfo .topInfo {
	margin: 0 -2.5px;
	padding: 10px 2.5px 0; /* 5px 2.5px */
}

#topBoxOthersInfo dd:not([class]) + .topInfo {
	/* padding-top: 10px; */
	border-top: 1px #EEE solid;
}

#topBoxRanking dt {
	/* padding-left: 37.5px; */
	/* background: #FFF; */ /* url('../images/top/ranking-wh.svg') #C3961F no-repeat 7.5px 45% */
	/* background-size: 25px auto; */
	/* mask: none; */
}

#topBoxRanking dd:last-child {
	margin-bottom: -7.5px;
}

#topBoxRanking dd:nth-of-type(1) {
	/* margin-top: -9px; */
}

#topBoxRanking [id^='new_rank_'] {
	border-top: 1px #EEE solid;
}

#topBoxRanking .rankTitle {
	padding: 15px 0; /* 12px 0 */
	color: #403C3C;
	font-size: 120%;
	font-weight: bold;
}

	#topBoxRanking .rankTitle > * {
		vertical-align: baseline;
	}

	#topBoxRanking .rankTitle .girl {
		color: #F3069F;
	}

	#topBoxRanking .rankTitle .shop {
		color: #0369FF;
	}

	#topBoxRanking .rankTitle .blog {
		color: #F99330;
	}

	#topBoxRanking .rankTitle .movie {
		color: #30C030;
	}

	#topBoxRanking .rankTitle .manager {
		color: #93F;
	}

	#topBoxRanking .rankTitle .new {
		color: #C09C30;
	}

	#topBoxRanking .rankTitle .area {
		margin: 12px 1.5px 3px;
		letter-spacing: -0.4em;
		overflow-wrap: break-word;
		display: none;
	}

		#topBoxRanking .rankTitle .area * {
			font-weight: normal;
			line-height: 12px;
			letter-spacing: 0;
			display: inline-block;
		}

		#topBoxRanking .rankTitle .area a {
			margin: 9px 6px 3px 0;
			padding-right: 6px;
			font-size: 82.5%;
			border-right: 1px #CCC solid;
		}

			#topBoxRanking .rankTitle .area a:last-child {
				padding-right: 0;
				border-right: 0;
			}

		#topBoxRanking .rankTitle .area b {
			width: 100%;
			font-size: 87.5%;
		}

	#topBoxRanking .rankTitle a:has(+ .area) {
		margin: 2px 0;
		color: #403C3C;
		font-size: 75%;
		float: right;
	}

	#topBoxRanking .rankTitle a.active:has(+ .area) {
		padding-left: 30px;
	}

	#topBoxRanking .rankTitle a:has(+ .area):after {
		content: '＋'; /* \uff0b */
		margin-left: 3px;
		color: #999;
		font-weight: normal;
	}

	#topBoxRanking .rankTitle a.active:has(+ .area):after {
		content: '－'; /* \uff0d */
	}

#topBoxRanking .rankList {
	margin: -3px -9px;
	letter-spacing: -0.4em;
	white-space: nowrap;
	text-indent: 9px;
	overflow: auto hidden;
	-webkit-overflow-scrolling: touch;
}

	#topBoxRanking .rankList a {
		width: 100px;
		margin: 0 4.5px;
		letter-spacing: 0;
		text-indent: 0;
		vertical-align: top;
		box-sizing: border-box;
		display: inline-block;
		position: relative;
	}

		#topBoxRanking .rankList a:first-child {
			margin-left: 0;
		}

		#topBoxRanking .rankList a:last-child {
			margin-right: 9px;
		}

		#topBoxRanking .rankList a > * {
			font-style: normal;
			text-decoration: none;
			display: block;
			overflow: hidden;
		}

		#topBoxRanking .rankList a > strong {
			margin-top: 4.5px;
			color: #403C3C;
			font-size: 102.5%;
			line-height: 15px;
		}

			#topBoxRanking .rankList a > strong > span {
				max-width: 100%;
				display: inline-block;
			}

				#topBoxRanking .rankList a > strong > span:has(+span) {
					max-width: calc(100% - 35px);
					margin-right: 1.5px;
				}

				#topBoxRanking .rankList a > strong > span + span {
					margin-right: -1.5px;
					font-size: 97.5%;
				}

		#topBoxRanking .rankList a > em {
			margin-top: 1.5px;
			color: #7F7C79;
			font-size: 90%;
			line-height: 1.25;
		}

		#topBoxRanking .rankList a > b {
			width: 25px;
			color: #605D5A;
			font-size: 110%;
			line-height: 25px;
			text-align: center;
			text-shadow: 0 0 2.5px rgba(0,0,0,0.25);
			background: rgba(255,255,255,0.75);
			border-radius: 50%;
			position: absolute;
			z-index: 10;
			top: 1px; /* 0 */
			left: 1px; /* 0 */
		}

			#topBoxRanking .rankList a > b.first {
				color: #FFF;
				background: rgba(225,175,25,0.75);
			}

			#topBoxRanking .rankList a > b.second {
				color: #FFF;
				background: rgba(110,130,150,0.75);
			}

			#topBoxRanking .rankList a > b.third {
				color: #FFF;
				background: rgba(150,100,50,0.75);
			}

		#topBoxRanking .rankList a > i {
			height: 100px;
			background: #F4F2F0;
			border-radius: 50%;
			position: relative;
		}

			#topBoxRanking .rankList a > i.square {
				/* background: #CCC; */
				border-radius: 5px;
			}

			#topBoxRanking .rankList a > i > img {
				width: 100%;
				margin: auto;
				position: absolute;
				z-index: 5;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
			}

.topBoxBanner dl {
	margin: 0 0 15px;
	padding: 0 10px;
}

.topBoxBanner h3 {
	margin: -2.5px 0 7.5px; /* -5px 0 5px */
	color: #403C3C;
}

.topBoxBanner .flextitle {
	display: none;
	visibility: hidden;
}

.topBoxBanner .flexslider {
	margin: -7.5px -10px;
	background: none;
	border: none;
	position: relative;
}

	.topBoxBanner .flexslider + * {
		margin-bottom: -37.5px;
	}

.topBoxBanner .flex-direction-nav {
	display: none !important;
}

.topBoxBanner .flex-viewport a {
	width: calc(100% - 35px);
	margin: 10px 7.5px 5px;
	padding: 10px;
	background: #FFF;
	border-radius: 7.5px;
	box-shadow: 0 0 5px rgba(75,75,75,15%);
}

.topBoxBanner .flex-viewport img {
	width: 75px !important;
	margin-right: 10px !important;
	/* border-radius: 3px; */
}

.topBoxBanner .flex-viewport p {
	width: 100%;
	line-height: 1.1;
	text-align: left;
}

.topBoxBanner .flex-viewport strong {
	margin-bottom: 5px;
	color: #403C3C;
	font-size: 120%;
}

.topBoxBanner .flex-viewport em {
	color: #7F7C79;
	font-size: 90%;
	font-style: normal;
}

.topBoxBanner .flex-prev {
	opacity: 0.75;
	left: 5px;
}

.topBoxBanner .flex-next {
	opacity: 0.75;
	right: 5px;
}

#topBoxRanking a.more,
.topBoxBanner a.more {
	margin: 9px 3px 3px 67.5%;
	padding: 7.5px 0;
	font-size: 90%;
	text-align: right;
	background: transparent;
	border-radius: 0;
}

.topBoxBanner a.more {
	padding: 4.5px 0;
	font-weight: normal;
}

	#topBoxRanking a.more:after,
	.topBoxBanner a.more:after {
		content: '';
		width: 4px;
		height: 4px;
		margin: 0 0 0 8px;
		vertical-align: 1px;
		background: transparent;
		border-top: 1px #B9B6B3 solid;
		border-right: 1px #B9B6B3 solid;
		transform: rotate(45deg);
		display: inline-block;
	}

	.topBoxBanner a.more:after {
		margin-left: 6px;
		/* border-color: #A9A6A3; */
	}

@media screen and (max-width:360px) {
	#topBoxDiscount .topList p.after {
		white-space: nowrap;
		zoom: 90%;
	}

	#topBoxBlog .topList .image {
		width: 90px;
	}

		#topBoxBlog .topList .image img {
			height: 80px;
		}

	#topBoxBlog .topList p.girl span {
		padding: 0 !important;
		font-size: 85% !important;
	}

		#topBoxBlog .topList p.girl span.photo {
			width: 30px;
			height: 30px;
		}

		#topBoxBlog .topList p.girl span.name > * {
			max-width: calc(100% - 75px);
			margin-right: 2.5px;
		}

	#topBoxContents .topMenu b,
	[id^='topBoxOthers'] .topMenu b {
		font-size: 130%;
	}

	#topBoxContents .topMenu i {
		margin: -10px 0 10px;
		line-height: 1.25;
		text-indent: 0.25em;
		display: block;
	}

	.topBoxBanner .flex-viewport strong {
		font-size: 107.5%;
	}

	.topBoxBanner .flex-viewport em {
		font-size: 87.5%;
	}
}
