@charset "utf-8";
/* CSS Document */

#contents section h2.title ~ *{
	margin-left: 13px;
}

#contents h3{
	margin-top: 2em;
	font-size: 1.077rem;
}

#contents .accent{
	text-decoration: underline;
}

#contents .flex.center{
	display: flex;
	flex-direction: column;
	align-items: center;
}

#contents figure .pct{
	margin-bottom: 1em;
}
#contents figcaption p{
	text-align: left;
}

#contents figcaption.alphabet p > span{
	font-weight: bold;
}
#contents figcaption.alphabet p > span::after{
	padding: 0 4px;
	content:":";
	font-weight: normal;
}

#contents dl.focus{
	margin-top: 1em;
}
#contents dl.focus dt{
	margin-top: 1em;
}
#contents dl.focus dd{
	display: list-item;
	margin-left: 2em;
	margin-bottom: 0;
	list-style-type: disc;
}
#contents dl.camera_ver{
	margin-top: 1em;
	margin-bottom: 1.5em;
}

#contents dl.camera_ver dd{
	margin-bottom: 5px;
}

#contents .stepArea ol.stepList > li > .flex{
	justify-content: space-between;
}

#contents .stepArea ol.stepList > li .pct{
	margin-top: 1em;
}

#contents section .accordionWrap{
	margin-top: 1em;
}
#contents section .accordionWrap button .openclose span.text{
	font-weight: normal;
	font-size: 1em;
}


#contents .lens_info_Area > ul{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 3em;
}
#contents .lens_info_Area ul > li{
	width: calc((100% - 30px)/3);
}

#contents .lens_info_Area ul > li .pct.lens_mark{
	margin-bottom: 12px;
	text-align: left;
}

#contents .lens_info_Area ul > li p.modelName {
	font-size: 1.154rem;
	font-weight: bold;
}

#contents .lens_info_Area ul > li p{
	margin-left: 0;
	margin-top: 0;
}
#contents .lens_info_Area ul > li ul.link_list > li {
	width: 100%;
	margin-bottom: 10px;
	font-size: 1rem;
}

#contents .lens_info_Area ul > li ul.link_list > li a{
	display: block;
	margin-right: 0;
	margin-bottom: 0;
	text-align: center;
}

@media (max-width: 640px){
	#contents .lens_info_Area > ul{
		flex-direction: column;
		justify-content: center;
	}
	#contents .lens_info_Area ul > li{
		width: 100%;
	}
	
	#contents .lens_info_Area ul > li p,
	#contents .lens_info_Area ul > li ul.link_list{
		padding: 0 2em;
	}
	
}

/* 20240729 */
#contents .lens_info_Area ul > li p.modelName{
	height: 2.8em;
	margin-bottom: 5px;
}

#contents .lens_info_Area ul:after{
	content:"";
	width: 240px;
}


@media (max-width: 380px){
	#contents section .lens_info_Area{
		margin-left: 0 !important;
	}
}