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

.gold_cont .h_gold{
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 0.06em;
	line-height: 1.5em;
	color: #f9ed67;
	padding: 5px 30px;
	background: #1f1a1a url(../../../_images/item/nobori/gold/bg-black.webp) no-repeat right;
	background-size: contain;
	border-bottom: solid 3px #b49d13;
	margin-bottom: 20px;
}
.gold_cont .main_img{
	text-align: center;
	margin: 0 auto 15px;
}
.gold_cont .main_img + p{
	margin-bottom: 20px;
}
.gold_cont .h_gold_sub{
	font-size: 25px;
	font-weight: bold;
	letter-spacing: .08em;
	padding-bottom: 5px;
	border-bottom: solid 2px #f3e9bd;
	margin-bottom: 10px;
}
.gold_cont .h_gold_sub + p{
	margin-bottom: 30px;
}

.gold_cont > section{
	margin-bottom: 100px;
}
.gold_cont mark{
	color: #ff1212;
	background: none;
}


@media screen and (max-width: 768px) {
	.gold_cont .h_gold_sub{
		padding-left: 5px;
	}
	.gold_cont .h_gold_sub + p,
	.gold_cont .main_img + p{
		width: 95%;
		margin: 0 auto 20px;
	}
}


@media screen and (max-width: 480px) {
	.gold_cont .h_gold{
		font-size: 25px;
		padding-left: 10px;
	}
	.gold_cont .h_gold_sub{
		font-size: 20px;
	}

	.gold_cont > section{
		margin-bottom: 60px;
	}


}

/*---   ゴールド成人式のぼりとは   ---*/
.gold_cont .about_cont .h_about{
	position: relative;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
	padding: 5px 0;
	background: url(../../../_images/item/nobori/gold/bg-gold.webp) no-repeat;
	margin-bottom: 20px;
	box-sizing: border-box;
}
.gold_cont .about_cont .h_about::before,
.gold_cont .about_cont .h_about::after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	background: linear-gradient(to right,#fff 2%,#b49d13 5% 95%,#fff 98%);
}
.gold_cont .about_cont .h_about::before{
	top: 0;
}
.gold_cont .about_cont .h_about::after{
	bottom: 0;
}
.gold_cont .about_cont .h_about span{
	font-size: 20px;
}
.gold_cont .about_cont .about_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
	margin-bottom: 55px;
}
.gold_cont .about_cont .about_box dl{
	width: 450px;
}
.gold_cont .about_cont .about_box dl dt{
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.08em;
	line-height: 1.5em;
}
.gold_cont .about_cont .about_box dl dt::after{
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: linear-gradient(to right,#f5ecc1,#b49b39);
	margin: 15px 0 20px;
}
.gold_cont .about_cont .about_box dl dd p{
	font-size: 15px;
	letter-spacing: 0.06em;
	line-height: 2.2em;
}
.gold_cont .about_cont ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
	margin-bottom: 15px;
}
.gold_cont .about_cont ul + p{
	width: 910px;
	margin: 0 auto 40px;
}

@media screen and (max-width: 768px) {
	.gold_cont .about_cont .h_about{
		background-size: 100% 100%;
	}
	.gold_cont .about_cont .about_box,
	.gold_cont .about_cont ul + p,
	.gold_cont .about_cont ul{
		width: 95%;
		margin:0 auto 20px;
	}
	.gold_cont .about_cont .about_box {
		flex-direction: column-reverse;
		margin-bottom: 30px;
	}
	.gold_cont .about_cont .about_box dl{
		width: 100%;
	}
	.gold_cont .about_cont .about_box div{
		width: 80%;
		margin: 0 auto 20px;
	}
	.gold_cont .about_cont .about_box dl dt{
		text-align: center;
	}
	.gold_cont .about_cont .about_box dl dt::after{
		margin-top: 10px;
	}
	.gold_cont .about_cont .about_box dl dd p{
		font-size: 14px;
	}
	.gold_cont .about_cont ul li{
		width: 48%;
	}
	.gold_cont .about_cont ul{
		justify-content: space-between;
		column-gap: 0;
		margin-bottom: 20px;
	}
}


@media screen and (max-width: 480px) {
	.gold_cont .about_cont .h_about{
		font-size: 22px;
		padding: 10px 0;
	}
	.gold_cont .about_cont .h_about span,
	.gold_cont .about_cont .about_box dl dt{
		font-size: 18px;
	}
	.gold_cont .about_cont .about_box dl dd p{
		font-size: 13px;
		line-height: 1.8em;
	}
	.gold_cont .about_cont .about_box div,
	.gold_cont .about_cont ul li{
		width: 100%;
	}
}


/*---   テンプレート   ---*/
.gold_cont .template_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 30px;
	margin-bottom: 60px;
}
.gold_cont .template_box div{
	width: 440px;
}
.gold_cont .template_box div dt{
	font-size: 23px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 12px;
	background: linear-gradient(to right,#fff8d1,#b49957 50%,#d5835e);
}
.gold_cont .template_box div dd img{
	display: block;
	margin-bottom: 10px;
}

/*-- 注意点 --*/
.gold_cont .caution_cont{
	padding: 20px 20px 30px;
	border: solid 1px #ff6868;
	border-radius: 10px;
}
.gold_cont .caution_cont .h_caution{
	width: fit-content;
	display: flex;
	align-items:center;
	column-gap: 8px;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 0.08em;
	padding: 5px 35px;
	background: #ffd219;
	margin: 0 auto 15px;
}
.gold_cont .caution_cont .h_caution::before{
	content: "";
	display: block;
	width: 20px;
	height: 18px;
	background: url(../../../_images/item/nobori/gold/icon-caution.gif);
}

.gold_cont .caution_cont dl dt{
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.06em;
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 10px;
}

.gold_cont .caution_cont dl dd.caution_img{
	display: flex;
	flex-wrap: wrap;
	row-gap: 10px;
}
.gold_cont .caution_cont dl dd.caution_img div{
	width: 50%;
	margin-bottom: 10px;
}
.gold_cont .caution_cont dl dd.caution_img div img{
	width: 100%;
	height: auto;
}


@media screen and (max-width: 768px) {
	.gold_cont .caution_cont{
		width: 95%;
		box-sizing: border-box;
		margin: 0 auto;
	}
	.gold_cont .template_box {
		width: 95%;
		margin: 0 auto 40px;
	}
	.gold_cont .template_box div{
		width: 48%;
	}
}

@media screen and (max-width: 480px) {
	.gold_cont .template_box div{
		width: 100%;
	}
	.gold_cont .template_box div dt{
		font-size: 18px;
		padding: 8px 5px;
	}
	.gold_cont .caution_cont{
		padding: 20px 15px 25px;
	}
	.gold_cont .caution_cont .h_caution{
		font-size: 14px;
		padding: 5px 20px;
	}
	.gold_cont .caution_cont .h_caution::before{
		width: 15px;
		height: 13px;
		background-size: contain;
	}
	.gold_cont .caution_cont dl dt{
		font-size: 18px;
	}
	.gold_cont .caution_cont dl dt br{
		display: none;
	}
	.gold_cont .caution_cont dl dd.caution_img div{
		width: 100%;
	}
}


/*---   ご注文方法   ---*/
.gold_cont .order_cont .h_gold_sub{
	margin-bottom: 35px;
}
.gold_cont .order_cont .order_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: row-reverse;
	margin-bottom: 50px;
}
.gold_cont .order_cont .order_box dl {
	width: 440px;
}
.gold_cont .order_cont .order_box dl dt{
	position: relative;
	font-size: 21px;
	font-weight: bold;
	letter-spacing: 0.06em;
	line-height: 1.5em;
	padding: 5px 0 5px 15px;
	margin-bottom: 10px;
}
.gold_cont .order_cont .order_box dl dt::before{
	content: "";
	display: block;
	position: absolute;
	width: 4px;
	height: 100%;
	background: linear-gradient(to top,#fff8d1,#b49957,#bda671);
	left: 0;
	top: 0;
}

@media screen and (max-width: 768px) {
	.gold_cont .order_cont .order_box {
		width: 95%;
		margin: 0 auto 40px;
		flex-direction: column-reverse;
	}
	.gold_cont .order_cont .order_box dl{
		width: 100%;
	}
	.gold_cont .order_cont .order_box div{
		width: 80%;
		margin: 0 auto 20px;
	}
}

@media screen and (max-width: 480px) {
	.gold_cont .order_cont .order_box dl dt{
		font-size: 18px;
	}
	.gold_cont .order_cont .order_box div{
		width: 100%;
	}
}