
.mainimg01 {
	background:url('/-/Media/com/flady/bg_flady_01.gif') repeat-x center top;
	}


.toolBox01 {
	background-color: #FF74A2;
	}
.btnBrand01 > span {
	color: #FF74A2;
	}



.olsbox {
	text-align: center;
	padding-bottom: 40px;
}

	.olsbox#ols02 {
		padding-bottom: 60px;
	}

	.olsbox h3 {
		font-size: 2.3rem;
		font-weight: bold;
		line-height: 1.2;
		margin: 0 0 0.2em 0;
		color: #D03F79;
	}

	.olsbox h4 {
		font-size: 1.7rem;
		font-weight: bold;
		line-height: 1.2;
		margin: 0 0 0.5em 0;
		color: #003399;
	}

	.olsbox ul {
		display: inline-block;
		margin: 0 auto;
		zoom: 100%;
	}

		.olsbox ul:after {
			content: "";
			clear: both;
			height: 0;
			display: block;
			visibility: hidden;
		}

		.olsbox ul li {
			width: 260px;
			margin: 0 2px;
			float: left;
		}

			.olsbox ul li a {
				display: block;
				border: 1px solid #BFCFFF;
				border-radius: 8px;
				height: 0;
				padding-bottom: 27%;
				font-size: 20%;
				text-indent: 940px;
				overflow: hidden;
				background-repeat: no-repeat;
				background-position: center center;
				box-shadow: 1px 1px 4px 0px #cccccc;
			}

				.olsbox ul li a:hover {
					opacity: 0.8;
				}

				.olsbox ul li a.ols_lohaco {
					background-image: url(/-/Media/com/common/banner/bn_lohaco.png);
				}

				.olsbox ul li a.ols_amazon {
					background-image: url(/-/Media/com/common/banner/bn_amazon.png);
				}

				.olsbox ul li a.ols_rakuten {
					background-image: url(/-/Media/com/common/banner/bn_rakuten24.png);
				}

@media screen and (max-width:768px) {
		.olsbox ul {
			margin: 0 -2px;
			display: block;
		}

			.olsbox ul li {
				width: 33.3%;
				box-sizing: border-box;
				margin: 0;
				padding: 0 2px;
			}

				.olsbox ul li a {
					background-size: contain;
				}
}

@media screen and (max-width:480px) {
	.olsbox {
		padding: 5px 0 20px 0;
		margin:0 auto;
		max-width:295px;
	}

		.olsbox#ols02 {
			padding-bottom: 20px;
		}
		.olsbox h3 {
			font-size: 1.8rem;
		}

		.olsbox h4 {
			font-size: 1.4rem;
			font-weight: normal;
		}

		.olsbox ul {
			margin: 0;
			display: block;
		}

			.olsbox ul li {
				width: auto;
				margin: 0 0 6px 0;
				padding: 0;
				float: none;
			}

				.olsbox ul li a {
					padding-bottom: 0;
					height: 48px;
					background-size: auto 100%;
				}
}
