@charset "UTF-8";
/*=============================================================

	Date: 2025-02-03
	CSS Document ： まいにちプチギフトキャンペーン by Galafull
 
=============================================================*/
.pc_kr {
		display: block;
}
.sp_kr {
		display: none !important;
}
#contents_kr img {
		height: auto;
		max-width: 100%;
}
#contents_kr a {
		transition: all .3s;
		color: #000;
}
@media (hover: hover) {
		#contents_kr a:hover {
				opacity: 0.7;
				text-decoration: none;
		}
}
.sr_page-shopping-result__free .fca_container__in {
		max-width: 100%;
}
.sr_page-shopping-result__free .fca_container {
		padding: 0;
}
/*------------------------------------
全体
------------------------------------*/
#contents_kr {
	line-height: 1.8;
	letter-spacing: .1em;
	color: #000;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: 0 auto;
	max-width: 1170px;
	animation: fade_kr 1.0s ease 1s forwards;
}
#contents_bg_kr {
		position: relative;
		padding: 0 0 3.5em;
}
#contents_bg_kr::before {
	display: block;
	width: 100%;
	height: 100%;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background: repeating-linear-gradient(-60deg, /* 角度の指定 */ #e0b4d1, /* 色A 開始 */ #e0b4d1 15px, /* 色A 終了 */ #f8f2f9 15px, /* 色B 開始 */ #f8f2f9 30px /* 色B 終了 */ );
	background-position: top left;
	/* opacity: 0.3; */
}
#contents_wrap_kr {
	background: #FFF;
	width: 93%;
	min-width: 768px;
	margin: 0 auto;
	padding: 3.0em 0em 0em;
	text-align: center;
	position: relative;
	border-radius: 0 0 2em 2em;
}
/*------------------------------------

タイトル

------------------------------------*/
#ttl-wrap {
		position: relative;
}
#ttl-wrap .ttl-photo {
}
#ttl-wrap .ttl-photo img {}
#ttl-wrap .ttl-label {
	position: absolute;
	top: 50.8%;
	right: -2.3%;
	width: 26%;
	animation: fadeInttl_kr 1.0s both 2s;
}
#ttl-wrap .ttl-inner {
	position: absolute;
	top: 25.1%;
	left: 17.6%;
	width: 65%;
	text-align: center;
	animation: fadeInttl_kr 1.0s both 1.6s;
}
#ttl-wrap .ttl-inner h2 {
		/* margin: -13% 0 4% 0; */
}
#ttl-wrap .ttl-inner h2 img.ttl_main {}
#ttl-wrap .ttl-inner .ttl-by {
	width: 24.8%;
	margin-right: 4.4%;
	margin-top: -3.8%;
}
#ttl-wrap .ttl-chara02 {
	margin: 6%;
	width: 30.5%;
}


@keyframes kira-anime {
	0% {
			transform: scale(1);
	}
	50% {
			transform: scale(0.55);
	}
100% {
			transform: scale(1);
	}
} 




/*------------------------------------

リード

------------------------------------*/
#lead {
	animation: fadeInttl_kr 1.0s both 2.8s;
}
#lead .main-catch {}
/* #lead .middle-txt {
		font-size: 135%;
		line-height: 1.6;
		margin: 1.3em 0 1.2em;
		font-family: "秀英角ゴシック銀 B";
} */
#lead .normal-txt {
	font-weight: normal;
	line-height: 2.2;
	font-family: "秀英角ゴシック銀 M";
	font-size: 98%;
	letter-spacing: 2.7px;
	width: 70%;
	margin: 0 auto;
	padding-bottom: 3em;
	/* border-bottom: 1.5px solid #e0b4d1; */
}
#lead img {
	width: 70%;
	margin: 0 auto;
}
/*------------------------------------

プレゼント1

------------------------------------*/
.present_kr {
	/* margin: 5em auto 0; */
}
#present01.present_kr {
	margin: 3.5em 0 2em;
}
/* 見出し */
.present_ttl_wrap {
display: block;
}
.present_ttl {
	margin: 0 auto 0.8em;
	/* font-family: "A1ゴシック M"; */
	color: #cf2691;
	position: relative;
	display: inline-block;
}
.present_ttl .present_num {
	display: block;
	margin: 0 auto;
	padding-left: 1.7em;
	width: 50%;
}
.present_ttl .min_ttl {
	font-size: 195%;
	letter-spacing: 2.8px;
}
.present_ttl .main_ttl {
	font-size: 285%;
	line-height: 0.9;
}
.present_ttl .present_ashirai {
	position: absolute;
	left: -3.2em;
	top: 2.3em;
}

.present01_main p {
	font-family: "Shuei KakuGo Gin L";
	font-weight: normal;
	font-size: 90%;

}
/* どうやって使う？*/
.how_to_kr {
	margin: 3em 0 6em;
}
.how_to_flex {
display: flex;
justify-content: center;
align-items: center;	
}
.how_to_kr p {
	font-family: "Shuei KakuGo Gin B";
  color: #4b9bba;
font-size: 170%;
margin: 0.2em auto -0.3em;
}

/* 内容 02 メッセージカードを手に入れるには？ */
.main_kr {
	width: 740px;
    margin: 4em auto;
    border: 20px solid #b1d3e4;
    padding: 0em 0 2em;
		position: relative;
}
.main_kr .onemoreken02 {
	position: absolute;
	width: 9.2%;
	top: -8.1%;
	left: 6.5%;
	z-index: 1;
}
.main_kr h3 {
	position: relative;
	background-color: #4b9bba;
	border-radius: 3em;
	display: inline-block;
	padding: 15.5px;
	top: -1.4em;
	width: 540px;
	color: #fff;
	font-family: "Shuei KakuGo Gin M";
	letter-spacing: 2.7px;
	font-size: 145%;
}
.main_kr p {
	font-size: 146%;
	line-height: 1.6;
	margin: 0 0 1.4em;
}
.main_kr span.marker {
	background: #fffab2;
	color: #e33673;
}
.main_kr img {
	display: block;
	margin: 0 auto;
}
.main_kr .img01 {
	margin: 0 auto 0.5em;
}
.main_kr .img02 {}

.main_kr .img02 {}
/* ご注意 */
.note_kr {
    display: inline-block;
    margin: 1.5em 0 0;
}
.note_kr p {
    font-family: "Shuei KakuGo Gin L";
    font-weight: normal;
    text-align: justify;
    font-size: 90%;
    margin: 0;
}
.note_kr p.code_kr {
    text-align: right;
}

/*------------------------------------
プレゼント2
------------------------------------*/
#present02.present_kr {
	background-color: #fffcef;
	margin: 6em auto 0;
	padding: 3em 0 2em;
	border-radius: 0 0 2em 2em;
}

/* 見出し */
#present02 .present_ttl_wrap { }
#present02 .present_ttl {
	color: #cf2691;
	margin: 0 0 1em;
}
#present02 .present_ttl .present_num {
	display: block;
	margin: 0 auto 0.4em;
 }
#present02 .present_ttl .min_ttl { }
#present02 .present_ttl .main_ttl {
	font-size: 220%;
    line-height: 1.2em;
		letter-spacing: 3px;
 }
#present02 .present_ttl .present_ashirai {
	left: auto;
    top: 3.7em;
    right: -2.3em;
	}
#present02 .present_point {
	position: absolute;
	left: -6.2em;
	top: 2em;
}
/* 小見出し */
#present02 .sub_ttl { }
#present02 .sub_ttl .present_ashirai {top: -0.5em;right: -3em;left: auto;}

.comment_kr {
	display: inline-block;
	margin: 1.5em 0 0;
}
#present02 .comment_kr {
	background-color: #fff;
	width: 70vw;
	max-width: 750px;
	margin: 2.0em 0 0;
	font-family: "Shuei KakuGo Gin L";
	font-weight: normal;
	text-align: justify;
	font-size: 90%;
	margin: 0;
	line-height: 2.3em;
	border: 1px solid #000;
	border-radius: 0.8em;
	padding: 1.7em 0em;
	margin: 15px 0 4.5em;
	position: relative;
}

.comment_kr p.code_kr {
	text-align: right;
}
.com_flex {
	display: flex;
	justify-content: center;
	align-items: baseline;
	margin: 0.3em auto
}
.com_flex .com_name span.pink {
color: #d46181;
font-family: "Shuei KakuGo Gin B";
}
.com_flex .com_name span.blue {
	color: #2092ad;
	font-family: "Shuei KakuGo Gin B";

	}
.com_txt p {
		line-height: 1.5em;
}
#present02 .comment_kr::before {
	display: block;
	content: "";
	width: 1.6em;
	height: 1.3em;
	background: url(../images/comment_arrow.svg) no-repeat center;
	position: absolute;
	top: -1.3em;
	left: 8em;
}
.com_flex .com_txt {
	margin-left: 0.5em;
}
.present02_main {
	position: relative;
}
.present02_sub {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 560px;
	margin: 0.8em auto 0.3em;
	gap: 2em;
}
.present02_sub p {
	font-family: "Shuei KakuGo Gin B";
	font-weight: bold;
	font-size: 91%;
	letter-spacing: 2.3px;
	line-height: 1.7em;
	/* margin: 1.5em auto; */
	text-align: left;
}


/* ボタン */
.spec_btn {
	color: #FFF;
	position: relative;
	background: #4b9bba;
	padding: 0.4em 2.9em;
	/* border: 5px solid #FFF; */
	box-shadow: 4px 6px #b1c4cc;
	border-radius: 3em;
	display: inline-block;
	font-size: 140%;
	transition: all 0.3s;
	letter-spacing: 0.16em;
}
.spec_btn::after {
display: block;
width: 1em;
height: 100%;
content: '';
background: url("../images/link_arrow.png") no-repeat center;
background-size: 99%;
position: absolute;
top: 0;
right: 1.2em;
transition: all 0.3s;
}
a:hover .spec_btn {
opacity: 0.7;
}
a:hover .spec_btn::after {
right: 1.0em;
}


/* 最後に */
.close_kr {
color: #cf2691;
font-size: 125%;
margin: 3em 0 0;
font-family: "Shuei KakuGo Gin B";

}
.close_kr span {
	margin: 0 1em;
}

/*------------------------------------
アニメーション
------------------------------------*/
.fade_kr, .ashirai {
		opacity: 0;
}
.fade_kr.fadeIn_kr {
		animation: fadeIn_kr 1.0s forwards 0s;
}
@keyframes fade_kr {
		0% {
				opacity: 0;
		}
		100% {
				opacity: 1;
		}
}
@keyframes fadeIn_kr {
		0% {
				transform: translateY(15px);
				opacity: 0;
		}
		100% {
				transform: translateY(0px);
				opacity: 1;
		}
}

@keyframes fadeInttl_kr {
		0% {
				transform: translateY(10px);
				opacity: 0;
		}
		100% {
				transform: translateY(0px);
				opacity: 1;
		}
}
/************ PC ************/
@media (min-width: 769px) {}
@media (max-width: 1100px) {
		#contents_kr {
				font-size: 1.7vw;
		}
}
/************ SP ************/
@media (max-width: 768px) {
		.pc_kr {
				display: none !important;
		}
		.sp_kr {
				display: block !important;
		}
		.sr_page-shopping-result__free .fca_container__in {
				margin: 0;
		}
		/*------------------------------------
全体
------------------------------------*/
		#contents_kr {
				font-size: 2.9vw;
		}
		#contents_bg_kr {}
		#contents_wrap_kr {
				width: 92%;
				padding: 2.7em 0% 0em;
				/* border-radius: 2em; */
				min-width: auto;
		}

		#contents_bg_kr::before {
			background: repeating-linear-gradient(-60deg, /* 角度の指定 */ #e0b4d1, /* 色A 開始 */ #e0b4d1 10px, /* 色A 終了 */ #f8f2f9 10px, /* 色B 開始 */ #f8f2f9 20px /* 色B 終了 */ );
		
		}
		#contents_wrap_kr img {
			height: auto;
			max-width: 90%;
	}
/*------------------------------------

タイトル

------------------------------------*/
#ttl-wrap {
}
#ttl-wrap .ttl-photo { }
#ttl-wrap .ttl-photo img {
	max-width: 100%;
 }
#ttl-wrap .ttl-inner {
	width: 75%;
	left: 14.4%;
	top: 36.5%;
	}
	#ttl-wrap .ttl-inner h2 {
		margin: -23% 0 0% 0
	}	
	#ttl-wrap .ttl-label {
		width: 37%;
		top: -81%;
		right: -4%;
			}	
	#ttl-wrap .ttl_chara01 {
		position: absolute;
		width: 25%;
		bottom: -54%;
		right: 59%;
		}
#ttl-wrap .ttl-inner h2 img.ttl_main { }
#ttl-wrap .ttl-inner .ttl-by {
	position: absolute;
	width: 43%;
	left: 23%;
	top:100%;
}
#ttl-wrap .ttl-inner .ttl-chara02 {display: none;}
/*------------------------------------

共通キャッチ

------------------------------------*/
.main-catch { }
.main-catch h3 {font-size: 200%;margin: 0 0.5em;}
	#close_kr .main-catch h3 {font-size: 150%;}
.main-catch .kirakira {width: 2.6em;position: absolute;}
.main-catch .kirakira::before, .main-catch .kirakira::after { }
.main-catch .kirakira::after { }
.main-catch .kirakira.pattern01 {
    left: 8%;
    top: 5%;
}
.main-catch .kirakira.pattern02 {left: 1%;top: -11%;}
.main-catch .kirakira.pattern03 {right: -2%;top: 21%;}
.main-catch .kirakira.pattern04 {right: 6%;top: 29%;}



/*------------------------------------

リード

------------------------------------*/
#lead { }
#lead .main-catch { }
#lead .middle-txt {font-size: 120%;}
#lead .normal-txt {
	font-size: 105%;
	width: 85%;}

	#lead img {
		width: 90%;
		margin: 0 auto;
	}
	

/*------------------------------------

プレゼント1

------------------------------------*/
.present_ttl .present_num {
	display: block;
	margin: 0 auto 0.4em;
	width: 50%;
}
.present_ttl .present_ashirai {
	position: absolute;
	left: 4.2em;
	top: -1.1em;
	width: 15%;
}
.present_ttl .min_ttl {
    font-size: 195%;
    letter-spacing: 2.1px;
}
.present01_main p {
	font-size: 107%;
	margin-top: 0.7em;
	letter-spacing: 1.5px;
	line-height: 1.5em;
}
.how_to_kr {
	margin: 3em auto 6em;
}
.how_to_kr p {
	margin: 3% 0 0;
}
.how_to_flex {
	width: 52%;
	margin: 0 auto 1em;
}
.main_kr {
	width: 94%;
	margin: 0em auto;
	border: 8px solid #b1d3e4;
	padding: 0em 1.5em 2em;
	position: relative;
}
.main_kr h3 {
	padding: 11px 0;
	top: -1.9em;
	width: 100%;
	letter-spacing: 1.7px;
	font-size: 130%;
}
.main_kr p {
	font-size: 146%;
	line-height: 1.6;
	margin: -1em 0 1.4em;
}
.note_kr p {
	font-size: 100%;
}
.main_kr .onemoreken02 {
	position: absolute;
	width: 12%;
	top: -7.1%;
	left: -0.5%;
	z-index: 1;
}
.main_kr .img01, .main_kr .img02 {
	max-width: 100% !important;
	margin: 0 auto 0.5em;
}
/*------------------------------------

プレゼント2

------------------------------------*/

#present02 .present_point {
	position: absolute;
	left: -0.5em;
	top: -0.1em;
	width: 28%;
}
#present02 .present_ttl .main_ttl {
	font-size: 213%;
	letter-spacing: 2.3px;
}
.present02_sub {
	width: 90%;
}

#present02 .comment_kr {
	width: 90%;
	max-width: 720px;
	margin: 1.6em 0 3.5em;
	font-size: 97%;
	padding: 1.3em 0em;
}
#present02 .comment_kr::before {
	left: 3em;
}
.present02_sub {
	gap: 0.9em;
}
.present02_sub .com_illust {
	width: 24%;
}
#present02 .present_ttl .present_ashirai {
	left: auto;
	top: 3.7em;
	right: 0.2em;
	width: 15%;
}
.present02_sub p {
	font-size: 95%;
	letter-spacing: 1.8px;
	line-height: 1.6em;
}

.spec_btn {
	padding: 0.4em 2.5em;
}
.spec_btn::after {
	right: 1em;
}
.com_flex {
	margin: 0.5em auto;
}
.com_txt p {
	line-height: 1.5em;
}
.present02_main img{
width: 75%;}

.spec_btn {
	box-shadow: 3px 4.5px #b1c4cc;
}


}