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

#single .itemBox {
  padding: 30px 0;
}
#single .itemBox dl {}
#single .itemBox dt {
  font-weight: 400;
  font-size: 26px;
  border-top: #c9caca solid 3px;
  display: inline-block;
  padding: 0.5em 1em 0.5em;
}
#single .itemBox dt span {
  color: #e9546b;
  border-right: #e9546b solid 4px;
  display: inline-block;
  padding-right: 0.8em;
  margin-right: 0.8em;
}
#single .itemBox dd {
  font-size: 18px;
  padding: 0.5em 0;
}

#single .itemBox.item03 dt {
  border-bottom: #c9caca solid 3px;
  padding: 0.5em 0em 0.5em;
	
}
#single .itemBox.item03 dt::before {
	content: '';
	border-left: #e9546b solid 4px;
	padding-right: 0.8em;
}
#single .itemBox.item03 .flex01 {
	background-color: #EAEAE2;
}
#single .itemBox.item03 .flex .leftBox {
	width: 50%;
	padding: 2em;
	
}
#single .itemBox.item03 .flex .leftBox p {
	font-size: 18px;
	padding: 1em 0;
}
#single .itemBox.item03 .flex .leftBox p span {
	color: #EA5C71;
}
#single .itemBox.item03 .flex .rightBox {
	width: 50%;
}
#single #sec04 h3 {
font-weight: 400;
font-size: 26px;
padding: 0.3em 0 0.3em 0.5em;
line-height: 1.3;
border: none;
border-left: #e9546b solid 4px;
	border-bottom: #C9CACA solid 2px;
	margin-top: 1em;

}
#single #sec04 .flex02 {
	padding-top: 30px;
}
#single #sec04 .flex02 .leftBox {
	width: 50%;
}
#single #sec04 .flex02 .rightBox {
	width: 50%;
	padding-left: 2em;
}

#single #sec05 {
	background-color: #F1ECD4;
	border-radius: 15px;
	padding: 4%;
}
#single #sec05 h3 {
	color: #E61E73;
	border-top: #E61E73 solid 2px;
	border-bottom: #E61E73 solid 2px;
	padding: 0.2em 0;
	font-size: 27px;
	text-align: center;
	margin-bottom: 0;
}
#single #sec06 .addBox {
	margin-top: 30px;
}
#single #sec06 .addBox th {
	font-weight: normal;
	text-align: right;
}
#single.oshihamo .putihamo .editer .txtBox {
	display: block;
}
#single.oshihamo .putihamo .editer .txtBox p {
	width: 100%;
	padding: 0.5em 0;
}

@media screen and (max-width: 959px) {
  #single.coffee .addBox .flex .leftBox {
    width: 100%;
  }
  #single.coffee .addBox .flex .rightBox {
    width: 100%;
    margin-top: 20px;
		position: static;
  }
	#single.coffee .addBox .flex .rightBox .btnBox {
		justify-content: center;
		padding-top: 10px;
	}
	#single .itemBox.item03 .flex .leftBox p {
		font-size: clamp(14px, 2vw, 16px);
	}

}
@media screen and (max-width: 599px) {
	#single .itemBox dl {
		
	}
	#single .itemBox dt {
		font-size: clamp(18px, 2.5vw, 20px);
		font-weight: 500;
		display: flex;
		align-items: center;
	}
	#single .itemBox dt span {
		color: #e9546b;
		border-right: #e9546b solid 4px;
		display:block;
		width: 10%;
		padding-right: 1em;
		margin-right: 0.5em;
		font-size: 150%;
	}
	#single .itemBox dd {
		font-size: clamp(15px, 4.3vw, 17px);
		line-height: 2;
		padding: 1em;

	}
	#single .itemBox.item03 .flex01 {
		flex-direction: column-reverse;
	}
	#single .itemBox.item03 .flex .leftBox {
		width: 100%;
		padding: 1.5em;

	}
	.itemBox.item03 .flex .leftBox p {
		font-size: clamp(15px, 4.3vw, 17px);
	}

	
	#single .itemBox.item03 .flex .rightBox {
		width: 80%;
		margin-left: 10%;
		margin-top: 10%;
	}
	#single #sec04 h3 {
		font-size: 4.8vw;
		font-size: clamp(17px, 4.8vw, 19px);
		text-align: left;
	}
	#single #sec04 .flex02 .leftBox {
		width: 60%;
		margin-left: 20%;
	}
	#single #sec04 .flex02 .rightBox {
		width: 100%;
		padding-left: 0em;
	}
	#single #sec05 h3 {
		font-size: 5.3vw;
		font-size: clamp(19px, 5.3vw, 21px);
	}
	#single #sec06 .addBox th,#single #sec06 .addBox td {
		display: block;
		text-align: left;
	}
	#single #sec06 .addBox td {
		padding-bottom: 1em;
	}
}