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

.c-btn-cv {
	width: 80% !important;
}
.p-gift {
	border: solid 3px #B89659;
	border-radius: 1em;
}
.p-gift__inner {
	position: relative;
	padding: 1em;
}
.p-gift__inner + .p-gift__inner {
	border-top: solid 2px #B89659;
}
.p-gift__head {
	padding-left: 5em;
	font-weight: bold;
}
.p-gift__circle {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	top: -2em;
	left: -2em;
	width: 6em;
	height: 6em;
	border-radius: 50%;
	text-align: center;
	background: #EB5B30;
	color: #fff;
}
.p-gift__circle::before {
	content: "";
	position: absolute;
	width: calc(100% - 6px);
	height: calc(100% - 6px);
	top: 2px;
	left: 2px;
	border: dotted 1px #fff;
	border-radius: 50%;
}
.p-gift__circle span {
	transform: rotate(-15deg);
}
.gift__catch {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 1em;
	font-size: 1.3em;
	font-weight: bold;
	color: #8C7879;
}
.gift__catch .square1 {
	padding: 0.25em 0.5em;
	line-height: 1;
	font-size: 0.8em;
	border: solid 2px #8C7879;
	white-space: nowrap;
}
.gift__catch .square2, .p-joken .square2{
	padding: 0.25em 0.5em;
	line-height: 1;
	border-radius: 3px;
	font-size: 0.75em;
	background: #8C7879;
	color: #fff;
}
.p-gift__pic {
	display: flex;
	flex-wrap: wrap;
}
.p-gift__pic li {
	padding: 0.5em;
	width: 49.7%;
	border-right: dotted 2px #B7945A;
	border-bottom: dotted 2px #B7945A;
}
.p-gift__pic li:nth-child(2n) {
	border-right: 0;
	padding-left:15px;
}
.p-gift__pic li:nth-child(n+5) {
	border-bottom: 0;
}
.p-gift__pictitle {
	display: flex;
	gap: 5px;
	margin-bottom: 5px;
	font-size: 1.15em;
	font-weight: bold;
	color: #B7945A;
}
.p-gift__pictitle span span {
	font-size: 0.8em;
}
.p-gift__pictitle span.num {
	font-size: 1.5em;
}
.gift__catch2 {
	text-align: center;
	font-size: 2em;
	font-weight: bold;
	color: #B7945A;
}




@media only screen and (max-width: 767.9px){
	
	.gift__catch {
		flex-direction: column;
		align-items: flex-start;
		gap: 5px;
	}
	.p-gift__pic li {
		padding: 0.5em;
		width: 100%;
		border-right: 0;
		border-bottom: dotted 2px #B7945A;
	}
	.p-gift__pic li:nth-child(3n) {
		border-right: 0;
	}
	.p-gift__pic li:nth-child(n+4) {
		border-bottom: dotted 2px #B7945A;
	}
	.p-gift__pic li:nth-child(6) {
		border-bottom: 0;
	}
	
}
.p-manager{
	display: flex;
	margin-top: 10px;
}
.p-manager > figure{
	flex-basis: 70px;
	margin-right: 10px;
}
.p-manager > p{
	display: flex;
	align-items: center;
}
.p-manager > p .name{
	font-size: 1.6rem;
}
.p-joken {
display: flex;
gap: 25px;
margin-bottom: 15px;
width: 100%;
}
.p-joken .p-joken-list {
	margin-bottom: 0;
	width: 100%;
}
.p-joken .p-joken-list > .p-joken-item{
	line-height: 2;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.p-joken .p-joken-list .p-joken-item:first-of-type{
	margin-bottom: 15px;
}
.p-joken .p-joken-list .p-joken-item:last-of-type{
	padding-top: 15px;
	margin-bottom: 0;
	border-top:1px solid var(--ncb-brown);
}
.p-joken .p-joken-list .p-joken-item .p-joken-item-inner:first-of-type{
	flex-grow: 1;
}
.p-joken .p-joken-list .p-joken-item .p-joken-item-inner:last-of-type{
	flex-basis: 140px;
}
.p-balloon {
  display: flex;
  align-items: center;
  font-weight: bold;
  color: #fff;
  background: #8C7879;
  border-radius: 12px;
  padding: 10px;
  position: relative;
  height: auto;
  text-align: center;
  flex-basis: 100px;
  justify-content: center;
}
.p-balloon::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 12px;
  background: #8C7879;
  top:calc((100% - 12px) * 0.5);
  right: -10px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  margin: auto;
  transform: rotate(-90deg);
}
@media only screen and (max-width: 880px){
	.p-balloon br{
		display: none;
	}
	.p-joken {
		display: block;
	}
	.p-balloon::before {
		transform: rotate(0);
		top:auto;
		bottom: -10px;
		left:0;
		right: 0;
	}
	.p-joken .p-joken-list {
		margin-top: 15px;
	}
}
@media only screen and (max-width: 767.9px){
	.p-joken .p-joken-list > .p-joken-item {
		display: block;
		line-height: 2;
	}
}
.p-goryuilist li{
	padding-left: calc((20px + 1em));
	text-indent:  calc((-20px + -1em));
}