@charset "utf-8";
/* CSS Document */

/* ==================================================
	HOVER ZOOM
================================================== */
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.img-wr {
		overflow: hidden; /*拡大時にはみ出た部分を隠す*/
		position: relative;
	}
	.img-wr img {
		display: block;
		transition-duration: 0.3s; /*変化に掛かる時間*/
	}
	.img-wr img:hover {
		transform: scale(1.1); /*画像の拡大率*/
		transition-duration: 0.3s; /*変化に掛かる時間*/
	}
	.img-wr2 {
		position: relative;
	}
	.img-wr2 img {
		display: block;
		transition-duration: 0.3s; /*変化に掛かる時間*/
	}
	.img-wr2 img:hover {
		transform: scale(1.1); /*画像の拡大率*/
		transition-duration: 0.3s; /*変化に掛かる時間*/
	}
}
/* ========== end △ */

.sub-title {
	display: block;
	position: relative;
	text-align: center;
	padding-top: 200px;
	padding-bottom: 85px;
	font-family: "Noto Serif JP", serif;
	background: #fcf9f4;
}
.sub-title h1,
.sub-title .tll{
	display: block;
	font-size: 3rem;
	letter-spacing: 3px;
	margin-bottom: 14px;
}
.sub-title span {
	display: block;
	font-size: 1.5rem;
	letter-spacing: 5px;
	color: #a6a4a4;
}
.fix-1200 {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.branch {
	display: block;
	padding: 14px 0;
	background: #fff;
	border-bottom: #efefef solid 1px;
}
.branch ul {
	display: flex;
}
.branch li {
	display: block;
	position: relative;
	margin-left: 40px;
	font-size: 1.5rem;
	letter-spacing: 1px;
	line-height: 1.4;
}
.branch li::before {
	position: absolute;
	left: -22px;
	top: 9px;
	content: "";
	width: 4px;
	height: 4px;
	border-top: 1px solid #404040;
	border-right: 1px solid #404040;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.branch li:nth-child(1) {
	margin-left: 0px;
}
.branch li:nth-child(1)::before {
	display: none;
}
.subbox01 {
	display: block;
	padding: 80px 0;
	color: #404040;
}
.subbox01 p {
	font-size: 1.5rem;
	line-height: 2.3;
	letter-spacing: 2px;
}
.tit01 {
	display: block;
	text-align: center;
	font-family: "Noto Serif JP", serif;
	font-weight: 400;
	margin-bottom: 45px;
}
.tit01 span {
	display: block;
	position: relative;
	font-size: 2rem;
	letter-spacing: 3px;
	line-height: 1.4;
	padding-bottom: 13px;
	margin-bottom: 17px;
}
.tit01 span::before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	content: "";
	width: 100px;
	height: 1px;
	background: #dcd1c0;
}
.tit01 h2 {
	display: block;
	font-size: 3.6rem;
	letter-spacing: 4px;
	line-height: 1.7;
}
.max-700 {
	max-width: 700px;
}
.mlr-auto {
	margin-left: auto;
	margin-right: auto;
}
.mb50 {
	margin-bottom: 50px;
}
.about01 p {
	font-size: 1.6rem;
}
.bg-01 {
	background: #fcf9f4;
}
.about02 {
	padding-bottom: 30px;
}
.promise {
	display: flex;
	justify-content: space-between;
	padding-bottom: 75px;
}
.promise .imgs {
	display: block;
	position: relative;
	flex-basis: 45%;
}
.promise .imgs figure {
	display: block;
	margin: 0px;
}
.promise .imgs img {
	width: 100%;
}
.promise .imgs .num {
	position: absolute;
	z-index: 5;
	right: -20px;
	top: -30px;
	font-family: "Noto Serif JP", serif;
	font-weight: 400;
	color: #da6d8a;
	background: rgba(255, 255, 255, 0.9);
	padding: 15px;
}
.promise .imgs .num span {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size: 2.4rem;
	font-weight: 400;
	letter-spacing: 3px;
}
.promise .imgs .num b {
	font-size: 6rem;
	font-weight: 300;
	position: relative;
	top: -20px;
}
.promise .txt {
	display: block;
	flex-basis: 50%;
}
.promise .txt h3 {
	display: block;
	font-family: "Noto Serif JP", serif;
	font-weight: 400;
	font-size: 2.4rem;
	letter-spacing: 3px;
	line-height: 1.5;
	margin-bottom: 25px;
	color: #da6d8a;
}

@media print, screen and (min-width: 640px) and (max-width: 1199px) {
	.fix-1200 {
		margin-left: 4%;
		margin-right: 4%;
	}
}
@media only screen and (max-width: 639px) {
	.fix-1200 {
		margin-left: 4%;
		margin-right: 4%;
	}
	.sub-title {
		display: block;
		position: relative;
		text-align: center;
		padding-top: 70px;
		padding-bottom: 20px;
		font-family: "Noto Serif JP", serif;
		background: #fcf9f4;
	}
	.sub-title h1,
	.sub-title .tll{
		display: block;
		font-size: 3.3rem;
		letter-spacing: 2px;
		margin-bottom: 8px;
	}
	.sub-title span {
		display: block;
		font-size: 1.8rem;
		letter-spacing: 3px;
		color: #a6a4a4;
	}
	.branch {
		display: none;
	}
	.subbox01 {
		display: block;
		padding: 30px 0;
		color: #404040;
	}
	.subbox01 p {
		font-size: 2.2rem;
		line-height: 2;
		letter-spacing: 1px;
	}
	.tit01 {
		display: block;
		text-align: center;
		font-family: "Noto Serif JP", serif;
		font-weight: 400;
		margin-bottom: 20px;
	}
	.tit01 span {
		display: block;
		position: relative;
		font-size: 1.6rem;
		letter-spacing: 3px;
		line-height: 1.4;
		padding-bottom: 13px;
		margin-bottom: 12px;
	}
	.tit01 span::before {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		content: "";
		width: 100px;
		height: 1px;
		background: #dcd1c0;
	}
	.tit01 h2 {
		display: block;
		font-size: 2.8rem;
		letter-spacing: 4px;
		line-height: 1.7;
	}
	.mb50 {
		margin-bottom: 25px;
	}
	.about01 p {
		font-size: 2.2rem;
	}
	.about02 {
		padding-bottom: 20px;
	}
	.promise {
		display: block;
		padding-bottom: 25px;
	}
	.promise .imgs {
		display: block;
		position: relative;
		flex-basis: 45%;
		margin-bottom: 16px;
	}
	.promise .imgs figure {
		display: block;
		margin: 0px;
	}
	.promise .imgs img {
		width: 100%;
	}
	.promise .imgs .num {
		position: absolute;
		z-index: 5;
		right: -8px;
		top: -16px;
		font-family: "Noto Serif JP", serif;
		font-weight: 400;
		color: #da6d8a;
		background: rgba(255, 255, 255, 0.9);
		padding: 10px;
		width: 65px;
	}
	.promise .imgs .num span {
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		font-size: 2.4rem;
		font-weight: 400;
		letter-spacing: 3px;
	}
	.promise .imgs .num b {
		/*font-size: 6rem;*/
		font-size: 31px;
		font-weight: 300;
		position: relative;
		top: -20px;
	}
	.promise .txt {
		display: block;
		flex-basis: 50%;
	}
	.promise .txt h3 {
		display: block;
		font-family: "Noto Serif JP", serif;
		font-weight: 400;
		font-size: 2.7rem;
		letter-spacing: 3px;
		line-height: 1.5;
		margin-bottom: 15px;
		color: #da6d8a;
	}
}
@media print, screen and (min-width: 390px) and (max-width: 640px) {
	.promise .imgs .num {
		position: absolute;
		z-index: 5;
		right: -8px;
		top: -16px;
		font-family: "Noto Serif JP", serif;
		font-weight: 400;
		color: #da6d8a;
		background: rgba(255, 255, 255, 0.9);
		padding: 10px;
		width: 105px;
	}
}

.fmin {
	font-family: "Noto Serif JP", serif;
	font-weight: 400;
}
.flexA {
	display: flex;
}
.flexB {
	display: flex;
	justify-content: center;
}
.flexC {
	display: flex;
	justify-content: space-between;
}
.al-center {
	align-items: center;
}
.doctor01 figure {
	display: block;
	flex-basis: 32%;
	margin: 0px;
}
.doctor01 figure img {
	width: 100%;
}
.doctor01 .txt {
	display: block;
	flex-basis: 65%;
}
.doctor01 .txt .names {
	display: block;
	border-bottom: #ccc dotted 1px;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
.doctor01 .txt .names h3 {
	display: block;
	font-size: 2.7rem;
	letter-spacing: 2px;
	line-height: 1.6;
	color: #e39fb1;
	padding-bottom: 16px;
}
.doctor01 .txt .names ul {
	display: block;
}
.doctor01 .txt .names li {
	display: inline-block;
	padding: 9px 15px;
	margin-right: 10px;
	margin-bottom: 7px;
	font-size: 1.5rem;
	line-height: 0.8;
	border: #dcd1c0 solid 1px;
}
.title02 {
	display: block;
	font-family: "Noto Serif JP", serif;
	font-weight: 400;
	font-size: 2.8rem;
	letter-spacing: 3px;
	line-height: 1.5;
	padding-bottom: 20px;
	margin-bottom: 25px;
	border-bottom: #ccc solid 1px;
}
.dl001 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.dl001 dt {
	flex-basis: 20%;
	font-size: 1.6rem;
	line-height: 2;
	padding: 15px 0;
	border-bottom: #d9a656 solid 1px;
}
.dl001 dd {
	font-size: 1.6rem;
	line-height: 2;
	flex-basis: 80%;
	box-sizing: border-box;
	padding: 15px 2%;
	border-bottom: #efefef solid 1px;
}
.list001 {
	display: block;
}
.list001 li {
	display: block;
	position: relative;
	border-bottom: #ccc dotted 1px;
	padding: 10px 0;
	font-size: 1.6rem;
	line-height: 2;
	padding-left: 28px;
}
.list001 li::before {
	position: absolute;
	left: 0;
	top: 19px;
	content: "";
	width: 17px;
	height: 17px;
	border-radius: 50%;
	background: #e39fb1;
}
.title03 {
	display: inline-block;
	padding: 9px 20px;
	font-size: 1.8rem;
	letter-spacing: 2px;
	line-height: 1.5;
	color: #e39fb1;
	border: #e39fb1 solid 1px;
	margin-bottom: 20px;
}

@media only screen and (max-width: 639px) {
	.flexA {
		display: block;
	}
	.flexB {
		display: block;
	}
	.flexC {
		display: block;
	}
	.al-center {
		align-items: center;
	}
	.doctor01 figure {
		display: block;
		flex-basis: 32%;
		margin: 0px 25%;
		padding-bottom: 15px;
	}
	.doctor01 figure img {
		width: 100%;
	}
	.doctor01 .txt {
		display: block;
		flex-basis: 65%;
	}
	.doctor01 .txt .names {
		display: block;
		border-bottom: #ccc dotted 1px;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.doctor01 .txt .names h3 {
		display: block;
		font-size: 3.8rem;
		letter-spacing: 2px;
		line-height: 1.6;
		color: #e39fb1;
		padding-bottom: 14px;
	}
	.doctor01 .txt .names ul {
		display: block;
	}
	.doctor01 .txt .names li {
		display: inline-block;
		padding: 9px 12px;
		margin-right: 10px;
		margin-bottom: 7px;
		font-size: 2rem;
		line-height: 0.8;
		border: #dcd1c0 solid 1px;
	}
	.title02 {
		display: block;
		font-family: "Noto Serif JP", serif;
		font-weight: 400;
		font-size: 3rem;
		letter-spacing: 3px;
		line-height: 1.5;
		padding-bottom: 20px;
		margin-bottom: 25px;
		border-bottom: #ccc solid 1px;
	}
	.dl001 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.dl001 dt {
		flex-basis: 20%;
		font-size: 2rem;
		line-height: 2;
		padding: 15px 0;
		border-bottom: #d9a656 solid 1px;
	}
	.dl001 dd {
		font-size: 2.2rem;
		line-height: 2;
		flex-basis: 80%;
		box-sizing: border-box;
		padding: 15px 2%;
		border-bottom: #efefef solid 1px;
	}
	.list001 {
		display: block;
		padding-bottom: 30px;
	}
	.list001 li {
		display: block;
		position: relative;
		border-bottom: #ccc dotted 1px;
		padding: 10px 0;
		font-size: 2.2rem;
		line-height: 2;
		padding-left: 28px;
	}
	.list001 li::before {
		position: absolute;
		left: 0;
		top: 19px;
		content: "";
		width: 17px;
		height: 17px;
		border-radius: 50%;
		background: #e39fb1;
	}
	.title03 {
		display: inline-block;
		padding: 9px 20px;
		font-size: 2.6rem;
		letter-spacing: 2px;
		line-height: 1.5;
		color: #e39fb1;
		border: #e39fb1 solid 1px;
		margin-bottom: 10px;
	}
}

.product-list {
	display: block;
}
.prod-cat {
	display: block;
	padding-bottom: 45px;
}
.prod-cat li {
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 16px;
}
.prod-cat li a {
	display: block;
	padding: 7px 16px;
	position: relative;
	font-size: 1.7rem;
	letter-spacing: 2px;
	border-bottom: #dcd1c0 solid 2px;
	-webkit-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
.prod-cat li a::before {
	position: absolute;
	z-index: 5;
	left: 0;
	bottom: -2px;
	content: "";
	width: 0%;
	height: 2px;
	background: #e39fb1;
	-webkit-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
.prod-cat li a:hover,
.prod-cat li.current a {
	color: #e39fb1;
}
.prod-cat li a:hover::before,
.prod-cat li.current a::before {
	width: 100%;
}
.item-list {
	display: flex;
	flex-wrap: wrap;
	font-family: "Noto Serif JP", serif;
	font-weight: 400;
}
.item-list .one {
	display: block;
	margin-left: 40px;
	flex-basis: calc((100% - (40px * 3)) / 4 - 0.01px);
	margin-bottom: 45px;
}
.item-list .one figure {
	display: block;
	text-align: center;
	margin: 0px;
	background: #fff;
	width: 100%;
	height: 240px;
	box-sizing: border-box;
	padding: 15px;
	border: #dcd1c0 solid 1px;
}
.item-list .one figure img {
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
.item-list .one:nth-child(4n + 1) {
	margin-left: 0px;
}
.item-list .one h3 {
	font-size: 1.5rem;
	line-height: 1.6;
	padding: 13px 0;
	color: #cca15f;
}
.item-list .one p {
	display: block;
	font-size: 1.3rem;
	line-height: 1.7;
	font-weight: 300;
	padding-bottom: 13px;
}
.item-list .one span {
	display: block;
	text-align: right;
	font-size: 1.5rem;
}
.item-paging {
	display: block;
	padding: 30px 0;
	text-align: center;
}
.item-paging ul {
	display: block;
}
.item-paging li {
	display: inline-block;
	margin: 10px;
}
.item-paging li a {
	display: block;
	width: 40px;
	position: relative;
	text-align: center;
	font-size: 1.5rem;
	padding: 10px 0;
	border-bottom: #dcd1c0 solid 2px;
	-webkit-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
.item-paging li a::before {
	position: absolute;
	left: 0;
	bottom: -2px;
	content: "";
	width: 0%;
	height: 2px;
	z-index: 20;
	background: #e39fb1;
	-webkit-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
.item-paging li a:hover,
.item-paging li.current a {
	color: #e39fb1;
}
.item-paging li a:hover::before,
.item-paging li.current a::before {
	width: 100%;
}
.product-list .prices {
	font-size: 14px;
	line-height: 1.8;
	padding: 2px 0;
	text-align: right;
}

@media only screen and (max-width: 639px) {
	.product-list {
		display: block;
	}
	.prod-cat {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		padding-bottom: 25px;
	}
	.prod-cat li {
		display: block;
		margin-right: 2%;
		margin-left: 2%;
		flex-basis: 46%;
		margin-bottom: 16px;
	}
	.prod-cat li a {
		display: block;
		padding: 7px 12px;
		text-align: center;
		position: relative;
		font-size: 2.4rem;
		letter-spacing: 2px;
		border-bottom: #dcd1c0 solid 2px;
		-webkit-transition: all 0.2s ease-in-out 0s;
		transition: all 0.2s ease-in-out 0s;
	}
	.prod-cat li a::before {
		position: absolute;
		z-index: 5;
		left: 0;
		bottom: -2px;
		content: "";
		width: 0%;
		height: 2px;
		background: #e39fb1;
		-webkit-transition: all 0.2s ease-in-out 0s;
		transition: all 0.2s ease-in-out 0s;
	}
	.prod-cat li a:hover,
	.prod-cat li.current a {
		color: #e39fb1;
	}
	.prod-cat li a:hover::before,
	.prod-cat li.current a::before {
		width: 100%;
	}
	.item-list {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		font-family: "Noto Serif JP", serif;
		font-weight: 400;
	}
	.item-list .one {
		display: block;
		margin-left: 0px;
		flex-basis: 48%;
		margin-bottom: 25px;
	}
	.item-list .one figure {
		display: block;
		text-align: center;
		margin: 0px;
		background: #fff;
		width: 100%;
		height: 170px;
		box-sizing: border-box;
		padding: 15px;
		border: #dcd1c0 solid 1px;
	}
	.item-list .one figure img {
		display: inline-block;
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: auto;
	}
	.item-list .one:nth-child(4n + 1) {
		margin-left: 0px;
	}
	.item-list .one h3 {
		font-size: 2.2rem;
		line-height: 1.6;
		padding: 13px 0;
		color: #cca15f;
	}
	.item-list .one p {
		display: none;
		font-size: 2rem;
		line-height: 1.7;
		font-weight: 300;
		padding-bottom: 13px;
	}
	.item-list .one span {
		display: block;
		text-align: right;
		font-size: 1.5rem;
	}
}

.product-detail01 {
	display: block;
}
.product-detail01 .img-left {
	flex-basis: 47%;
}
.sub-tumb {
	display: flex;
	flex-wrap: wrap;
}
.sub-tumb li {
	display: block;
	padding: 0px !important;
	margin-bottom: 5px;
	margin-right: 5px;
	width: calc(20% - 5px);
}
.sub-tumb li.i-main {
	width: 100% !important;
	text-align: center;
	height: 41.7vw;
	max-height: 558px;
	flex-basis: 100% !important;
	margin-bottom: 30px;
	box-sizing: border-box;
	padding: 20px;
	border: #ccc solid 1px;
}
.sub-tumb li img {
	width: 100%;
	height: 100px;
}
.sub-tumb li.i-main img {
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: 100%;
}
.product-detail01 .caut-txt {
	display: block;
	padding: 20px;
	background: #fbf5eb;
	margin-top: 40px;
}
.product-detail01 .caut-txt h4 {
	display: block;
	font-size: 1.5rem;
	margin-bottom: 13px;
}
.product-detail01 .caut-txt p {
	display: block;
	font-size: 1.4rem;
	line-height: 1.8;
}
.product-detail01 .txt {
	display: block;
	flex-basis: 49%;
}
.product-detail01 .txt h3 {
	display: block;
	border-bottom: #ccc dotted 1px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-size: 1.9rem;
	letter-spacing: 3px;
	line-height: 1.5;
	color: #e39fb1;
}
.product-detail01 .txt .tx1 {
	background: #efefef;
	padding: 17px;
	font-size: 1.5rem;
	line-height: 1.9;
}
.product-detail01 .prices {
	display: block;
	margin-top: 35px;
	font-size: 1.6rem;
	letter-spacing: 2px;
	line-height: 1.4;
}
.product-detail01 .prices b {
	font-size: 2.1rem;
	color: #c7385e;
	margin-left: 25px;
}
.product-detail01 .prices .unit {
	display: inline;
	font-size: 1.3rem;
}
.product-detail01 .bt {
	padding-top: 10px;
	display: flex;
	justify-content: flex-end;
}
.cart-btn {
	display: block;
	text-align: center;
	width: 320px;
	padding: 16px 0;
	color: #fff;
	font-size: 1.5rem;
	line-height: 1.5;
	letter-spacing: 3px;
	background: #da6d8a;
	position: relative;
}
.cart-btn:hover {
	background: #bf3056;
}
.cart-btn::before {
	position: absolute;
	left: 12%;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	background: url("../images/product/cart.png") center center no-repeat;
	width: 18px;
	height: 18px;
}
.product-detail01 table {
	width: 100%;
	border-collapse: collapse;
	border-top: #cccc dotted 1px;
	margin-top: 40px;
}
.product-detail01 table th {
	text-align: left;
	vertical-align: top;
	font-size: 1.4rem;
	line-height: 1.8;
	padding: 14px 2%;
	width: 22%;
	border-bottom: #cccc dotted 1px;
}
.product-detail01 table td {
	text-align: left;
	vertical-align: top;
	font-size: 1.4rem;
	line-height: 1.8;
	padding: 14px 2%;
	border-bottom: #cccc dotted 1px;
}
.product-detail01 table td .bt2 {
	margin-top: 12px;
	margin-left: 40%;
}
.product-detail01 table td .common-btn {
	font-size: 1.4rem;
	height: 43px;
	width: 100%;
}
.title04 {
	display: block;
	text-align: center;
	font-size: 2.6rem;
	letter-spacing: 3px;
	line-height: 1.5;
	position: relative;
	padding-bottom: 25px;
	margin-bottom: 35px;
}
.title04::before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	content: "";
	width: 100px;
	height: 1px;
	background: #da6d8a;
}
.check-list1 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom: 60px;
}
.check-list1 li {
	display: block;
	position: relative;
	flex-basis: 49%;
	border: #aaa398 solid 1px;
	background: #fff;
	color: #aaa398;
	font-size: 1.7rem;
	line-height: 1.9;
	letter-spacing: 1px;
	box-sizing: border-box;
	padding: 16px 25px 16px 60px;
	margin: 11px 0;
}
.check-list1 li::before {
	position: absolute;
	left: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	background: url("../images/product/kkrn_icon_check_6.png") center center
		no-repeat;
	background-size: 100% auto;
	width: 30px;
	height: 26px;
}
.point-box {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	padding: 24px 0;
}
.point-box .txt {
	display: block;
	flex-basis: 50%;
}
.point-box .txt .num {
	display: block;
	font-size: 2.9rem;
	letter-spacing: 2px;
	line-height: 1.5;
	margin-bottom: 13px;
	color: #da6d8a;
}
.point-box .txt h3 {
	display: block;
	font-size: 1.9rem;
	letter-spacing: 2px;
	line-height: 1.5;
	padding-bottom: 20px;
	margin-bottom: 24px;
	border-bottom: #ccc dotted 1px;
}
.point-box figure {
	display: block;
	flex-basis: 47%;
	margin: 0;
}
.point-box figure img {
	width: 100%;
}
.direct-r {
	flex-direction: row-reverse;
}
.product-doctors .lef {
	display: block;
	flex-basis: 35%;
}
.product-doctors .lef div {
	position: relative;
}
.product-doctors .lef figure {
	margin: 0;
}
.product-doctors .lef figure img {
	width: 100%;
}
.product-doctors .lef ul {
	position: absolute;
	left: -20px;
	bottom: -15px;
	z-index: 5;
	display: flex;
	flex-wrap: wrap;
}
.product-doctors .lef ul li {
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
	width: 108px;
	height: 108px;
	color: #fff;
	font-size: 1.4rem;
	line-height: 1.8;
	background: #da6d8a;
	margin-right: 15px;
}
@media only screen and (max-width: 1110px) and (min-width: 640px) {
	.product-doctors .lef ul li {
		width: 9vw;
		height: 9vw;
	}
}
.product-doctors .txt {
	display: block;
	flex-basis: 62%;
}
.product-doctors .txt .ti {
	display: block;
	padding-bottom: 24px;
}
.product-doctors .txt .ti span {
	display: block;
	font-size: 1.8rem;
	letter-spacing: 3px;
	line-height: 1.4;
}
.mb20 {
	margin-bottom: 20px;
}
.product-doctors .txt .ti h3 {
	display: block;
	font-size: 2.7rem;
	letter-spacing: 2px;
	line-height: 1.5;
	color: #da6d8a;
}
.bg-02 {
	background: #fdeff3;
}
.product-voice ul {
	display: flex;
	flex-wrap: wrap;
}
.product-voice ul li {
	display: block;
	flex-basis: 28%;
	margin-left: 2%;
	margin-right: 2%;
	box-sizing: border-box;
	outline: #ece4d7 solid 3px;
	padding: 24px;
	margin-bottom: 34px;
}
.product-voice ul li h4 {
	display: block;
	text-align: center;
	font-size: 1.6rem;
	letter-spacing: 1px;
	line-height: 1.5;
	margin-bottom: 15px;
	background: #f9f2e6;
	padding: 12px 0;
	color: #b07b25;
}
.product-voice ul li p {
	display: block;
	font-size: 1.5rem;
	line-height: 1.9;
}
.sml-txt {
	font-size: 1.4rem;
}
.txt-center {
	text-align: center;
}
.voice-list .fix-1200 {
	position: relative;
}
.voice-list .one {
	border: #ece4d7 solid 1px;
	box-sizing: border-box;
	padding: 35px;
	background: #fff;
	margin-bottom: 35px;
}
.voice-list .one h3 {
	display: block;
	position: relative;
	border-bottom: #da6d8a solid 2px;
	font-size: 1.8rem;
	letter-spacing: 2px;
	line-height: 1.5;
	color: #da6d8a;
	padding-bottom: 14px;
	margin-bottom: 20px;
	padding-left: 60px;
}
.voice-list .one h3::before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	background: url("../images/product/ico-voice.png") center center no-repeat;
	background-size: 100% auto;
	width: 38px;
	height: 34px;
}
.voice-list .one .txt {
	display: block;
	font-size: 1.5rem;
	line-height: 1.9;
}
.comm-add {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 13px 0;
	border-top: #ccc dotted 1px;
	margin-top: 25px;
}
.comm-add p {
	display: block;
	flex-basis: 50%;
	font-size: 1.4rem;
	line-height: 1.7;
}
.abt-bt {
	position: absolute;
	right: 0;
	top: 0;
}
.abt-bt a {
	width: 190px;
}
.pt0 {
	padding-top: 0px;
}

@media only screen and (max-width: 639px) {
	.product-detail01 {
		display: block;
	}
	.product-detail01 .img-left {
		flex-basis: 47%;
		margin-bottom: 20px;
	}
	.sub-tumb li {
		display: block;
		padding: 0px !important;
		margin-bottom: 12px;
		margin-right: 5px;
		width: calc(25% - 5px);
	}
	.sub-tumb li.i-main {
		height: 90.7vw;
		margin-right: 0;
		margin-bottom: 20px;
		padding: 10px;
	}
	.sub-tumb li img {
		width: 100%;
		height: 100px;
		object-fit: cover;
		overflow: hidden;
	}
	.sub-tumb li.i-main img {
		display: inline-block;
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: 100%;
	}
	.product-detail01 .caut-txt {
		display: block;
		padding: 13px;
		background: #fbf5eb;
		margin-top: 20px;
	}
	.product-detail01 .caut-txt h4 {
		display: block;
		font-size: 2.4rem;
		margin-bottom: 10px;
	}
	.product-detail01 .caut-txt p {
		display: block;
		font-size: 2.2rem;
		line-height: 1.8;
	}
	.product-detail01 .txt {
		display: block;
		flex-basis: 49%;
		padding-top: 20px;
	}
	.product-detail01 .txt h3 {
		display: block;
		border-bottom: #ccc dotted 1px;
		padding-bottom: 10px;
		margin-bottom: 10px;
		font-size: 2.7rem;
		letter-spacing: 1px;
		line-height: 1.5;
		color: #e39fb1;
	}
	.product-detail01 .txt .tx1 {
		background: #efefef;
		padding: 13px;
		font-size: 2rem;
		line-height: 1.9;
		display: none;
	}
	.product-detail01 .prices {
		display: block;
		margin-top: 25px;
		font-size: 2.8rem;
		letter-spacing: 2px;
		line-height: 1.4;
	}
	.product-detail01 .prices b {
		font-size: 3.1rem;
		color: #c7385e;
		margin-left: 25px;
	}
	.product-detail01 .bt {
		padding-top: 10px;
	}
	.cart-btn {
		display: block;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		width: 250px;
		padding: 13px 0;
		color: #fff;
		font-size: 2rem;
		line-height: 1.5;
		letter-spacing: 3px;
		background: #da6d8a;
		position: relative;
	}
	.cart-btn:hover {
		background: #bf3056;
	}
	.cart-btn::before {
		position: absolute;
		left: 12%;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		background: url("../images/product/cart.png") center center no-repeat;
		width: 18px;
		height: 18px;
	}
	.product-detail01 table {
		width: 100%;
		border-collapse: collapse;
		border-top: #cccc dotted 1px;
		margin-top: 20px;
	}
	.product-detail01 table th {
		display: block;
		text-align: left;
		vertical-align: top;
		font-size: 2.4rem;
		line-height: 1.8;
		padding: 14px 2%;
		width: 96%;
		background: #efefef;
		border-bottom: #cccc dotted 1px;
	}
	.product-detail01 table td {
		display: block;
		text-align: left;
		vertical-align: top;
		font-size: 2.4rem;
		line-height: 1.8;
		padding: 14px 2%;
		border-bottom: #cccc dotted 1px;
	}
	.product-detail01 table td .bt2 {
		margin: 12px auto;
	}
	.product-detail01 table td .common-btn {
		font-size: 2.2rem;
		height: 43px;
		width: 250px;
		margin: 12px auto;
	}
	.title04 {
		display: block;
		text-align: center;
		font-size: 2.9rem;
		letter-spacing: 2px;
		line-height: 1.5;
		position: relative;
		padding-bottom: 15px;
		margin-bottom: 20px;
	}
	.title04::before {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		content: "";
		width: 100px;
		height: 1px;
		background: #da6d8a;
	}
	.check-list1 {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding-bottom: 30px;
	}
	.check-list1 li {
		display: block;
		position: relative;
		flex-basis: 100%;
		border: #aaa398 solid 1px;
		background: #fff;
		color: #aaa398;
		font-size: 2.2rem;
		line-height: 1;
		letter-spacing: 1px;
		box-sizing: border-box;
		padding: 14px 6px 14px 40px;
		margin: 4px 0;
	}
	.check-list1 li::before {
		position: absolute;
		left: 10px;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		background: url("../images/product/kkrn_icon_check_6.png") center center
			no-repeat;
		background-size: 100% auto;
		width: 20px;
		height: 26px;
	}
	.point-box {
		display: block;
		padding: 14px 0;
	}
	.point-box .txt {
		display: block;
		flex-basis: 50%;
		margin-bottom: 20px;
	}
	.point-box .txt .num {
		display: block;
		font-size: 3.3rem;
		letter-spacing: 2px;
		line-height: 1.5;
		margin-bottom: 7px;
		color: #da6d8a;
	}
	.point-box .txt h3 {
		display: block;
		font-size: 2.6rem;
		letter-spacing: 2px;
		line-height: 1.5;
		padding-bottom: 10px;
		margin-bottom: 14px;
		border-bottom: #ccc dotted 1px;
	}
	.point-box figure {
		display: block;
		flex-basis: 47%;
		margin: 0;
	}
	.point-box figure img {
		width: 100%;
	}
	.direct-r {
		flex-direction: row-reverse;
	}
	.product-doctors .lef {
		display: block;
		flex-basis: 35%;
	}
	.product-doctors .lef div {
		position: relative;
		max-width: 60%;
		margin: 0 auto;
	}
	.product-doctors.gmp .lef div {
		max-width: 100%;
	}
	.product-doctors .lef figure {
		margin: 0;
	}
	.product-doctors .lef figure img {
		width: 100%;
	}
	.product-doctors .lef ul {
		position: absolute;
		left: 10px;
		bottom: 10px;
		z-index: 5;
		display: flex;
		flex-wrap: wrap;
	}
	.product-doctors .lef ul li {
		display: flex;
		justify-content: center;
		text-align: center;
		align-items: center;
		width: 70px;
		height: 70px;
		color: #fff;
		font-size: 1.4rem;
		line-height: 1.8;
		background: #da6d8a;
		margin-right: 8px;
	}
	.product-doctors .txt {
		display: block;
		flex-basis: 62%;
		padding-top: 20px;
	}
	.product-doctors .txt .ti {
		display: block;
		padding-bottom: 14px;
	}
	.product-doctors .txt .ti span {
		display: block;
		font-size: 2.2rem;
		letter-spacing: 3px;
		line-height: 1.4;
	}
	.mb20 {
		margin-bottom: 14px;
	}
	.product-doctors .txt .ti h3 {
		display: block;
		font-size: 3.4rem;
		letter-spacing: 2px;
		line-height: 1.5;
		color: #da6d8a;
	}
	.product-voice ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.product-voice ul li {
		display: block;
		flex-basis: 100%;
		margin-left: 0%;
		margin-right: 0%;
		box-sizing: border-box;
		outline: #ece4d7 solid 2px;
		padding: 14px;
		margin-bottom: 20px;
	}
	.product-voice ul li h4 {
		display: block;
		text-align: center;
		font-size: 2.4rem;
		letter-spacing: 1px;
		line-height: 1.5;
		margin-bottom: 10px;
		background: #f9f2e6;
		padding: 8px;
		color: #b07b25;
	}
	.product-voice ul li p {
		display: block;
		font-size: 2.2rem;
		line-height: 1.5;
	}
	.sml-txt {
		font-size: 1.4rem;
	}
	.voice-list .fix-1200 {
		position: relative;
	}
	.voice-list .one {
		border: #ece4d7 solid 1px;
		box-sizing: border-box;
		padding: 15px;
		background: #fff;
		margin-bottom: 20px;
	}
	.voice-list .one h3 {
		display: block;
		position: relative;
		border-bottom: #da6d8a solid 2px;
		font-size: 2.6rem;
		letter-spacing: 2px;
		line-height: 1.5;
		color: #da6d8a;
		padding-bottom: 14px;
		margin-bottom: 20px;
		padding-left: 60px;
	}
	.voice-list .one h3::before {
		position: absolute;
		left: 0;
		top: 0;
		content: "";
		background: url("../images/product/ico-voice.png") center center no-repeat;
		background-size: 100% auto;
		width: 38px;
		height: 34px;
	}
	.voice-list .one .txt {
		display: block;
		font-size: 2.5rem;
		line-height: 1.9;
	}
	.comm-add {
		display: block;
		padding: 8px 0;
		border-top: #ccc dotted 1px;
		margin-top: 15px;
	}
	.comm-add p {
		display: block;
		flex-basis: 50%;
		font-size: 2rem;
		line-height: 1.7;
	}
	.abt-bt {
		position: relative;
	}
	.abt-bt a {
		width: 190px;
		margin-left: auto;
		margin-right: auto;
	}
}

.coll-two .fix-1200 {
	display: block;
}
.coll-two .fix-1200::after {
	content: "";
	display: block;
	clear: both;
	width: 100%;
	height: 1px;
}
.side-nav {
	display: block;
	flex-basis: 25%;
	width: 25%;
	float: left;
}

.end-box {
	margin-top: -300px;
	padding-top: 300px;
}
.side-nav h3 {
	display: block;
	position: relative;
	background: #e5ddd1;
	padding: 9px 16px;
	font-size: 1.9rem;
	letter-spacing: 1px;
	line-height: 1.5;
	border-bottom: #ccc solid 2px;
}
.side-nav h3::before {
	position: absolute;
	left: 0;
	bottom: -2px;
	content: "";
	width: 100px;
	height: 2px;
	background: #f8d8e0;
}
.snav1 {
	display: block;
}
.snav1 li {
	display: block;
	border-bottom: #b6aea6 dotted 1px;
}
.snav1 li a {
	display: block;
	position: relative;
	font-size: 1.5rem;
	letter-spacing: 1px;
	line-height: 1.5;
	padding: 12px 12px 12px 24px;
}
.snav1 li a::before {
	position: absolute;
	left: 5px;
	top: 20px;
	content: "";
	width: 4px;
	height: 4px;
	border-top: 1px solid #404040;
	border-right: 1px solid #404040;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.snav1 li a:hover {
	background: #fbf5ec;
}
.contents-right {
	display: block;
	flex-basis: 72%;
	width: 72%;
	float: right;
}
.bts-voice {
	flex-basis: 240px;
}
.bts-voice a {
	display: flex;
	align-items: center;
	justify-content: space-around;
	box-sizing: border-box;
	padding: 5px;
	border: #da6d8a solid 2px;
	position: relative;
}
.bts-voice a::after {
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	width: 4px;
	height: 4px;
	border-top: 1px solid #404040;
	border-right: 1px solid #404040;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.bts-voice a:hover {
	opacity: 0.8;
}
.bts-voice a img {
	width: 20%;
	height: auto;
}
.bts-voice a span {
	display: block;
	flex-basis: 78%;
	font-size: 1.4rem;
	line-height: 1.5;
}
@media only screen and (min-width: 640px) {
	.side-nav.fixed {
		position: fixed;
		top: 95px;
		width: 17.4%;
	}
	.side-nav.fixed.none {
		opacity: 0;
		z-index: -1;
	}
}
@media only screen and (max-width: 639px) {
	.coll-two .fix-1200 {
		display: block;
	}
	.coll-two .fix-1200::after {
		content: "";
		display: block;
		clear: both;
		width: 100%;
		height: 1px;
	}
	.side-nav {
		display: block;
		margin-top: 30px;
		padding-bottom: 40px;
		width: 100%;
		clear: both;
		float: none;
	}
	.side-nav.fixed {
		position: relative !important;
		left: 0;
		top: 0 !important;
	}
	.side-nav.fixed.none {
		opacity: 1;
		z-index: 1;
	}
	.end-box {
		display: none;
	}
	.side-nav h3 {
		display: block;
		position: relative;
		background: #e5ddd1;
		padding: 9px 16px;
		font-size: 2.2rem;
		letter-spacing: 1px;
		line-height: 1.5;
		border-bottom: #ccc solid 2px;
	}
	.side-nav h3::before {
		position: absolute;
		left: 0;
		bottom: -2px;
		content: "";
		width: 100px;
		height: 2px;
		background: #f8d8e0;
	}
	.snav1 {
		display: block;
	}
	.snav1 li {
		display: block;
		border-bottom: #b6aea6 dotted 1px;
	}
	.snav1 li a {
		display: block;
		position: relative;
		font-size: 2rem;
		letter-spacing: 1px;
		line-height: 1.5;
		padding: 12px 12px 12px 24px;
	}
	.snav1 li a::before {
		position: absolute;
		left: 5px;
		top: 20px;
		content: "";
		width: 4px;
		height: 4px;
		border-top: 1px solid #404040;
		border-right: 1px solid #404040;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.snav1 li a:hover {
		background: #fbf5ec;
	}
	.contents-right {
		display: block;
		width: 100%;
		clear: both;
		float: none;
	}
	.bts-voice {
		flex-basis: 240px;
		padding-top: 20px;
	}
	.bts-voice a {
		display: flex;
		align-items: center;
		justify-content: space-around;
		box-sizing: border-box;
		padding: 5px;
		border: #da6d8a solid 2px;
		position: relative;
	}
	.bts-voice a::after {
		position: absolute;
		right: 10px;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		width: 4px;
		height: 4px;
		border-top: 1px solid #404040;
		border-right: 1px solid #404040;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.bts-voice a:hover {
		opacity: 0.8;
	}
	.bts-voice a img {
		width: 20%;
		height: auto;
	}
	.bts-voice a span {
		display: block;
		flex-basis: 78%;
		font-size: 2rem;
		line-height: 1.5;
		padding-right: 3%;
	}
}

.mb70 {
	margin-bottom: 70px;
}
.faq-cull h3 {
	display: block;
	padding: 10px 24px;
	font-size: 2rem;
	letter-spacing: 2px;
	line-height: 1.5;
	color: #776d5c;
	border: #776d5c solid 1px;
}
.faq-cull ul {
	display: block;
	margin-left: 35px;
	padding-top: 20px;
	padding-bottom: 65px;
}
.faq-cull ul li {
	display: block;
	border-bottom: #ccc dotted 1px;
}
.faq-cull ul li a {
	display: block;
	position: relative;
	font-size: 1.5rem;
	letter-spacing: 1px;
	line-height: 1.8;
	padding: 8px 35px 8px 35px;
}
.faq-cull ul li a:hover {
	background: #fdf7ee;
}
.faq-cull ul li a::before {
	position: absolute;
	left: 4px;
	top: 11px;
	content: "Q";
	font-size: 2rem;
	line-height: 1;
	color: #da6d8a;
}
.faq-cull ul li a::after {
	position: absolute;
	right: 10px;
	top: 15px;
	content: "";
	width: 7px;
	height: 7px;
	border-top: 1px solid #404040;
	border-right: 1px solid #404040;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
@media only screen and (max-width: 639px) {
	.mb70 {
		margin-bottom: 30px;
	}
	.faq-cull h3 {
		display: block;
		padding: 10px 24px;
		font-size: 2.6rem;
		letter-spacing: 2px;
		line-height: 1.5;
		color: #776d5c;
		border: #776d5c solid 1px;
	}
	.faq-cull ul {
		display: block;
		margin-left: 15px;
		padding-top: 10px;
		padding-bottom: 25px;
	}
	.faq-cull ul li {
		display: block;
		border-bottom: #ccc dotted 1px;
	}
	.faq-cull ul li a {
		display: block;
		position: relative;
		font-size: 2.3rem;
		letter-spacing: 1px;
		line-height: 1.8;
		padding: 8px 35px 8px 35px;
	}
	.faq-cull ul li a:hover {
		background: #fdf7ee;
	}
	.faq-cull ul li a::before {
		position: absolute;
		left: 4px;
		top: 11px;
		content: "Q";
		font-size: 2rem;
		line-height: 1;
		color: #da6d8a;
	}
	.faq-cull ul li a::after {
		position: absolute;
		right: 10px;
		top: 15px;
		content: "";
		width: 7px;
		height: 7px;
		border-top: 1px solid #404040;
		border-right: 1px solid #404040;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}

.faq-dl {
	display: block;
	margin-left: 35px;
	padding-top: 20px;
	padding-bottom: 35px;
}
.faq-dl dt {
	display: block;
	border-bottom: #ccc dotted 1px;
	position: relative;
	cursor: pointer;
}
.faq-dl dt span {
	display: block;
	position: relative;
	font-size: 1.7rem;
	letter-spacing: 1px;
	line-height: 1.8;
	font-weight: 400;
	padding: 14px 35px 14px 35px;
}
.faq-dl dt span:hover {
	background: #fdf7ee;
}
.faq-dl dt span::before {
	position: absolute;
	left: 4px;
	top: 17px;
	content: "Q";
	font-size: 2rem;
	line-height: 1;
	color: #da6d8a;
}
.faq-dl dt::after {
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	width: 14px;
	height: 1px;
	background: #404040;
	z-index: 5;
}
.faq-dl dt::before {
	position: absolute;
	right: 16px;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	width: 1px;
	height: 14px;
	background: #404040;
	z-index: 5;
	opacity: 1;
	transition: transform 0.2s, opacity 0.2s;
}
.faq-dl dt.open::before {
	transform: rotate(-90deg);
	opacity: 0;
}
.faq-dl dd {
	display: none;
	padding: 12px 15px 15px 45px;
	position: relative;
	font-size: 1.5rem;
	line-height: 2;
	border-left: #efefef solid 1px;
	border-right: #efefef solid 1px;
	border-bottom: #efefef solid 1px;
}
.faq-dl dd::before {
	position: absolute;
	left: 14px;
	top: 18px;
	content: "A";
	font-size: 2rem;
	line-height: 1;
	color: #da6d8a;
}
.faq-dl dd .txt-center {
	padding-bottom: 15px;
	text-align: center;
}
/*.faq-dl dd img {
	display: inline-block;
	max-width: 400px;
}*/

.faq-dl p img {
  display: block;
  margin: 10px 0;
	max-width: 400px;
}

@media only screen and (max-width: 639px) {
	.faq-dl {
		display: block;
		margin-left: 15px;
		padding-top: 10px;
		padding-bottom: 25px;
	}
	.faq-dl dt {
		display: block;
		border-bottom: #ccc dotted 1px;
		position: relative;
		cursor: pointer;
	}
	.faq-dl dt span {
		display: block;
		position: relative;
		font-size: 2.4rem;
		letter-spacing: 1px;
		line-height: 1.8;
		font-weight: 400;
		padding: 14px 35px 14px 35px;
	}
	.faq-dl dt span:hover {
		background: #fdf7ee;
	}
	.faq-dl dt span::before {
		position: absolute;
		left: 4px;
		top: 17px;
		content: "Q";
		font-size: 2.8rem;
		line-height: 1;
		color: #da6d8a;
	}
	.faq-dl dt::after {
		position: absolute;
		right: 10px;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		width: 14px;
		height: 1px;
		background: #404040;
		z-index: 5;
	}
	.faq-dl dt::before {
		position: absolute;
		right: 16px;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		width: 1px;
		height: 14px;
		background: #404040;
		z-index: 5;
	}
	.faq-dl dd {
		display: none;
		padding: 12px 15px 15px 45px;
		position: relative;
		font-size: 2.2rem;
		line-height: 2;
		border-left: #efefef solid 1px;
		border-right: #efefef solid 1px;
		border-bottom: #efefef solid 1px;
	}
	.faq-dl dd::before {
		position: absolute;
		left: 14px;
		top: 18px;
		content: "A";
		font-size: 2.6rem;
		line-height: 1;
		color: #da6d8a;
	}
	.faq-dl dd .txt-center {
		padding-bottom: 15px;
		text-align: center;
	}
	.faq-dl dd img {
		display: inline-block;
		max-width: 400px;
	}
}

.news-list {
	display: block;
}
.news-list .list {
	display: block;
	border-top: #ccc dotted 1px;
}
.news-list .list li {
	display: block;
	border-bottom: #ccc dotted 1px;
}
.news-list .list li a {
	display: block;
	padding: 20px 25px;
	position: relative;
}
.news-list .list li a::after {
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	width: 7px;
	height: 7px;
	border-top: 1px solid #404040;
	border-right: 1px solid #404040;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.news-list .list li a:hover {
	background: #fdf7ee;
}
.news-list .list li a span {
	display: block;
	font-size: 1.5rem;
	line-height: 1.5;
	margin-bottom: 4px;
}
.news-list .list li a p {
	display: block;
	font-size: 1.6rem;
	letter-spacing: 2px;
	line-height: 1.9;
	font-weight: 400;
}

@media only screen and (max-width: 639px) {
	.news-list {
		display: block;
		padding-bottom: 80px;
	}
	.news-list .list {
		display: block;
		border-top: #ccc dotted 1px;
	}
	.news-list .list li {
		display: block;
		border-bottom: #ccc dotted 1px;
	}
	.news-list .list li a {
		display: block;
		padding: 14px 14px 14px 24px;
		position: relative;
	}
	.news-list .list li a::after {
		position: absolute;
		right: 10px;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		width: 7px;
		height: 7px;
		border-top: 1px solid #404040;
		border-right: 1px solid #404040;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.news-list .list li a:hover {
		background: #fdf7ee;
	}
	.news-list .list li a span {
		display: block;
		font-size: 1.9rem;
		line-height: 1.5;
		margin-bottom: 4px;
	}
	.news-list .list li a p {
		display: block;
		font-size: 2.4rem;
		letter-spacing: 2px;
		line-height: 1.9;
		font-weight: 400;
	}
}

.news-detail {
	padding-bottom: 80px;
}

.news-detail .ti {
	display: block;
	border-bottom: #ece4d7 solid 1px;
	padding-bottom: 16px;
	margin-bottom: 24px;
}
.news-detail .ti span {
	display: inline-block;
	font-size: 1.8rem;
	line-height: 1.5;
	margin-bottom: 8px;
}
.news-detail .ti h3,
.news-detail .ti h1{
	display: block;
	color: #da6d8a;
	font-size: 2.4rem;
	letter-spacing: 2px;
	line-height: 1.5;
}
/* .news-detail ul {
	padding-left: 16px !important;
	list-style-type: circle ;
}
.news-detail ul li {
	display: list-item !important;
	padding-left: 0 !important;
}
.news-detail ul li::before {
	content: none !important;
} */

.deta-box {
	display: block;
	font-size: 1.5rem;
	line-height: 2;
	letter-spacing: 1;
}
.deta-box h1 {
	color: #d1bb97;
	font-size: 2rem;
	font-weight: 300;
	border-bottom: #d1bb97 solid 1px;
	padding-bottom: 15px;
	margin-bottom: 25px;
}
.deta-box h2 {
	display: block;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 300;
	padding: 7px 25px 7px 25px;
	background: #d1bb97;
	margin-bottom: 30px;
}
.deta-box h3 {
	display: block;
	font-size: 1.6rem;
	font-weight: 300;
	border-bottom: #d1bb97 solid 1px;
	padding-bottom: 15px;
	margin-bottom: 30px;
}
.deta-box h4 {
	display: block;
	font-size: 1.5rem;
	font-weight: 200;
	padding: 5px 15px;
	background: #ece4d7;
	margin-bottom: 30px;
}
.deta-box h5 {
	display: block;
	position: relative;
	font-size: 1.6rem;
	font-weight: 200;
	padding-left: 24px;
	margin-bottom: 25px;
}
.deta-box h5::before {
	position: absolute;
	left: 0;
	top: 0px;
	content: "";
	width: 1px;
	height: 100%;
	background: #d1bb97;
}
.deta-box h6 {
	display: block;
	position: relative;
	font-size: 1.6rem;
	line-height: 2.5;
	font-weight: 200;
	margin-bottom: 25px;
	padding-bottom: 10px;
	color: #d1bb97;
	border-bottom: #ccc dotted 1px;
}
.deta-box p {
	font-size: 2.2rem;
	line-height: 1.8;
	margin-top: 16px;
}
.deta-box ul,
.deta-box ol {
	margin: 30px 0;
}
.deta-box ul > li {
	/* display: block; */
	margin-bottom: 4px;
	position: relative;
	/* padding-left: 24px; */
	font-size: 1.4rem;
	line-height: 2.5;
	font-weight: 200;
}
/* .deta-box ul > li::before {
		position: absolute;
		left: 0;
		top: 0;
		content: "◆";
		font-size: 1.8rem;
		color: #d1bb97;
	} */
.deta-box ol {
	margin-left: 16px;
}
.deta-box ol:not([style*="list-style-type"]) {
	list-style-type: decimal;
}
.deta-box ol > li {
	/* list-style-type: decimal; */
	font-size: 1.4rem;
	line-height: 2.5;
	font-weight: 200;
	color: #d1bb97;
}
.deta-box table {
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
	border-top: #ccc solid 1px;
	border-left: #ccc solid 1px;
	margin-top: 20px;
}
.deta-box table thead {
	background: #f5ebdc;
}
.deta-box table tfoot {
	background: #efefef;
}
.deta-box table th,
.deta-box table td {
	padding: 14px 2%;
	font-size: 1.3rem;
	text-align: center;
	line-height: 2.5;
	font-weight: 200;
	border-right: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
}
table.type-a {
	border-collapse: collapse;
	border-top: #ccc solid 1px;
	border-left: #ccc solid 1px;
	margin-top: 30px;
}
table.type-a thead {
	background: #f5ebdc;
}
table.type-a tfoot {
	background: #efefef;
}
table.type-a th,
table.type-a td {
	padding: 14px 2%;
	font-size: 1.3rem;
	font-weight: 200;
	line-height: 2.5;
	border-right: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
}
table.type-b {
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
	border-top: #ccc solid 1px;
	border-left: #ccc solid 1px;
	margin-top: 30px;
}
table.type-b thead {
	background: #f5ebdc;
}
table.type-b tfoot {
	background: #efefef;
}
table.type-b th,
table.type-b td {
	padding: 14px 2%;
	font-size: 1.3rem;
	text-align: center;
	line-height: 2.5;
	font-weight: 200;
	border-right: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
}
.deta-box dl.type-a {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 20px;
}
.deta-box dl.type-a dt {
	font-size: 1.4rem;
	line-height: 2.5;
	font-weight: 200;
	padding: 13px 2%;
	flex-basis: 13%;
	border-bottom: #ccc dotted 1px;
}
.deta-box dl.type-a dd {
	font-size: 1.4rem;
	line-height: 2.5;
	font-weight: 200;
	padding: 13px 2%;
	flex-basis: 79%;
	border-bottom: #ccc dotted 1px;
}
.deta-box dl.type-b {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 20px;
}
.deta-box dl.type-b dt {
	font-size: 1.4rem;
	line-height: 2.5;
	font-weight: 200;
	padding: 13px 2%;
	flex-basis: 13%;
	border-bottom: #ccc dotted 1px;
}
.deta-box dl.type-b dd {
	font-size: 1.4rem;
	line-height: 2.5;
	font-weight: 200;
	padding: 13px 2%;
	flex-basis: 79%;
	border-bottom: #ccc dotted 1px;
}
.deta-box dl.type-c {
	display: block;
	margin-top: 20px;
}
.deta-box dl.type-c dt {
	font-size: 1.4rem;
	line-height: 2.5;
	font-weight: 200;
	padding: 13px 0 5px 0;
}
.deta-box dl.type-c dd {
	font-size: 1.4rem;
	line-height: 2.5;
	font-weight: 200;
	padding: 3px 2% 13px 2%;
	flex-basis: 79%;
	border-bottom: #ccc dotted 1px;
}
.deta-box dl.type-acc {
	display: block;
}
.deta-box dl.type-acc > dt {
	font-size: 1.4rem;
	line-height: 2.5;
	font-weight: 200;
	border: #efefef solid 3px;
	padding: 15px 25px;
	margin-top: 20px;
	cursor: pointer;
	background: #f0f0f0;
	position: relative;
}
.deta-box dl.type-acc > dt::before {
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	width: 15px;
	height: 2px;
	background: #000;
	-webkit-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
.deta-box dl.type-acc > dt::after {
	position: absolute;
	right: 27px;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	width: 2px;
	height: 15px;
	background: #000;
	-webkit-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
.deta-box dl.type-acc > dt.active::after {
	position: absolute;
	right: 27px;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	width: 2px;
	height: 15px;
	background: #000;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0;
}
.deta-box dl.type-acc > dd {
	font-size: 1.4rem;
	line-height: 2.5;
	font-weight: 200;
	padding: 13px 2% 13px 2%;
	border: #ccc dotted 1px;
	display: none;
	margin-top: 15px;
}
.deta-box ul {
	display: block;
	margin-top: 20px;
	padding-left: 16px;
}
.deta-box ul > li {
	position: relative;
	font-size: 1.4rem;
	line-height: 1.7;
	font-weight: 200;
	/* padding-left: 22px; */
	margin: 12px 0;
}
/* .deta-box ul li::before {
		position: absolute;
		left: 0;
		top: 4px;
		content: "";
		width: 15px;
		height: 15px;
		background: #d1bb97;
	} */
.deta-box ul > li > ul > li {
	font-size: 1.4rem;
	font-weight: 200;
	padding-left: 17px;
	margin: 6px;
}
.deta-box ul > li > ul > li::before {
	height: 3px;
	width: 13px;
	top: 9px;
}
.deta-box ul > li > ul > li > ul > li {
	font-size: 1.4rem;
	font-weight: 200;
	padding-left: 10px;
	margin: 3px 0;
}
.deta-box ul > li > ul > li > ul > li::before {
	height: 2px;
	width: 2px;
	top: 9px;
	border-radius: 50%;
	background: #222;
}
.deta-box ol {
	display: block;
	margin-top: 20px;
}
.deta-box ol > li {
	position: relative;
	padding-left: 8px;
	font-size: 1.4rem;
	line-height: 2.5;
	font-weight: 200;
	/* list-style-type:decimal;
		list-style-position: inside; */
	color: #d1bb97;
	border-bottom: #ccc dotted 1px;
}
.deta-box ol > li > ol {
	margin-left: 16px;
	margin-top: 0px;
}
.deta-box ol > li > ol > li {
	font-size: 1.4rem;
	font-weight: 200;
	padding: 4px 0 4px 8px !important;
	color: #000;
	border-bottom: none;
}
.deta-box ol > li > ol > li > ol {
	margin-left: 24px;
	padding: 0px;
	margin-top: 0px;
}
.deta-box ol > li > ol > li > ol > li {
	font-size: 1.3rem;
	font-weight: 200;
	padding: 2px;
	color: #000;
	border-bottom: none;
}
.deta-box .img-centers {
	text-align: center;
	margin-top: 30px;
}
.deta-box .img-centers img {
	display: inline-block;
	max-width: 100%;
}
.deta-box .float-l {
	margin-top: 30px;
}
.deta-box .float-l::after {
	clear: both;
	display: block;
	width: 100%;
	height: 1px;
	content: "";
}
.deta-box .float-l figure {
	float: left;
	margin-right: 25px;
}
.deta-box .float-l figure img {
	float: none !important;
	clear: both !important;
}
.deta-box .float-l figure figcaption {
	display: block;
	clear: both;
	width: 100%;
}
.deta-box .img-full {
	margin-top: 30px;
}
.deta-box .img-full img {
	width: 100%;
}
.deta-box .float-r {
	margin-top: 30px;
}
.deta-box .float-r::after {
	clear: both;
	display: block;
	width: 100%;
	height: 1px;
	content: "";
}
.deta-box .float-r figure {
	float: right;
	margin-left: 25px;
}
.deta-box .float-r figure figcaption {
	display: block;
	clear: both;
	width: 100%;
}
.inlines {
	display: inline-block;
	margin: 10px;
}
.deta-box figcaption {
	font-size: 1.2rem;
	font-weight: 200;
	padding: 4px 0;
	text-align: center;
}
.txt-center {
	text-align: center;
}
.txt-right {
	text-align: right;
}
.txt-justy {
	text-align: justify;
	text-justify: inter-ideograph;
}
.deta-box iframe {
	width: 100%;
	height: 400px;
	margin-top: 40px;
}
.alignright {
	float: right;
}
.ml-center {
	margin-left: auto;
	margin-right: auto;
}
.deta-box img {
	max-width: 100%;
}

.column-list .list {
	display: flex;
	flex-wrap: wrap;
}
.column-list .list a {
	display: block;
	margin-bottom: 50px;
	margin-left: 50px;
	flex-basis: calc((100% - (50px * 2)) / 3 - 0.01px);
}
.column-list .list a:nth-child(3n + 1) {
	margin-left: 0px;
}
.column-list .list a dl {
	display: flex;
	justify-content: space-between;
	padding-bottom: 9px;
}
.column-list .list a dl dt {
	display: block;
}
.column-list .list a dl dt span {
	display: inline-block;
	margin-right: 5px;
	padding: 4px 10px;
	font-size: 1.3rem;
	line-height: 1.2;
	font-weight: 400;
	border: #da6d8a solid 1px;
	color: #da6d8a;
}
.column-list .list a dl dd {
	font-size: 1.4rem;
}
.column-list .list a figure {
	display: block;
	margin: 0;
}
.column-list .list a figure img {
	width: 100%;
	height: 240px;
}
.column-list .list a p {
	font-size: 1.5rem;
	line-height: 1.8;
	padding-top: 10px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

@media only screen and (max-width: 639px) {
	.column-list .list {
		padding-bottom: 40px;
	}
	.column-list .list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.column-list .list a {
		display: block;
		margin-bottom: 24px;
		margin-left: 0px;
		flex-basis: 48%;
	}
	.column-list .list a:nth-child(3n + 1) {
		margin-left: 0px;
	}
	.column-list .list a dl {
		display: flex;
		justify-content: space-between;
		padding-bottom: 9px;
	}
	.column-list .list a dl dt {
		display: block;
	}
	.column-list .list a dl dt span {
		display: inline-block;
		margin-right: 5px;
		padding: 4px 8px;
		font-size: 1.8rem;
		line-height: 1.2;
		font-weight: 400;
		border: #da6d8a solid 1px;
		color: #da6d8a;
	}
	.column-list .list a dl dd {
		font-size: 1.8rem;
		line-height: 2;
	}
	.column-list .list a figure {
		display: block;
		margin: 0;
	}
	.column-list .list a figure img {
		width: 100%;
		height: 140px;
		object-fit: cover;
		overflow: hidden;
	}
	.column-list .list a p {
		font-size: 2.2rem;
		line-height: 1.5;
		padding-top: 8px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
}

.column-detail .ti {
	display: block;
	border-bottom: #ece4d7 solid 1px;
	padding-bottom: 25px;
	margin-bottom: 30px;
}
.column-detail .ti dl {
	display: flex;
}
.column-detail .ti dl dt {
	display: inline-block;
	font-size: 1.6rem;
	line-height: 1.5;
	margin-bottom: 13px;
}
.column-detail .ti dl dd {
	margin-left: 15px;
}
.column-detail .ti dl dd span {
	display: inline-block;
	margin-right: 5px;
	padding: 4px 10px;
	font-size: 1.3rem;
	line-height: 1.2;
	font-weight: 400;
	border: #da6d8a solid 1px;
	color: #da6d8a;
}
.column-detail .ti h3,
.column-detail .ti h1{
	display: block;
	color: #da6d8a;
	font-size: 2.1rem;
	letter-spacing: 2px;
	line-height: 1.5;
}
.item-paging.culumns li:nth-child(2) a {
	display: block;
	width: 140px;
	position: relative;
	text-align: center;
	font-size: 1.5rem;
	padding: 10px 0;
	border-bottom: #dcd1c0 solid 2px;
	-webkit-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

@media only screen and (max-width: 639px) {
	.column-detail .ti {
		display: block;
		border-bottom: #ece4d7 solid 1px;
		padding-bottom: 15px;
		margin-bottom: 20px;
	}
	.column-detail .ti dl {
		display: flex;
	}
	.column-detail .ti dl dt {
		display: inline-block;
		font-size: 2rem;
		line-height: 1.5;
		margin-bottom: 13px;
	}
	.column-detail .ti dl dd {
		margin-left: 15px;
	}
	.column-detail .ti dl dd span {
		display: inline-block;
		margin-right: 5px;
		padding: 4px 10px;
		font-size: 1.7rem;
		line-height: 1.2;
		font-weight: 400;
		border: #da6d8a solid 1px;
		color: #da6d8a;
	}
	.column-detail .ti h3,
	.column-detail .ti h1{
		display: block;
		color: #da6d8a;
		font-size: 2.7rem;
		letter-spacing: 2px;
		line-height: 1.5;
	}
}

@media only screen and (min-width: 640px) {
	.posit-link {
		display: block;
		margin-top: -110px;
		padding-top: 110px;
	}
	.pc_none {
		display: none !important;
	}
}
@media only screen and (max-width: 639px) {
	.posit-link {
		display: block;
		margin-top: -70px;
		padding-top: 70px;
	}
	.sp_none {
		display: none !important;
	}
}
.guide-box {
	display: block;
}
.guide-box .boxs {
	margin-bottom: 50px;
}
.title05 {
	display: block;
	padding: 10px 24px;
	font-size: 2rem;
	letter-spacing: 2px;
	line-height: 1.5;
	color: #776d5c;
	border: #776d5c solid 1px;
	margin-bottom: 24px;
}
.guide-box .boxs .inner {
	margin-left: 25px;
}
.steps {
	display: flex;
	margin-bottom: 10px;
}
.steps b {
	display: block;
	text-align: center;
	padding: 6px 20px;
	background: #ece4d7;
	font-size: 1.5rem;
	margin-right: 8px;
	line-height: 1.5;
}
.steps span {
	display: block;
	font-size: 1.5rem;
	letter-spacing: 1px;
	line-height: 1.5;
	padding-top: 4px;
}
.guide-box .boxs p {
	font-size: 1.4rem;
	line-height: 1.7;
}
.mb35 {
	margin-bottom: 35px;
}
.fs13 {
	font-size: 1.3rem;
}
.guide-box .card {
	display: block;
	max-width: 400px;
	padding: 14px 0;
}
.guide-box .np-g {
	padding: 14px 0;
}
.guide-box .np-g img {
	width: auto;
	max-width: 100%;
}
.tbl2 {
	width: 100%;
	border-collapse: collapse;
	border-left: #ccc solid 1px;
	border-top: #ccc solid 1px;
}
.tbl2 th {
	text-align: left;
	vertical-align: top;
	padding: 14px 2%;
	font-size: 1.5rem;
	line-height: 1.7;
	background: #fbf3e5;
	border-right: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
}
.tbl2 td {
	text-align: left;
	vertical-align: top;
	padding: 14px 2%;
	font-size: 1.5rem;
	line-height: 1.7;
	background: #fff;
	border-right: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
}
.guide-box .tbl2 {
	margin-top: 14px;
	margin-bottom: 14px;
	width: 400px;
}
a.blk {
	position: relative;
	margin-right: 25px;
	text-decoration: underline;
}
a.blk::after {
	position: absolute;
	right: -23px;
	top: 4px;
	content: "";
	background: url("../images/guide/blanks.png") center center no-repeat;
	background-size: 100% auto;
	width: 16px;
	height: 16px;
}
.guide-box .flexC p {
	flex-basis: 62%;
}
.guide-box .flexC figure {
	margin: auto;
	flex-basis: 35%;
}
.no-flex {
	display: block !important;
}

@media only screen and (max-width: 639px) {
	.guide-box {
		display: block;
	}
	.guide-box .boxs {
		margin-bottom: 30px;
	}
	.title05 {
		display: block;
		padding: 7px 14px;
		font-size: 2.7rem;
		letter-spacing: 2px;
		line-height: 1.5;
		color: #776d5c;
		border: #776d5c solid 1px;
		margin-bottom: 16px;
	}
	.guide-box .boxs .inner {
		margin-left: 0px;
	}
	.steps {
		display: flex;
		margin-bottom: 10px;
	}
	.steps b {
		display: block;
		text-align: center;
		padding: 3px 14px;
		background: #ece4d7;
		font-size: 2.2rem;
		margin-right: 8px;
		line-height: 1.5;
	}
	.steps span {
		display: block;
		font-size: 2.5rem;
		letter-spacing: 1px;
		line-height: 1.5;
		padding-top: 4px;
	}
	.guide-box .boxs p {
		font-size: 2.2rem;
		line-height: 1.7;
	}
	.guide-box .shipping-txt .br {
		display: none;
	}
	.guide-box .shipping-txt a {
		display: block;
	}
	.guide-box .shipping-txt a::after {
		position: static;
		display: inline-block;
		margin-left: 8px;
	}
	.mb35 {
		margin-bottom: 25px;
	}
	.fs13 {
		font-size: 1.4rem;
	}
	.guide-box .card {
		display: block;
		max-width: 400px;
		padding: 14px 0;
	}
	.guide-box .np-g {
		padding: 14px 0;
	}
	.guide-box .np-g img {
		width: auto;
		max-width: 100%;
	}
	.tbl2 {
		width: 100%;
		border-collapse: collapse;
		border-left: #ccc solid 1px;
		border-top: #ccc solid 1px;
	}
	.tbl2 th {
		text-align: left;
		vertical-align: top;
		padding: 14px 2%;
		font-size: 2rem;
		line-height: 1.7;
		background: #fbf3e5;
		border-right: #ccc solid 1px;
		border-bottom: #ccc solid 1px;
	}
	.tbl2 td {
		text-align: left;
		vertical-align: top;
		padding: 14px 2%;
		font-size: 2rem;
		line-height: 1.7;
		background: #fff;
		border-right: #ccc solid 1px;
		border-bottom: #ccc solid 1px;
	}
	.guide-box .tbl2 {
		margin-top: 14px;
		margin-bottom: 14px;
		width: 100%;
	}
	a.blk {
		position: relative;
		margin-right: 25px;
		text-decoration: underline;
		word-break: break-all;
	}
	a.blk::after {
		position: static;
		display: inline-block;
		content: "";
		margin-left: 4px;
		background: url("../images/guide/blanks.png") center center no-repeat;
		background-size: 100% auto;
		width: 4vw;
		max-width: 17px;
		height: 4vw;
		max-height: 17px;
		vertical-align: middle;
	}
}

.title06 {
	display: block;
	border-bottom: #e39fb1 dotted 1px;
	color: #e39fb1;
	font-size: 1.6rem;
	letter-spacing: 1px;
	line-height: 1.5;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.w70p {
	width: 70% !important;
}
@media only screen and (max-width: 639px) {
	.title06 {
		display: block;
		border-bottom: #e39fb1 dotted 1px;
		color: #e39fb1;
		font-size: 2.3rem;
		letter-spacing: 1px;
		line-height: 1.5;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.guide-box .w70p {
		width: 100% !important;
	}
}

.tbl3 {
	width: 100%;
	border-collapse: collapse;
	border-left: #ece4d7 solid 1px;
	border-top: #ece4d7 solid 1px;
}
.tbl3 th {
	text-align: left;
	vertical-align: top;
	padding: 20px 3%;
	font-size: 1.4rem;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 1.7;
	background: #efefef;
	border-right: #ece4d7 solid 1px;
	border-bottom: #ece4d7 solid 1px;
	width: 24%;
}
.tbl3 td {
	text-align: left;
	vertical-align: top;
	padding: 20px 3%;
	font-size: 1.4rem;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 1.7;
	background: #fff;
	border-right: #ece4d7 solid 1px;
	border-bottom: #ece4d7 solid 1px;
}
.tbl3 td .tel {
	font-size: 18px;
	pointer-events: none;
	text-decoration: none;
}
.tbl3 td span.indent_2308 {
  margin: 0 0 0 15px;
  display: inline-block;
}
@media only screen and (max-width: 639px) {
	.tbl3 {
		width: 100%;
		border-collapse: collapse;
		border-left: #ece4d7 solid 1px;
		border-top: #ece4d7 solid 1px;
	}
	.tbl3 th {
		display: block;
		text-align: left;
		vertical-align: top;
		padding: 13px 3%;
		font-size: 2.5rem;
		font-weight: 400;
		letter-spacing: 2px;
		line-height: 1.7;
		background: #efefef;
		border-right: #ece4d7 solid 1px;
		border-bottom: #ece4d7 solid 1px;
		width: auto;
	}
	.tbl3 td {
		display: block;
		text-align: left;
		vertical-align: top;
		padding: 13px 3%;
		font-size: 2.5rem;
		font-weight: 400;
		letter-spacing: 2px;
		line-height: 1.7;
		background: #fff;
		border-right: #ece4d7 solid 1px;
		border-bottom: #ece4d7 solid 1px;
	}
	.tbl3 td .tel {
		font-size: 6vw;
		pointer-events: all;
		text-decoration: underline;
	}
    .tbl3 td span.indent_2308 {
      margin: 0 0 0 20px;
    }
	.company {
		margin-bottom: 60px;
	}

}

.tbl4 {
	width: 100%;
	border-collapse: collapse;
	border-left: #b6aea6 solid 1px;
	border-top: #b6aea6 solid 1px;
	margin-bottom: 50px;
}
.tbl4 thead th {
	background: #ece4d7;
	text-align: center;
	vertical-align: middle;
	padding: 20px 2%;
	box-sizing: border-box;
	font-size: 1.5rem;
	line-height: 1.7;
	border-bottom: #b6aea6 solid 1px;
	border-right: #b6aea6 solid 1px;
}
.tbl4 thead th.w1 {
	width: 16%;
}
.tbl4 thead th.w2 {
	width: 33%;
}
.tbl4 tbody th {
	text-align: center;
	vertical-align: middle;
	background: #efefef;
	border-bottom: #b6aea6 solid 1px;
	border-right: #b6aea6 solid 1px;
	font-size: 1.7rem;
}
.tbl4 tbody td {
	text-align: center;
	vertical-align: middle;
	padding: 20px 5px;
	border-bottom: #b6aea6 solid 1px;
	border-right: #b6aea6 solid 1px;
}
.tbl4 tbody td a:hover img {
	opacity: 0.7;
}
.tbl4 .bts-voice a {
	width: 100%;
}
.maps-btn {
	display: flex;
	align-items: center;
	padding: 7px;
	/* border: #efefef solid 1px; */
}
.maps-btn span {
	display: block;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.2;
	padding: 5px;
	margin-bottom: 5px;
	background: #ece4d7;
}
.maps-btn figure {
	display: block;
	margin: auto;
	flex-basis: 40%;
}
.maps-btn .txt {
	display: block;
	flex-basis: 58%;
}
.maps-btn .txt p {
	display: block;
	text-align: left;
	font-size: 1.2rem;
	line-height: 1.3;
}
@media only screen and (max-width: 1200px) {
	.maps-btn {
		flex-direction: column;
	}
	.maps-btn figure {
		margin-bottom: 8px;
	}
}
@media only screen and (max-width: 639px) {
	.t-scr {
		width: 100%;
		overflow: auto;
	}
	.tbl4 {
		min-width: 650px;
	}
	.tbl4 thead th.w1,
	.tbl4 thead th.w2,
	.tbl4 tbody th {
		font-size: 15px;
	}
	.tbl4 tbody th {
		min-width: 130px;
	}
	.tbl4 tbody td {
		max-width: 170px;
		min-width: 170px;
		vertical-align: top;
	}
	.maps-btn .txt p {
		display: block;
		text-align: left;
		font-size: 16px;
		line-height: 1.3;
	}
	.maps-btn span {
		font-size: 1.6rem;
	}
}

.ready-box .box1 {
	display: block;
}
.ready-box .box1 .list1 {
	display: flex;
	justify-content: center;
}
.ready-box .box1 .list1 li {
	display: block;
	flex-basis: 13%;
	margin-left: 3%;
	margin-right: 3%;
	text-align: center;
	box-sizing: border-box;
}
.ready-box .box1 .list1 li p {
	font-size: 1.4rem;
	line-height: 1.6;
	padding-top: 13px;
	color: #da6d8a;
}
.ready-box .fix-1200 {
	max-width: 1000px;
}
.ready-box .item-list {
	justify-content: center;
}
.ready-box .item-list .one figure {
	height: auto;
}
.txt-left {
	text-align: left;
}
.pt35 {
	padding-top: 35px;
}
.flow-dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 17px;
	border: #efefef solid 3px;
	margin-bottom: 25px;
}
.flow-dl dt {
	flex-basis: 12%;
}
.flow-dl dd {
	flex-basis: 85%;
}
.flow-dl dd h4 {
	font-size: 2rem;
}

@media only screen and (max-width: 639px) {
	.ready-box .box1 .list1 {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.ready-box .box1 .list1 li {
		display: block;
		flex-basis: 28%;
		margin-left: 2%;
		margin-right: 2%;
		text-align: center;
		box-sizing: border-box;
		padding: 15px 0;
	}
	.ready-box .box1 .list1 figure {
		display: block;
		margin: 0;
	}
	.ready-box .box1 .list1 figure img {
		width: 65px;
	}
	.ready-box .box1 .list1 li p {
		font-size: 1.4rem;
		line-height: 1.6;
		padding-top: 13px;
		color: #da6d8a;
	}
	.ready-box .item-list {
		justify-content: space-between;
	}
	.pt35 {
		padding-top: 20px;
	}
	.flow-dl {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 13px;
		border: #efefef solid 2px;
		margin-bottom: 15px;
	}
	.flow-dl dt {
		flex-basis: 21%;
	}
	.flow-dl dd {
		flex-basis: 75%;
	}
	.flow-dl dd h4 {
		font-size: 2.5rem;
	}
}

.unkers {
	display: flex;
	justify-content: center;
}
.unkers li {
	display: block;
	flex-basis: 27%;
	margin-left: 2%;
	margin-right: 2%;
}
.unkers li a {
	display: block;
	position: relative;
	text-align: center;
	padding: 15px 2% 20px 2%;
	font-size: 1.5rem;
	letter-spacing: 1px;
	line-height: 1.4;
	color: #fff;
	background: #da6d8a;
}
.unkers li a::before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 2px;
	margin: auto;
	content: "";
	box-sizing: border-box;
	width: 5px;
	height: 5px;
	border: 5px solid transparent;
	border-top: 5px solid #fff;
}
.unkers li a:hover {
	background: #ba9875;
}
.mb70 {
	margin-bottom: 70px;
}

@media only screen and (max-width: 639px) {
	.unkers {
		display: block;
	}
	.unkers li {
		display: block;
		flex-basis: 19%;
		margin-left: 5%;
		margin-right: 5%;
		margin-bottom: 7px;
	}
	.unkers li a {
		display: block;
		position: relative;
		text-align: center;
		padding: 15px 2% 20px 2%;
		font-size: 2rem;
		letter-spacing: 1px;
		line-height: 1.4;
		color: #fff;
		background: #da6d8a;
	}
	.unkers li a::before {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 2px;
		margin: auto;
		content: "";
		box-sizing: border-box;
		width: 5px;
		height: 5px;
		border: 5px solid transparent;
		border-top: 5px solid #fff;
	}
	.unkers li a:hover {
		background: #ba9875;
	}
	.mb70 {
		margin-bottom: 40px;
	}
}

.history-line {
	display: block;
	position: relative;
	margin: 30px auto;
	max-width: 750px;
	z-index: 1;
}
.history-line::after {
	background: #968e83;
	position: absolute;
	left: 100px;
	top: 0;
	content: "";
	width: 2px;
	height: 100%;
}
.history-line dl {
	display: flex;
	position: relative;
	z-index: 10;
	padding: 20px 0;
}
.history-line dl::before {
	background: #968e83;
	position: absolute;
	left: 94px;
	top: 27px;
	z-index: 5;
	content: "";
	width: 14px;
	height: 14px;
	border-radius: 50%;
}
.history-line dl dt {
	display: block;
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 1.5;
	color: #635847;
	width: 100px;
	min-width: 100px;
}
.history-line dl dd {
	display: block;
	flex-basis: 97%;
	margin-left: 3%;
	font-size: 1.5rem;
	line-height: 1.8;
}

.history-line dl hr {
	border: none;
	border-top: 2px dotted #baa1a1;
	margin: 5px 1px 4px;
}

@media only screen and (max-width: 639px) {
	.history-line dl dd {
		font-size: 14px;
	}
}
@media only screen and (min-width: 639px) {
	.history-line dl dd .br {
		display: none;
	}
}

.paper1 {
	display: flex;
	justify-content: center;
	padding-top: 35px;
}
.paper1 li {
	display: block;
	flex-basis: 27%;
	margin-left: 2%;
	margin-right: 2%;
	text-align: center;
}
.paper1 li figure {
	margin: 0px;
	padding: 0px;
	border: #efefef solid 1px;
}
.paper1 li figure img {
	width: 100%;
	height: auto;
}
.paper1 li span {
	display: block;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.5;
	padding: 13px 0;
}
@media only screen and (max-width: 639px) {
	.paper1 {
		display: block;
		padding-top: 20px;
	}
	.paper1 li {
		display: block;
		margin-bottom: 25px;
		text-align: center;
	}
	.paper1 li figure {
		margin: 0px 10%;
		padding: 0px;
		border: #efefef solid 1px;
	}
	.paper1 li figure img {
		width: 100%;
		height: auto;
	}
	.paper1 li span {
		display: block;
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.5;
		padding: 7px 0;
	}
}
.deta-box {
	word-break: break-all !important;
}
.deta-box img {
	max-width: 100% !important;
}
.deta-box,
.deta-box p {
	font-size: 15px;
}
.column-detail .deta-box img {
	margin-top: 10px;
	margin-bottom: 10px;
}

@media only screen and (max-width: 639px) {
	.deta-box,
	.deta-box p {
		font-size: 14px;
	}
	.deta-box h1 {
		font-size: 19px;
	}
	.deta-box h2 {
		font-size: 18px;
	}
	.deta-box h3 {
		font-size: 17px;
	}
	.deta-box h4 {
		font-size: 16px;
	}
	.deta-box h5 {
		font-size: 14px;
	}
	.deta-box h6 {
		font-size: 14px;
	}

	.deta-box ul,
	.deta-box ol {
		margin: 20px 0;
	}
	.deta-box ul > li {
		font-size: 14px;
	}
	.deta-box ol {
		margin-left: 16px;
	}
	.deta-box ol > li {
		font-size: 14px;
	}
	.deta-box table th,
	.deta-box table td {
		font-size: 14px;
	}
	.deta-box dl dt {
		font-size: 14px;
	}
	.deta-box dl dd {
		font-size: 14px;
	}
	.deta-box ul {
		display: block;
		margin-top: 20px;
		padding-left: 16px;
	}
	.deta-box ul > li {
		font-size: 14px;
	}
	.deta-box ol > li {
		font-size: 14px;
	}
	.deta-box ol > li > ol > li {
		font-size: 14px;
	}
	.deta-box ol > li > ol > li > ol > li {
		font-size: 13px;
	}
}
.deta-box img {
	width: auto;
	max-width: 100% !important;
}
.aligncenter {
	text-align: center  !important;
  clear: both !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* メンテナンス */
.maintenance-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 32px;
	height: 100vh;
	text-align: center;
	background-color: #fcf9f4;
}
.maintenance-wrap .maintenance-area .mainte-logo {
	margin-bottom: 32px;
}
.maintenance-wrap .maintenance-area .mainte-logo img {
	width: 300px;
	height: auto;
}
.maintenance-wrap .maintenance-area .mainte-title {
	margin-bottom: 32px;
	font-size: 32px;
	font-weight: bold;
}
.maintenance-wrap .maintenance-area .mainte-date {
	margin-bottom: 32px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.8;
}
.maintenance-wrap .maintenance-area .mainte-date span {
	color: #f00;
}
.maintenance-wrap .maintenance-area .mainte-txt {
	font-size: 16px;
	line-height: 1.8;
}

@media only screen and (max-width: 639px) {
	.maintenance-wrap {
		align-items: normal;
		padding: 24px 16px;
		height: auto;
		text-align: left;
	}
	.maintenance-wrap .maintenance-area .mainte-logo {
		text-align: center;
	}
	.maintenance-wrap .maintenance-area .mainte-logo img {
		width: 50%;
	}
	.maintenance-wrap .maintenance-area .mainte-title {
		font-size: 24px;
		text-align: center;
	}
	.maintenance-wrap .maintenance-area .mainte-date {
		font-size: 20px;
		text-align: center;
	}
	.maintenance-wrap .maintenance-area .mainte-txt {
		font-size: 16px;
	}
	.maintenance-wrap .maintenance-area .mainte-txt .br {
		display: none;
	}
}

@media only screen and (max-width: 360px) {
	.maintenance-wrap .maintenance-area .mainte-title {
		text-align: left;
		line-height: 1.2;
	}
}

/* 404 */
.error_404 {
	padding: 64px 32px 128px;
	font-size: 16px;
	text-align: center;
	line-height: 1.8;
}
.error_404 .error_message {
	margin-bottom: 64px;
}
.error_404 .btn_area .common-btn {
	margin: 0 auto;
}
@media only screen and (max-width: 639px) {
	.error_404 {
		padding: 32px 16px 64px;
	}
	.error_404 .error_message {
		margin-bottom: 48px;
	}
}



/* history20230407 */
.d-on-flex h3 {
	display: block;
	max-width: 800px;
	margin-left: auto;
	margin-right:auto;
	font-size: 26px;
	letter-spacing: 2px;
	font-family: 'Shippori Mincho', serif;
	font-weight: 400;
}
.d-on-flex .lef {
	margin-top: 25px;
	margin-bottom: 25px;
}
.keisai h3 {
	margin-bottom: 20px;
}
.keisai dl {
	display: block;
	margin-bottom: 30px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.keisai dl dt {
	display: block;
	font-size: 18px;
	font-weight: 400;
	border: #EFEFEF solid 1px;
	padding: 7px 20px;
	background: #FFF;
}
.keisai dl dd {
	display: block;
	padding: 10px 0;
	font-size: 16px;
	line-height: 1.4;
	border-bottom: #ccc dotted 1px;
}

.subbox01 .tbl3 td p.left_blank {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 1.7;
  padding: 0 0 0 17px;
  position: relative;
}

.subbox01.stop-box.fmin p.left_blank {
  font-weight: 400;
  padding: 0 0 0 17px;
  position: relative;
	font-size: 1.5rem;
	line-height: 2.3;
	letter-spacing: 2px;
}

.subbox01 .tbl3 td p.left_blank::before {
  content: "■";
  position: absolute;
  left: 0;
  font-size: 10px;
  top: 4px;
  color: #635847;
}
.subbox01 p.left_blank::before {
  content: "■";
  position: absolute;
  left: 0;
  font-size: 10px;
  top: 7px;
  color: #635847;
}
.tbl3 td span.border_2306,
.subbox01 span.border_2306 {
  display: inline-block;
  border: 2px solid #635847;
  padding: 5px 15px;
  margin: 5px auto;
  background: #efefef;
	width: 100%;
	max-width: 740px;
}
.tbl3 td strong.border_2306,
.subbox01 strong.border_2306 {
  color: #635847;
  font-size: 16px;
  border-left: 3px solid #635847;
  display: inline-block;
  padding: 5px 10px 5px 0;
  background: #efefef;
  margin: 0 0 10px;
}

@media only screen and (max-width: 639px) {
	.d-on-flex h3 {
		display: block;
		max-width: 800px;
		margin-left: auto;
		margin-right:auto;
		font-size: 17px;
		letter-spacing: 2px;
		font-family: 'Shippori Mincho', serif;
		font-weight: 400;
	}
	.d-on-flex .lef {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.keisai h3 {
		margin-bottom: 17px;
	}
	.keisai dl {
		display: block;
		margin-bottom: 25px;
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
	}
	.keisai dl dt {
		display: block;
		font-size: 15px;
		font-weight: 400;
		border: #EFEFEF solid 1px;
		padding: 7px 20px;
		background: #FFF;
	}
	.keisai dl dd {
		display: block;
		padding: 7px 0;
		font-size: 13px;
		line-height: 1.4;
		border-bottom: #ccc dotted 1px;
	}
	
	.subbox01 .tbl3 td p.left_blank,
	.subbox01 p.left_blank {
	  font-size: 2.5rem;
	  margin: 10px auto;
	}

	.subbox01 .tbl3 td p.left_blank::before,
	.subbox01 p.left_blank::before {
	  top: 7px;
	}
	
	.tbl3 td strong.border_2306,
	.subbox01 strong.border_2306 {
	  font-size: 2.5rem;
	}
	
	.subbox01.stop-box.fmin p.left_blank {
	  font-size: 2.2rem;
	  line-height: 2;
	}
	
}


.hi-bg1 {
	display: block;
	background: #FFF;
	padding: 5px;
}
.hi-bg2 {
	display: block;
	background: #f7e7eb;
	padding: 5px;
}
.slt1 {
	color: #dbb106;
}
.slt2 {
	color: #717190;
}
.slt3 {
	color: #562b0a;
}


.page.cute_inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px 0 0;
}

.page.cute_inner .h1_title {
  position: relative;
}

.page.cute_inner .h1_title h1 {
  width: 70px;
  margin: 0 auto;
}

.page.cute_inner .h1_title a {
  position: absolute;
  top: 0;
  right: 0;
}

.page.cute_inner a {
	transition: .3s;
}

.page.cute_inner a:hover {
	opacity: .7;
}

.page.cute_inner img.mv {
  margin: 50px auto 0;
}

.page.cute_inner .h2_title {
  text-align: center;
  margin: 100px auto 25px;
}

.page.cute_inner .h2_title h2 {
  font-family: 'Noto Serif JP', serif;
  font-size: 22px;
  letter-spacing: .1em;
  position: relative;
  padding: 0 0 25px;
}

.page.cute_inner .h2_title h2::before {
  content: "";
  width: 100px;
  height: 1px;
  background: #dcd1c0;
  position: absolute;
  top: 35px;
  left: calc(50% - 50px);
}

.page.cute_inner .h2_title.pink p {
  font-family: 'Kiwi Maru';
  color: #da6d8a;
  font-size: 33px;
  line-height: 1.7;
  display: block;
  /*transform: skewX(-20deg);*/
}

.page.cute_inner p.text {
  text-align: center;
  font-size: 18px;
  margin: 25px auto;
  line-height: 1.7;
  letter-spacing: .2rem;
}

.page.cute_inner .h2_title.purple p {
  font-family: 'Kiwi Maru';
  color: #c4bafd;
  font-size: 30px;
  line-height: 1.7;
  display: block;
}

.clearfix {
  clear: both;
}

.page.cute_inner .box_01 {
  margin: 50px auto 200px;
}

.page.cute_inner .box_01 .right {
  float: right;
  width: 600px;
  position: relative;
}

.page.cute_inner .box_01 .right img {
  position: absolute;
  right: 0;
  top: 30px;
  overflow: visible;
  width: 630px;
  height: 430px;
}

.page.cute_inner .box_01 .left {
  float: left;
  width: 600px;
  background: #d0c8fd;
  padding: 60px;
}

.page.cute_inner .box_01 .left p.text {
  text-align: left;
  color: #fff;
  font-size: 16px;
	margin: 0 auto;
}

.page.cute_inner .box_02 {
  margin: 0 auto 150px;
}

.page.cute_inner .box_02 .left {
  float: left;
  width: 600px;
  position: relative;
}

.page.cute_inner .box_02 .left img {
  position: absolute;
  left: 0;
  top: -30px;
  overflow: visible;
  width: 630px;
  height: 430px;
}

.page.cute_inner .box_02 .right {
  float: right;
  width: 600px;
  background: #d0c8fd;
  padding: 60px;
}

.page.cute_inner .box_02 .right p.text {
  text-align: left;
  color: #fff;
  font-size: 16px;
	margin: 0 auto 25px;
}

.page.cute_inner .box_02 .right p.strong {
  background: rgba(0,0,0,.1);
  padding: 25px;
  font-size: 22px;
  line-height: 1.7;
  color: #fff;
  letter-spacing: .2rem;
}

.page.cute_inner .box_03 {
  max-width: 750px;
  margin: 0 auto;
  margin-top: 50px;
}

.page.cute_inner .box_03 .left {
  float: left;
  max-width: 375px;
}

.page.cute_inner .box_03 .right {
  float: right;
  width: 325px;
  margin: 75px 0 0 25px;
  text-align: left;
}

.page.cute_inner .box_03 .right h3 {
  font-family: 'Noto Serif JP', serif;
  font-size: 20px;
  letter-spacing: .1em;
  position: relative;
  color: #c4bafd;
  line-height: 1.5;
  margin: 0 auto 25px;
}

.page.cute_inner .box_03 .right p.text {
  text-align: left;
  margin: 5px auto;
  font-family: 'Noto Serif JP', serif;
  font-size: 14px;
  letter-spacing: normal;
}

.page.cute_inner .box_03 .right p.text strong {
  font-size: 22px;
  padding: 0 0 0 5px;
}

.page.cute_inner .box_03 .right a {
  display: block;
  text-align: center;
  width: 325px;
  padding: 16px 0;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 3px;
  background: #da6d8a;
  position: relative;
  margin: 25px auto 0;
}

.page.cute_inner .h2_title.black p {
  font-family: 'Kiwi Maru';
  font-size: 22px;
  line-height: 1.7;
  display: block;
}

.page.cute_inner .h2_title.black p {
  font-family: 'Kiwi Maru';
  font-size: 22px;
  line-height: 1.7;
  display: block;
}

.page.cute_inner .insta_contents {
  max-width: 1000px;
  margin: 0 auto 150px;
}

@media (max-width: 1200px) {
	
	.page.cute_inner {
	  width: 95%;
	}
	
	.page.cute_inner .box_01 {
	  margin: 50px auto;
	}

	.page.cute_inner .box_01 .right {
	  float: none;
	  max-width: 600px;
	  margin: 0 auto;
	  width: 100%;
	}

	.page.cute_inner .box_01 .right img {
	  position: static;
	  width: 100%;
	  height: auto;
	}

	.page.cute_inner .box_01 .left {
	  float: none;
	  position: relative;
	  padding: 25px;
	  top: -30px;
	  margin: 0 auto;
	}

	.page.cute_inner .box_02 {
	  margin: 50px auto;
	}

	.page.cute_inner .box_02 .left {
	  float: none;
	  max-width: 600px;
	  margin: 0 auto;
	  width: 100%;
	}

	.page.cute_inner .box_02 .left img {
	  position: static;
	  width: 100%;
	  height: auto;
	}

	.page.cute_inner .box_02 .right {
	  float: none;
	  position: relative;
	  padding: 25px;
	  top: -30px;
	  margin: 0 auto;
	}
	
	.page.cute_inner .box_02 .right p.strong {
	  font-size: 18px;
	  padding: 15px;
	}
	
}

@media (max-width: 770px) {
	
	.page.cute_inner .box_03 .left {
	  float: none;
	  max-width: 400px;
	  margin: 0 auto;
	}

	.page.cute_inner .box_03 .right {
	  float: none;
	  max-width: 400px;
	  margin: 25px auto;
	  width: 100%;
	}

	.page.cute_inner .box_03 .right a {
	  width: 100%;
	  font-size: 16px;
	}

}

@media (max-width: 600px) {
	
	.page.cute_inner .h2_title.pink p {
	  font-size: 25px;
	}

	.page.cute_inner p.text {
	  font-size: 14px;
	  margin: 15px auto;
	}

	.page.cute_inner .h2_title.purple p {
	  font-size: 18px;
	}
	
	.page.cute_inner .box_01 .left {
	  width: 100%;
	  padding: 15px;
	}

	.page.cute_inner .box_01 .left p.text {
	  font-size: 14px;
	}

	.page.cute_inner .box_02 .right {
	  width: 100%;
	  padding: 15px;
	}

	.page.cute_inner .box_02 .right p.text {
	  font-size: 14px;
	  margin: 0 auto 15px;
	}

	.page.cute_inner .box_02 .right p.strong {
	  padding: 10px;
	  font-size: 16px;
	}
	
}

section#out_sns {
  padding: 8.1rem 0 0;
}
.top-effect__fade {
 opacity:0;
 transition:opacity .7s linear
}
.top-effect__fade.--show {
 opacity:1
}
.top-effect__fade-up {
 opacity:0;
 transform:translateY(40px);
 transition:all .7s cubic-bezier(.3,.03,.17,.91)
}
.top-effect__fade-up.--show {
 opacity:1;
 transform:translateY(0)
}
@media only screen and (max-width:768px) {
 .top-effect__fade-up {
  transform:translateY(20px)
 }
 .top-effect__fade-up.--show {
  transform:translateY(0)
 }
}
.top-l-about.--index {
 padding-top:64px
}
.top-l-about__title {
 margin-bottom:64px
}
.top-l-about__container {
 padding:160px 0;
 position:relative;
 width:100%;
 height:auto;
 background:#fff
}
@media only screen and (max-width:768px) {
 .top-l-about__container {
  padding:76px 0
 }
}
.top-l-about__container:first-child {
 border-bottom:solid 1px #E5E1DB
}
@media only screen and (max-width:768px) {
 .top-l-about__container:first-child {
  padding:80px 0
 }
}
.top-l-about .top-l-middle-full {
 height:auto!important
}
.top-l-about .top-l-middle-full__container {
 position:relative;
 margin-top:-782px
}
.top-l-about .top-l-middle-full__center {
 padding-top:120px;
 padding-bottom:120px
}
.top-l-about .top-l-middle-full__bg {
 position:sticky;
 top:80px;
 height:782px
}
.top-l-about .top-l-middle-full__image {
 transform:scale(1.4)
}
.top-l-about .top-l-middle-full__logo {
 padding-top:40px
}
.top-l-about .top-l-middle-full__flex {
 padding-top:64px;
 display:flex;
 justify-content:center;
 text-decoration:none
}
.top-l-about .top-l-middle-full__flex:hover .top-l-middle-full__movie-icon {
 transition:all .3s;
 transform:scale(1.2)
}
.top-l-about .top-l-middle-full__movie-icon {
 transition:all .3s
}
.top-l-about .top-l-middle-full__movie-text {
 padding-left:8px;
 font-size:12px;
 color:#fff
}
@media only screen and (min-width:769px) and (max-width:1085px) {
 .none {
  display:none
 }
}
@media only screen and (max-width:768px) {
 .top-l-about .top-l-middle-full__logo {
  height:100px;
  width:109px;
  padding-top:32px
 }
 .top-l-about .top-l-middle-full__flex {
  padding-top:40px
 }
 .top-l-about .top-l-middle-full__bg {
  top:0
 }
}
.top-l-contents {
 border-bottom:1px solid #E5E1DB;
 padding-bottom:100px;
 margin-bottom:200px
}
@media only screen and (max-width:768px) {
 .top-l-contents {
  padding-bottom:60px;
  margin-bottom:80px
 }
}
.top-l-contents__padding {
max-width: 1200px;
padding: 0 30px;
 margin:auto;
 box-sizing:border-box
}
@media only screen and (max-width:768px) {
 .top-l-contents__padding {
  padding-right:20px;
  padding-left:20px
 }
}
.top-l-contents__ul {
 display:flex;
 justify-content:space-between;
 flex-wrap:wrap
}
@media only screen and (max-width:768px) {
 .top-l-contents__ul {
  display:block
 }
}
.top-l-fv {
 border-bottom:1px solid #E5E1DB;
 padding-bottom:100px;
 margin-bottom:100px
}
@media only screen and (max-width:768px) {
 .top-l-fv {
  padding-bottom:80px;
  margin-bottom:80px
 }
}
.top-l-fv__overflow {
 overflow:hidden
}
.top-l-fv__scroller {
 width:100%;
 padding-top:45%;
 display:block;
 position:relative
}
@media only screen and (max-width:768px) {
 .top-l-fv__scroller {
  padding-top:120%
 }
}
.top-l-fv__text-pc {
 margin-bottom:30px
}
@media only screen and (max-width:768px) {
 .top-l-fv__text-pc {
  display:none
 }
}
.top-l-fv__text-sp {
 display:none
}
@media only screen and (max-width:768px) {
 .top-l-fv__text-sp {
  display:block;
  margin-bottom:20px;
  text-align:center
 }
}
.top-l-fv__io {
 max-width:1200px;
 padding:0 30px;
 margin:auto;
 display:block;
 text-decoration:none
}
@media only screen and (max-width:768px) {
 .top-l-fv__io {
  padding-right:20px;
  padding-left:20px
 }
}
.top-l-fv__columns {
 display:flex
}
.top-l-fv__left {
 width:50%
}
.top-l-fv__left img {
 width:100%;
 vertical-align:bottom
}
.top-l-fv__right {
 width:50%;
 background-color:#F6F4F3;
 display:flex;
 align-items:center;
 justify-content:center
}
.top-l-fv__right-padding {
 padding:0 30px
}
.top-l-fv__indicator {
 text-align:center;
 margin-bottom:100px
}
@media only screen and (max-width:768px) {
 .top-l-fv__indicator {
  margin-bottom:60px
 }
}
.top-l-fv__indicator-ul {
 display:inline-flex;
 transform:translateY(-15px)
}
.top-l-letter {
 margin-bottom:200px
}
@media only screen and (max-width:768px) {
 .top-l-letter {
  margin-bottom:80px
 }
}
.top-l-letter__padding {
 max-width:1360px;
 padding:0 40px;
 margin:auto;
 box-sizing:border-box
}
@media only screen and (max-width:768px) {
 .top-l-letter__padding {
  padding-right:20px;
  padding-left:20px
 }
}
@media only screen and (max-width:768px) {
 .top-l-letter__padding {
  padding-left:0;
  padding-right:0
 }
}
.top-l-letter__columns {
 display:flex;
 justify-content:space-between;
 flex-wrap:nowrap
}
.top-l-letter__left {
 width:64.5%;
 position:relative
}
@media only screen and (max-width:768px) {
 .top-l-letter__left {
  display:none
 }
}
.top-l-letter__thumbs {
 position:absolute;
 right:0;
 top:0;
 width:2000px;
 display:flex;
 flex-direction:row-reverse;
 justify-content:flex-start
}
@media only screen and (max-width:768px) {
 .top-l-letter__thumbs {
  position:relative;
  width:calc(100% + 200px);
  left:-230px
 }
}
.top-l-letter__thumbs-sp {
 display:none
}
@media only screen and (max-width:768px) {
 .top-l-letter__thumbs-sp {
  display:block;
  position:relative;
  margin-bottom:40px
 }
}
.top-l-letter__thumb {
 margin-left:5px;
 vertical-align:bottom;
 max-width:300px;
 width:100%
}
@media only screen and (max-width:768px) {
 .top-l-letter__thumb {
  width:25%
 }
}
.top-l-letter__right {
 width:29%
}
@media only screen and (max-width:768px) {
 .top-l-letter__right {
  width:100%
 }
}
.top-l-letter__title {
 margin-bottom:40px
}
@media only screen and (max-width:768px) {
 .top-l-letter__title {
  padding-right:20px;
  padding-left:20px
 }
}
.top-l-letter__text {
 margin-bottom:100px
}
@media only screen and (max-width:768px) {
 .top-l-letter__text {
  padding-right:20px;
  padding-left:20px
 }
}
@media only screen and (max-width:768px) {
 .top-l-letter__text {
  margin-bottom:30px
 }
}
.top-l-letter__link {
 text-align:right
}
@media only screen and (max-width:768px) {
 .top-l-letter__link {
  padding-right:20px;
  padding-left:20px
 }
}
.top-l-middle-full {
 height:640px;
 margin-bottom:100px;
 position:relative
}
.top-l-middle-full__bg {
 position:absolute;
 width:100%;
 height:100%;
 overflow:hidden
}
.top-l-middle-full__image {
 object-fit:cover;
 width:100%;
 height:100%;
 transform:scale(1.1)
}
.top-l-middle-full__center {
 display:flex;
 align-items:center;
 justify-content:center;
 text-align:center;
 color:#fff;
 position:relative;
 height:100%;
 background-color:rgba(0,0,0,.07)
}
.top-l-middle-full__text {
 font-family:"Hiragino Kaku Gothic Pro";
 font-weight:300;
 font-size:15px;
 line-height:200%;
 text-align:center;
 letter-spacing:.07em;
 font-feature-settings:'palt' on;
 margin-bottom:30px
}
@media only screen and (max-width:768px) {
 .top-l-middle-full__text {
  font-size:14px
 }
}
.top-l-middle-full__title {
 font-family:"Hiragino Mincho ProN",YuMincho,"Yu Mincho","MS PMincho",serif;
 font-style:normal;
 font-weight:300;
 font-size:30px;
 line-height:100%;
 letter-spacing:.15em;
 font-feature-settings:'palt' on
}
@media only screen and (max-width:768px) {
 .top-l-middle-full__title {
  font-size:22px
 }
}
.p-about-modal {
 position:fixed;
 width:100%;
 height:100%;
 top:0;
 left:0;
 z-index:999;
 display:none
}
.p-about-modal__bg {
 width:100%;
 height:100%;
 background:rgba(255,255,255,.7);
 display:flex;
 align-items:center;
 justify-content:center
}
.p-about-modal__width {
 max-width:1160px;
 width:100%;
 margin:0 auto;
 padding:0 60px
}
@media only screen and (max-width:1085px) {
 .p-about-modal__width {
  padding:0 20px
 }
}
.p-about-modal__aspect {
 padding-top:56.25%;
 position:relative
}
.p-about-modal__movie-wrapper {
 position:absolute;
 width:100%;
 height:100%;
 top:0;
 display:flex;
 align-items:center;
 background-color:#000
}
.p-about-modal__movie {
 width:100%
}
.p-about-modal__btn-close {
 position:absolute;
 right:-40px;
 top:-40px;
 width:30px;
 height:30px;
 display:block
}
.p-about-modal__btn-close img {
 width:100%
}
@media only screen and (max-width:1085px) {
 .p-about-modal__btn-close {
  right:0;
  width:24px;
  height:24px
 }
}
.top-l-news.--index {
 background-color:#F8F8F8;
 padding-top:80px
}
@media only screen and (max-width:768px) {
 .top-l-news.--index {
  padding-top:40px
 }
}
.top-l-news__select-box {
 text-align:center;
 margin-bottom:60px
}
.top-l-news__post-container {
 margin-bottom:40px
}
.top-l-news__post-columns {
 display:inline-flex;
 align-items:center;
 position:relative;
 padding-left:40px
}
.top-l-news__post-columns:before {
 content:'';
 position:absolute;
 width:30px;
 height:1px;
 left:0;
 background-color:#888
}
.top-l-news__post-count {
 font-family:Montserrat;
 font-style:normal;
 font-weight:600;
 font-size:17px;
 letter-spacing:.2em;
 color:#888;
 letter-spacing:.2em;
 margin-right:5px
}
@media only screen and (max-width:768px) {
 .top-l-news__post-count {
  font-size:15px
 }
}
.top-l-news__post-label {
 font-family:Montserrat;
 font-style:normal;
 font-weight:500;
 font-size:14px;
 color:#888;
 letter-spacing:.2em
}
@media only screen and (max-width:768px) {
 .top-l-news__post-label {
  font-size:12px
 }
}
.top-l-news {
 padding-bottom:200px
}
@media only screen and (max-width:768px) {
 .top-l-news {
  padding-bottom:70px
 }
}
.top-l-news__padding {
 max-width:1360px;
 padding:0 40px;
 margin:auto;
 box-sizing:border-box
}
@media only screen and (max-width:768px) {
 .top-l-news__padding {
  padding-right:20px;
  padding-left:20px
 }
}
.top-l-news__title {
 margin-bottom:60px
}
.--index .top-l-news__title {
 margin-bottom:40px
}
.top-l-news__ul-thumb {
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between
}
.top-l-news__ul-thumb::after {
 content:"";
 display:block;
 width:31.25%
}
@media only screen and (max-width:768px) {
 .top-l-news__ul-thumb {
  display:block
 }
}
@media only screen and (max-width:768px) {
 .top-l-news__ul-thumb.--pc {
  display:none
 }
}
.top-l-news__ul-thumb.--sp {
 display:none
}
@media only screen and (max-width:768px) {
 .top-l-news__ul-thumb.--sp {
  display:flex
 }
}
.top-l-news__info-columns {
 display:flex;
 justify-content:space-between
}
@media only screen and (max-width:768px) {
 .top-l-news__info-columns {
  display:block
 }
}
.top-l-news__left {
 width:65.5%
}
@media only screen and (max-width:768px) {
 .top-l-news__left {
  width:100%;
  margin-bottom:40px
 }
}
.top-l-news__right {
 width:31%;
 display:flex;
 justify-content:flex-end;
 align-items:flex-end
}
@media only screen and (max-width:768px) {
 .top-l-news__right {
  width:100%
 }
}
.top-l-news__bottom {
 text-align:center;
 padding-top:30px
}
@media only screen and (max-width:768px) {
 .top-l-news__bottom {
  padding-top:15px
 }
}
.top-l-product {
 margin-bottom:150px
}
.top-l-product__padding {
 max-width:1360px;
 padding:0 40px;
 margin:auto;
 box-sizing:border-box
}
@media only screen and (max-width:768px) {
 .top-l-product__padding {
  padding-right:20px;
  padding-left:20px
 }
}
.top-l-product__title {
 margin-bottom:60px
}
.top-l-product__ul {
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between
}
.top-l-ranking {
 margin-bottom:200px;
 overflow:hidden;
 position:relative
}
@media only screen and (max-width:768px) {
 .top-l-ranking {
  margin-bottom:100px
 }
}
.top-l-ranking__padding {
 max-width:1360px;
 padding:0 40px;
 margin:auto;
 box-sizing:border-box
}
@media only screen and (max-width:768px) {
 .top-l-ranking__padding {
  padding-right:20px;
  padding-left:20px
 }
}
.top-l-ranking__padding-sp {
 overflow:hidden
}
@media only screen and (max-width:768px) {
 .top-l-ranking__padding-sp {
  overflow:visible;
  padding-left:18.5%;
  padding-right:18.5%
 }
}
.top-l-ranking__title {
 margin-bottom:60px
}
@media only screen and (max-width:768px) {
 .top-l-ranking__title {
  margin-bottom:40px
 }
}
.top-l-ranking__button {
 position:absolute;
 top:40%;
 z-index:3
}
@media only screen and (max-width:768px) {
 .top-l-ranking__button {
  display:none
 }
}
.top-l-ranking__button.--left {
 left:40px
}
.top-l-ranking__button.--right {
 right:40px
}
.top-l-ranking__ul {
 display:flex;
 width:1000%;
 margin-bottom:80px
}
@media only screen and (max-width:768px) {
 .top-l-ranking__ul {
  margin-bottom:40px
 }
}
.top-l-ranking__bottom {
 position:relative
}
.top-l-ranking__indicator {
 text-align:center
}
@media only screen and (max-width:768px) {
 .top-l-ranking__indicator {
  margin-bottom:30px
 }
}
.top-l-ranking__more {
 position:absolute;
 right:0;
 top:0
}
@media only screen and (max-width:768px) {
 .top-l-ranking__more {
  position:static;
  text-align:right
 }
}
@media only screen and (min-width:769px) {
 .top-p-attempt .sp {
  display:none
 }
}
.top-p-attempt__padding {
 max-width:1360px;
 padding:0 40px;
 margin:auto;
 box-sizing:border-box;
 padding-top:160px
}
@media only screen and (max-width:768px) {
 .top-p-attempt__padding {
  padding-right:20px;
  padding-left:20px
 }
}
@media only screen and (max-width:1085px) {
 .top-p-attempt__padding {
  padding-top:80px
 }
}
@media only screen and (min-width:1086px) {
 .top-p-attempt__flex {
  display:flex;
  justify-content:space-between;
  align-items:flex-end
 }
}
.top-p-attempt__flex:not(:first-child) {
 padding-top:64px
}
.top-p-attempt__thumbs {
 width:48.28%;
 height:auto;
 margin:auto 0
}
@media only screen and (max-width:1085px) {
 .top-p-attempt__thumbs {
  width:100%
 }
}
@media only screen and (max-width:1085px) {
 .top-p-attempt__thumb {
  width:100%
 }
}
.top-p-attempt__texts {
 width:42.18%
}
@media only screen and (max-width:1085px) {
 .top-p-attempt__texts {
  width:100%;
  padding-top:32px
 }
}
.top-p-attempt__text {
 padding-top:24px
}
@media only screen and (max-width:1085px) {
 .top-p-attempt__text {
  padding-top:16px
 }
}
.top-p-attempt__link {
 padding-top:84px
}
@media only screen and (max-width:1085px) {
 .top-p-attempt__link {
  padding-top:24px
 }
}
.top-p-attempt__right {
 text-align:right
}
@media only screen and (min-width:1086px) {
 .top-p-ejs .sp {
  display:none
 }
}
@media only screen and (max-width:1085px) {
 .top-p-ejs .pc {
  display:none
 }
}
.top-p-ejs__padding {
 max-width:1360px;
 padding:0 40px;
 margin:auto;
 box-sizing:border-box
}
@media only screen and (max-width:768px) {
 .top-p-ejs__padding {
  padding-right:20px;
  padding-left:20px
 }
}
@media only screen and (min-width:1086px) {
 .top-p-ejs__flex {
  display:flex;
  justify-content:space-between;
  flex-direction:row-reverse;
  align-items:flex-end
 }
}
.top-p-ejs__thumbs {
 width:69.06%;
 height:auto;
 margin:auto 0;
 display:flex;
 justify-content:space-between
}
@media only screen and (max-width:1085px) {
 .top-p-ejs__thumbs {
  width:100%;
  padding-top:40px
 }
}
.top-p-ejs__thumbs-box {
 width:48.86%
}
.top-p-ejs__thumb {
 width:100%
}
.top-p-ejs__link {
 padding-top:32px
}
@media only screen and (max-width:1085px) {
 .top-p-ejs__link {
  padding-top:16px
 }
}
.top-p-ejs__center {
 text-align:center
}
.top-p-ejs__texts {
 width:28.75%;
 padding-left:28px;
 padding-bottom:47px;
 margin:0 auto
}
@media only screen and (max-width:1085px) {
 .top-p-ejs__texts {
  width:100%;
  text-align:center;
  padding-left:0;
  padding-bottom:0
 }
}
@media only screen and (min-width:1086px) {
 .top-p-ejs__title {
  width:fit-content;
  margin:0 auto
 }
}
.top-p-ejs__text {
 padding-top:40px
}
@media only screen and (min-width:1086px) {
 .top-p-ejs__text {
  width:fit-content;
  margin:0 auto
 }
}
.top-p-obsession {
 overflow:hidden;
 background:linear-gradient(180deg,#F8F6EE 0,#F7F1E4 50%,#F8F0E3 100%)
}
.top-p-obsession__padding {
 max-width:1360px;
 padding:0 40px;
 margin:auto;
 box-sizing:border-box;
 padding-top:80px;
 padding-bottom:80px
}
@media only screen and (max-width:768px) {
 .top-p-obsession__padding {
  padding-right:20px;
  padding-left:20px
 }
}
@media only screen and (max-width:1085px) {
 .top-p-obsession__padding {
  padding-top:80px
 }
}
@media only screen and (min-width:1086px) {
 .top-p-obsession__flex {
  display:flex;
  flex-direction:row-reverse;
  justify-content:space-between;
  align-items:flex-end
 }
}
.top-p-obsession__thumbs {
 width:58.28%;
 height:auto;
 margin:auto 0
}
@media only screen and (max-width:1085px) {
 .top-p-obsession__thumbs {
  width:120%;
  margin-left:-7%
 }
}
@media only screen and (max-width:1085px) {
 .top-p-obsession__thumb {
  width:100%
 }
}
.top-p-obsession__texts {
 width:42.18%
}
@media only screen and (max-width:1085px) {
 .top-p-obsession__texts {
  width:100%;
  padding-top:64px
 }
}
.top-p-obsession__text {
 padding-top:40px
}
@media only screen and (max-width:1085px) {
 .top-p-obsession__text {
  padding-top:32px
 }
}
.top-p-obsession__link {
 padding-top:64px
}
@media only screen and (max-width:1085px) {
 .top-p-obsession__link {
  padding-top:32px
 }
}
.top-p-obsession__right {
 text-align:right
}
.top-p-think__padding {
 max-width:1360px;
 padding:0 40px;
 margin:auto;
 box-sizing:border-box;
 padding-bottom:160px
}
@media only screen and (max-width:768px) {
 .top-p-think__padding {
  padding-right:20px;
  padding-left:20px
 }
}
@media only screen and (max-width:1085px) {
 .top-p-think__padding {
  padding:0 20px 80px 0
 }
}
@media only screen and (min-width:1086px) {
 .top-p-think__flex {
  display:flex;
  justify-content:space-between;
  align-items:flex-end
 }
}
.top-p-think__thumbs {
 width:59.45%;
 height:auto;
 margin:auto 0
}
@media only screen and (max-width:1085px) {
 .top-p-think__thumbs {
  width:100%
 }
}
.top-p-think__thumb:last-child {
 padding-top:8px
}
.top-p-think__texts {
 width:31.6%
}
@media only screen and (max-width:1085px) {
 .top-p-think__texts {
  width:100%;
  padding-left:20px;
  padding-top:64px
 }
}
.top-p-think__text {
 padding-top:40px
}
@media only screen and (max-width:1085px) {
 .top-p-think__text {
  padding-top:32px
 }
}
.top-p-think__link {
 padding-top:64px
}
@media only screen and (max-width:1085px) {
 .top-p-think__link {
  padding-top:32px
 }
}
.top-p-think__right {
 text-align:right
}
.top-p-item-contents {
 width:29%
}
@media only screen and (max-width:768px) {
 .top-p-item-contents {
  margin-bottom:40px
 }
}
.top-p-item-contents:nth-child(1),
.top-p-item-contents:nth-child(2) {
 width:47%;
 margin-bottom:60px
}
@media only screen and (max-width:768px) {
 .top-p-item-contents:nth-child(1),
 .top-p-item-contents:nth-child(2) {
  width:100%;
  margin-bottom:40px
 }
}
@media only screen and (max-width:768px) {
 .top-p-item-contents {
  width:100%
 }
}
.top-p-item-contents__link {
 display:block;
 text-decoration:none
}
.top-p-item-contents__relative {
 position:relative
}
.top-p-item-contents__text-vertical {
 position:absolute;
 top:0;
 right:0;
 transform-origin:100% 0;
 transform:rotateZ(90deg) translateX(100%);
 display:flex
}
.top-p-item-contents__text-no {
 font-family:Montserrat;
 font-style:normal;
 font-weight:500;
 font-size:14px;
 line-height:100%;
 align-items:center;
 letter-spacing:.2em;
 color:#A39187;
 margin-right:15px
}
@media only screen and (max-width:768px) {
 .top-p-item-contents__text-no {
  font-size:12px
 }
}
.top-p-item-contents__text-name-en {
 font-family:Montserrat;
 font-style:normal;
 font-weight:500;
 font-size:14px;
 line-height:100%;
 letter-spacing:.2em;
 color:#A39187;
 position:relative;
 padding-left:40px;
 white-space:nowrap
}
@media only screen and (max-width:768px) {
 .top-p-item-contents__text-name-en {
  font-size:12px
 }
}
.top-p-item-contents__text-name-en:before {
 content:'';
 position:absolute;
 background-color:#A39187;
 width:30px;
 height:1px;
 left:0;
 top:50%
}
.top-p-item-contents__text-name-jp {
 font-family:"Hiragino Kaku Gothic Pro";
 font-weight:300;
 font-size:15px;
 line-height:100%;
 letter-spacing:.07em;
 font-feature-settings:'palt' on;
 margin-bottom:10px
}
@media only screen and (max-width:768px) {
 .top-p-item-contents__text-name-jp {
  font-size:12px
 }
}
.top-p-item-contents__text {
 font-family:"Hiragino Kaku Gothic Pro";
 font-weight:300;
 font-size:17px;
 line-height:1.6;
 letter-spacing:.07em;
 font-feature-settings:'palt' on;
 color:#434343;
 transition:color .2s linear;
 width:calc(100% - 40px)
}
a:hover .top-p-item-contents__text {
 color:#A39187
}
@media only screen and (max-width:768px) {
 .top-p-item-contents__text {
  font-size:15px
 }
}
.top-p-item-contents:nth-child(1) .top-p-item-contents__text,
.top-p-item-contents:nth-child(2) .top-p-item-contents__text {
 font-size:22px
}
@media only screen and (max-width:768px) {
 .top-p-item-contents:nth-child(1) .top-p-item-contents__text,
 .top-p-item-contents:nth-child(2) .top-p-item-contents__text {
  font-size:17px
 }
}
.top-p-item-contents__image {
 width:calc(100% - 35px);
 margin-bottom:30px
}
@media only screen and (max-width:768px) {
 .top-p-item-contents__image {
  width:calc(100% - 25px)
 }
}
@media only screen and (max-width:768px) {
 .top-p-item-contents:nth-child(1) .top-p-item-contents__image,
 .top-p-item-contents:nth-child(2) .top-p-item-contents__image {
  width:calc(100% - 25px);
  position:relative;
  padding-top:110%
 }
}
.top-p-item-fv {
 width:10%;
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0;
 z-index:1;
 opacity:0
}
.top-p-item-fv__link {
 text-decoration:none;
 display:block;
 position:relative
}
.top-p-item-fv__image img {
 width:100%;
 vertical-align:bottom
}
.top-p-item-fv__image video {
 width:100%;
 vertical-align:bottom
}
@media only screen and (max-width:768px) {
 .top-p-item-fv__image.--pc {
  display:none
 }
}
.top-p-item-fv__image.--sp {
 display:none
}
@media only screen and (max-width:768px) {
 .top-p-item-fv__image.--sp {
  display:block
 }
}
.top-p-item-info {
 border-top:1px solid #E5E1DB
}
.top-p-item-info:last-child {
 border-bottom:1px solid #E5E1DB
}
.top-p-item-info__link {
 text-decoration:none;
 display:block;
 padding:40px 0;
 transition:opacity .25s linear
}
@media only screen and (max-width:768px) {
 .top-p-item-info__link {
  padding:30px 0
 }
}
@media only screen and (min-width:769px) {
 .top-p-item-info__link:hover {
  opacity:.7
 }
}
.top-p-item-info__header {
 margin-bottom:10px
}
.top-p-item-thumb {
 width:31.25%;
 margin-bottom:50px
}
@media only screen and (max-width:768px) {
 .top-p-item-thumb {
  width:100%
 }
}
.top-p-item-thumb__link {
 text-decoration:none;
 display:block
}
.top-p-item-thumb__image {
 margin-bottom:20px
}
.top-p-item-thumb__image img {
 width:100%;
 vertical-align:bottom
}
.top-p-item-thumb__header {
 margin-bottom:15px
}
.top-p-item-product {
 width:23%;
 margin-bottom:30px
}
@media only screen and (max-width:768px) {
 .top-p-item-product {
  width:48%
 }
}
.top-p-item-product__link {
 text-decoration:none;
 display:block;
 position:relative
}
.top-p-item-product__image {
 margin-bottom:10px
}
.top-p-item-product__image img {
 width:100%;
 vertical-align:bottom
}
@media only screen and (max-width:768px) {
 .top-p-item-product__image.--pc {
  display:none
 }
}
.top-p-item-product__image.--sp {
 display:none
}
@media only screen and (max-width:768px) {
 .top-p-item-product__image.--sp {
  display:block
 }
}
.top-p-item-product__name-en {
 position:absolute;
 left:10px;
 top:10px;
 font-family:Montserrat;
 font-style:normal;
 font-weight:700;
 font-size:14px;
 line-height:100%;
 letter-spacing:.2em;
 color:#FFF
}
@media only screen and (max-width:768px) {
 .top-p-item-product__name-en {
  line-height:1.2;
  font-size:12px
 }
}
.top-p-item-ranking {
 width:2.5%
}
@media only screen and (max-width:768px) {
 .top-p-item-ranking {
  width:10%
 }
}
.top-p-item-ranking__link {
 text-decoration:none;
 display:block;
 position:relative
}
.top-p-item-ranking__image {
 margin-bottom:20px;
 overflow:hidden
}
@media only screen and (max-width:768px) {
 .top-p-item-ranking__image {
  margin-bottom:15px
 }
}
.top-p-item-ranking__image img {
 width:100%;
 vertical-align:bottom;
 transition:transform .25s cubic-bezier(.06,.22,.12,1)
}
@media only screen and (max-width:768px) {
 .top-p-item-ranking__image img {
  transform:scale(1.07)
 }
}
@media only screen and (min-width:769px) {
 a:hover .top-p-item-ranking__image img {
  transform:scale(1.05)
 }
}
.top-p-item-ranking__text-container {
 text-align:center
}
.top-p-item-ranking__brand {
 font-family:"Hiragino Kaku Gothic Pro";
 font-weight:300;
 font-size:15px;
 line-height:100%;
 letter-spacing:.04em;
 color:#666;
 margin-bottom:20px
}
@media only screen and (max-width:768px) {
 .top-p-item-ranking__brand {
  font-size:12px;
  margin-bottom:10px
 }
}
.top-p-item-ranking__name {
 font-family:"Hiragino Kaku Gothic Pro";
 font-weight:600;
 font-size:15px;
 line-height:1.6;
 letter-spacing:.04em;
 color:#434343;
 margin-bottom:15px;
 transition:color .2s linear
}
@media only screen and (max-width:768px) {
 .top-p-item-ranking__name {
  font-size:14px;
  width:100%;
  line-height:1.6;
  margin-left:auto;
  margin-right:auto
 }
}
@media only screen and (min-width:769px) {
 a:hover .top-p-item-ranking__name {
  color:#A39187
 }
}
.top-p-item-ranking__type {
 font-family:"Hiragino Kaku Gothic Pro";
 font-weight:300;
 font-size:15px;
 line-height:100%;
 letter-spacing:.04em;
 color:#434343
}
@media only screen and (max-width:768px) {
 .top-p-item-ranking__type {
  font-size:12px
 }
}
.top-p-item-ranking__rank {
 position:absolute;
 width:40px;
 height:40px;
 left:0;
 top:0;
 border-radius:100px;
 background:#A39187;
 display:flex;
 align-items:center;
 justify-content:center;
 color:#fff;
 font-family:Montserrat;
 font-style:normal;
 font-weight:500;
 font-size:15px;
 line-height:100%;
 text-align:center;
 letter-spacing:.1em
}
@media only screen and (max-width:768px) {
 .top-p-item-ranking__rank {
  font-size:12px;
  width:30px;
  height:30px
 }
}
.top-p-item-ranking__rank.--rank1 {
 background-color:#D9B340
}
.top-c-about-s-title-h2__text {
 font-family:"Hiragino Kaku Gothic Pro";
 font-weight:300;
 font-size:15px;
 line-height:100%;
 letter-spacing:.15em;
 font-feature-settings:'palt' on;
 color:#A39187
}
@media only screen and (max-width:768px) {
 .top-c-about-s-title-h2__text {
  font-size:12px
 }
}
.top-c-about-s-title-h2__title {
 padding-top:16px;
 font-family:"Hiragino Kaku Gothic Pro";
 font-style:normal;
 font-weight:300;
 font-size:22px;
 line-height:140%;
 letter-spacing:.15em;
 font-feature-settings:'palt';
 color:#434343
}
@media only screen and (max-width:768px) {
 .top-c-about-s-title-h2__title {
  font-size:17px
 }
}
.top-c-about-title-h2__text {
 font-family:"Hiragino Kaku Gothic Pro";
 font-weight:300;
 font-size:15px;
 line-height:100%;
 letter-spacing:.15em;
 font-feature-settings:'palt' on;
 color:#A39187
}
@media only screen and (max-width:768px) {
 .top-c-about-title-h2__text {
  font-size:15px
 }
}
.top-c-about-title-h2__title {
 padding-top:16px;
 font-family:"Hiragino Kaku Gothic Pro";
 font-style:normal;
 font-weight:300;
 font-size:30px;
 line-height:140%;
 letter-spacing:.15em;
 font-feature-settings:'palt';
 color:#434343
}
@media only screen and (max-width:768px) {
 .top-c-about-title-h2__title {
  font-size:22px
 }
}
.top-c-carousel-button {
 width:58px;
 height:58px;
 transition:opacity .2s linear
}
.top-c-carousel-button__body {
 width:100%;
 height:100%;
 background:#FFF;
 border:1px solid #A39187;
 border-radius:100px;
 box-sizing:border-box;
 display:flex;
 align-items:center;
 justify-content:center;
 transition:transform .25s ease-in-out
}
.top-c-carousel-button__body.--left {
 transform:scale(-1,1)
}
@media only screen and (min-width:769px) {
 button:hover .top-c-carousel-button__body.--left {
  transform:scale(-1,1) translateX(5px)
 }
}
@media only screen and (min-width:769px) {
 button:hover .top-c-carousel-button__body.--right {
  transform:translateX(5px)
 }
}
.top-c-carousel-button.--hide {
 opacity:0;
 pointer-events:none
}
.top-c-image-zoom {
 overflow:hidden
}
.top-c-image-zoom__image {
 width:100%;
 transition:transform .7s cubic-bezier(.37,.01,.12,1)
}
@media only screen and (min-width:769px) {
 a:hover .top-c-image-zoom__image {
  transform:scale(1.07)
 }
}
.--fit-sp .top-c-image-zoom__image {
 object-fit:cover;
 width:100%;
 height:100%
}
@media only screen and (max-width:768px) {
 .top-c-image-zoom.--fit-sp {
  position:absolute;
  width:100%;
  height:100%;
  top:0
 }
}
.top-c-percent-indicator {
 width:240px;
 height:2px;
 background:#E5E1DB;
 display:inline-block;
 position:relative
}
.top-c-percent-indicator__bar {
 position:absolute;
 width:50px;
 height:2px;
 background:#A39187
}
.top-c-rect-button {
 text-decoration:none;
 border:1px solid #A39187;
 background-color:#fff;
 padding:15px 70px;
 min-width:260px;
 display:inline-block
}
.top-c-rect-button__text {
 font-family:"Hiragino Kaku Gothic Pro";
 font-weight:300;
 font-size:15px;
 line-height:100%;
 letter-spacing:.15em;
 font-feature-settings:'palt' on;
 color:#A39187
}
.top-c-select-box {
 display:inline-block;
 background-color:#fff;
 position:relative;
 z-index:3
}
.top-c-select-box__body {
 min-width:280px
}
@media only screen and (max-width:768px) {
 .top-c-select-box__body {
  min-width:255px
 }
}
.top-c-select-box__button {
 width:100%;
 height:50px;
 display:flex;
 align-items:center
}
@media only screen and (max-width:768px) {
 .top-c-select-box__button {
  height:40px
 }
}
.top-c-select-box__name {
 flex:1;
 font-family:Montserrat;
 font-style:normal;
 font-weight:600;
 font-size:17px;
 line-height:100%;
 letter-spacing:.2em;
 color:#A39187
}
@media only screen and (max-width:768px) {
 .top-c-select-box__name {
  font-size:15px
 }
}
.top-c-select-box__name.--select {
 font-family:Montserrat;
 font-style:normal;
 font-weight:500;
 font-size:14px;
 line-height:100%;
 letter-spacing:.2em;
 color:#666
}
@media only screen and (max-width:768px) {
 .top-c-select-box__name.--select {
  font-size:12px
 }
}
.--current .top-c-select-box__name.--select {
 font-weight:600;
 color:#A39187
}
.top-c-select-box__arrow {
 display:flex;
 width:28px;
 justify-content:center;
 align-items:center
}
.top-c-select-box__arrow-image {
 transition:transform .3s ease-in-out
}
.top-c-select-box__arrow-image.--open {
 transform:scale(1,-1)
}
.top-c-select-box__button {
 display:flex;
 text-align:left;
 justify-content:space-between;
 padding:0 20px;
 position:relative
}
.top-c-select-box__count {
 min-width:28px;
 padding:0 5px 0 6px;
 height:28px;
 display:flex;
 justify-content:center;
 align-items:center;
 background-color:#D8D4CF;
 border-radius:14px;
 font-family:Montserrat;
 font-style:normal;
 font-weight:600;
 font-size:12px;
 line-height:100%;
 text-align:center;
 color:#FFF
}
.--current .top-c-select-box__count {
 background-color:#A39187
}
.top-c-select-box__relative {
 position:relative;
 z-index:2
}
.top-c-select-box__select {
 position:absolute;
 width:100%;
 top:0;
 left:0;
 background-color:#fff;
 overflow:hidden;
 height:0
}
.top-c-select-box__select .top-c-select-box__button:after {
 content:'';
 position:absolute;
 bottom:0;
 left:20px;
 width:calc(100% - 20px);
 height:1px;
 background-color:#E5E1DB
}
.top-c-select-box__select .top-c-select-box__button:last-child:after {
 display:none
}
.top-c-select-box__select {
 border-top:1px solid #E5E1DB
}
.top-c-text-arrow {
 display:inline-flex;
 align-items:center;
 text-decoration:none;
 transition:opacity .25s ease-in-out
}
@media only screen and (max-width:768px) {
 .top-c-text-arrow.--sp-new-line {
  display:block
 }
}
.top-c-text-arrow__overflow {
 display:inline-block;
 overflow:hidden;
 position:relative
}
.top-c-text-arrow__text {
 font-family:'Hiragino Kaku Gothic Pro';
 font-style:normal;
 font-weight:300;
 font-size:15px;
 line-height:1;
 letter-spacing:.07em;
 font-feature-settings:'palt' on;
 color:#A39187;
 margin-right:20px;
 padding-top:3px;
 padding-bottom:2px;
 display:block;
 white-space:nowrap
}
@media only screen and (max-width:768px) {
 .top-c-text-arrow__text {
  font-size:12px
 }
 .--sp-new-line .top-c-text-arrow__text {
  margin-right:0;
  text-align:center
 }
}
.top-c-text-arrow__text.--hover {
 position:absolute;
 left:0
}
@media only screen and (max-width:768px) {
 .top-c-text-arrow__text.--hover {
  display:none
 }
}
.top-c-text-arrow__hover-scroll {
 display:block;
 transition:transform .7s cubic-bezier(.43,.05,.17,1)
}
@media only screen and (min-width:769px) {
 .top-c-text-arrow:hover .top-c-text-arrow__hover-scroll,
 a:hover .top-c-text-arrow .top-c-text-arrow__hover-scroll {
  transform:translateY(-100%)
 }
}
.top-c-text-arrow__arrow {
 display:inline-flex;
 align-items:center;
 transition:transform .25s ease-in-out
}
.top-c-text-arrow__arrow i {
font-size: 25px;
color: #A39187;
}
@media only screen and (max-width:768px) {
 .--sp-new-line .top-c-text-arrow__arrow {
  display:block;
  text-align:center
 }
}
@media only screen and (min-width:769px) {
 .top-c-text-arrow:hover .top-c-text-arrow__arrow {
  transform:translateX(5px)
 }
}
@media only screen and (min-width:769px) {
 a:hover .top-c-text-arrow .top-c-text-arrow__arrow {
  transform:translateX(5px)
 }
}
.top-c-text-body {
 font-family:"Hiragino Kaku Gothic Pro";
 font-weight:300;
 font-size:15px;
 line-height:200%;
 letter-spacing:.07em;
 font-feature-settings:'palt' on;
 color:#666;
 transition:color .2s linear
}
@media only screen and (max-width:768px) {
 .top-c-text-body {
  font-size:14px
 }
}
@media only screen and (min-width:769px) {
 a:hover .top-c-text-body {
  color:#A39187
 }
}
.top-c-text-junle-date {
 display:flex
}
.top-c-text-junle-date__junle {
 font-family:Montserrat;
 font-style:normal;
 font-weight:600;
 font-size:14px;
 line-height:100%;
 letter-spacing:.2em;
 color:#A39187;
 margin-right:10px
}
@media only screen and (max-width:768px) {
 .top-c-text-junle-date__junle {
  font-size:12px
 }
}
.top-c-text-junle-date__date {
 font-family:Montserrat;
 font-style:normal;
 font-weight:500;
 font-size:14px;
 line-height:100%;
 letter-spacing:.2em;
 color:#888;
 position:relative;
 padding-left:15px
}
.top-c-text-junle-date__date:before {
 content:'';
 position:absolute;
 left:0;
 top:0;
 width:1px;
 height:12px;
 background:#A39187
}
@media only screen and (max-width:768px) {
 .top-c-text-junle-date__date {
  font-size:12px
 }
}
.top-c-text-line__overflow {
 overflow:hidden
}
.top-c-text-line__scroll-hover {
 position:relative;
 transition:transform .7s cubic-bezier(.43,.05,.17,1)
}
@media only screen and (min-width:769px) {
 a:hover .top-c-text-line__scroll-hover {
  transform:translateY(-100%)
 }
}
.top-c-text-line__text {
 font-family:"Hiragino Kaku Gothic Pro";
 font-weight:300;
 font-size:15px;
 line-height:100%;
 letter-spacing:.15em;
 font-feature-settings:'palt' on;
 color:#A39187;
 text-align:right;
 padding-bottom:5px
}
.top-c-text-line__text.--hover {
 position:absolute;
 width:100%
}
@media only screen and (max-width:768px) {
 .top-c-text-line__text.--hover {
  display:none
 }
}
@media only screen and (max-width:768px) {
 .top-c-text-line__text {
  font-size:12px
 }
}
.top-c-text-line__name-line {
 position:relative
}
.top-c-text-line__name-line:before {
 content:'';
 position:absolute;
 left:-40px;
 top:50%;
 width:30px;
 height:1px;
 background:#A39187
}
.top-c-text-s-arrow {
 display:inline-flex;
 align-items:center;
 text-decoration:none;
 transition:opacity .25s ease-in-out
}
@media only screen and (max-width:768px) {
 .top-c-text-s-arrow.--sp-new-line {
  display:block
 }
}
.top-c-text-s-arrow__overflow {
 display:inline-block;
 overflow:hidden;
 position:relative
}
.top-c-text-s-arrow__text {
 font-family:'Hiragino Kaku Gothic Pro';
 font-style:normal;
 font-weight:300;
 font-size:15px;
 line-height:1;
 letter-spacing:.07em;
 font-feature-settings:'palt' on;
 color:#A39187;
 margin-right:8px;
 padding-top:3px;
 padding-bottom:2px;
 display:block;
 white-space:nowrap
}
@media only screen and (max-width:768px) {
 .top-c-text-s-arrow__text {
  font-size:10px
 }
 .--sp-new-line .top-c-text-s-arrow__text {
  margin-right:4px;
  text-align:center
 }
}
.top-c-text-s-arrow__text.--hover {
 position:absolute;
 left:0
}
@media only screen and (max-width:768px) {
 .top-c-text-s-arrow__text.--hover {
  display:none
 }
}
.top-c-text-s-arrow__hover-scroll {
 display:block;
 transition:transform .7s cubic-bezier(.43,.05,.17,1)
}
@media only screen and (min-width:769px) {
 .top-c-text-s-arrow:hover .top-c-text-s-arrow__hover-scroll,
 a:hover .top-c-text-s-arrow .top-c-text-s-arrow__hover-scroll {
  transform:translateY(-100%)
 }
}
.top-c-text-s-arrow__arrow {
 display:inline-flex;
 align-items:center;
 transition:transform .25s ease-in-out
}
.top-c-text-s-arrow__arrow img {
 vertical-align:center
}
@media only screen and (max-width:768px) {
 .--sp-new-line .top-c-text-s-arrow__arrow {
  display:block;
  text-align:center
 }
}
@media only screen and (min-width:769px) {
 .top-c-text-s-arrow:hover .top-c-text-s-arrow__arrow {
  transform:translateX(5px)
 }
}
@media only screen and (min-width:769px) {
 a:hover .top-c-text-s-arrow .top-c-text-s-arrow__arrow {
  transform:translateX(5px)
 }
}
.top-c-timer-indicator {
 width:40px;
 margin-right:35px;
 position:relative;
 transition:opacity .25s linear
}
@media only screen and (min-width:769px) {
 .top-c-timer-indicator:hover {
  opacity:.7
 }
a:hover .top-c-image-zoom__image {
  transform: scale(1.07);
}
}
.top-c-image-zoom__image {
  width: 100%;
  transition: transform .7s cubic-bezier(.37,.01,.12,1);
}
.top-c-timer-indicator:last-child {
 margin-right:0
}
.top-c-timer-indicator__line-container {
 height:32px
}
.top-c-timer-indicator__line {
 width:1px;
 height:100%;
 margin:auto;
 background-color:#A39187;
 transform:scale(0);
 transition:transform .35s ease-in-out;
 transform-origin:0 100%
}
.top-c-timer-indicator__line.--show {
 transform:scale(1)
}
.top-c-timer-indicator__relative {
 position:relative;
 width:40px;
 height:40px;
 margin-top:-8px
}
.top-c-timer-indicator__svg {
 position:absolute;
 width:100%;
 height:100%;
 left:0;
 transform:scale(1,1)
}
.top-c-timer-indicator__circle {
 stroke-linecap:round;
 stroke-dasharray:122px;
 stroke-dashoffset:122px
}
.top-c-timer-indicator__button {
 position:relative;
 display:block;
 width:100%;
 height:100%;
 align-items:center;
 justify-content:center;
 font-family:Montserrat;
 font-style:normal;
 font-weight:500;
 font-size:12px;
 line-height:100%;
 letter-spacing:.1em;
 color:#A39187
}
.top-c-title-h2 {
 text-align:center
}
.top-c-title-h2.--center {
 text-align:left
}
.top-c-title-h2__title {
 font-family:Montserrat;
 font-style:normal;
 font-weight:400;
 font-size:30px;
 line-height:100%;
 letter-spacing:.2em;
 color:#4D4D4D;
 margin-bottom:12px
}
@media only screen and (max-width:768px) {
 .top-c-title-h2__title {
  font-size:20px
 }
}
.top-c-title-h2__text {
 font-family:'Hiragino Kaku Gothic Pro';
 font-style:normal;
 font-weight:300;
 font-size:15px;
 line-height:100%;
 letter-spacing:.15em;
 font-feature-settings:'palt' on;
 color:#434343
}
@media only screen and (max-width:768px) {
 .top-c-title-h2__text {
  font-size:12px
 }
}

a.text_link {
  color: #1558d6;
  text-decoration: underline;
}


figure.wd80 {
    width: 80%;
    height: auto;
}
@media only screen and (max-width:768px) {
figure.wd80 {
    width: auto;
    height: auto;
}
 }