@charset "utf-8";
html{
	font-size: 62.5%  !important;
	font-family: '游ゴシック体','Yu Gothic',YuGothic,'mynoto','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif !important;
	scroll-behavior: smooth;
}
body{
	font-size: 1.2rem !important;
	color: #333 !important;
	line-height: 1.75 !important;
	counter-reset: num process order;
	font-family: '游ゴシック体','Yu Gothic',YuGothic,'mynoto','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif !important;
	font-feature-settings: "palt";
}

.uc-page-body a:hover {
  transition: opacity 0.3s ease 0s;
  opacity: .5;
}
.uc-page-body li {
	list-style: none;
}
.uc-page-body .uc-pc,
.uc-page-body .pc {
	display: inline-block !important;
	text-indent: 0 !important;
}
.uc-page-body .uc-sp,
.uc-page-body .sp { display: none !important; }
@media (max-width: 768px) {
	body { font-size: 4.266666666666667vw; }
	img { image-rendering: inherit; }
	.uc-page-body .uc-pc,
	.uc-page-body .pc { display: none !important; }
	.uc-page-body .uc-sp,
	.uc-page-body .sp {
		display: inline-block !important;
		text-indent: 0 !important;
	}
}
.uc-page-body img[src$='.svg'] { width: 100%; }


.anchor {
	transform: translate(0,-80px);
}
@media (max-width: 768px) {
	.anchor {
		transform: translate(0,-60px);
	}
}


.btn-radius-shadow {
	border-radius: 35px;
	box-shadow: 5px 5px 0 rgba(0,0,0,0.2);
	overflow: hidden;
}
@media (max-width: 768px) {
	.btn-radius-shadow {
		border-radius: 6.5105vw;
		box-shadow: 1.1719vw 1.1719vw 0 rgba(0,0,0,0.2);
	}
}

.btn-radius-shadow2 {
	border-radius: 62px;
	box-shadow: 4px 4px 0 rgba(0,0,0,0.2);
	overflow: hidden;
}
@media (max-width: 768px) {
	.btn-radius-shadow2 {
		border-radius: 9.7657vw;
		box-shadow: 0.5209vw 0.5209vw 0 rgba(0,0,0,0.2);
	}
}


.kv-teaser {
	padding-top: 144px;
	overflow: hidden;
}
.kv-teaser span,
.kv-teaser span img {
	width: 100%;
}
.kv-teaser .kv-teaser-base {
	position: relative;
}
.kv-teaser-btn {
	position: absolute;
	right: 15.8334vw;
	top: 38.2143vw;
	width: 13.0953%;
	border-radius: 44px;
	box-shadow: 5px 5px 0 rgba(0,0,0,0.2);
	overflow: hidden;
}
@media (max-width: 1680px) {
	.kv-teaser .kv-teaser-base {
		position: relative;
		margin: 0 auto;
		width: 1340px;
	}
	.kv-teaser-pic {
		width: 125.3732%;
		transform: translate(-10.1191%,0);
	}
	.kv-teaser-btn {
		right: 96px;
		top: 642px;
		width: 220px;
		border-radius: 22px;
	}
}
@media (max-width: 1340px) {
	.kv-teaser .kv-teaser-base {
		width: 100%;
	}
	.kv-teaser-btn {
		right: 7.1642vw;
		top: 47.9105vw;
		width: 16.418%;
	}
}
@media (max-width: 980px) {
	.kv-teaser {
		padding-top: 52px;
	}
}
@media (max-width: 768px) {
	.kv-teaser {
		width: 100%;
	}
	.kv-teaser-pic {
		width: 100%;
		transform: none;
	}
	.kv-teaser-btn {
		right: 27.8646vw;
		top: 131.25vw;
		width: 44.2709vw;
		border-radius: 4.2969vw;
		box-shadow: 0.9115vw 0.9115vw 0 rgba(0,0,0,0.2);
	}
}



.kv {
	padding-top: 144px;
	overflow: hidden;
}
.kv span,
.kv span img {
	width: 100%;
}
.kv .kv-base {
	position: relative;
}
.kv-btn {
	position: absolute;
	right: 18.1548vw;
	top: 37.7381vw;
	width: 13.0953%;
	border-radius: 44px;
	box-shadow: 5px 5px 0 rgba(0,0,0,0.2);
	overflow: hidden;
}
@media (max-width: 1680px) {
	.kv .kv-base {
		margin: 0 auto;
		width: 1340px;
	}
	.kv-pic {
		width: 125.3732%;
		transform: translate(-10.1191%,0);
	}
	.kv-btn {
		right: 136px;
		top: 634px;
		width: 220px;
		border-radius: 22px;
	}
}
@media (max-width: 1340px) {
	.kv .kv-base {
		width: 100%;
	}
	.kv-btn {
		right: 10.1493vw;
		top: 47.3135vw;
		width: 16.418%;
	}
}
@media (max-width: 980px) {
	.kv {
		padding-top: 52px;
	}
}
@media (max-width: 768px) {
	.kv {
		width: 100%;
	}
	.kv-pic {
		width: 100%;
		transform: none;
	}
	.kv-btn {
		right: 27.9948vw;
		top: 130.7292vw;
		width: 44.2709vw;
		border-radius: 4.2969vw;
		box-shadow: 0.9115vw 0.9115vw 0 rgba(0,0,0,0.2);
	}
}



.bg-green {
	position: relative;
	padding-top: 70px;
	padding-bottom: 200px;
	background-image: url(/content/dam/sites/jp_unicharmpet_com/deotoilet/campaign/202605/bg_pc.svg);
	background-position: center 200px;
	background-repeat: repeat;
	background-size: 1680px auto;
}
.bg-green::before {
	content: '';
	position: absolute;
	left: 0;
	top: -1px;
	display: block;
	width: 100%;
	height: 200px;
	background-color: #e5e300;
}
@media (max-width: 768px) {
	.bg-green {
		padding-top: 12.3698vw;
		padding-bottom: 12.3698vw;
		background-image: url(/content/dam/sites/jp_unicharmpet_com/deotoilet/campaign//202605/bg_sp.svg);
		background-position: center top;
		background-size: 100% auto;
	}
	.bg-green::before {
		display: none;
	}
}

.campaign {
	margin-bottom: 235px;
}
.campaign .title {
	position: relative;
	margin: 0 auto 88px;
	width: 653px;
}
.campaign-1,
.campaign-2 {
	position: relative;
	margin: 0 auto;
	padding-bottom: 30px;
	max-width: 998px;
	border-radius: 31px;
}
.campaign-1 {
	background: #fceef4;
	border: #e3007f 2.5px solid;
}
.campaign-2 {
	margin-top: 76px;
	background: #def1fb;
	border: #00aaea 2.5px solid;
}
.campaign-1 .title2 {
	margin-bottom: -30px;
	transform: translate(-2px,-37.2671%);
	width: 100.3%;
}
.campaign-1 .lead {
	margin: 0 auto 35px;
	max-width: 787px;
}
.campaign-1-prize-grid {
	margin: 0 0 65px 4%;
	width: 90.3421%;
}
.campaign-1-prize-grid.uc-lyt-grid-container > .uc-lyt-grid-col {
	padding: 0;
	flex: 0 1 auto;
	width: 50%;
	text-align: center;
}
.campaign-1-prize-grid.uc-lyt-grid-container .prize1 {
	width: 115.813%;
}
.campaign-1-prize-grid.uc-lyt-grid-container .prize2 {
	margin-left: auto;
	width: 92.7617%;
}
.campaign-manual {
	margin: 0 auto;
	padding-bottom: 56px;
	width: 90%;
	background-color: #fff;
	border: #e3007f 3px solid;
	border-radius: 28px;
}
.campaign-2 .campaign-manual {
	border: #00aaea 3px solid;
}
.campaign-manual-title {
	margin: 0 auto -12px;
	transform: translate(0,calc( -50% - 1.5px ));
	width: 236px;
}
.campaign-2 .campaign-manual-title::before {
	content: '';
	position: absolute;
	left: -69px;
	top: 7px;
	display: block;
	width: 43px;
	height: 47px;
	background-image: url(/content/dam/sites/jp_unicharmpet_com/deotoilet/campaign//202605/bg_campaign_2_manual_icon.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.campaign-1-manual-grid {
	margin: 0 auto 34px;
	width: 78.2123%;
	gap: 40px;
	flex-wrap: wrap;
}
.campaign-1-manual-grid.uc-lyt-grid-container > .uc-lyt-grid-col {
	position: relative;
	padding: 0;
	flex: 0 1 auto;
	width: 100%;
}
.campaign-1-manual-grid.uc-lyt-grid-container > .uc-lyt-grid-col::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -31px;
	transform: translate(-50%,0);
	display: block;
	width: 26px;
	height: 21px;
	background-image: url(/content/dam/sites/jp_unicharmpet_com/deotoilet/campaign//202605/bg_campaign_1_manual_arrow_pc.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.campaign-1-manual-grid.uc-lyt-grid-container > .uc-lyt-grid-col:last-child::after {
	display: none;
}
.campaign-products {
	position: relative;
}
.campaign-products-title {
	margin: 0 auto 15px;
	width: 214px;
}
.campaign-1-products-pic {
	position: absolute;
	left: -20px;
	top: -6px;
	width: 302px;
}
.campaign-1-products-star {
	position: absolute;
	right: 124px;
	top: 8px;
	width: 89px;
}
.campaign-1-products-lead {
	margin: 0 auto 58px;
	width: 279px;
}
.campaign-products-btn {
	margin: 0 auto;
	width: 360px;
}
.campaign .notice {
	margin: 12px auto 0;
	width: 85.1397%;
}
.campaign .notice li {
	font-size: 12px;
	text-align: right;
}
.campaign-2 .title2 {
	margin-bottom: -10px;
	transform: translate(-2px,-31.5069%);
	width: 100.2%;
}
.campaign-2 .lead {
	margin: 0 auto 38px;
	max-width: 736px;
}
.campaign-2-prize {
	margin: 0 0 46px 14.6882%;
	width: 70.825%;
}
.campaign-2-manual-grid {
	margin: 0 auto 34px;
	width: 78.2123%;
	gap: 40px;
	flex-wrap: wrap;
}
.campaign-2-manual-grid.uc-lyt-grid-container > .uc-lyt-grid-col {
	position: relative;
	padding: 0;
	flex: 0 1 auto;
	width: 100%;
}
.campaign-2-manual-grid.uc-lyt-grid-container > .uc-lyt-grid-col::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -31px;
	transform: translate(-50%,0);
	display: block;
	width: 26px;
	height: 21px;
	background-image: url(/content/dam/sites/jp_unicharmpet_com/deotoilet/campaign//202605/bg_campaign_1_manual_arrow_pc.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.campaign-2-manual-grid.uc-lyt-grid-container > .uc-lyt-grid-col:last-child::after {
	display: none;
}
.campaign-2-manual-2-pic {
	position: absolute;
	right: 30px;
	bottom: 10px;
	width: 136px;
}
.campaign-2-products-pic {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -316px;
	width: 136px;
}
.campaign-2-products-star {
	position: absolute;
	right: 50%;
	top: -4px;
	margin-right: -310px;
	width: 89px;
}
.campaign-2-products-lead {
	margin: 0 auto 45px;
	width: 310px;
}
@media (max-width: 1060px) {
	.campaign-1,
	.campaign-2 {
		margin-left: 30px;
		margin-right: 30px;
	}
	.campaign-1-products-pic {
		left: -40px;
		width: 33.9326%;
	}
	.campaign-1-products-star {
		right: 40px;
	}
	.campaign-2-manual-2-pic {
		right: 4.2858%;
		bottom: 10px;
		width: 19.4286%;
	}
}
@media (max-width: 880px) {
	.campaign-1 .lead {
		max-width: 87.683%;
	}
	.campaign-2 .lead {
		max-width: 89.7561%;
	}
}
@media (max-width: 768px) {
	.campaign {
		margin-bottom: 24.7396vw;
	}
	.campaign .title {
		margin-bottom: 8.2032vw;
		width: 85.9375vw;
	}
	.campaign-1,
	.campaign-2 {
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 3.9063vw;
		max-width: 84.6355vw;
		border-radius: 5.3386vw;
	}
	.campaign-1 {
		border-width: 2px;
	}
	.campaign-2 {
		margin-top: 13.0209vw;
		border-width: 2px;
	}
	.campaign-1 .title2 {
		margin-bottom: 1.3021vw;
		transform: translate(-2px,-13.1387%);
		width: 85.1563vw;
	}
	.campaign-1 .lead {
		margin-bottom: 4.5573vw;
		max-width: 74.0886vw;
	}
	.campaign-1-prize-grid {
		margin: 0 0 9.6355vw;
		width: 100%;
	}
	.campaign-1-prize-grid.uc-lyt-grid-container > .uc-lyt-grid-col {
		width: 100%;
	}
	.campaign-1-prize-grid.uc-lyt-grid-container .prize1 {
		margin-left: 3.125vw;
		margin-bottom: 3.5157vw;
		width: 77.7344vw;
	}
	.campaign-1-prize-grid.uc-lyt-grid-container .prize2 {
		margin-left: 2.6042vw;
		width: 70.1823vw;
	}
	.campaign-manual {
		padding-bottom: 8.8542vw;
		width: 75.5209vw;
		border-width: 2px;
		border-radius: 2.6042vw;
	}
	.campaign-2 .campaign-manual {
		border-width: 2px;
	}
	.campaign-manual-title {
		margin-bottom: 0;
		transform: translate(0,calc( -50% - 1px ));
		width: 35.5469vw;
	}
	.campaign-2 .campaign-manual-title::before {
		display: none;
	}
	.campaign-1-manual-grid {
		margin-bottom: 5.2084vw;
		width: 65.1042vw;
		gap: 9.8959vw;
	}
	.campaign-1-manual-grid.uc-lyt-grid-container > .uc-lyt-grid-col::after {
		left: 50%;
		bottom: -7.0313vw;
		transform: translate(-50%,0);
		width: 4.6875vw;
		height: 3.5157vw;
		background-image: url(/content/dam/sites/jp_unicharmpet_com/deotoilet/campaign//202605/bg_campaign_1_manual_arrow_sp.svg);
	}
	.campaign-products-title {
		margin-bottom: 4.948vw;
		width: 36.4584vw;
	}
	.campaign-1-products-pic {
		left: 16.4063vw;
		top: 27.8646vw;
		width: 42.0573vw;
	}
	.campaign-1-products-star {
		right: 5.8594vw;
		top: 25.7813vw;
		width: 9.1146vw;
	}
	.campaign-1-products-lead {
		margin: 0 auto 34.1146vw;
		width: 42.3178vw;
	}
	.campaign-products-btn {
		width: 65.1042vw;
	}
	.campaign .notice {
		margin-top: 2.8646vw;
		width: 100%;
	}
	.campaign .notice li {
		font-size: 2.6042vw;
		text-align: center;
	}
	.campaign-2 .title2 {
		margin-bottom: -3.2553vw;
		transform: translate(-2px,-31.9768%);
		width: 84.375vw;
	}
	.campaign-2 .lead {
		margin-bottom: 4.4271vw;
		max-width: 60.9375vw;
	}
	.campaign-2-prize {
		margin: 0 0 12.7605vw 4.1667vw;
		width: 74.6094vw;
	}
	.campaign-2-manual-grid {
		margin-bottom: 5.2084vw;
		width: 65.1042vw;
		gap: 9.8959vw;
	}
	.campaign-2-manual-grid.uc-lyt-grid-container > .uc-lyt-grid-col::after {
		left: 50%;
		bottom: -7.0313vw;
		transform: translate(-50%,0);
		width: 4.6875vw;
		height: 3.5157vw;
		background-image: url(/content/dam/sites/jp_unicharmpet_com/deotoilet/campaign//202605/bg_campaign_1_manual_arrow_sp.svg);
	}
	.campaign-2-manual-2-pic {
		right: 7.8125vw;
		bottom: 6.3803vw;
		width: 48.698vw;
	}
	.campaign-2-products-pic {
		left: 24.7396vw;
		top: 20.573vw;
		margin-left: 0;
		width: 25vw;
	}
	.campaign-2-products-star {
		right: 11.0678vw;
		top: 24.2188vw;
		margin-right: 0;
		width: 8.9844vw;
	}
	.campaign-2-products-lead {
		margin: 0 auto 33.4636vw;
		width: 47.0053vw;
	}
}

.campaign-collabo {
	position: relative;
	margin: 82px auto 0;
	padding-bottom: 55px;
	max-width: 998px;
	background: #ffffff;
	border: #ef7c00 2.7px solid;
	border-radius: 62px;
}
.campaign-collabo-pic {
	position: relative;
	top: -29px;
	left: -19px;
	width: 94.0381%;
}
.campaign-collabo-btn {
	margin: 0 auto;
	width: 360px;
}
@media (max-width: 1060px) {
	.campaign-collabo {
		margin-left: 30px;
		margin-right: 30px;
	}
}
@media (max-width: 768px) {
	.campaign-collabo {
		margin-top: 12.5vw;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 9.375vw;
		max-width: 84.6355vw;
		border: #ef7c00 0.3907vw solid;
		border-radius: 5.2084vw;
	}
	.campaign-collabo-pic {
		top: -5.599vw;
		left: 8.4636vw;
		width: 67.5782vw;
	}
	.campaign-collabo-btn {
		width: 65.1042vw;
	}
}

.products {
	position: relative;
	margin: 0 auto 190px;
	max-width: 1000px;
	border-radius: 70px;
	background: #ffffff;
	border: #aacc03 6px solid;
}
.products .title {
	margin: 0 auto 25px;
	width: 653px;
	transform: translate(0,calc( -50% - 3px ));
}
.products .icon {
	position: absolute;
	left: -37px;
	top: -90px;
	width: 185px;
}
.products .title2 {
	margin: 0 auto;
	width: 80%;
}
.products dl {
	margin: 0 auto;
	padding-bottom: 76px;
	width: 80%;
}
.products dl > div {
	padding-top: 35px;
}
.products dl > div + div {
	margin-top: 35px;
	border-top: #e3007f 1px solid;
}
.products dl > div dt,
.products dl > div dd {
	margin: 0 auto;
	max-width: 550px;
	text-align: left;
}
.products dl > div dd ul + ul {
	margin-top: 2em;
}
.products dl > div dd ul li {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 15px;
	line-height: 2.2;
}
.products dl > div dd ul li::before {
	content: '▶';
	color: #e3007f;
}
.products dl > div dd ul li.notice {
	font-size: 13px;
}
.products dl > div dd ul li.notice::before {
	display: none;
}
.products dl > div:nth-child(1) dt img {
	width: 316px;
}
.products dl > div:nth-child(2) dt img {
	width: 385px;
}
.products dl > div:nth-child(3) dt img {
	width: 385px;
}
.products dl > div:nth-child(4) dt img {
	width: 446px;
}
.products .products-2 div dd ul li::before {
	color: #00aaea;
}
.products .accd-head {
	margin-top: 20px;
	text-align: center;
	cursor: pointer;
}
.products .accd-head p {
	position: relative;
	display: inline-block;
	padding-right: 40px;
	font-size: 16px;
	font-weight: 600;
}
.products .accd-head p::before,
.products .accd-head p::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0,-50%);
	display: block;
	width: 8px;
	height: 1.5px;
	background-color: #333333;
	transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.products .accd-head p::after {
	transform: translate(0,-50%) rotate(90deg);
}
.products .accd-head.is--active p::after {
	transform: translate(0,-50%) rotate(0);
}
.products .accd-body {
	display: none;
	padding-top: 30px;
}
@media (max-width: 1060px) {
	.products {
		margin-left: 30px;
		margin-right: 30px;
	}
}
@media (max-width: 768px) {
	.products {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 24.7396vw;
		max-width: 84.6355vw;
		border-radius: 5.2084vw;
		border-width: 2px;
	}
	.products .title {
		margin-bottom: 1.6928vw;
		width: 59.8959vw;
		transform: translate(0,calc( -50% - 1px ));
	}
	.products .icon {
		left: -5.9896vw;
		top: 2.8646vw;
		width: 24.0886vw;
	}
	.products .title2 {
		position: relative;
		width: 75.5209vw;
	}
	.products dl {
		padding-bottom: 12.3698vw;
		width: 75.5209vw;
	}
	.products dl > div {
		display: block;
		padding-top: 7.1615vw;
	}
	.products dl > div + div {
		margin-top: 7.1615vw;
	}
	.products dl > div dt,
	.products dl > div dd {
		max-width: 100%;
	}
	.products dl > div dd {
		width: 100%;
	}
	.products dl > div dd ul li {
		font-size: 3.3855vw;
		letter-spacing: 0;
	}
	.products dl > div dd ul li.notice {
		font-size: 2.6042vw;
	}
	.products dl > div:nth-child(1) dt img {
		width: 49.2188vw;
	}
	.products dl > div:nth-child(2) dt img {
		width: 57.8125vw;
	}
	.products dl > div:nth-child(3) dt img {
		width: 57.8125vw;
	}
	.products dl > div:nth-child(4) dt img {
		width: 70.4428vw;
	}
	.products .accd-head {
		margin-top: 2.6042vw;
	}
	.products .accd-head p {
		padding-right: 8.4636vw;
		font-size: 3.125vw;
	}
	.products .accd-head p::before,
	.products .accd-head p::after {
		width: 1.5625vw;
	}
	.products .accd-body {
		padding-top: 4.5573vw;
	}
}


.notes {
	position: relative;
	margin: 0 auto 150px;
	padding-bottom: 85px;
	max-width: 1000px;
	border-radius: 70px;
	background: #ffffff;
	border: #aacc03 6px solid;
}
.notes .title {
	position: relative;
	margin: 0 auto 48px;
	width: 653px;
	transform: translate(0,calc( -50% - 3px ));
}
.notes .CMP-CM33-grid {
	margin: 0 auto;
	max-width: 83%;
}
.notes .CMP-CM33-grid + .CMP-CM33-grid {
	margin-top: 90px;
}
.notes .uc-lyt-grid-container > .uc-lyt-grid-col {
	padding: 0;
	flex: 0 1 auto;
}
.notes .uc-lyt-grid-container > .uc-lyt-grid-col:nth-child(1) {
	width: 220px;
}
.notes .uc-lyt-grid-container > .uc-lyt-grid-col:nth-child(2) {
	width: calc(100% - 250px);
}
.notes h3 {
	margin-top: 0.4em;
}
.notes h3 span {
	display: inline-block;
	padding: 11px 0;
	border-radius: 23px;
	width: 100%;
	background-color: #e5e300;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	line-height: 1;
}
.notes p {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.83;
}
.notes p strong {
	font-size: 24px;
}
.notes .list li {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.83;
}
.notes .list li::before {
	content: '●';
}
.notes .notice {
	margin-top: 1em;
}
.notes .notice li {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 14px;
	line-height: 1.6;
}
.notes .pic1 {
	margin-top: 25px;
	max-width: 319px;
}
@media (max-width: 1060px) {
	.notes {
		margin-left: 30px;
		margin-right: 30px;
	}
}
@media (max-width: 768px) {
	.notes {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 22.7865vw;
		padding-bottom: 10.4167vw;
		max-width: 84.6355vw;
		border-radius: 5.2084vw;
		border-width: 2px;
	}
	.notes .title {
		margin-bottom: 0.6511vw;
		width: 59.8959vw;
		transform: translate(0,calc( -50% - 1px ));
	}
	.notes .CMP-CM33-grid {
		max-width: 74.8698vw;
	}
	.notes .CMP-CM33-grid + .CMP-CM33-grid {
		margin-top: 7.0313vw;
	}
	.notes .uc-lyt-grid-container > .uc-lyt-grid-col:nth-child(1) {
		margin: 0 auto 4.4271vw;
		width: 47.2657vw;
	}
	.notes .uc-lyt-grid-container > .uc-lyt-grid-col:nth-child(2) {
		width: 100%;
	}
	.notes h3 {
		margin-top: 0;
	}
	.notes h3 span {
		padding: 2.9948vw 0;
		border-radius: 4.948vw;
		font-size: 3.9063vw;
	}
	.notes p {
		font-size: 3.9063vw;
	}
	.notes .list li {
		font-size: 3.9063vw;
	}
	.notes .notice li {
		font-size: 2.6042vw;
	}
	.notes .pic1 {
		margin-top: 3.9063vw;
		max-width: 68.6198vw;
	}
}



.rules {
	margin-bottom: 40px;
}
.rules .CMP-CM39-accordion {
	position: relative;
	margin: 0 auto;
	padding: 2px;
	max-width: 1000px;
  background: #aacc03;
  border-radius: 20px;
  box-sizing: border-box;
}
.rules .uc-mod-accordion-01 {
	margin-top: 0;
}
.rules .uc-accordion-title {
	position: relative;
	margin-bottom: 0;
	padding: 0;
	height: 100px;
	box-sizing: border-box;
	background: transparent;
}
.rules .uc-accordion-title:before,
.rules .uc-accordion-title:after,
.rules .uc-accordion-btn-close:before,
.rules .uc-accordion-btn-close:after {
	content: '';
	position: absolute;
	top: 50%;
	display: block;
	width: 32px;
	height: 20px;
	background: url(/content/dam/sites/jp_unicharmpet_com/deotoilet/campaign/202605/bg_rules_arrow.svg) no-repeat center center;
	background-size: contain;
	transform: translate(0,-50%);
	transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.rules .uc-accordion-title:before,
.rules .uc-accordion-btn-close:before {
	left: 60px;
}
.rules .uc-accordion-title:after,
.rules .uc-accordion-btn-close:after {
	right: 60px;
}
.rules .uc-accordion-btn-close:before,
.rules .uc-accordion-btn-close:after,
.rules .uc-mod-accordion-01.uc-is-open .uc-accordion-title:before,
.rules .uc-mod-accordion-01.uc-is-open .uc-accordion-title:after {
	transform: translate(0,-50%) rotate(-180deg);
}
.rules .uc-accordion-title h2 {
	font-size: 27px;
	font-weight: bold;
	color: #000;
	text-align: center;
}
.rules .uc-accordion-text {
	padding-left: 0;
	width: 100%;
}
.rules .uc-accordion-btn,
.rules .uc-accordion-btn .uc-mod-state-open,
.rules .uc-accordion-btn .uc-mod-state-close {
	display: none !important;
}
.rules .uc-accordion-btn-close {
	position: relative;
	margin: 0 auto;
	height: 100px;
}
.rules .uc-accordion-btn-close button {
	padding: 0;
	width: 100%;
	background: transparent;
}
.rules .uc-accordion-btn-close button:before {
	content: '閉じる';
	display: block;
	width: 100%;
	font-size: 27px;
	font-weight: bold;
	color: #000;
	text-align: center;
}
.rules .uc-accordion-btn-close button .uc-accordion-btn-close-span {
	display: none;
}

.terms {
	padding-bottom: 50px;
	background-color: #fff;
	text-align: left;
}
.terms-inner {
	padding: 50px 50px 0;
}
.terms-inner h3 {
	margin-bottom: 1.5em;
	font-size: 20px;
	font-weight: bold;
	line-height: 2;
	color: #353535;
}
.terms-inner p.terms-text {
	margin-bottom: 2em;
	font-size: 16px;
	font-weight: bold;
}
.terms-inner p,
.terms-inner dt,
.terms-inner dd,
.terms-inner li {
	font-size: 14px;
	line-height: 1.7;
}
.terms-inner .mt { margin-top: 2em; }
.terms-inner dt,
.terms-inner h4 {
	margin-bottom: 0.2em;
	font-size: 14px;
	font-weight: bold;
	color: #353535;
	text-align: left;
}
.terms-inner li {
	margin-left: 0.5em;
	text-indent: -0.5em;
}
.terms-inner li.no-desc {
	margin-left: 1em;
	text-indent: -1em;
}
.terms-inner .num > li {
	margin-left: 2em;
	text-indent: -2em;
}
.terms-inner .num > li span {
	display: inline-block;
	padding-left: 0;
	text-indent: 0;
	width: 2em;
}
@media (max-width: 1060px) {
	.rules .CMP-CM39-accordion {
		max-width: calc(100% - 60px);
	}
}
@media (max-width: 768px) {
	.rules {
		margin-bottom: 13.0209vw;
	}
	.rules .CMP-CM39-accordion {
		max-width: 88.5417vw;
	  border-radius: 2.6042vw;
	}
	.rules .uc-accordion-title {
		height: 19.5313vw;
	}
	.rules .uc-accordion-title:before,
	.rules .uc-accordion-title:after,
	.rules .uc-accordion-btn-close:before,
	.rules .uc-accordion-btn-close:after {
		width: 5.2084vw;
		height: 3.2553vw;
	}
	.rules .uc-accordion-title:before,
	.rules .uc-accordion-btn-close:before {
		left: 5.2084vw;
	}
	.rules .uc-accordion-title:after,
	.rules .uc-accordion-btn-close:after {
		right: 5.2084vw;
	}
	.rules .uc-accordion-title h2 {
		font-size: 4.948vw;
	}
	.rules .uc-accordion-btn-close {
		height: 19.5313vw;
	}
	.rules .uc-accordion-btn-close button:before {
		font-size: 4.948vw;
	}

	.terms {
		padding-bottom: 4.5573vw;
	}
	.terms-inner {
		padding: 5.2084vw 5.2084vw 0;
	}
	.terms-inner h3 {
		font-size: 5.2084vw;
		line-height: 1.5;
	}
	.terms-inner p.terms-text {
		font-size: 3.6459vw;
	}
	.terms-inner p,
	.terms-inner dt,
	.terms-inner dd,
	.terms-inner li {
		font-size: 3.3855vw;
		line-height: 1.8;
	}
	.terms-inner dt,
	.terms-inner h4 {
		font-size: 3.6459vw;
	}
}


.entryBtn {
	margin-bottom: 150px;
	text-align: center;
}
.entryBtn .CMP-CM15-html > p {
	margin-bottom: 110px;
	font-size: 22px;
	font-weight: bold;
}
.entryBtn .CMP-CM15-html .maintenance {
	margin-bottom: 50px;
}
.entryBtn .CMP-CM15-html .maintenance h4 {
	margin-bottom: 0.5em;
	font-size: 22px;
	font-weight: bold;
	color: #ff0000;
}
.entryBtn .CMP-CM15-html .maintenance p,
.entryBtn .CMP-CM15-html .maintenance li {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0;
	color: #ff0000;
}
.entryBtn .btn-on,
.entryBtn .btn-off {
	margin: 0 auto;
	width: 800px;
}
@media (max-width: 860px) {
	.entryBtn .btn-on,
	.entryBtn .btn-off {
		width: calc(100% - 60px);
	}
}
@media (max-width: 768px) {
	.entryBtn {
		margin-bottom: 12.7605vw;
	}
	.entryBtn .CMP-CM15-html > p {
		margin-bottom: 11.7188vw;
		font-size: 3.9063vw;
	}
	.entryBtn .CMP-CM15-html .maintenance {
		margin: 0 auto 9.1146vw;
		width: 91.1459vw;
	}
	.entryBtn .CMP-CM15-html .maintenance h4 {
		font-size: 3.6459vw;
	}
	.entryBtn .CMP-CM15-html .maintenance p,
	.entryBtn .CMP-CM15-html .maintenance li {
		font-size: 2.8646vw;
	}
	.entryBtn .btn-on,
	.entryBtn .btn-off {
		width: 88.5417vw;
	}
}


.contactArea {
	margin-bottom: 100px;
}
.contactArea .CMP-CM05-block {
	position: relative;
	margin: 0 auto;
	max-width: 1000px;
  background: #fff;
  border-radius: 20px;
  box-sizing: border-box;
}
.contactArea .CMP-CM05-block .block-inner {
	padding: 50px;
}
.contactArea .CMP-CM05-block h2 {
	margin: 0 auto 35px;
	width: 200px;
	height: 40px;
	background-color: #aacc03;
	border-radius: 20px;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	line-height: 40px;
	text-align: center;
	letter-spacing: 0;
}
.contactArea .CMP-CM05-block .contact-lead {
	margin-bottom: 0.8em;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0;
}
.contactArea .CMP-CM05-block .contact-mail {
	margin-bottom: 0.8em;
	font-size: 29px;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
	text-align: center;
	letter-spacing: 0;
}
.contactArea .CMP-CM05-block ul {
	margin: 0 auto;
	width: 370px;
}
.contactArea .CMP-CM05-block ul li {
	display: flex;
	font-size: 15px;
	line-height: 1.6;
	letter-spacing: 0;
}
.contactArea .CMP-CM05-block ul li + li {
	margin-top: 0.5em;
}
.contactArea .CMP-CM05-block ul li span:first-child {
	padding-right: 1em;
	width: 6em;
}
@media (max-width: 1060px) {
	.contactArea .CMP-CM05-block {
		max-width: calc(100% - 60px);
	}
}
@media (max-width: 768px) {
	.contactArea {
		margin-bottom: 0;
	}
	.contactArea .CMP-CM05-block {
		max-width: 88.5417vw;
	  border-radius: 2.6042vw;
	}
	.contactArea .CMP-CM05-block .block-inner {
		padding: 7.8125vw 2.6042vw;
		border-radius: 2.3438vw;
	}
	.contactArea .CMP-CM05-block h2 {
		margin-bottom: 6.5105vw;
		width: 42.9688vw;
		height: 8.5938vw;
		border-radius: 4.2969vw;
		font-size: 3.6459vw;
		line-height: 8.5938vw;
	}
	.contactArea .CMP-CM05-block .contact-lead {
		margin-bottom: 0.3em;
		font-size: 4.6875vw;
	}
	.contactArea .CMP-CM05-block .contact-mail {
		font-size: 5.7vw;
	}
	.contactArea .CMP-CM05-block ul {
		width: 52.0834vw;
	}
	.contactArea .CMP-CM05-block ul li {
		font-size: 3.3855vw;
	}
	.contactArea .CMP-CM05-block ul li span:first-child {
		width: 5em;
	}
}