@charset "UTF-8";

/* ガラスのお墓 */
#wide10cm{
	margin:0 auto;
	padding-top:30px;
}
@media (min-width: 568px) {
	#wide10cm{
		width:300px;
	}
}

#glass-grave-design ul{
	font-size:0;
	padding-top:20px;
}
#glass-grave-design ul li{
	padding-top:20px;
}
@media (min-width: 568px) {
	#glass-grave-design ul li{
		display:inline-block;
		width:calc(50% - 10px);
	}
	#glass-grave-design ul li:nth-child(odd){
		margin-right:20px;
	}
}
@media (min-width: 768px) {
	#glass-grave-design ul li{
		padding-top:30px;
		width:calc(50% - 15px);
	}
	#glass-grave-design ul li:nth-child(odd){
		margin-right:30px;
	}
}
@media (min-width: 1024px) {
	#glass-grave-design ul li{
		padding-top:40px;
		width:calc(50% - 20px);
	}
	#glass-grave-design ul li:nth-child(odd){
		margin-right:40px;
	}
}

#bronze{
	text-align:center;
}
#bronze h3{
	font-size:1.8rem;
	padding-bottom:5px;
}
#bronze p{
	text-align:left;
}
.material{
	width:200px;
	padding:15px 0;
}
.bird{
	width:110px;
}
#bronze h4{
	font-size:1.5rem;
	line-height:130%;
	font-weight:bold;
	padding-top:10px;
	font-family:'Verdana','游ゴシック','YuGothic','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
.frag{
	width:70px;
	padding-top:40px;
}
#bronze h5{
	font-family:'Open Sans';
	font-weight:700;
	font-size:1.7rem;
}
.bridge{
	width:120px;
	padding:40px 0 20px;
}
.fish{
	width:150px;
	padding:30px 0;
}
#bronze ul{
	font-size:0;
}
#bronze ul li{
	display:inline-block;
	width:calc(50% - 5px);
	margin-right:10px;
	padding-top:10px;
}
#bronze ul li:nth-child(2n){
	margin-right:0;
}
#bronze ul li img{
	line-height:0;
	vertical-align:bottom;
}
.couple{
	width:150px;
	padding:50px 0;
}
.seagull{
	width:180px;
	padding-bottom:15px;
}
.etc{
	width:250px;
	padding-top:15px;
}
@media (min-width: 568px) {
	#bronze p{
		text-align:center;
	}
	#bronze ul li{
		width:calc(33.333% - 16px);
		margin-right:24px;
		padding-top:24px;
	}
	#bronze ul li:nth-child(2n){
		margin-right:24px;
	}
	#bronze ul li:nth-child(3n){
		margin-right:0;
	}
}
@media (min-width: 768px) {
	#bronze h3{
		font-size:1.9rem;
	}
	#bronze ul li{
		width:calc(33.333% - 20px);
		margin-right:30px;
		padding-top:30px;
	}
	#bronze ul li:nth-child(2n){
		margin-right:30px;
	}
	#bronze ul li:nth-child(3n){
		margin-right:0;
	}
}
@media (min-width: 1024px) {
	#bronze h3{
		font-size:2.0rem;
	}
	#bronze ul li{
		width:calc(25% - 24px);
		margin-right:32px;
		padding-top:32px;
	}
	#bronze ul li:nth-child(2n),
	#bronze ul li:nth-child(3n){
		margin-right:32px;
	}
	#bronze ul li:nth-child(4n){
		margin-right:0;
	}
}
@media (min-width: 1200px) {
	#bronze h3{
		font-size:2.1rem;
	}
	.material{
		width:210px;
	}
	.bird{
		width:120px;
	}
	#bronze h4{
		font-size:1.6rem;
	}
	.frag{
		width:80px;
		padding-top:40px;
	}
	#bronze h5{
		font-size:1.8rem;
	}
	.bridge{
		width:130px;
	}
	.fish{
		width:160px;
	}
	#bronze ul li{
		width:calc(25% - 30px);
		margin-right:40px;
		padding-top:40px;
	}
	#bronze ul li:nth-child(2n),
	#bronze ul li:nth-child(3n){
		margin-right:40px;
	}
	#bronze ul li:nth-child(4n){
		margin-right:0;
	}
	.couple{
		width:170px;
	}
	.seagull{
		width:200px;
	}
	.etc{
		width:300px;
	}
}