/* StudioOne Fukuda : pet.css */




/*======================================================================*
 *  [ priceBox | 選ばれる5つの理由 ] 
 *======================================================================*/

.priceBox h3 {
	position: relative;
	padding-left: 2.5em;
	padding-bottom: 10px;
}
.priceBox h3::before {
	display: inline-block;
	position: absolute;
	top: calc(50% - 5px);
	left: 0;
	width: 2em;
	margin-top: -1em;
	border-radius: 50%;
	background: #c0a493;
	color: #fff;
	line-height: 2;
	text-align: center;
	font-weight: normal;
}
.priceBox h3.no01::before { content: "1"; }
.priceBox h3.no02::before { content: "2"; }
.priceBox h3.no03::before { content: "3"; }
.priceBox h3.no04::before { content: "4"; }
.priceBox h3.no05::before { content: "5"; }

.priceBox figure.flexBox {
	margin-left: 0;
	width: 50% !important;
}
.priceBox .flexBox > p:first-child {
	margin-top: 0;
}

@media screen and (max-width: 568px) {
	.priceBox .flexBox + .flexBox {
		margin-top: 0;
	}
	.priceBox figure.flexBox {
		width: 100% !important;
	}
} /* */

/* [ 2 ] */
.priceBox.reason2 .itemList > a {
	border-color: #f7f6f3;
	background: #f7f6f3;
}
.priceBox.reason2 .itemList > a:hover, 
.priceBox.reason2 .itemList > a:active {
	border-color: transparent;
}
.priceBox.reason2 .itemList > a:hover img, 
.priceBox.reason2 .itemList > a:active img {
	opacity: 1;
}
.priceBox.reason2 .itemList h4 {
	margin: 0 0 15px;
	padding: 0;
	width: auto;
	display: block;
}
.priceBox.reason2 .itemList h4 span {
	display: inline-block;
}
.priceBox.reason2 .itemList figure {
	float: none;
	width: auto;
	margin-left: 0;
}
.priceBox.reason2 .itemList a {
	width: 23.5%;
	margin-left: 2%;
}
.priceBox.reason2 .itemList a:nth-child(4n+1) {
	margin-left: 0;
}
.priceBox.reason2 .itemList section {
	text-align: center;
}
.priceBox.reason2 .itemList figure img {
	display: inline-block;
	max-width: 100px;
}
.priceBox.reason2 .itemList section > b {
	display: inline-block;
	padding: 0 5px;
	background: #EB6877;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
}
.priceBox.reason2 .itemList h4 {
	margin: 10px 0 0;
	text-align: center;
	line-height: 1.1;
}

@media screen and (max-width: 768px) {
	.priceBox.reason2 .itemList {
		margin-bottom: 15px;
	}
	.priceBox.reason2 .itemList a {
		width: 100%;
		margin-left: 0;
		padding-right: 10px;
	}
	.priceBox.reason2 .itemList section {
		text-align: left;
	}
	.priceBox.reason2 .itemList figure {
		top: calc(50% - 30px);
		left: 10px;
	}
	.priceBox.reason2 .itemList figure img {
		width: 60px;
	}
	.priceBox.reason2 .itemList section > b {
		margin: 0 0 0 65px;
	}
	.priceBox.reason2 .itemList h4 {
		border: none;
		text-align: left;
		margin-left: 65px;
	}
	.priceBox.reason2 .itemList h4 span {
		font-size: 1.6rem;
	}
} /* */

/* [ 4 ] */
.priceBox.reason4 .itemList {
	margin-bottom: 15px;
}
.priceBox.reason4 .itemList > a {
	border-color: #f7f6f3;
	background: #f7f6f3;
}
.priceBox.reason4 .itemList > a:hover, 
.priceBox.reason4 .itemList > a:active {
	border-color: #EFE8E0;
}
.priceBox.reason4 .itemList h4 {
	margin: 0 0 15px;
	padding: 0;
	width: auto;
	display: block;
}
.priceBox.reason4 .itemList figure {
	float: none;
	width: auto;
	margin-left: 0;
}

@media screen and (max-width: 768px) {
	.priceBox.reason4 .itemList h4 {
		display: block;
		width: auto;
		margin: 5px 0 15px 100px;
		padding: 0;
		text-align: left;
		border: none;
	}
	.priceBox.reason4 .itemList figure {
		width: 90px !important;
	}
} /* */

/* [ 5 ] */
.priceBox.reason5 header + p {
	text-align: center;
	font-size: calc(1em + 0.2rem);
}
.priceBox.reason5 header + p b {
	display: inline-block;
	position: relative;
	height: 2em;
	padding: 0 2em;
	background: #eb6877;
	color: #fff;
	line-height: 2em;
}
.priceBox.reason5 header + p b::before,
.priceBox.reason5 header + p b::after {
	position: absolute;
	top: 0;
	border-top: 1em solid transparent;
	border-bottom: 1em solid transparent;
	content: "";
}
.priceBox.reason5 header + p b::before {
	left: 0;
	border-left: 1em solid #fff;
}
.priceBox.reason5 header + p b::after {
	right: 0;
	border-right: 1em solid #fff;
}
.priceBox.reason5 .set {
	margin: 20px 0 30px;
	list-style: none;
	text-align: center;
}
.priceBox.reason5 .set dt {
	color: #47302a;
	font-size: calc(1em - 0.2rem);
	font-weight: bold;
}
.priceBox.reason5 .set dd {
	display: inline-block;
	margin: 5px 0 0;
	padding: 0;
}

.priceBox.reason5 .kakaku {
}
.priceBox.reason5 .kakaku,
.priceBox.reason5 .kakaku * {
	box-sizing: border-box;
}
.priceBox.reason5 .kakaku p {
	margin-bottom: 5px;
	color: #966731;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.priceBox.reason5 .kakaku p b {
	color: #eb6877;
	font-size: 2.6rem;
}
.priceBox.reason5 .kakaku p span {
	font-size: 1.4rem;
	font-weight: normal;
}
.priceBox.reason5 .kakaku ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 5px 15px 15px;
	border: 5px solid #EFE8E0;
	background: #f7f6f3;
	text-align: center;
}
.priceBox.reason5 .kakaku li {
	margin-top: 10px;
	padding: 15px 0;
	border-radius: 10px;
}
.priceBox.reason5 .kakaku li b {
	font-family: 'Noto Serif JP', serif;
	font-weight: 900;
}
.priceBox.reason5 .kakaku li:nth-child(1), 
.priceBox.reason5 .kakaku li:nth-child(2), 
.priceBox.reason5 .kakaku li:nth-child(3),
.priceBox.reason5 .kakaku li:nth-child(4) {
	width: 24%;
	background: rgba(185, 104, 30, 0.2);
	color: #eb6877;
}
.priceBox.reason5 .kakaku li:nth-child(5), 
.priceBox.reason5 .kakaku li:nth-child(6) {
	width: 49%;
	background: rgba(89, 58, 26, 0.6);
	color: #fff;
}
.priceBox.reason5 .kakaku li:nth-child(7), 
.priceBox.reason5 .kakaku li:nth-child(8),
.priceBox.reason5 .kakaku li:nth-child(9) {
	width: 32%;
	background: rgba(185, 104, 30, 0.2);
	color: #eb6877;
}
.priceBox.reason5 .kakaku li:nth-child(1) b, 
.priceBox.reason5 .kakaku li:nth-child(2) b, 
.priceBox.reason5 .kakaku li:nth-child(3) b,
.priceBox.reason5 .kakaku li:nth-child(4) b {
	font-size: 2.6rem;
}
.priceBox.reason5 .kakaku li:nth-child(5) b, 
.priceBox.reason5 .kakaku li:nth-child(6) b {
	font-size: 3.2rem;
}
.priceBox.reason5 .kakaku li:nth-child(7) b, 
.priceBox.reason5 .kakaku li:nth-child(8) b,
.priceBox.reason5 .kakaku li:nth-child(9) b {
	font-size: 3.2rem;
}

@media screen and (max-width: 768px) {
	.priceBox.reason5 .set dt {
		font-size: 1em;
	}
} /* */

@media screen and (max-width: 568px) {
	.priceBox.reason5 header + p b {
		height: 2.8em;
		padding: 0.4em 2em;
		line-height: 1.4em;
	}
	.priceBox.reason5 header + p b::before,
	.priceBox.reason5 header + p b::after {
		border-top-width: 1.8em;
		border-bottom-width: 1.8em;
	}

	.priceBox.reason5 .kakaku p {
		font-size: 1.8rem;
	}
	.priceBox.reason5 .kakaku p b {
		font-size: 2.4rem;
	}
	.priceBox.reason5 .kakaku p span {
		font-size: 1.2rem;
	}
	.priceBox.reason5 .kakaku ul {
		display: block;
		padding-top: 5px;
	}
	.priceBox.reason5 .kakaku li {
		width: 100% !important;
		padding: 10px 0;
	}
	.priceBox.reason5 .kakaku li:nth-child(1) b, 
	.priceBox.reason5 .kakaku li:nth-child(2) b, 
	.priceBox.reason5 .kakaku li:nth-child(3) b,
	.priceBox.reason5 .kakaku li:nth-child(4) b {
		font-size: 2rem;
	}
	.priceBox.reason5 .kakaku li:nth-child(5) b, 
	.priceBox.reason5 .kakaku li:nth-child(6) b {
		font-size: 2.4rem;
	}
	.priceBox.reason5 .kakaku li:nth-child(7) b, 
	.priceBox.reason5 .kakaku li:nth-child(8) b,
	.priceBox.reason5 .kakaku li:nth-child(9) b {
		font-size: 2.4rem;
	}
} /* */


/*======================================================================*
 *  [ 振袖 ] 
 *======================================================================*/

.itemList.furisode {
	max-width: 768px;
	margin: 0 auto;
}
.itemList.furisode a {
	width: 48.8%;
	margin-left: 2.4%;
	border-color: #EFE8E0;
}
.itemList.furisode a:nth-child(2n+1) {
	margin-left: 0;
}
.itemList.furisode a:hover img,
.itemList.furisode a:active img {
	opacity: 1;
}
.itemList.furisode figure {
	border: 15px solid #fff;
}
.itemList.furisode p {
	margin-bottom: 0;
}

@media screen and (max-width: 768px) {
	.itemList.furisode a {
		width: 100%;
		min-height: 130px;
		margin-left: 0;
	}
	.itemList.furisode figure {
		border: none;
	}
	.itemList.furisode p {
		margin: 5px 0 0 100px;
	}
} /* */

/*======================================================================*
 *  [ 声 ] 
 *======================================================================*/

.pointList.voice p + p {
	font-size: 1em;
}

/*======================================================================*
 *  [ floatingBtn | フローティングボタン ] 
 *======================================================================*/

.floatingBtn {
	display: none;
	padding: 60px 20px;
	background: #F7F6F3;
}
.floatingBtn.show {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 20px;
	background: rgba(71,48,42,0.3);
	z-index: 50;
}
.floatingBtn .inner {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
}
.floatingBtn p {
	width: 100%;
	margin-bottom: 20px;
	color: #693528;
}
.floatingBtn.show p {
	margin-bottom: 10px;
	color: #fff;
	text-shadow: 0 0 15px rgba(71,48,42,1);
}
.floatingBtn .btnReserve { line-height: 1; }
.floatingBtn .btnReserve + .btnReserve { margin-left: 20px; }
.floatingBtn .btnReserve b {
	display: inline-block;
	width: 8em;
	margin-left: 5px;
	color: #fff;
	font-size: 2rem;
	line-height: 1;
}

@media screen and (max-width: 768px) {
	.floatingBtn {
		padding: 30px 20px;
	}
	.floatingBtn.show {
		padding: 10px;
	}
	.floatingBtn.show p {
		margin-bottom: 5px;
	}
	.floatingBtn .btnReserve {
		width: calc(50% - 5px);
		padding: 10px;
		box-sizing: border-box;
	}
	.floatingBtn .btnReserve + .btnReserve { margin-left: 10px; }
	.floatingBtn .btnReserve svg {
		display: block;
		margin: 0 auto 5px;
	}
	.floatingBtn .btnReserve b {
		width: 100%;
		font-size: 1.4rem;
	}

} /* */