/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 21 2025 | 03:53:08 */
/****トップ要素****/
.CDcamp_top {
	width:100vw;
	height:45vw;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	position:relative;
	background-image:url("https://aletta.info/wp/wp-content/uploads/2025/09/CDcamp_top-flag_left-pc.png"),url("https://aletta.info/wp/wp-content/uploads/2025/09/CDcamp_top-flag_right-pc.png");
	background-repeat:repeat-y,repeat-y;
	background-size:37%,37%;
	background-position-x:left,right;
	background-color:#171C61;
	animation-name:CDcamp_top;
	animation-duration:15s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}
@keyframes CDcamp_top {
	0%{
		background-position-y:0%,0%;
	}
	100%{
		background-position-y:-3700%,-3700%;
	}
}
.CDcamp_toptitle {
	width:32%;
	height:auto;
	opacity:0;
	margin-bottom:20px;
	animation-name:CDcamp-toptitle;
	animation-duration:2.5s;
	animation-fill-mode:forwards;
}
@keyframes CDcamp-toptitle {
	0% {
		opacity:0;
		filter:blur(10px);
		transform:scale(0.95);
	}
	100% {
		opacity:1;
		filter:blur(0);
		transform:scale(1);
	}
}
.CDcamp_top p {
	text-align:center;
	color:#ffffff;
	line-height:2em;
}
.CDcamp_top_majin {
	position:absolute;
	width:300px;
	height:auto;
	bottom:0;
	right:12%;
	opacity:0;
	animation-name:CDcamp-top_majin;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	animation-delay:2.5s;
}
@keyframes CDcamp-top_majin {
	0% {
		opacity:0;
		transform:scale(0.7,0.7) translate(0,50px);
		
	}
	100%{
		opacity:1;
		transform:scale(1,1) translate(0,0);
	}
}
@media screen and (max-width: 750px){
	.CDcamp_top {
	width:100vw;
	height:150vw;
	justify-content:flex-start;
}
	@keyframes CDcamp_top {
	0%{
		background-position-y:0%,0%;
	}
	100%{
		background-position-y:100%,100%;
	}
}
	.CDcamp_toptitle {
	width:60%;
		margin-top:20px;
		margin-bottom:10px;
}
	.CDcamp_top p {
	line-height:1.7em;
}
.CDcamp_top_majin {
	width:150px;
	right:30%;
}
}

/****ページリンク****/
.CDcamp_toplink {
	width:100%;
	display:flex;
	justify-content:space-between;
	margin-bottom:30px;
}
.CDcamp_toplink a {
	position:relative;
	width:30%;
	height:auto;
}
.CDcamp_toplink a img {
	width:100%;
	height:auto;
}
.CDcamp_toplink a img:first-child:hover {
	opacity:0;
}
.CDcamp_toplink a img:last-child {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}
.CDcamp_toplink a img:last-child:hover {
	opacity:1;
}
@media screen and (max-width: 750px){
	.CDcamp_toplink {
	flex-direction:column;
	justify-content:flex-start;
		align-items:center;
}
.CDcamp_toplink a {
	width:75%;
	margin-bottom:30px;
}	
}

/****コラム****/
.CDcamp_column_toptop {
	display:flex;
	flex-direction:column;
	align-items:center;
}
.CDcamp_column_toptitle {
	width:500px;
	height:auto;
}
.CDcamp_column_toptop p {
	text-align:center;
}

.CDcamp_column-archive .lcp_catlist {
	display:flex;
	flex-direction:row;
	justify-content:space-evenly;
	align-items:flex-start;
	flex-wrap:wrap;
}
.CDcamp_column-archive .lcp_catlist li {
	display:flex;
	flex-direction:column-reverse;
	align-items:flex-start;
	width:30%;
}
.CDcamp_column-archive .lcp_catlist li {
	color:#606060;
}
.CDcamp_column-archive .lcp_catlist li a {
	color:#000000!important;
	text-align:left;
	margin-bottom:50px;
}
.CDcamp_column-archive .lcp_catlist li a:last-child {
	width:100%;
	height: calc(100% * 0.6875);
	overflow:hidden;
	margin-bottom:10px;
}
.CDcamp_column-archive .lcp_catlist li a:last-child img {
	width:100%;
	height:auto;
	transition:1s all;
}
.CDcamp_column-archive .lcp_catlist li a:last-child img:hover {
	transform:scale(1.1);
	transition:1s all;
}
.CDcamp_column-archive .lcp_paginator .lcp_currentpage {
	color:#000000;
}
.CDcamp_column_linklink {
	border:2px solid #000000;
	width:300px;
	height:auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.CDcamp_column_linklink p {
	padding-top:15px;
	margin-bottom:15px;
}
.CDcamp_column_linklink p:first-child {
	padding-left:10px;
}
.CDcamp_column_linklink p:last-child {
	padding-right:10px;
}
.CDcamp_column_linklink:hover {
	background-color:#FBF8F1;
}
@media screen and (max-width: 750px){
	.CDcamp_column_toptitle {
	width:100%;
	height:auto;
}
	.CDcamp_column-archive .lcp_catlist {
	flex-direction:column;
	justify-content:space-evenly;
}
.CDcamp_column-archive .lcp_catlist li {
	width:100%;
}
}


/****レシピ****/
.CDcamp_recipe_toptop {
	display:flex;
	flex-direction:column;
	align-items:center;
}
.CDcamp_recipe_toptop_back {
	background-image:url("https://aletta.info/wp/wp-content/uploads/2025/09/CDcamp_pattern1.png");
	background-size:15px;
	background-repeat:repeat;
	background-color:#803520;
}
.CDcamp_recipe_toptitle {
	width:500px;
	height:auto;
}
.CDcamp_recipe_toptop p {
	text-align:center;
	color:#ffffff!important;
}

.CDcamp_recipe-archive .lcp_catlist {
	display:flex;
	flex-direction:row;
	justify-content:space-evenly;
	align-items:flex-start;
	flex-wrap:wrap;
}
.CDcamp_recipe-archive .lcp_catlist li {
	display:flex;
	flex-direction:column-reverse;
	align-items:flex-start;
	width:30%;
}
.CDcamp_recipe-archive .lcp_catlist li {
	color:#F4D53E;
}
.CDcamp_recipe-archive .lcp_catlist li a {
	color:#ffffff!important;
	text-align:left;
	margin-bottom:50px;
}
.CDcamp_recipe-archive .lcp_catlist li a:last-child {
	width:100%;
	height: calc(100% * 0.6875);
	overflow:hidden;
	margin-bottom:10px;
}
.CDcamp_recipe-archive .lcp_catlist li a:last-child img {
	width:100%;
	height:auto;
	transition:1s all;
}
.CDcamp_recipe-archive .lcp_catlist li a:last-child img:hover {
	transform:scale(1.1);
	transition:1s all;
}
.CDcamp_recipe-archive .lcp_paginator .lcp_currentpage {
	color:#000000;
}
.CDcamp_recipe_linklink {
	border:2px solid #ffffff;
	width:300px;
	height:auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.CDcamp_recipe_linklink p {
	padding-top:15px;
	margin-bottom:15px;
}
.CDcamp_recipe_linklink p:first-child {
	padding-left:10px;
}
.CDcamp_recipe_linklink p:last-child {
	padding-right:10px;
}
.CDcamp_recipe_linklink:hover {
	background-color:#000000;
}
@media screen and (max-width: 750px){
	.CDcamp_recipe_toptitle {
	width:100%;
	height:auto;
}
	.CDcamp_recipe-archive .lcp_catlist {
	flex-direction:column;
	justify-content:space-evenly;
}
.CDcamp_recipe-archive .lcp_catlist li {
	width:100%;
}
}

/****各キャンペーンのタイトル部分****/
.CDcamp_title {
	display:flex;
	flex-direction:column;
	align-items:center;
	margin-top:50px;
}
.CDcamp_title img:first-child {
	width:300px;
	height:auto;
	margin-bottom:30px;
}
.CDcamp_title img:nth-child(2) {
	width:600px;
	height:auto;
	margin-bottom:30px;
}
.CDcamp_title p {
	text-align:center;
	line-height:2em;
}
@media screen and (max-width: 750px){
	.CDcamp_title img:first-child {
	width:70%;
	height:auto;
	margin-bottom:30px;
}
.CDcamp_title img:nth-child(2) {
	width:100%;
	height:auto;
	margin-bottom:30px;
}
}

/****キャンペーン1：マップ****/
.CDcamp1_map {
	width:100vw;
	height:auto;
	background:linear-gradient(rgba(114,196,215,0),rgba(114,196,215,1));
}
.CDcamp1_mapmain {
	width:100%;
	min-width:500px;
	height:auto;
	position:relative;
}
.CDcamp1_mapmain a {
	position:absolute;
	width:10%;
	height:auto;
}
.CDcamp1_mapmain a img {
	width:100%;
	height:auto;
}
.CDcamp1_mapmain .map-1st {
	bottom:22%;
	left:32%;
	animation-name:CDcamp1-map-1st;
	animation-duration:6s;
	animation-iteration-count:infinite;
}
.CDcamp1_mapmain .map-2nd {
	bottom:37%;
	left:0%;
	animation-name:CDcamp1-map-2nd;
	animation-delay:0.6s;
	animation-duration:6s;
	animation-iteration-count:infinite;
}
.CDcamp1_mapmain .map-3rd {
	top:20%;
	left:20%;
	animation-name:CDcamp1-map-3rd;
	animation-delay:1.2s;
	animation-duration:6s;
	animation-iteration-count:infinite;
}
.CDcamp1_mapmain .map-4th {
	top:10%;
	left:7%;
	animation-name:CDcamp1-map-4th;
	animation-delay:1.8s;
	animation-duration:6s;
	animation-iteration-count:infinite;
}
.CDcamp1_mapmain .map-5th {
	top:41%;
	right:5%;
	animation-name:CDcamp1-map-5th;
	animation-delay:2.4s;
	animation-duration:6s;
	animation-iteration-count:infinite;
}
.CDcamp1_mapmain .map-6th {
	bottom:24%;
	right:32%;
	animation-name:CDcamp1-map-6th;
	animation-delay:3s;
	animation-duration:6s;
	animation-iteration-count:infinite;
}
.CDcamp1_mapmain .map-goal {
	bottom:32%;
	left:46%;
	animation-name:CDcamp1-map-goal;
	animation-delay:3.6s;
	animation-duration:6s;
	animation-iteration-count:infinite;
}
@keyframes CDcamp1-map-1st {
	0%{
		transform:translate(0,0) scale(1);
	}
		12.5%{
		transform:translate(-15%,5%) scale(1.05);
	}
	25%{
		transform:translate(0,0) scale(1);
	}
	100%{
		transform:translate(0,0) scale(1);
	}
}
@keyframes CDcamp1-map-2nd {
	0%{
		transform:translate(0,0) scale(1);
	}
	12.5%{
		transform:translate(5%,-10%) scale(1.05);
	}
	25%{
		transform:translate(0,0) rotate(0turn) scale(1);
	}
	100%{
		transform:translate(0,0) rotate(0turn) scale(1);
	}
}
@keyframes CDcamp1-map-3rd {
	0%{
		transform:translate(0,0) scale(1);
	}
	12.5%{
		transform:translate(0,-5%) scale(1.05);
	}
	25%{
		transform:translate(0,0) scale(1);
	}
	100%{
		transform:translate(0,0) scale(1);
	}
}
@keyframes CDcamp1-map-4th {
	0%{
		transform:translate(0,0) scale(1);
	}
		12.5%{
		transform:translate(-10%,2%) scale(1.05);
	}
		25%{
		transform:translate(0,0) scale(1);
	}
	100%{
		transform:translate(0,0) scale(1);
	}
}
@keyframes CDcamp1-map-5th {
	0%{
		transform:translate(0,0) scale(1);
	}
		12.5%{
		transform:translate(12%,2%) scale(1.05);
	}
		25%{
		transform:translate(0,0) scale(1);
	}
	100%{
		transform:translate(0,0) scale(1);
	}
}
@keyframes CDcamp1-map-6th {
	0%{
		transform:translate(0,0) scale(1);
	}
		12.5%{
		transform:translate(-10%,2%) scale(1.05);
	}
		25%{
		transform:translate(0,0) scale(1);
	}
	100%{
		transform:translate(0,0) scale(1);
	}
}
@keyframes CDcamp1-map-goal {
	0%{
		transform:translate(0,0) scale(1);
	}
	12.5%{
		transform:translate(0,-2%) scale(1.07);
	}
	25%{
		transform:translate(0,-2%) scale(1.07);
	}
	37.5%{
		transform:translate(0,0) scale(1);
	}
	100%{
		transform:translate(0,0) scale(1);
	}
}
@media screen and (max-width: 750px){
	.CDcamp1_map {
	width:900px;
	height:auto;
}
	.CDcamp1_mapmain {
	width:100%;
	height:auto;
		overflow-x:auto;
}
}