@charset "UTF-8";

/*まる*/
.container .camera_circle {
	position: relative;
	height:80px;
}
.container .camera_circle img {
	position: absolute;
	bottom:-80px;
	height:160px;
}
@media screen and (max-width: 640px) {
	.container .camera_circle {
		text-align: center;
		height:90px;
		margin-top: 2em;
	}
	.container .camera_circle img {
		position:static;
		height:90px;
		margin-bottom: -1em;
	}
}

/* 3つのカメラ */
.three_camera {
	width:960px;
	margin: 3em auto 0;
	display:flex;
	justify-content:space-between;
	align-items: stretch;
}
.three_camera dl {
	border:1px solid #d11e61;
	width:32.5%;
	padding:0.5em;
	font-weight: 500;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.three_camera dl dd{
	color:#D11E61
}

@media screen and (max-width: 640px) {
	.three_camera {
		width:auto;
		margin: 2em auto 0;
		display:block;
		font-size: 0.8rem;
	}
	.three_camera dl {
		display: block;
		width:auto;
		margin:15px
	}
}

/* PrpPix2 */
/* HDR撮影 */
.img_connect_arrow {
	display: inline-flex;
}
.img_connect_arrow .arrow {
	width:40px;
	position:relative;
	background: url("../images/img_arrow.png") center 115px no-repeat; 
}

@media screen and (max-width: 640px) {
	.img_connect_arrow {
		display: block;
	}
	.img_connect_arrow .arrow {
		width:auto;
		height: 40px;
		transform: rotate(90deg);
		background-position: center center;
	}
}

/* インカメラ */
.container .incamera {
	width:960px;
	margin-top: 2em;
	display:inline-flex;
	flex-wrap:wrap;
	justify-content:center;
}
.container .incamera li{
	border:1px solid #d11e61;
	margin:5px;
	padding:2px 1.5em;
	font-weight: 500;
}
.container .incamera li span {
	color:#D11E61
}

@media screen and (max-width: 640px) {
	.container .incamera {
		width:auto;
		margin-top: 1em;
	}
	.container .incamera li{
		font-size: 0.72rem;
	}
}

/* 世界初 */
.container h4.ttl_pk_frame span.new {
	position:relative;
}
.container h4.ttl_pk_frame span.new:before {
	content: "世界初*";
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 13px;
    left: -30px;
    bottom: 0;
    border: 3px solid;
    color: #d11e61;
}
@media screen and (max-width: 640px) {
	.container h4.ttl_pk_frame span.new{
		margin-left: 1em
	}
	.container h4.ttl_pk_frame span.new:before {
		border-radius: 50%;
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 10px;
		left: -21px;
		bottom: 0;
		border: 2px solid;
		color: #d11e61;
	}
}