/* CSS Document */
body {
  background: #fff; }

* {
  box-sizing: border-box; }

/* 追加CSS */
i {
	font-family: "Font Awesome 5 Free" !important;
}

/* CSS Document */
#header_inner h1 span {
	letter-spacing: -0.05em;
}

.sp {
	display: none;
}

/* CSS Document */
body {
	background: #f1ede3 !important; }

.inner {
	width: 95%;
	margin: 0px auto auto auto; 
	}
	.inner img {
		margin-bottom: 20px; 
	}
	.inner .bg {
		background: #FFF6E4;
		background-size: 100% auto;
		width: 900px;
		margin: 0 auto;
		padding-bottom: 30px;
		padding-top: 30px;
	}
		.bg img {
			margin: 0;
		}
		.bg .kitkat_ttl{
		}
		.bg .kitkat_period{
			margin: -16px 0 0 0;
		}
		.bg .kitkat_kushi{
			margin-bottom: 80px;
			margin-top: -80px;
		}

#breadcrumbs {
	display: none;
}

#kitkat {
	background: url(../img/bg_kitkat_def.png) repeat-y;
	background-size: 100%;
	overflow: hidden;
	padding-bottom: 50px;
}
	#kitkat .inner {
		padding: 0;
		text-align: center;
	}
		.rule {
			background: #FFF6E4;
			padding: 0px;
			margin-top: 60px;
		}
			.inner .bg.ichigo_bg{
				position: relative;
			}
			.ichigo_bg::before{
				content: "";
				display: block;
				width: 100%;
				height: 100%;
				background-color: #FFF6E4;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2;
			}
				.ichigo_bg_contetns{
					width: 150vw;
					height: 100%;
					position: absolute;
					top: 0;
					left: 0;
					transform: translateX(-50vw);
					z-index: 1;
					background:url(../img/ichigo_bg.png) repeat;
					background-size: 100% auto;
				}
					.ichigo_bg_contetns img{
						width: 100%;
						height: auto;
					}
				.kitkat_w_ichigo{
					position: relative;
					z-index: 3;
				}
#sns{
	background-color: #D60A22;
	padding-top: 120px;
}
	.kitkat__X_link{
		display: block;
		width: 227px;
		height: auto;
		margin: 55px auto 34px auto;
	}
		.kitkat__X_link img{
			width: 100%;
			height: auto;
		}
.inner .bg#present{
	padding-top: 0;
	background-color: #F5E428;
}
	.present__attention{
		width: fit-content;
		height: auto;
		margin: 0 auto;
		padding: 25px 0 30px 0;
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-weight: 500;
		font-size: 14px;
		line-height: 1.8;
		letter-spacing: 0.07em;
		text-align: start;
	}
#kitkat__cp{
	background-color: #000;
	height: 41px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
	.kitkat__cp_txt{
		width: fit-content;
		height: auto;
		margin: 0 auto;
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-weight: 700;
		font-size: 14px;
		line-height: 1.8;
		letter-spacing: 0.07em;
		text-align: start;
		color: #fff;
	}
#sub_contents{
	margin-top: 0;
}
#kitkat #header2 {
	text-align: center;
	background: url(../img/bg_kitkat.png);
	background-size: 100%;
	padding: 30px 0;
} 
#kitkat #searchbox {
	border-radius: 0px 0px 20px 20px;
	width: 900px;
	margin: auto;
	background-color: #fff;
	padding: 2em 0;
}
@media only screen and (max-width: 767px) {
	#kitkat #searchbox {
		width: 95%;
		border-radius: 0px 0px 10px 10px;
		padding-bottom: 0;
	}
}

#kitkat .search_form {
	width: 790px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

@media only screen and (max-width: 767px) {
	#kitkat .search_form {
		width: 95%;
		display: block;
		padding-bottom: 3em;
	}
}

#kitkat .search_form img {
	margin-bottom: 0;
	padding-bottom: 0;
}

#kitkat .search_form .place_search_box,
#kitkat .search_form .keyword_search_box {
	width: 49%;
	background: #efefef;
	align-items: center;
	display: flex;
	padding: 3%;
}

@media only screen and (max-width: 767px) {
	#kitkat .search_form .place_search_box,
	#kitkat .search_form .keyword_search_box {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	#kitkat .search_form .keyword_search_box {
		margin-top: 2em;
	}
}

#kitkat .search_form .keyword_search_box ul {
	display: flex;
	justify-content: space-between;
}

#kitkat .search_form .keyword_search_box ul li input[type=text] {
	height: 3em;
	width: 100%;
	margin-right: 5px;
}

#kitkat .search_form .keyword_search_box ul li:first-child {
	width: 80%;
}

#kitkat .search_form .keyword_search_box ul li:last-child {
	width: 19%;
}

#kitkat .search_form button {
	height: 3em;
	width: 100%;
}

@media all and (max-width:767px) {
	body {
		background: #f1ede3 !important; }

		.drawer--right .drawer-nav{
			z-index: 5;
		}
		.drawer-open .drawer-overlay{
			z-index: 4;
		}
		.inner {
			width: 100%;
			margin: 30px auto auto auto; }
			.inner img {
				margin-bottom: 0px; 
			}
			.inner img.kitkat_w_ichigo{
				margin-bottom: 40px;
			}
			.inner .bg {
				width: 100%;
				background: #FFF6E4;
				padding: 0%;
				margin: 0;
				border-radius: 10px; }
#kitkat {
	background: unset;
	background-attachment: fixed;
	background-size: 100%;
	background-color: #FFF6E4;
}
	#kitkat .inner{
		padding: 0;
		margin-top: 0;
	}
		.bg .kitkat_ttl{
			margin-top: 10px;
			margin-bottom: 0;
		}
		.bg .kitkat_period{
			margin: 0 0 40px 0 ;
		}
		.bg .kitkat_kushi{
			margin-bottom: 60px;
			margin-top: 0px;
		}
		.bg .kitkat_omochi{
			margin-bottom: 60px;
		}

#kitkat {
	background: unset;
	background-size: 100%;
	overflow: hidden;
	padding-bottom: 50px;
	background-color: #FFF6E4;
}
	#kitkat .inner {
		padding: 0;
		text-align: center;
	}
		.rule {
			background: #FFF6E4;
			padding: 0px;
			margin-top: 60px;
		}
			.inner .bg.ichigo_bg{
				position: relative;
			}
			.ichigo_bg::before{
				content: "";
				display: block;
				width: 100%;
				height: 100%;
				background-color: #FFF6E4;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2;
			}
				.ichigo_bg_contetns{
					width: 150vw;
					height: 100%;
					position: absolute;
					top: 0;
					left: 0;
					transform: translateX(-50vw);
					z-index: 1;
					background:unset;
					background-size: 100% auto;
				}
					.ichigo_bg_contetns img{
						width: 100%;
						height: auto;
					}
				.kitkat_w_ichigo{
					position: relative;
					z-index: 3;
				}
#sns{
	background-color: #D60A22;
	border-radius: 0;
	margin-bottom: 0;
	padding: 70px 5.9% 34px 5.9%;
}
	.kitkat__X_link{
		display: block;
		width: 227px;
		height: auto;
		margin: 40px auto 0px auto;
	}
		.kitkat__X_link img{
			width: 100%;
			height: auto;
		}
.inner .bg#present{
	padding-top: 0;
	background-color: #F5E428;
	border-radius: 0;
	margin-bottom: 0;
}
	.inner .bg#present .kitkat_follow_cp_obj{
		margin-top: -1px;
	}
	.present__attention{
		width: 88.2%;
		height: auto;
		margin: 0 auto;
		padding: 25px 0 30px 0;
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-weight: 500;
		font-size: 14px;
		line-height: 1.8;
		letter-spacing: 0.07em;
		text-align: start;
	}
#kitkat__cp{
	background-color: #000;
	height: 69px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0;
}
	.kitkat__cp_txt{
		width: 82.4%;
		height: auto;
		margin: 0 auto;
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-weight: 700;
		font-size: 14px;
		line-height: 1.5;
		letter-spacing: 0.07em;
		text-align: start;
		color: #fff;
	}
}