@charset "UTF-8";

.products-ar * {
	box-sizing: border-box;
}

.products-ar {
	box-sizing: border-box;
	width: 100%;
	margin: 3em 0 3em 0;
	padding: 1.6em 0 0 17.4em;
	background-color: #f3f6f7;
	background-position: top left;
	background-repeat: no-repeat;
}

.products-ar.pc {
	min-height: 270px;
	background-image: url(../images/bg_pc.jpg);
	background-size: 100% 270px;
}

.products-ar.ipad,
.products-ar.android {
	min-height: 420px;
	background-image: url(../images/bg_ipad.jpg);
	background-size: 100% 420px;
	padding-bottom: 10px;
}

.products-ar h3 > img {
	width: 419px;
}

.products-ar.ipad h3,
.products-ar.android h3 {
	margin-bottom: 1.5em;
}

.products-ar p {
	margin-top: 1em !important;
	font-size: 15px !important;
	color: #333 !important;
}

.products-ar p.note {
	font-size: 10px !important;
}

.products-ar dl.horizontal {
	display: flex;
}

.products-ar dl.horizontal > dt {
	width: 76%;
}

.products-ar dl.horizontal > dd {
	width: 24%;
	position: relative;
}

.products-ar ul.horizontal {
	display: flex;
	flex-wrap: wrap;
}

.products-ar ul.horizontal > li {
	list-style: none !important;
	width: calc(33.3% - 20px);
	margin: 0 !important;
	margin-right: 20px !important;
}

.products-ar .qrcode {
	width: calc(64px + (0.8em * 2));
	padding: 0.8em;
  background-color: #fff;
	position: absolute;
	top: 30px;
	right: 20px;
}

.products-ar.ipad .item p,
.products-ar.android .item p {
	margin: 8px 0 !important;
	text-align: center;
}

.products-ar.ipad .item .display img,
.products-ar.android .item .display img {
	width: 110px;
}

.products-ar.ipad .item .title a,
.products-ar.android .item .title a {
	font-size: 12px;
	color: #00a97f;
}

.products-ar.ipad .item .btn img,
.products-ar.android .item .btn img {
	width: 134px;
}

.products-ar .horizontal-flex {
    display: flex;
    flex-wrap: wrap;
    font-size: 10px !important;
    margin: 1em 0 1.5em 0;
}
.products-ar .horizontal-flex dt {
    width: 10em;
}
.products-ar .horizontal-flex dd {
    width: calc(100% - 10em);
}