corona-text@charset "utf-8";
/* @group Reset */
* {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul {
display: block;
list-style-type: disc;
margin-block-start: 0em;
margin-block-end: 0em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 0px;
list-style: none;
}
ul li {
	line-height: 1.2em;
}
a {
	/* text-decoration: underline; */
}
a:hover {
	color: #aaa;
}
img {
	vertical-align: middle;
	transition: 0.5s;
	width: 100%;
}
a img:hover {
	opacity: 0.6;
	transition: 0.5s;
}
/* @end */

/* @group Fluid-img */
img {
	max-width : 100%
}
html {
	scroll-behavior: smooth;
}
body {

}
#wrapper {
	width: 100%;
	max-width: 1240px;
	margin: auto;
	text-align: center;
	overflow: hidden;
}
h1 {
	font-size: 1.5em;
	color: #000;
	margin: 0;
}
#lp-main section {
	background-color: #fff;
}
#lp-main section {
	margin: 0px auto;
	max-width: 1240px;
  background-color: #4a413e;
}
.bg_red {
	font-family: "Koburina Gothic W3 JIS2004";
	background-color: #C91C17;
	color: #fff;
	text-align: center;
	padding: 3%;
}
#lp-cont {
	margin-top: 0px;
}
#present {
/* background-color: #4a413e; */
/* color: #fff; */
}
#present section {
	width: 100%;
	margin: 0 auto;
	padding: 2% 0;
	max-width: 1240px;
}
#present section img {
	width: 100%;
	margin: 0 auto;
}
.conversion {
	width: 98%;
	padding: 3% 0;
	margin: 0px auto;
}
.conversion p {
	line-height: 1.2em;
	margin: auto;
	color: #ff0000;
	font-size: 1.1em;
	font-weight: bold;
}
.conversion p.ichiran {
 line-height: 1.2em;
 margin: auto;
 color: #000;
 font-size: 1.0em;
 font-weight: bold;
 margin-top: 2%;
}
.conversion.btn {
	width: 80%;
	max-width: 900px;
	margin: 0px auto;
}
#tokuten {
	padding: 0 0 3%;
	background-color: #f6bfc3;
	/* background-image: url(images/tokuten_bg.webp);
	background-size: contain; */
	max-width: 1240px;
	margin: 2em auto 0;
}
#tokuten section.tokuten-title {
	width: 100%;
	margin: auto;
}
#tokuten section {
	width: 95%;
	margin: auto;
	/* padding: 1%;
	border: 5px #f09fb1 solid;
	border-radius: 10px; */
	margin-bottom: 3%;
	/* background-color: #fff; */
	/* box-sizing: border-box; */
}
article#tokuten .att {
	margin: 1% 0 0 0;
	/* color: #fff; */
	line-height: 1.2em;
}
.att {
	width: 95%;
	margin: 1% auto 0;
	text-align: left;
	/* font-size: 0.9em; */
}

/* 限定企画商品 */
article#special {
    width: 100%;
    padding: 0 0 10px 0;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
		/* background-color: #191919; */
		background-size: 100%;
}
article#special .att {
	margin: 1% 0;
	/* color: #fff; */
	text-align: center;
	line-height: 1.2em;
	width: 95%;
	margin: 1% auto 3%;
}
#kikaku {
	max-width: 1240px;
	margin: 0 auto;
	background-color: #daddd2;
}
.kikaku-cont {
	width: 95%;
	margin: auto;
	padding: 0 0 3%;
}
#common {
	overflow: hidden;
	padding: 3%;
	background-color: #F596AA;
	max-width: 1240px;
	margin: 0 auto;
	box-sizing: border-box;
}
#common img {
	margin: 1.5% auto;
}

#slide {
	/* padding: 3% 0;
	max-width: 1240px;
	margin: 0px auto; */
}
#shop_list {
}
#shop_list ul {
	width: 95%;
	margin: 0 auto 5%;
	overflow: hidden;
}
#shop_list ul li {
	position:relative;
	padding: 5% 2%;
	width: 49%;
	margin: 0 0.5% 1%;
	border: 1px solid #ddd;
	float: left;
	box-sizing: border-box;
	text-align: center;
	background-color: #fff;
}
#shop_list ul li a {
	text-decoration: none;
	vertical-align: middle;
	display: block;
	position: absolute;
	top: 18%;
	left: 0;
	width: 100%;
	height: 100%;
}
#shop_list ul li.text_long {
	font-size: 0.95em;
	letter-spacing: -0.1em;
}
.list_title {
	font-size: 1.4em;
	color: #ff0000;
	font-weight: bold;
	text-align: center;
	margin: 2% auto;
}
#new_link {
	width: 95%;
	margin: 2% auto 5%;
	clear: left;
	overflow: hidden;
}
#new_link ul {
	width: 70%;
	margin: 1% auto 5%;
	text-align: center;
}
#new_link ul li {
	position: relative;
	display: inline-block;
	margin: 2% 2% 0 0;
}
#new_link ul li a {
	position: absolute;

}
.new_btn {
	background-color: #261E47;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 2%;
	border-radius: 50px;
	width: 70%;
	margin: 5% auto 1%;
}

@media screen and (min-width : 768px) {
	.conversion p {
		font-size: 1.2em;
	}
	#kikaku h2 {
		width: 40%;
	}
	#shop_list ul li {
		padding: 2% 2%;
		width: 19%;
		margin: 0 0.5% 1%;
	}
	#shop_list ul li a {
		top: 25%;
		left: 0;
	}
	#shop_list ul li.text_long {
		font-size: 1.0em;
		letter-spacing: 0em;
	}
	.conversion p {
		font-size: 1.4em;
	}
}