@charset "utf-8";
#main{
	position: relative;
}
#ex {
	margin-bottom:30px;
}
#ex .spl_box {
    display: flex;
	justify-content: space-evenly;
}
#ex .spl_box li {
	width:196px;
    text-align:center;
}
#ex .spl_box li + li{
	margin-left: 20px;
}
#ex .spl_box li a {
	cursor: url(/comment/img/zoomin.cur), url(/comment/img/zoomin.gif), pointer;
	display:block;
}
#zoom {
	cursor: url(/comment/img/zoomout.cur), url(/comment/img/zoomout.gif), pointer;
	outline: none;
	z-index:100;
	position: fixed;
	left: 50%;
	top: 50%;
}
#zoom .zoom_img {
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.16);
    border-radius: 6px;
    margin: 15px;
}
@media screen and (max-width:750px) {
	#ex .spl_box li {
		width: calc(100% / 3);
		justify-content:center;
	}
	#ex .spl_box li + li{
		margin-left:calc(32*100vw/750);
	}
	#zoom {
        max-width: 95% !important;
        height: auto !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
	/* #ex .spl_box {
		display:none;
	}
	#ex .spl_box-sp{
		display: block;
	}
	#ex .spl_box-sp li + li{
		margin-top:calc(30*100vw/750);
	} */
}
/* #main .data {
	padding-left:20px;
}
#main .data li {
	margin-bottom:5px;
	list-style:disc;
}
#main .box_img {
	width:400px;
	float:left;
}
.tbox {
	width:192px;
	margin-top:15px;
	padding-left:8px;
	float:right;
	background:url(../img/img_arrow.gif) 0 6px no-repeat;
}
.tbox ul {
	background:#ECF0F4;
}
.tbox li {
    padding-left:5px;
} */