@charset "UTF-8";

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 Reset
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,em {
	font-style: normal;
}
strong,th {
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}
input[type=text], textarea {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
input[type="submit"], input[type="button"], input[type="reset"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration, input[type="reset"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus {
	outline-offset: -2px;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 Common
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

html {
	font-size: 62.5%;
}
body {
	font-family: 'Noto Sans Jp', serif;
	font-weight: 500;
	position: relative;
	background: #f9f9f9;
	color: #222222;
	font-size: 1.6em;
}
body {
	-ms-overflow-style: none;
	scrollbar-width: none;
}
body::-webkit-scrollbar {
	display: none;
}
img {
	width: 100%;
	display: block;
}
a, a:hover {
	transition: .2s;
	outline: none;
	text-decoration: none;
	color: #2271b1;
}
p b {
	display: block;
	margin-bottom: 0.5rem;
}
a[href^="tel:"] {
	pointer-events: none;
}
.container {
	width:100%;
	height: auto;
	margin: 0 auto;
	position: relative;
}
.pc-hidden {
	display: none;
}
@media screen and (max-width: 599px) {
	.container {
		overflow: hidden;
	}
	a[href^="tel:"] {
		pointer-events: auto;
	}
	.pc-hidden {
		display: inherit;
	}
	.sp-hidden {
		display: none;
	}
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 Contents
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.container {
	width: 100vw;
	height: auto;
	background: #f4f4f4;
	display: flex;
	justify-content: center;
	padding: 40px;
	box-sizing: border-box;
	overflow: hidden;
}
.paper {
	height: auto;
	background: #fff;
	padding: 40px;
	box-sizing: border-box;
}
.contents {
	position: relative;
	max-width: 2400px;
}
.header {
	width: 100%;
	height: 120px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	background-color: rgba(7,163,62);
	padding-right: 20px;
	position: relative;
}
.header::after {
	content: '';
	display: block;
	width: calc(100% - 16px);
	height: 104px;
	position: absolute;
	left: 8px;
	top: 8px;
	border: 2px solid #ffffff;
	box-sizing: border-box;
}
.logo {
	width: auto;
	height: 120px;
	padding: 24px 0 24px 132px;
	background: url("../images/logo.svg") left 20px top 24px no-repeat;
	background-size: auto 80px;
	font-size: 24px;
	color: #ffffff;
	white-space: nowrap;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: column;
	position: relative;
}
.logo a {
	width: 256px;
	height: 80px;
	position: absolute;
	top: 24px;
	left: 24px;
	display: block;
	z-index: 9999;
}
.logo p {
	font-size: 12px;
}
.chirashi_title {
	height: 80px;
	width: 800px;
	background: url("../images/title_bg.jpg") center center no-repeat;
	background-size: 800px auto;
	color: rgba(7,163,62);
	font-size: 32px;
	font-weight: 900;
	padding: 0 64px 0 0;
	line-height: 76px;
	position: relative;
	box-sizing: border-box;
	white-space: nowrap;
}
.chirashi_title_inner {
	width: calc(100% - 0px);
	margin: 0 auto;
	overflow: hidden;
}
.chirashi_title p {
	width: 160%;
	animation: 20s linear 0s infinite title_animation;
}
.chirashi_title::after {
	content: '';
	display: block;
	width: 100px;
	height: 80px;
	background: url("../images/mascot.png") center center no-repeat;
	background-size: contain;
	position: absolute;
	right: -100px;
	top: 0;
}
@keyframes title_animation {
	0% { transform: translate(100%, 0); }
	100% { transform: translate(-100%, 0); }
}
.box {
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-grow: 1;
	position: relative;
	margin: 0;
	padding: 12px 12px 13px 12px;
	background: rgba(7,163,62);
	box-sizing: border-box;
	border-top: 2px solid #ffffff;
	overflow: hidden;
}
.box::before {
	content: '';
	display: block;
	width: calc(100% - 24px);
	height: calc(100% - 24px);
	position: absolute;
	left: 12px;
	top: 12px;
	border: 1px solid rgba(7,163,62);
	box-sizing: border-box;
	z-index: 999;
	overflow: hidden;
}
.box::after {
	content: '';
	display: block;
	width: calc(100% - 16px);
	height: calc(100% - 16px);
	position: absolute;
	left: 8px;
	top: 8px;
	border: 4px solid #ffff00;
	box-sizing: border-box;
	background: #fff;
	overflow: hidden;
}
.outline {
	width: calc(100% + 16px);
	height: auto;
	overflow: hidden;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-grow: 1;
	z-index: 999;
}
.card {
	width: 280px;
	height: 304px;
	position: relative;
	padding: 0;
	box-sizing: border-box;
	z-index: 2;
	margin: 0 8px;
}
.card::after {
	content: '';
	display: block;
	width: 100%;
	height: 304px;
	position: absolute;
	top: 0;
	left: 0;
	border-bottom: 1px solid rgba(7,163,62);
}
.card::before {
	content: '';
	display: block;
	width: 280px;
	height: 84px;
	background: url("../images/poster_bg.jpg") center center no-repeat;
	background-size: cover;
	position: absolute;
	bottom: -101px;
	left: 0;
	padding: 8px 0 0;
}
.card.poster::after {
	display: none;
}
.card_line {
	width: 1px;
	height: 288px;
	background: rgba(7,163,62);
	z-index: 5 !important;
	position: relative;
	margin-top: 8px;
}
.line_element {
	width: 280px;
	height: 1px;
	background: rgba(7,163,62);
	position: absolute;
	bottom: -110px;
	left: 0;
}
.line_element::after {
	content: '';
	display: block;
	width: 1px;
	height: 92px;
	background: rgba(7,163,62);
	position: absolute;
	top: -100px;
	right: -9px;
}
.poster li.line_element,
.poster li.poster::after {
	display: none;
}
ul.card.off , p.card_line.off {
	display: none;
}
.card li {
	position: absolute;
	line-height: 1;
}
.li_image {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.li_image img {
	width: auto;
	height: calc(100% - 16px);
	display: block;
	position: absolute;
	left: 50%;
	top: 8px;
	transform: translateX(-50%);
}
.li_image::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url("../images/price.svg") right bottom 8px no-repeat;
}
.waku {
	font-size: 12px;
	padding: 4px 4px 5px;
	background: #222;
	color: #fff;
	line-height: 1;
}
.fuchi {
	text-shadow: 2px  2px 1px #ffffff, -2px  2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px  0px 1px #ffffff, 0px  2px 1px #ffffff, -2px  0px 1px #ffffff, 0px -2px 1px #ffffff;
}
.fuchi_small {
	text-shadow: 1px  1px 1px #ffffff, -1px  1px 1px #ffffff, 1px -1px 1px #ffffff, -1px -1px 1px #ffffff, 1px  0px 1px #ffffff, 0px  1px 1px #ffffff, -1px  0px 1px #ffffff, 0px -1px 1px #ffffff;
}
.li_price_shadow .fuchi {
	text-shadow: 1px  1px 1px #000, -1px  1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000, 1px  0px 1px #000, 0px  1px 1px #000, -1px  0px 1px #000, 0px -1px 1px #222;
	opacity: .9;
}
.li_brand {
	left: 8px;
	top: 132px;
	z-index: 10;
}
.li_name {
	top: 158px;
	left: 8px;
	font-size: 18px;
	z-index: 10;
	font-weight: 900;
}
.li_name.outline {
	-webkit-text-stroke: 3px #fff;
}
.li_volume {
	top: 200px;
	left: 8px;
	font-size: 14px;
}
.li_price {
	color: #ff0000;
	z-index: 100;
	text-align: right;
	top: 215px;
	right: 8px;
}
.li_price span.price_irregular {
	display: inline-block;
	margin: -100px -28px 0 0;
	text-align: right;
}
ul.super_price li.li_price {
	top: 215px;
}
ul.super_price li.li_price::after {
	font-family: 'Noto Sans Jp', serif;
	font-weight: 500;
	content: '本体価格';
	display: block;
	position: absolute;
	font-size: 12px;
	font-style: normal;
	top: -48px;
	left: 0px;
	color: #222;
	text-shadow: 1px  1px 1px #ffffff, -1px  1px 1px #ffffff, 1px -1px 1px #ffffff, -1px -1px 1px #ffffff, 1px  0px 1px #ffffff, 0px  1px 1px #ffffff, -1px  0px 1px #ffffff, 0px -1px 1px #ffffff;
}
.li_price b:nth-of-type(1),
.li_price b:nth-of-type(3) {
	color: #222;
	font-size: 14px;
	margin: 0 8px 0 0;
	text-shadow: 1px  1px 1px #ffffff, -1px  1px 1px #ffffff, 1px -1px 1px #ffffff, -1px -1px 1px #ffffff, 1px  0px 1px #ffffff, 0px  1px 1px #ffffff, -1px  0px 1px #ffffff, 0px -1px 1px #ffffff;
}
.li_price b:nth-of-type(2){
	font-size: 28px;
	font-family: 'Noto Sans Jp', serif;
	font-style: normal;
	font-weight: 500;
}
.li_price b:nth-of-type(4) {
	margin: 0 28px 0 -2px;
}
.li_price_repeat {
	display: none;
}
span.span_price {
	font-size: 64px;
	font-weight: 700;
	font-family: 'Libre Franklin', sans-serif;
	font-style: italic;
	text-shadow: 2px  2px 1px #ffffff, -2px  2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px  0px 1px #ffffff, 0px  2px 1px #ffffff, -2px  0px 1px #ffffff, 0px -2px 1px #ffffff;
}
.li_price_print_fuchi {
	display: none;
}
span.price_name {
	color: #222;
	font-size: 12px;
	padding-right: 4px;
	font-family: 'Noto Sans Jp', sans-serif;
	font-style: normal;
}
span.yen {
	font-size: 28px;
	font-family: 'Noto Sans Jp', sans-serif;
	font-style: normal;
}
.li_tax {
	font-size: 12px;
	bottom: 14px;
	right: 8px;
	z-index: 100;
}
.li_limited {
	display: none;
}
.li_limited.limited {
	display: block;
	font-size: 14px;
	padding: 3px 8px 4px;
	position: absolute;
	top: 32px;
	right: 8px;
	color: #ffffff;
	background: #ff0000;
	line-height: 1;
}
.period .li_limited.limited {
	top: 104px;
	right: auto;
	left: 8px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}
.li_period {
	display: none;
}
.period .li_period {
	position: absolute;
	top: 16px;
	left: 8px;
	display: block;
	width: auto;
	height: auto;
	background: rgba(7,163,62);
	z-index: 99;
	color: #ffffff;
	font-size: 16px;
	padding: 4px 12px 5px;
	border-radius: 4px;
	font-weight: 900;
	max-width: calc(280px - 40px);
	line-height: 1.4;
	text-align: justify;
}
/*
.li_timelimit {
	font-size: 12px;
	max-width: calc(280px - 40px);
	position: absolute;
	top: 56px;
	left: 8px;
}
*/
.timelimit .li_timelimit {
	font-size: 14px;
	max-width: calc(280px - 40px);
	position: absolute;
	top: 56px;
	left: 8px;
	background: #FB8C00;
	padding: 4px 15px 5px;
	border-radius: 4px;
	font-weight: 700;
	color: #fff;
}
.period .span_timelimit {
	display: block;
	padding: 8px 0 0 2px;
}
.li_annotation {
	font-size: 12px;
	position: absolute;
	top: 16px;
	left: 8px;
}
.recommend li.li_annotation,
.period li.li_annotation,
.timelimit li.li_annotation {
	top: auto;
	bottom: 13px;
}
.recommend li.li_price,
.period li.li_price,
.timelimit li.li_price {
	top: 212px;
}
ul.super_price li.li_annotation {
	top: 16px;
	left: auto;
	right: 0;
}

.li_link {
	display: none;
}
.li_link.active {
	display: block;
	width: 280px;
	height: 288px;
	position: absolute;
	top: 8px;
	left: 0;
	z-index: 999999;
}
.li_link.active a {
	width: 100%;
	height: 288px;
	display: block;
}
.poster li, .poster li::after {
	display: none;
}
.poster li.active {
	display: block;
}
.card.poster {
	width: 280px;
	height: auto;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(7,163,62);
}
.card.poster li.li_image {
	display: block;
	position: relative;
	width: 280px;
	height: auto;
	padding-top: 9px;
}
.card.poster li.li_image img {
	display: block;
	width: 280px;
	height: auto;
	position: relative;
	left: auto;
	top: auto;
	transform: translateX(0%);
}
.card_line.poster {
	width: 1px;
	height: 396px;
	background: rgba(7,163,62);
	z-index: 5 !important;
	position: relative;
	margin-top: 8px;
}
.card.poster li.li_link.active {
	height: 396px;
}
.card.poster li.li_link.active a {
	height: 396px;
}
.note_irregular li.li_annotation {
	bottom: auto;
	left: auto;
	top: 16px;
	right: 8px;
}
.special_price li.li_price,
.special_price li.li_price_repeat,
.special_price li.li_tax,
.hidden_style {
	display: none !important;
}
li.li_price_none,
li.li_price_none_repeat {
	display: none;
}
.special_price li.li_price_none,
.special_price li.li_price_none_repeat {
	display: block;
	top: 212px;
	right: 4px;
}
.special_price span.span_price {
	font-family: 'Noto Sans Jp', sans-serif;
	font-size: 56px;
	font-weight: 700;
	color: #ff0000;
	text-shadow: none;
	font-style: normal;
	-webkit-text-stroke: 6px #fff;
}
.special_price .li_price_none_repeat span.span_price {
	-webkit-text-stroke: 0px #ff0000;
}
.super_price span.span_price {
	font-size: 58px;
}
.super_price span.price_name {
	display: none;
}
.super_price .li_brand {
	top: 100px;
}
.super_price .li_name {
	top: 126px;
}
.signboard {
	height: 287px;
	position: absolute;
	bottom: 21px;
	right: 21px;
	z-index: 10;
	box-sizing: border-box;
}
.signboard1 {
	width: 280px;
}
.signboard2 {
	width: 577px;
}
.signboard3 {
	width: 874px;
}
.signboard4 {
	width: 1171px;
}
.signboard5{
	width: 1468px;
}
.signboard6 {
	width: 1765px;
}
.signboard7 {
	width: 2062px;
}
.footer {
	width: 100%;
	height: auto;
	margin-top: 8px;
	background: rgba(7,163,62);
	padding: 16px;
	color: #ffffff;
	line-height: 1.4;
	font-size: 12px;
	text-align: justify;
	box-sizing: border-box;
}
@media screen and (max-width: 1212px) {
	.header {
		height: 210px;
		padding-right: 0;
		justify-content: flex-start;
		flex-direction: column;
	}
	.logo {
		background: url("../images/logo.svg") left 16px top 24px no-repeat;
		background-size: auto 80px;
	}
	.chirashi_title {
		height: 80px;
		padding: 0;
		line-height: 80px;
		margin: 0 auto;
		width: 100%;
		text-align: center;
		background-size: cover;
	}
	.chirashi_title_inner {
		width: calc(100% - 8px);
	}
	.chirashi_title::after {
		right: 0;
		top: -100px;
	}
}
.contents {
		width: 2400px;
	}
.signboard0, .signboard8 {
	width: 100%;
	padding: 8px 8px;
	box-sizing: border-box;
	position: relative;
	bottom: 0;
	right: 0;
	height: 303px;
}
@media screen and (max-width: 2400px) {
	.contents {
		width: 2103px;
	}
	.signboard7 {
		width: 100%;
		padding: 8px 8px;
		box-sizing: border-box;
		position: relative;
		bottom: 0;
		right: 0;
		height: 303px;
	}
}
@media screen and (max-width: 2103px) {
	.contents {
		width: 1806px;
	}
	.signboard6 {
		width: 100%;
		padding: 8px 8px;
		box-sizing: border-box;
		position: relative;
		bottom: 0;
		right: 0;
		height: 303px;
	}
}
@media screen and (max-width: 1806px) {
	.contents {
		width: 1509px;
	}
	.signboard5 {
		width: 100%;
		padding: 8px 8px;
		box-sizing: border-box;
		position: relative;
		bottom: 0;
		right: 0;
		height: 303px;
	}
}
@media screen and (max-width: 1509px) {
	.contents {
		width: 1212px;
	}
	.signboard4 {
		width: 100%;
		padding: 8px 8px;
		box-sizing: border-box;
		position: relative;
		bottom: 0;
		right: 0;
		height: 303px;
	}
}
@media screen and (max-width: 1212px) {
	.contents {
		width: 915px;
	}
	.signboard3 {
		width: 100%;
		padding: 8px 8px;
		box-sizing: border-box;
		position: relative;
		bottom: 0;
		right: 0;
		height: 303px;
	}
}
@media screen and (max-width: 915px) {
	.contents {
		width: 618px;
	}
	.signboard2 {
		width: 100%;
		padding: 8px 8px;
		box-sizing: border-box;
		position: relative;
		bottom: 0;
		right: 0;
		height: 303px;
	}
}
@media screen and (max-width: 599px) {
	.contents {
		width: 100%;
	}
	.signboard1 {
		width: 100%;
		padding: 8px 8px 0;
		box-sizing: border-box;
		position: relative;
		bottom: 0;
		right: 0;
		height: 303px;
		margin-bottom: -1px;
	}
}
@media screen and (max-width: 599px) {
	.container {
		width: 100vw;
		height: auto;
		background: #f4f4f4;
		display: flex;
		justify-content: center;
		padding: 0;
		box-sizing: border-box;
		flex-direction: column;
	}
	.paper {
		height: auto;
		background: #fff;
		padding: 0;
		box-sizing: border-box;
		width: 100%;
	}
	.contents {
		position: relative;
		max-width: 100vw;
		width: 100vw;
	}
	.header {
		width: 100vw;
		height: auto;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		box-sizing: border-box;
		background-color: rgba(7,163,62);
		padding-right: 0;
		padding-bottom: 8px;
		position: fixed;
		top: 0;
		left: 0;
		overflow: inherit;
		flex-direction: column;
		z-index: 9999;
	}
	.header::after {
		content: '';
		display: block;
		width: calc(100vw - 16px);
		height: 104px;
		position: absolute;
		left: 8px;
		top: 8px;
		border: 2px solid #ffffff;
		box-sizing: border-box;
	}
	.logo {
		width: 100%;
		height: 120px;
		padding: 24px 0 24px 132px;
		background: url("../images/logo.svg") left 24px top 28px no-repeat;
		background-size: auto 72px;
		font-size: 20px;
		color: #ffffff;
		white-space: nowrap;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: column;
	}
	.logo p {
		font-size: 12px;
	}
	.box {
		height: 100%;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
		flex-grow: 1;
		position: relative;
		margin: 208px 0 0;
		padding: 12px 12px 13px 12px;
		background: rgba(7,163,62);
		box-sizing: border-box;
		border-top: 2px solid #ffffff;
		width: 100%;
	}
	.box::before {
		content: '';
		display: block;
		width: calc(100% - 24px);
		height: calc(100% - 24px);
		position: absolute;
		left: 12px;
		top: 12px;
		border-left: 1px solid #222222;
		border-top: 1px solid #222222;
		border-bottom: 1px solid #222222;
		box-sizing: border-box;
		z-index: 2;
		border: none;
	}
	.box::after {
		content: '';
		display: block;
		width: calc(100% - 16px);
		height: calc(100% - 16px);
		position: absolute;
		left: 8px;
		top: 8px;
		border: 4px solid #ffff00;
		box-sizing: border-box;
		background: #ffffff;
	}
	.card {
		width: 100%;
		height: 304px;
		position: relative;
		padding: 0;
		box-sizing: border-box;
		z-index: 2;
		margin: -1px 8px -8px;
	}
	.card::after {
		content: '';
		display: block;
		width: 100%;
		height: 304px;
		position: absolute;
		top: 0;
		left: 0;
		border-bottom: 1px solid rgba(7,163,62);
		box-sizing: border-box;
		display: none;
	}
	.card_line {
		width: 1px;
		height: 304px;
		background: #222222;
		z-index: 1 !important;
		display: none;
	}
	.line_element {
		width: 280px;
		height: 1px;
		background: rgba(7,163,62);
		position: absolute;
		bottom: -110px;
		left: 0;
		display: none;
	}
	.line_element::after {
		content: '';
		display: block;
		width: 1px;
		height: 92px;
		background: rgba(7,163,62);
		position: absolute;
		top: -100px;
		right: -9px;
		display: none;
	}
	ul.card.off , p.card_line.off {
		display: none;
	}
	.card li {
		position: absolute;
		line-height: 1;
	}
	.li_image {
		position: relative;
		width: 100%;
		height: calc(100% - 18px);
		display: block;
		overflow: hidden;
		margin-top: 8px;
	}
	.li_image img {
		width: 100%;
		height: auto;
		display: block;
		top: 50%;
		transform: translate(-50%, -50%);
		max-width: 100%;
	}
	.li_image::after {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
		background: url("../images/price.svg") right bottom no-repeat;
	}
	.waku {
		font-size: 12px;
		padding: 4px 4px 5px;
		background: #222;
		color: #fff;
	}
	.fuchi {
		text-shadow: 2px  2px 1px #ffffff, -2px  2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px  0px 1px #ffffff, 0px  2px 1px #ffffff, -2px  0px 1px #ffffff, 0px -2px 1px #ffffff;
	}
	.fuchi_small {
		text-shadow: 1px  1px 1px #ffffff, -1px  1px 1px #ffffff, 1px -1px 1px #ffffff, -1px -1px 1px #ffffff, 1px  0px 1px #ffffff, 0px  1px 1px #ffffff, -1px  0px 1px #ffffff, 0px -1px 1px #ffffff;
	}
	.li_price_shadow .fuchi {
		text-shadow: 1px  1px 1px #000, -1px  1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000, 1px  0px 1px #000, 0px  1px 1px #000, -1px  0px 1px #000, 0px -1px 1px #222;
		opacity: .9;
	}
	.li_brand {
		left: 8px;
		top: 156px;
		z-index: 10;
	}
	.li_name {
		top: 182px;
		left: 8px;
		font-size: 18px;
		z-index: 10;
		font-weight: 900;
	}
	.li_volume {
		top: 224px;
		left: 8px;
		font-size: 14px;
	}
	.li_price, .li_price_repeat {
		color: #ff0000;
		z-index: 999;
		text-align: right;
		top: 210px;
		right: 8px;
	}
	.li_price_repeat {
		top: 212px;
	}
	ul.super_price li.li_price {
		top: 206px;
	}
	li.li_price_repeat {
		display: block;
	}
	.poster li.li_price_repeat {
		display: none;
	}
	span.span_price {
		font-size: 64px;
		font-weight: 700;
		font-family: 'Libre Franklin', sans-serif;
		font-style: italic;
		text-shadow: none;
		-webkit-text-stroke: 6px #fff;
	}
	.li_price_repeat span.span_price {
		-webkit-text-stroke: 0px #ff0000;
	}
	.li_price span.price_irregular {
		display: inline-block;
		margin: -100px -32px 0 0;
		text-align: right;
	}
	.li_price_repeat span.price_irregular {
		display: inline-block;
		margin: -100px -32px 0 0;
		text-align: right;
	}
	.li_price b:nth-of-type(1),
	.li_price b:nth-of-type(3) {
		-webkit-text-stroke: 2px #fff;
	}
	.li_price_repeat b:nth-of-type(1),
	.li_price_repeat b:nth-of-type(3) {
		color: #222;
		font-size: 14px;
		margin: 0 8px 0 0;
	}
	.li_price b:nth-of-type(2){
		font-size: 32px;
	}
	.li_price_repeat b:nth-of-type(2){
		font-size: 32px;
		font-family: 'Noto Sans Jp', serif;
		font-style: normal;
		font-weight: 500;
	}
	.li_price b:nth-of-type(4) {
		margin: 0 32px 0 -2px;
	}
	.li_price_repeat b:nth-of-type(4) {
		margin: 0 32px 0 -2px;
	}
	span.price_name {
		color: #222;
		font-size: 12px;
		padding-right: 4px;
	}
	span.yen {
		font-size: 32px;
	}
	.li_tax {
		font-size: 12px;
		bottom: 16px;
		right: 8px;
		z-index: 100;
	}
	.li_limited {
		display: none;
	}
	.li_limited.limited {
		display: block;
		font-size: 14px;
		padding: 4px 8px 6px;
		position: absolute;
		top: 30px;
		right: 8px;
		color: #ffffff;
		background: #ff0000;
	}
	.period .li_limited.limited {
		top: 126px;
		right: auto;
		left: 8px;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
	}
	.li_annotation {
		font-size: 12px;
		position: absolute;
		top: 16px;
		left: 8px;
	}
	.recommend li.li_annotation,
	.period li.li_annotation,
	.timelimit li.li_annotation {
		top: auto;
		bottom: 14px;
	}
	.period .span_period {
		max-width: calc(100vw - 80px);
		text-align: justify;
	}
	.li_link.active {
		width: 100%;
		height: 286px;
	}
	.li_link.active a {
		width: 100%;
		height: 286px;
	}
	.footer {
		width: 100%;
		height: auto;
		margin-top: 8px;
		background: rgba(7,163,62);
		padding: 16px;
		color: #ffffff;
		line-height: 1.4;
		font-size: 12px;
		text-align: justify;
		box-sizing: border-box;
	}
	.card.poster {
		width: 100%;
		height: auto;
		padding-bottom: 8px;
		border-bottom: none;
	}
	.card.poster li.li_image {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		padding-top: 9px;
	}
	.card.poster li.li_image img {
		display: block;
		width: 100%;
		height: auto;
		position: relative;
		left: auto;
		top: auto;
		transform: translateX(0%);
	}
	.card_line.poster {
		width: 1px;
		height: 396px;
		background: rgba(7,163,62);
		z-index: 5 !important;
		position: relative;
		margin-top: 9px;
	}
	.card.poster li.li_link.active {
		width: 100%;
		height: calc(100% - 16px);
	}
	.card.poster li.li_link.active a {
		height: 100%;
	}
}
input[type="checkbox"] {
	display: none;
}
.filtering {
	width: 56px;
	height: 56px;
	z-index: 999999;
	position: absolute;
	right: 124px;
	top: 32px;
	background-color: rgba(7,163,62,0.8);
	box-shadow: -5px 10px 10px 0px rgba(0,0,0,.25);
}
.filtering_icon {
	width: 100%;
	height: 100%;
	z-index: 999999;
	display: block;
	background: url("../images/search.svg") center center no-repeat;
	background-size: 32px 32px;
	cursor: pointer;
}
.filtering_menu {
	transition: .2s ease-in;
	transform: translate(100vw,100%);
	transform-origin: top right;
	position: absolute;
	right: 0;
	bottom: -12px;
	display: block;
	width: auto;
	padding: 32px;
	background: rgba(7,163,62,0.8);
	box-shadow: -5px 10px 10px 0px rgba(0,0,0,.25);
}
.filtering_menu.open {
	transition: .2s ease-out;
	transform: translate(0,100%);
}
.filtering_menu label {
	color: rgba(255,255,255,.5);
	line-height: 2;
	white-space: nowrap;
	font-size: 14px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	cursor: pointer;
	position: relative;
}
.filtering_menu label::before {
	content: '';
	width: 16px;
	height: 16px;
	display: block;
	box-sizing: border-box;
	margin-right: 16px;
	margin-top: 2px;
	background-color: rgba(255,255,255,.5);
}
input[type="checkbox"]#checks:checked ~ .filtering_menu #checks_label,
input[type="checkbox"]#fruit:checked ~ .filtering_menu #fruit_label,
input[type="checkbox"]#meat:checked ~ .filtering_menu #meat_label,
input[type="checkbox"]#fish:checked ~ .filtering_menu #fish_label,
input[type="checkbox"]#dish:checked ~ .filtering_menu #dish_label,
input[type="checkbox"]#drink:checked ~ .filtering_menu #drink_label,
input[type="checkbox"]#alcohol:checked ~ .filtering_menu #alcohol_label,
input[type="checkbox"]#daily:checked ~ .filtering_menu #daily_label,
input[type="checkbox"]#flavoring:checked ~ .filtering_menu #flavoring_label,
input[type="checkbox"]#processed:checked ~ .filtering_menu #processed_label,
input[type="checkbox"]#bread:checked ~ .filtering_menu #bread_label,
input[type="checkbox"]#goods:checked ~ .filtering_menu #goods_label,
input[type="checkbox"]#poster:checked ~ .filtering_menu #poster_label {
	color: rgba(255,255,255,1)
}
input[type="checkbox"]#checks:checked ~ .filtering_menu #checks_label::before,
input[type="checkbox"]#fruit:checked ~ .filtering_menu #fruit_label::before,
input[type="checkbox"]#meat:checked ~ .filtering_menu #meat_label::before,
input[type="checkbox"]#fish:checked ~ .filtering_menu #fish_label::before,
input[type="checkbox"]#dish:checked ~ .filtering_menu #dish_label::before,
input[type="checkbox"]#drink:checked ~ .filtering_menu #drink_label::before,
input[type="checkbox"]#alcohol:checked ~ .filtering_menu #alcohol_label::before,
input[type="checkbox"]#daily:checked ~ .filtering_menu #daily_label::before,
input[type="checkbox"]#flavoring:checked ~ .filtering_menu #flavoring_label::before,
input[type="checkbox"]#processed:checked ~ .filtering_menu #processed_label::before,
input[type="checkbox"]#bread:checked ~ .filtering_menu #bread_label::before,
input[type="checkbox"]#goods:checked ~ .filtering_menu #goods_label::before,
input[type="checkbox"]#poster:checked ~ .filtering_menu #poster_label::before {
	background-color: rgba(255,255,255,.8);
}
input[type="checkbox"]#checks:checked ~ .filtering_menu #checks_label::after,
input[type="checkbox"]#fruit:checked ~ .filtering_menu #fruit_label::after,
input[type="checkbox"]#meat:checked ~ .filtering_menu #meat_label::after,
input[type="checkbox"]#fish:checked ~ .filtering_menu #fish_label::after,
input[type="checkbox"]#dish:checked ~ .filtering_menu #dish_label::after,
input[type="checkbox"]#drink:checked ~ .filtering_menu #drink_label::after,
input[type="checkbox"]#alcohol:checked ~ .filtering_menu #alcohol_label::after,
input[type="checkbox"]#daily:checked ~ .filtering_menu #daily_label::after,
input[type="checkbox"]#flavoring:checked ~ .filtering_menu #flavoring_label::after,
input[type="checkbox"]#processed:checked ~ .filtering_menu #processed_label::after,
input[type="checkbox"]#bread:checked ~ .filtering_menu #bread_label::after,
input[type="checkbox"]#goods:checked ~ .filtering_menu #goods_label::after,
input[type="checkbox"]#poster:checked ~ .filtering_menu #poster_label::after {
	content: '';
  display: block;
  position: absolute;
  top: 10px;
  left: 2px;
  width: 10px;
  height: 5px;
  border-left: 2px solid #25AF01;
  border-bottom: 2px solid #25AF01;
  transform: rotate(-45deg);
}
@media screen and (max-width: 599px) {
	.filtering {
		width: 56px;
		height: 56px;
		z-index: 999999;
		position: absolute;
		right: 20px;
		top: 132px;
		background-color: rgba(7,163,62,0.8);
		box-shadow: -5px 10px 10px 0px rgba(0,0,0,.25);
	}
	.chirashi_title_inner {
		width: calc(100% - 64px);
		margin: 0;
		overflow: hidden;
	}
	.chirashi_title p {
		animation: 12s linear 0s infinite title_animation_sp;
	}
	.filtering_menu.open {
		z-index: 9999999999;
	}
	p.card_line {
		display: none !important;
	}
}
@keyframes title_animation_sp {
	0% { transform: translate(100%, 0); }
	100% { transform: translate(-300%, 0); }
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 Print
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

@media print {
.container {
	width: 100vw;
	height: 100vh;
	margin: 0 auto;
	position: relative;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
}
.paper {
	width: 100%;
	height: auto;
	background: #fff;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
}
.contents {
	position: relative;
	max-width: 100%;
	width:100%;
}
.header {
	width: 100%;
	height: 121px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	background-color: rgba(7,163,62);
	padding-right: 20px;
	position: relative;
}
.header::after {
	content: '';
	display: block;
	width: calc(100% - 16px);
	height: 104px;
	position: absolute;
	left: 8px;
	top: 8px;
	border: 2px solid #ffffff;
	box-sizing: border-box;
}
.logo {
	width: auto;
	height: 120px;
	padding: 24px 0 24px 108px;
	background: url("../images/logo.svg") left 20px top 16px no-repeat;
	background-size: auto 80px;
	font-size: 24px;
	color: #ffffff;
	white-space: nowrap;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: column;
}
.logo p {
	font-size: 12px;
}
.chirashi_title {
	height: 80px;
	width: 70vw;
	background: url("../images/title_bg.jpg") center center no-repeat;
	background-size: cover;
	color: rgba(7,163,62);
	font-size: 32px;
	font-weight: 900;
	padding: 0 64px 0 0;
	line-height: 80px;
	position: relative;
	box-sizing: border-box;
	white-space: nowrap;
	text-align: center;
}
.chirashi_title_inner {
	width: calc(100% - 0px);
	margin: 0 auto;
	overflow: hidden;
}
.chirashi_title p {
	animation: 0s linear 0s infinite animation_none;
}
.box {
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-grow: 1;
	position: relative;
	margin: 0;
	padding: 12px 12px 13px 12px;
	background: rgba(7,163,62);
	box-sizing: border-box;
	border-top: 2px solid #ffffff;
	padding-top: 14px;
}
.box::before {
	content: '';
	display: block;
	width: calc(100% - 24px);
	height: calc(100% - 24px);
	position: absolute;
	left: 12px;
	top: 12px;
	border: 1px solid #222222;
	box-sizing: border-box;
	z-index: 999;
}
.box::after {
	content: '';
	display: block;
	width: calc(100% - 16px);
	height: calc(100% - 16px);
	position: absolute;
	left: 8px;
	top: 8px;
	border: 4px solid #ffff00;
	box-sizing: border-box;
	background: #ffffff;
}
.card {
	width: calc(11.04vw + 8px);
	height: auto;
	position: relative;
	padding: 0;
	box-sizing: border-box;
	z-index: 2;
	margin: 4px 4px 0;
	display: none;
}
.card.landscape {
	padding: 0;
}
.card::after {
	content: '';
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	border-bottom: 1px solid #222222;
}
.card_line {
	width: 1px;
	height: calc(15.48vh - 8px);
	background: #222222;
	z-index: 5 !important;
	position: relative;
	display: none;
	margin: 4px 0 0;
}
.card, .card::after {
	height: calc(15.48vh - 4px)
}
.order1,.order2,.order3,.order4,.order5,.order6,.order7,.order8,.order9,.order10 {
	display: block;
}
.order11,.order12,.order13,.order14,.order15,.order16,.order17,.order18,.order19,.order20 {
	display: block;
}
.order21,.order22,.order23,.order24,.order25,.order26,.order27,.order28,.order29,.order30,.order31,.order32 {
	display: block;
}
.order33,.order34,.order35,.order36,.order37,.order38,.order39,.order40 {
	display: block;
	border-bottom: none;
}
.card_line.order8,.card_line.order16,.card_line.order24,.card_line.order32,.card_line.order40 {
	display: none;
}
ul.card.off , p.card_line.off {
	display: none;
}
.card li {
	position: absolute;
	line-height: 1;
}
.li_recommend {
	display: none;
}
.recommend li.li_recommend {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: row;
	width: auto;
	height: auto;
	background: #0D47A1;
	position: absolute;
	top: 20px;
	left: 8px;
	z-index: 99;
	border: none;
	padding: 4px;
}
.recommend_date {
	font-size: 10px;
	font-weight: 900;
	color: #ffffff;
	display: block;
	text-align: left;
	margin-top: 0;
}
.recommend_day {
	width: auto;
	height: auto;
	font-size: 10px;
	font-weight: 900;
	display: block;
	color: #ffffff;
	background: none;
	border-radius: 0;
	margin: 4px 0 0;
	box-sizing: border-box;
}
.recommend li.li_recommend::after {
	content: '限定販売';
	display: block;
	text-align: center;
	font-size: 10px;
	font-weight: 900;
	width: auto;
	padding: 0;
	background: none;
	color: #ffffff;
}
.li_image {
	position: relative;
	width: 100%;
	height: calc(100% - 4px);
	overflow: hidden;
}
.li_image img {
	width: auto;
	height: 100%;
	display: block;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}
.card.landscape .li_image {
	height: calc(100% - 4px);
	overflow: hidden;
}
.card.landscape .li_image img {
	height: 100%;
	top: 0;
}
.card.square .li_image {
	position: relative;
	width: 100%;
	height: calc(100% - 4px);
	overflow: hidden;
	margin-top: 0;
}
.card.square .li_image img {
	width: 100%;
	height: auto;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	min-width: 100%;
	min-height: calc(100% - 4px);
}
.li_image::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url("../images/price.svg") right bottom no-repeat;
	background-size: 70% auto;
}
.waku {
	font-size: 12px;
	padding: 4px 4px 5px;
	background: #222;
	color: #fff;
	line-height: 1;
}
.fuchi {
	text-shadow: none;
}
.fuchi_small {
	text-shadow: none;
}
.li_price_shadow .fuchi {
	text-shadow: none;
	opacity: 1;
}
.print_fuchi {
	-webkit-text-stroke: 2px #fff;
}
.li_brand {
	left: 8px;
	top: 50px;
	z-index: 10;
	font-size: 8px
}
.li_name {
	top: 70px;
	left: 8px;
	font-size: 12px;
	z-index: 10;
	font-weight: 900;
}
.li_volume {
	top: 100px;
	left: 8px;
	font-size: 8px;
}
.li_price {
	color: rgba(7,163,62);
	z-index: 100;
	font-weight: 900;
	text-align: right;
	top: auto;
	right: 8px;
	bottom: 18px;
	font-size: 32px;
}
.li_price_shadow {
	color: #222;
	z-index: 90;
	font-weight: 900;
	top: auto;
	right: 7px;
	bottom: 17px;
	font-size: 32px;
	-webkit-text-stroke: 4px #222;
}
.li_price_print_fuchi {
	display: block;
	color: #fff;
	z-index: 95;
	font-weight: 900;
	top: auto;
	right: 8px;
	bottom: 18px;
	font-size: 32px;
	-webkit-text-stroke: 4px #fff;
}
span.price_name {
	color: #222;
	font-size: 6px;
	font-weight: 500;
	padding-right: 4px;
}
.li_price_print_fuchi span.price_name {
	-webkit-text-stroke: 2px #fff;
}
span.yen {
	font-size: 12px;
}
.li_tax {
	font-size: 6px;
	bottom: 8px;
	right: 8px;
	z-index: 100;
}
.li_tax.print_fuchi {
	bottom: 8px;
	right: 8px;
	z-index: 90;
}

.li_limited {
	display: none;
}
.li_limited.limited {
	display: block;
	font-size: 8px;
	padding: 4px 8px;
	position: absolute;
	top: 0;
	right: 0;
	color: #ffffff;
	background: rgba(7,163,62);
}
.period .li_limited.limited {
	top: 56px;
}
.li_annotation {
	font-size: 6px;
	position: absolute;
	top: 16px;
	left: 8px;
}
.recommend li.li_annotation, .period li.li_annotation {
	top: auto;
	bottom: 12px;
}
.li_period {
	display: none;
}
.period li.li_period {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: auto;
	height: auto;
	background: #0D47A1;
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 99;
	color: #ffffff;
	font-size: 12px;
	padding: 2px 4px 2px;
	border-radius: 2px;
	font-weight: 900;
}
.period li.li_period .period_day {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: #ffffff;
	color: #0D47A1;
	text-align: center;
	font-size: 10px;
	margin: 2px 0 0 4px;
	line-height: 14px;
	text-align: center;
	padding-left: 0.5px;
	box-sizing: border-box;
}
.period li.li_period .period_sign {
	font-size: 10px;
	margin:  0 2px;
}
.signboard {
	height: 287px;
	position: absolute;
	bottom: 21px;
	right: 21px;
	z-index: 10;
	box-sizing: border-box;
	display: none;
}
.signboard1 {
	width: 280px;
}
.signboard2 {
	width: 577px;
}
.signboard3 {
	width: 874px;
}
.signboard4 {
	width: 1171px;
}
.signboard5{
	width: 1468px;
}
.signboard6 {
	width: 1765px;
}
.signboard7 {
	width: 2062px;
}
.footer {
	width: 100%;
	height: auto;
	margin-top: 2px;
	background: rgba(7,163,62);
	padding: 21px;
	color: #ffffff;
	line-height: 1.4;
	font-size: 10px;
	text-align: justify;
	box-sizing: border-box;
	position: relative;
}
.footer::after {
	content: '';
	display: block;
	width: calc(100% - 16px);
	height: calc(100% - 16px);
	position: absolute;
	left: 8px;
	top: 8px;
	border: 2px solid #ffffff;
	box-sizing: border-box;
}
.filtering {
	display: none;
}
.chirashi_title::after {
	display: none;
}
}
@keyframes animation_none {
	0% { transform: translate(0, 0); }
	100% { transform: translate(0, 0); }
}
.note_irregular li.li_annotation {
	top: 16px;
	right: -8px;
}
.note_irregular .price_name {
	display: none;
}
.note_irregular li.li_brand {
	top: 94px;
}
.note_irregular li.li_name {
	top: 120px;
}