@charset "utf-8";

html {display: none;}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■utility
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.dn {display: none;}
.db {display: block;}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■トップページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.index {}
.index aside {
	display: block;
}
.index article {
	width: calc(100% - 300px);
}
.index section {
	margin-bottom: 50px;
}

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

@media screen and (min-width:768px) and (max-width:1000px) {
	.index article {
		width: 100%;
		/*		max-width: 1000px;*/
		margin: 0 auto;
	}
}

@media screen and (max-width:767px) {
	.index article {
		width: 100%;
	}
	.index section {
		margin-bottom: 30px;
	}
}

/*-------------------------------------------------------------------------
emergency
-------------------------------------------------------------------------*/

.emergency {
	font-weight: 600;
	line-height: 1.5;
	margin: 0 0 30px 0;
	padding: 10px 15px 10px 47px;
	border: 4px solid #FF1D8E;
	background: url(../img/article_icon_emergency.png) no-repeat left 15px center;
	border-radius: 50px;
}

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

@media screen and (max-width:767px) {
	.emergency {
		margin-bottom: 20@x;
		padding: 10px 15px 10px 47px;
		border: 4px solid #FF1D8E;
		background: url(../img/article_icon_emergency.png) no-repeat left 15px center;
		border-radius: 10px;
	}
}

/*-------------------------------------------------------------------------
mv
-------------------------------------------------------------------------*/

.mv {
	width: 100%;
	margin: 0 0 80px 0;
	padding: 0;
	position: relative;
	/*height: 355px;*/
}
.mv:after {
	display: none
}
.mv > ul {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.mv li {
	margin: 0;
	padding: 0;
	display: inline-block
}
.mv li img {
	width: 100%;
}
.slick-dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -27px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	display: flex !important;
	justify-content: center;
}
.slick-dots li {
	position: relative;
	width: 16px;
	height: 16px;
	margin: 0 8px !important;
	padding: 0;
	cursor: pointer;
	font-size: 0px;
}
.slick-dots li button {
	font-size: 0px;
	line-height: 0;
	display: block;
	width: 0;
	height: 0;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
	opacity: 1;
}
.slick-dots li button:before {
	font-size: 0px;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	background: #E2DCDC;
	width: 16px;
	height: 16px;
	border-radius: 100%;
	text-align: center;
}
.slick-dots li.slick-active button:before {
	background: #A869ED;
}

/* Slider */

.slick-slider {
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
}
.slick-list {
	overflow: hidden;
}
.slick-slide {
	display: flex !important;
}

/*.slick-slide{
display:flex!important;
opacity:.25;
}
.slick-current{
opacity:1;
}*/

.slick-track {
	display: flex !important;
	justify-content: center !important;
	height: 100% !important;
}
.slick-slide:focus {
	outline: none;
}

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

@media screen and (max-width:767px) {
	.mv {
		width: 100%;
		height: auto;
		margin-bottom: 50px;
	}
	.mv > ul {
		display: block;
	}
	.mv > ul li {}
	.slick-dots {
		bottom: -26px;
	}
}

/*-------------------------------------------------------------------------
sp-nav
-------------------------------------------------------------------------*/

.index .sp-nav {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.index .sp-nav li {
	margin: 0;
	padding: 0;
}
.index .sp-nav li + li {
	margin-left: 40px;
}
.index .sp-nav li a {
	display: flex;
	align-items: center;
	color: #000;
}
.index .sp-nav li a span {
	margin-left: 12px;
}

.index h3 {
	margin: 0 0 10px 0;
	padding: 0 0 5px;
	color: #ff1d8e;
}

/*-------------------------------------------------------------------------
topics
-------------------------------------------------------------------------*/

.index .topics {
	margin: 0;
}
.index .topics li {
	margin: 0 0 15px 0;
	padding: 0;
}
.index .topics li:last-child {
	margin-bottom: 0;
}
.index .topics dl {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}
.index .topics dt {
	flex: none;
	width: 80px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #707070;
}
.index .topics dd {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}
.index .topics dd a {
	min-width: 252px;
	margin-right: 15px;
	display: block;
}
.index .topics dd span {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 20px;
	border-radius: 10px;
	padding: 0 14px;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	background: #FD4D4D;
}
.index .topics dd span.red {
	background: #FD4D4D;
}
.index .topics dd span.green {
	background: #1C8B6A;
}
.index .topics dd span.blue {
	background: #24B2DF;
}

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

@media screen and (max-width:767px) {
	.index .topics dl {
		align-items: start;
	}
	.index .topics dd {
		align-items: start;
		flex-direction: column;
	}
	.index .topics dd a {
		order: 2;
		background: url(../img/article_icon_arrow-right_pink.png) no-repeat left top 8px;
		padding-left: 12px;
		margin-right: 0;
	}
	.index .topics dd span {
		order: 1;
		margin-bottom: 3px;
	}
}

/*-------------------------------------------------------------------------
about
-------------------------------------------------------------------------*/

.index .about {
	margin: 0;
	padding: 0;
	border: 2px solid #1C8B6A;
	border-top: 0;
}
.index .about dt {
	margin: 0;
	padding: 10px 0;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	color: #fff;
	background: #1C8B6A;
}
.index .about dd {
	margin: 0;
	padding: 20px 20px 5px 20px;
}
.index .about dd .more {
	text-align: right;
	display: none;
}
.index .about dd .more a {
	background: url(../img/article_icon_arrow-right_blue.png) no-repeat right center;
	padding-right: 12px;
}

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

@media screen and (max-width:767px) {
	.index .about dd .more {
		display: block;
	}
	.index .about dd p:first-child {
		height: 200.4px;
		overflow: hidden;
	}
	.index .about dd p:nth-child(2) {
		display: none;
	}
}

/*-------------------------------------------------------------------------
banner
-------------------------------------------------------------------------*/

.index .banner {
	width: 100%;
	margin: 0 0 -20px 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.index .banner li {
	margin: 0 0 20px 0;
	padding: 0;
}
.index .banner li img {
	max-width: 100%;
}
.index .banner li a:hover {
	text-decoration: none;
}
.index .banner li dl {
	margin: 0;
	padding: 0;
	border: 2px solid #E2E2E2;
}
.index .banner li dt {
	margin: 0;
	padding: 10px 0;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	color: #000;
}
.index .banner li dt.red {
	color: #fff;
	background: #FD4D4D;
}
.index .banner li dt.green {
	color: #fff;
	background: #1C8B6A;
}
.index .banner li dt.blue {
	color: #fff;
	background: #0086DF;
}
.index .banner li dt.yellow {
	background: #FFEE00;
}
.index .banner li dd {
	margin: 0;
	padding: 0;
}

/*------------------------------------------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1000px) {
	.index .banner {
		min-width: 900px;
	}
}

@media screen and (max-width:767px) {
	.index .banner {
		margin-bottom: 0;
		display: block;
	}
	.index .banner li:last-child {
		margin-bottom: 0;
	}
	.index .banner li img {
		width: 100%;
	}
}

/*-------------------------------------------------------------------------
calendar
-------------------------------------------------------------------------*/

.slick-prev, .slick-next {
	width: 30px;
	height: 30px;
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	display: block;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
	z-index: 1;
}
.slick-prev:before {
	font-size: 0;
	display: block;
	content: "";
	width: 30px;
	height: 30px;
	background: url(../img/article_icon_calendar_left.png) no-repeat left 9px center #CBCBCB;
	border-radius: 100%;
}
.slick-next:before {
	font-size: 0;
	display: block;
	content: "";
	width: 30px;
	height: 30px;
	background: url(../img/article_icon_calendar_right.png) no-repeat right 9px center #CBCBCB;
	border-radius: 100%;
}
.slick-prev {
	left: -45px;
	padding: 0;
}
.slick-next {
	right: -21px;
	padding: 0;
}
.index .calendar {
	width: 900px;
	margin: 0 0 0 0;
	padding: 0 45px;
	box-sizing: border-box;
	position: relative;
}
.index .calendar:after {
	display: none
}
.index .calendar ul {
	margin: 0 -24px 0 0;
	padding: 0;
	display: flex;
	width: 930px;
}
.index .calendar li {
	width: 440px;
	margin: 0 25px 0 0;
	padding: 0;
}
.index .calendar table {
	width: 100%;
	border: 1px solid #C2C2C2;
	table-layout: fixed;
	font-size: 12px;
	line-height: 1;
	text-align: center;
}
.index .calendar table caption {
	font-size: 15px;
	text-align: left;
	padding: 15px;
	/*background: #F5F5F5;*/
}
.index .calendar table caption b {
	font-size: 25px;
	font-weight: 600;
	margin-left: 15px;
}
.index .calendar table thead th {
	padding: 10px 0;
	background: #D9D9D9;
	border: 1px solid #C2C2C2;
	font-weight: normal;
}
.index .calendar table thead th:first-of-type {
	color: #fff;
	background: #F552C9;
}
.index .calendar table thead th:last-of-type {
	color: #fff;
	background: #32CFEB;
}
.index .calendar table tbody td {
	height: 66px;
	padding: 17px 0 2px 0;
	box-sizing: border-box;
	border: 1px solid #C2C2C2;
	vertical-align: middle;
	position: relative;
}
.index .calendar table tbody td.today{
	background-color: #FFFF00;
}
.index .calendar table tbody td.holiday {
	background: #F2F2F2;
	z-index: -1;
}
.index .calendar table tbody td.start {
	background: #A869ED;
}
.index .calendar table tbody td.blank {
	background: #ffffff;
}
.index .calendar table tbody td i {
	position: absolute;
	left: 10px;
	top: 5px;
}
.index .calendar table tbody td.start i {
	color: #fff;
}
.index .calendar table tbody td span {
	font-weight: 600;
	line-height: 1.1;
	color: #A869ED;
}
.index .calendar table tbody td.start span {
	font-size: 15px;
	color: #fff;
}
.index .calendar table tbody td span img {
	margin: 0 0 3px 0;
	width: 50%;
}
.index .calendar + p {
	/*color: #FD4D4D;*/
}

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

@media screen and (max-width:767px) {
	.slick-prev, .slick-next {
		bottom: auto;
		margin: 0;
	}
	.slick-prev {
		left: 10px;
		top: 13px;
	}
	.slick-next {
		right: 10px;
		top: 13px;
	}
	.index .calendar {
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0;
	}
	.index .calendar table caption {
		padding-left: 55px;
	}
	.index .calendar ul {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.index .calendar li {
		width: 100%;
		margin-right: 0;
	}
}

/*-------------------------------------------------------------------------
TOPおすすめ商品
-------------------------------------------------------------------------*/
.oshikatsu_lineup {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	width: min(100%, 1000px);
	margin: 0 auto 20px;
	padding: 0;
	list-style: none;
}

.oshikatsu_lineup__item {
	--bnr-accent: #ff3fa3;
	min-width: 0;
}

.oshikatsu_lineup__card {
	position: relative;
	box-sizing: border-box;
	display: block;
	height: 100%;
	aspect-ratio: 320 / 235;
	min-height: 0;
	overflow: hidden;
	color: #565656;
	text-decoration: none;
	background: #fff;
	border: 0;
	border-left: 8px solid var(--bnr-accent);
	transition:
		transform .45s cubic-bezier(.2, .8, .2, 1),
		box-shadow .45s cubic-bezier(.2, .8, .2, 1),
		border-color .45s ease;
	will-change: transform;
	border-top: solid 1px #d4d4d4;
	border-bottom: solid 1px #d4d4d4;
	border-right: solid 1px #d4d4d4;
}

.oshikatsu_lineup__card::before {
	position: absolute;
	right: -18px;
	bottom: -1px;
	left: 0;
	z-index: 0;
	height: 74px;
	content: "";
	background: #ffe3f2;
	background: color-mix(in srgb, var(--bnr-accent) 18%, #fff);
	clip-path: polygon(0 68%, 100% 18%, 100% 100%, 0 100%);
}

.oshikatsu_lineup__body {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	height: 100%;
	min-height: 0;
	padding: 8px 14px 10px;
}

.oshikatsu_lineup__title {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.12;
	letter-spacing: 0;
	color: #5a5a5a;
}

.oshikatsu_lineup .oshikatsu_lineup__title {
	color: #5a5a5a;
}

.oshikatsu_lineup__title br {
	display: none;
}

.oshikatsu_lineup__title-main {
	display: block;
	color: #5a5a5a;
}

.oshikatsu_lineup__label {
	display: table;
	width: fit-content;
	margin-top: 0;
	padding: 2px 8px 3px;
	font-size: .68em;
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
	background: var(--bnr-accent);
	border-radius: 999px;
}

.oshikatsu_lineup .oshikatsu_lineup__label {
	display: table;
	color: #fff;
}

.oshikatsu_lineup__image {
	position: absolute;
	inset: 10px -8px 0;
	z-index: 1;
	width: calc(100% + 16px);
	height: calc(100% - 10px);
	max-height: none;
	object-fit: contain;
	filter: drop-shadow(0 8px 8px rgba(0, 0, 0, .18));
	transition: transform .45s cubic-bezier(.2, .8, .2, 1);
}

.oshikatsu_lineup__price {
	position: absolute;
	bottom: 10px;
	left: 14px;
	z-index: 2;
	display: flex;
	align-items: baseline;
	margin: 0;
	padding-bottom: 2px;
	font-weight: 700;
	line-height: 1.08;
	color: #666;
}

.oshikatsu_lineup__unit {
	margin-right: 6px;
	font-size: 20px;
}

.oshikatsu_lineup__num {
	font-size: 46px;
	color: #ff2f92;
	text-shadow:
		2px 0 #fff,
		-2px 0 #fff,
		0 2px #fff,
		0 -2px #fff,
		2px 2px #fff,
		-2px 2px #fff,
		2px -2px #fff,
		-2px -2px #fff;
}

.oshikatsu_lineup__suffix {
	margin-left: 2px;
	font-size: 20px;
	color: #ff2f92;
	text-shadow:
		1px 0 #fff,
		-1px 0 #fff,
		0 1px #fff,
		0 -1px #fff;
}

.oshikatsu_lineup__card:hover,
.oshikatsu_lineup__card:focus-visible {
	box-shadow: 0 18px 34px rgba(0, 0, 0, .18);
	transform: translateY(-7px) scale(1.015);
}

.oshikatsu_lineup__card:hover .oshikatsu_lineup__image,
.oshikatsu_lineup__card:focus-visible .oshikatsu_lineup__image {
	transform: translateY(-3px) scale(1.025);
}

@media (max-width: 900px) {
	.oshikatsu_lineup {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.oshikatsu_lineup__title {
		font-size: 19px;
	}
}

@media (max-width: 600px) {
	.oshikatsu_lineup {
		grid-template-columns: 1fr;
		gap: 14px;
		margin-bottom: 20px;
	}

	.oshikatsu_lineup__card,
	.oshikatsu_lineup__body {
		min-height: 0;
	}

	.oshikatsu_lineup__body {
		padding: 8px 12px 10px;
	}

	.oshikatsu_lineup__image {
		inset: 10px -8px 0;
		width: calc(100% + 16px);
		height: calc(100% - 10px);
	}

	.oshikatsu_lineup__title {
		font-size: 18px;
	}

	.oshikatsu_lineup__num {
		font-size: 42px;
	}
}


/*-------------------------------------------------------------------------
ブログ最新3件カード
-------------------------------------------------------------------------*/
.oshipri-blog-latest {
	max-width: 100%;
}

.oshipri-blog-latest__heading {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 32px;
	color: #333;
}

.oshipri-blog-latest__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px;
	list-style: none;
	padding: 0;
	margin: 0;
}
@media (max-width: 768px) {
	.oshipri-blog-latest__list {
		grid-template-columns: 1fr;
		gap: 24px;
	}
}

/* カード本体（aタグ） */
.oshipri-blog-card {
	display: block;
	text-decoration: none;
	color: inherit;
	background: #fff;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	overflow: hidden;
}

/* サムネイル */
.oshipri-blog-card__thumb {
	position: relative;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #f5f5f5;
}
.oshipri-blog-card__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.5s ease;
}

/* 日付 */
.oshipri-blog-card__date {
	font-size: 13px;
	color: #FF1D8E;
	margin: 14px 0 4px;
	letter-spacing: 0.02em;
	margin: 10px 10px;
}
.oshipri-blog-card__date.is-fresh {
	color: #e91e63;
	font-weight: bold;
}

/* タイトル */
.oshipri-blog-card__title {
	font-size: 15px;
	line-height: 1.65;
	margin: 0;
	font-weight: 500;

	/* 3行で省略 */
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;

	transition: color 0.3s ease;
	margin: 0 10px 13px 10px !important;
}

/* ===== Hover ===== */
.oshipri-blog-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.12);
}
.oshipri-blog-card:hover .oshipri-blog-card__img {
	transform: scale(1.06);
}
.oshipri-blog-card:hover .oshipri-blog-card__title {
	color: #e91e63;
}
.oshipri-blog-card:focus-visible {
	outline: 2px solid #e91e63;
	outline-offset: 2px;
}


/*-------------------------------------------------------------------------
kv
-------------------------------------------------------------------------*/

.kv {
	margin: 0 0 -20px 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
}
.kv > li {
	margin: 0;
	padding: 0;
}
.kv > li:last-child {
	order: 1;
	width: 500px;
	margin: 0;
	padding: 0;
}
.kv > li:first-child {
	order: 2;
	width: 460px;
	margin: 0;
	padding: 0;
	position: relative;
}
.kv .photo {
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.kv .photo dt {
	width: 100%;
	margin: 0 0 13px 0;
	padding: 0;
}
.kv .photo dd {
	width: calc(25% - 9px);
	width: -webkit-calc(25% - 9px);
	margin: 0;
	padding: 0;
}
.kv .photo img {
	width: 100%;
}

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

@media screen and (max-width:767px) {
	.kv {
		width: 100%;
		margin-bottom: -30px;
		display: block;
	}
	.kv > li:first-child {
		width: 100%;
		margin-bottom: 20px;
	}
	.kv > li:last-child {
		width: 100%;
	}
	.kv .photo dt {
		margin-bottom: 10px;
	}
	.kv .photo dd {
		width: calc(25% - 6px);
		width: -webkit-calc(25% - 6px);
	}
}

/*-------------------------------------------------------------------------
paper_box
-------------------------------------------------------------------------*/

.paper_box ul {
	width: 91%;
	margin: 0 0 15px auto;
	padding: 5px 15px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	background: linear-gradient(to right, #32cfeb, #0066c0);
	color: #fff;
}
.paper_box li {
	margin: 0;
	padding: 0;
}

.paper_box table {
	width: 100%;
	border: 1px solid #C7C7C7;
	table-layout: fixed;
	text-align: center;
	white-space: nowrap;
}

.paper_box th {
	padding: 5px 0;
	background: #F6F6F6;
	border: 1px solid #C7C7C7;
	font-weight: normal;
}

.paper_box td {
	height: 50px;
	padding: 5px 0;
	box-sizing: border-box;
	border: 1px solid #C7C7C7;
	vertical-align: middle;
	line-height: 1.25;
}
.paper_box td .orange {
	font-family: serif;
	color: #ff1d8e;
}
.paper_box table + p {
	text-align: right;
}
.paper_box table + p .orange {
	color: #ff1d8e;
}

/*-------------------------------------------------------------------------
product_option_box
-------------------------------------------------------------------------*/

.product_option_box{
}

.product_option_box ul{
	margin: 0 0 -12px 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.product_option_box li{
	width: calc(100% / 3 - 8px);
	width: -webkit-calc(100% / 3 - 8px);
	margin: 0 0 12px 0;
	padding: 0;
	border: 2px solid #e3e4e4;
	border-radius: 5px;
	box-sizing: border-box;
}
.product_option_box li a,
.product_option_box li span {
	height: 100%;
	margin: 0;
	padding: 15px;
	box-sizing: border-box;
	display: block;
	text-decoration: none;
}
.product_option_box li dl{
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.product_option_box li dt{
	width: 82px;
	margin: 0 12px 0 0;
	padding: 0;
}
.product_option_box li dd{
	flex: 1;
	margin: 0;
	padding: 0;
	font-size: 13px;
	color: #000;
}
.product_option_box li dd b {
	font-size: 14px;
	font-weight: 600;
	color: #F552C9;
}

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

@media screen and (max-width:767px) {


	.product_option_box ul{
		margin: 0 0 -12px 0;
	}

	.product_option_box li{
		width: calc(50% - 6px);
		width: -webkit-calc(50% - 6px);
		margin: 0 0 12px 0;
	}
	.product_option_box li dl{
		display: block;
	}

	.product_option_box li dt{
		width: 100%;
		margin: 0 0 10px 0;
		text-align: center;
	}
	.product_option_box li dt img {
		width: 64px;
	}

}


/*-------------------------------------------------------------------------
local
-------------------------------------------------------------------------*/

.index .local {
	/*	position: sticky;*/
	left: 0;
	top: 0;
	padding: 10px 0px 50px;
	background: #fff;
	z-index: 1;
	font-size: 14px;
}
.index .local ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
.index .local li {
	margin: 0 15px 0 0;
	padding: 0;
	margin-bottom: 10px;
}
.index .local li a {
	display: flex;
	line-height: 1.4;
	color: #666;
	padding: 8px 15px 6px 15px;
	border-radius: 50px;
	border: solid 1px #D9D9D9;
	font-size: 13px;
}
.index .local li a:hover {
	text-decoration: none;
	background-color: #FF2E8D;
	border: #FF2E8D 1px solid;
	color: #fff;
}
.index .local.no_fix{
	padding-top: 0;
	position: static;
}

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

@media screen and (max-width:767px) {
	.index .local {
		top: 64px;
		/*padding: 20px 0;*/
		margin: 0 20px;
	}
	.index .local ul {
		margin: 0 0 -12px 0;
	}
	.index .local li {
		margin: 0 12px 12px 0;
		margin-bottom: 5px;
	}
	.index .local li a {
		font-size: 14px;
	}
	.index .local.no_fix ul{
		padding-bottom: 20px;
	}
}

/*-------------------------------------------------------------------------
select
-------------------------------------------------------------------------*/

.select {
	margin: 0 0 -15px 0;
	padding: 0;
}
.select > li {
	margin: 0 0 15px 0;
	padding: 0;
	position: relative;
}
.select > li .cancel {
	position: absolute;
	right: 10px;
	top: 0;
	z-index: 1;
}
.select > li p.selected {
	position: absolute;
	right: 10px;
	top: -4px;
	background-color: #FD4D4D;
	padding: 3px 15px 0 15px;
	font-size: 15px;
	border-radius: 5px;
	box-shadow: 3px 3px 1px 0px rgba(0, 0, 0, 0.25);
}
.select > li .cancel a {
	height: 30px;
	padding: 0 15px 0 25px;
	box-sizing: border-box;
	background: url(../img/article_icon_close.png) no-repeat left 10px center #FD4D4D;
	color: #fff;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	box-shadow: 3px 3px 1px 0px rgba(0, 0, 0, 0.25);
}
}
.select > li p.selected {
	height: 30px;
	padding: 0 15px ;
	box-sizing: border-box;
	background-color: #FD4D4D;
	color: #fff;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
}
.select.column2 {
	margin: 0 -30px -30px 0;
	display: flex;
	flex-wrap: wrap;
}
.select.column2 > li {
	width: calc(50% - 30px);
	width: -webkit-calc(50% - 30px);
	margin: 0 30px 30px 0;
	padding: 0;
}
.select.column2 > li p {
	margin: 0 0 20px 0;
}
.select.column2 > li p:last-of-type {
	margin-bottom: 0;
}
.select.column3 {
	margin: 0 -10px -13px 0;
	display: flex;
	flex-wrap: wrap;
}
.select.column3 > li {
	width: calc(100% / 3 - 10px);
	width: -webkit-calc(100% / 3 - 10px);
	margin: 0 10px 13px 0;
	padding: 0;
}
.select.column3 + .column3 {
	margin-top: 13px;
}
.select.column5 {
	margin: 0 -15px 12px 0;
	display: flex;
	flex-wrap: wrap;
}
.select.column5:last-of-type {
	margin-bottom: -18px;
}
.select.column5 > li {
	min-width: calc(20% - 15px);
	min-width: -webkit-calc(20% - 15px);
	margin: 0 15px 18px 0;
	padding: 0;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
	.select.column3 > li {
		margin: 0 10px 13px 0;
		width: calc(50% - 10px);
		width: -webkit-calc(50% - 10px);
	}
}
@media screen and (max-width:767px) {
	.select > li .cancel a {
		height: 24px;
		padding: 0 10px 0 22px;
		background: url(../img/article_icon_close.png) no-repeat left 7px center #FD4D4D;
		font-size: 13px;
	}
	.select.column2 {
		margin: 0;
		display: block;
	}
	.select.column2 > li {
		width: 100%;
		margin: 0 0 15px 0;
	}
	.select.column2 > li:last-child {
		margin-bottom: 0;
	}
	.select.column3 {
		margin: 0 -10px -13px 0;
	}
	.select.column3 > li {
		margin: 0 10px 13px 0;
		width: calc(100% - 10px);
		width: -webkit-calc(100% - 10px);
	}
	.select.column3 + .column3 {
		margin-top: 13px;
	}
	.select.column5 {
		margin: 0 -10px 7px 0;
	}
	.select.column5:last-of-type {
		margin-bottom: -13px;
	}
	.select.column5 > li {
		width: calc(50% - 10px);
		width: -webkit-calc(50% - 10px);
		margin: 0 10px 13px 0;
	}
	.select.column5 + .column3 {
		margin-top: 13px;
	}

}


/*-------------------------------------------------------------------------
select-button
-------------------------------------------------------------------------*/
.select-button {
	position: relative;
}
.select-button:hover {
	text-decoration: none;
}

.select-button.type1 {
	height: 66px;
	padding: 5px 25px 3px 15px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	border-radius: 5px;
	color: #fff;
	background-color: #0066c0;
}
.select-button.type1:hover {
	background: #32CFEB;
	color: #fff;
	text-decoration: none;
}
.select-button.type1 b {
	font-size: 20px;
	font-weight: 600;
	background: url(../img/article_icon_select_off.png) no-repeat left center;
	padding-left: 15px;
}
.select-button.type1 b span {
	color: yellow;
	padding-left: 10px;
	font-size: 15px;
}
.select-button.type1:hover b {
	background: url(../img/article_icon_select_on.png) no-repeat left center;
}
.select-button.type1 small {
	font-size: 15px;
	padding-left: 15px;
}


.select-button.type2 {
	width: 100%;
	padding: 15px 25px;
	box-sizing: border-box;
	-webkit-appearance: none;
	display: flex;
	align-items: center;
	background: #fff;
	border: 4px solid #E2E2E2;
	border-radius: 100px;
	color: #000;
	cursor: pointer;
	outline: none;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
}
.select-button.type2.disabled {
	opacity: 0.3;
	pointer-events: none;
}
.select-button.type2.center {
	justify-content: center;
}
.select-button.type2.column {
	flex-direction: column;
	align-items: flex-start;
}
.select-button.type2 + .type2 {
	margin-top: 20px;
}
.select-button.type2:not(:disabled):hover, .select-button.type2.selected {
	background: #32CFEB;
	border: 4px solid #E2E2E2;
	color: #fff;
}
.select-button.type2.orange:hover {
	background: #32CFEB;
	color: #fff;
}
.option_btn .select-button.type2.orange {
	background: #FF1D8E;
	color: #fff;
}
.option_btn .select-button.type2.orange:hover {
	background: #32CFEB;
}
.select-button.type2 img {
	margin-right: 15px;
	flex: 1 0 auto;
}
.select-button.type2 span {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}
.select-button.type2 b {
	font-size: 20px;
	font-weight: 600;
	width: 100%;
	text-align: left;
}
.select-button.type2 small {
	font-size: 15px;
	font-weight: 600;
}
.select-button.type2 .price {
	margin: 0 0 0 auto;
	color: #FF1D8E;
}
.select-button.type2 .day {
	width: 150px;
	text-align: right;
	margin: 0;
}
.select-button.type2 dl {
	width: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}
.select-button.type2 dt {
	margin: 0;
	padding: 0;
}
.select-button.type2 dd {
	flex: 1;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	font-weight: 600;
}
.select-button.type2 dd p {
	margin: 0;
	display: flex;
	align-items: center;
}
.select-button.type2 dd p + p {
	margin-left: auto;
}
.select.option > li button {
	padding: 12px 0 12px 12px;
}
.select.option > li button img {
	margin-right: 12px;
}

.col-002{
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: flex-start;
	padding: 0px;
}
.col-002 li{
	display: block;
	width: auto !important;
	font-size: 17px;
	font-weight: bold;
}
.select-button.type3 {
	width: 220px;
	height: 50px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	color: #fff;
	background-color: #0066c0;
}
.select-button.type3:hover {
	background: #F552C9;
	color: #fff;
	text-decoration: none;
}
.select-button.type4 {
	width: 220px;
	height: 50px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	color: #fff;
	background-color: #32CFEB;
}
.select-button.type4:hover {
	background: #F552C9;
	color: #fff;
	text-decoration: none;
}

@media screen and (max-width:767px) {
.col-002{
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: center;
	padding: 0px;
}
}

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

@media screen and (max-width:767px) {


	.select-button.type1 b {
		font-size: 15px;
	}
	.select-button.type1 small {
		font-size: 13px;
	}

	.select-button.type2 {
		font-size: 15px;
		line-height: 1.6;
	}
	.select-button.type2 + button {
		margin-top: 15px;
	}
	.select-button.type2 img {
		width: 50px;
	}
	.nm .select-button.type2 img {
		width: inherit;
		max-width: 50px;
	}
	.select-button.type2 b {
		font-size: 15px;
	}
	.select-button.type2 small {
		font-size: 13px;
	}
	.select-button.type2 dd {
		flex-wrap: wrap;
		align-items: flex-start;
		flex-direction: column;
	}
	.select-button.type2 dd p + p {
		margin-left: 0;
	}
	.select-button.type2 .price {
		margin: 0;
	}
	.select-button.type2 .day {
		/*		width: auto;*/
		margin: 0 0 0 10px;
	}
}


/*-------------------------------------------------------------------------
accordion
-------------------------------------------------------------------------*/

.accordion {
	margin: 0 0 35px 0;
}
.accordion:last-of-type {
	margin-bottom: 0;
}
.accordion dl {
	margin: 0;
	padding: 15px 50px 15px 15px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background: url(../img/article_icon_arrow-bottom_black.png) no-repeat right 20px center #fff;
	border: 4px solid #E2E2E2;
	border-radius: 5px;
	color: #000;
}
.accordion dl:hover {
	background: url(../img/article_icon_arrow-bottom_white.png) no-repeat right 20px center #F552C9;
	color: #fff;
}
.accordion dl.open {
	background: url(../img/article_icon_arrow-top_white.png) no-repeat right 20px center #F552C9;
	color: #fff;
}
.accordion dt {
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 20px;
	font-weight: 600;
}
.accordion dd {
	margin: 0;
	padding: 0;
}
.accordion ul {
	display: none;
	margin: 0 10px;
	padding: 0;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
}
.accordion li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #E2E2E2;
}
.accordion li a {
	display: block;
	font-size: 20px;
	font-weight: 600;
	color: #1C8B6A;
	padding: 15px 20px 15px 30px;
	background: url(../img/article_icon_arrow-right_pink.png) no-repeat left 15px center;
}
.accordion li a:hover {
	background-color: #DBFFF4;
}
.box.paper .accordion ul {
	display: block;
}
/*------------------------------------------------------------------------*/

@media screen and (max-width:767px) {
	.accordion {
		margin-bottom: 15px;
	}
}

/*-------------------------------------------------------------------------
icon
-------------------------------------------------------------------------*/

.icon {
	display: inline-block;
	font-weight: 600;
	padding: 5px 10px;
}
.icon.red {
	color: #fff;
	background-color: #FF1D8E;
	font-size: 90%;
	font-weight: normal;
}
.icon.green {
	color: #fff;
	background-color: #32CFEB;
	font-size: 90%;
	font-weight: normal;
}

/*-------------------------------------------------------------------------
リンク装飾
-------------------------------------------------------------------------*/
.arrow-link{
font-size: 15px;
font-weight: normal;
background: url(../img/article_icon_arrow-right_pink.png) no-repeat left center;
background-size: auto;
padding-left: 17px;
background-size: 10px auto;
}

/*-------------------------------------------------------------------------
商品詳細ご注文箇所
-------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------
参考価格css
-------------------------------------------------------------------------*/
#reference_price{
	border: 2px solid #32CFEB;
	padding: 19px;
}
.specification_example{
    padding-top: 25px;
    font-size: 23px;
    font-weight: bold;
	margin-bottom: -10px !important;
}
.type{
    margin-top: 15px;
    margin-bottom: 0;
}
.price{
    color: #FF1D8E;;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 0;
    margin-left: 20px;
}
.br-sp{
  display: none;
}
.other_scene{
	border: solid 1px #1c8b6a;
    color: #1c8b6a;
    padding: 10px;
    text-align: center;
}
@media screen and (max-width: 767px){
.specification_example {
    margin-bottom: 0;
    padding-top: 25px;
    border-bottom: 2px solid #1C8B6A;
    font-size: 18px;
    color: #1C8B6A;
    font-weight: bold;
}
.type {
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 0;
    line-height: 22px;
}
.price {
    color: red;
    font-weight: bold;
    font-size: 19px;
    margin-bottom: 0;
    margin-left: 0;
}
.br-sp{
    display: block;
}
}


/*-------------------------------------------------------------------------
notice
-------------------------------------------------------------------------*/

.notice {
	margin: 0 0 30px 0;
	padding: 15px 20px;
	border: 4px solid #F2F2F2;
}
.notice:last-of-type {
	margin-bottom: 0;
}
.notice dt {
	color: #FF1D8E;
	text-align: left;
	margin: 0;
	font-size: 20px;
}
.notice dd {
	margin: 0;
	padding: 0;
}
.notice dd p:last-of-type {
	margin-bottom: 0;
}
.notice.bg {
	background: #F2F2F2;
}
.notice.bg ul {
	list-style-type: square;
	font-size: 105%;
	color: #1c8b6a;
}
.notice.bg ul li {
	margin-bottom: 10px;
}
.notice.margin {
	margin-top: 30px;
}
.notice h2 {
	margin: 5px 0 20px 0;
	padding: 0;
	font-weight: 600;
	color: #ff1d8e;
	font-size: 22px;
	text-align: center;
	display: block;
}

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

@media screen and (max-width:767px) {
	.notice {
		margin-bottom: 20px;
	}
	.notice.margin {
		margin-top: 20px;
	}
}

/*-------------------------------------------------------------------------
description
-------------------------------------------------------------------------*/

.description {
	margin: 0 0 50px 0;
	padding: 0;
	display: flex;
}
.description dt {
	margin: 0 25px 0 0;
	padding: 0;
}
.description dd {
	margin: 0;
	padding: 0;
}
.description dd .icon {
	margin-bottom: 16px;
}
.description dd p {
	margin: 0;
}
.description dd .pagination {
	margin-top: 20px;
}

/*-------------------------------------------------------------------------
price-list
-------------------------------------------------------------------------*/

.price-list_wrapper {
	position: relative;
}
.price-list .no-touch-action {
	touch-action: none;
}
.price-list_wrapper .btn-prev, .price-list_wrapper .btn-next {
	display: none;
	position: absolute;
	/*	top: -1px;*/
	z-index: 1;
}
.price-list_wrapper .btn-prev {
	left: 90px;
}
.price-list_wrapper .btn-next {
	right: -20px;
}
.btn-prev .arrow {
	width: 22px;
	height: 40px;
	background: url(../img/article_icon_arrow-left_white.png) no-repeat center center rgba(174, 174, 174, 0.7);
	border-radius: 4px;
}
.btn-next .arrow {
	width: 22px;
	height: 40px;
	background: url(../img/article_icon_arrow-right_white.png) no-repeat center center rgba(174, 174, 174, 0.7);
	border-radius: 4px;
}
.price-list_heading {
	position: relative;
}

.price-list_wrapper .btn-next .arrow {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	height: 64px;
}
/* .btn-prev .arrow,
.btn-next .arrow {
color: white;
margin: 0;
text-align: center;
line-height: 38px;
font-size: 20px;
}

.btn-prev .arrow {
transform: rotateY(180deg);
} */


/* スマホのテーブル挙動を調整するためのダミーマス */

.dummy-cell {
	display: none;
}
.price-list table {
	width: 100%;
	height: 100%;
	border: 1px solid #C7C7C7;
	table-layout: fixed;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	/*overflow: hidden;*/
	position: relative;
}

.price-list thead th {
	padding: 8px 0 33px;
	background: #F6F6F6;
	border: 1px solid #C7C7C7;
	font-size: 15px;
	font-weight: 600;
	position: sticky;
	left: 0;
	top: 0;
	z-index: 1;
}
.price-list thead th.head {
	left: inherit;
	vertical-align: middle;
}
.price-list thead th:first-of-type {
	font-size: 13px;
	font-weight: normal;
	vertical-align: middle;
}
.price-list thead th .date-option {
	width: 48px;
	height: 20px;
	border-radius: 10px;
	background: #F552C9;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	margin: 5px auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.price-list thead th .th_under {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 25px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	border-top: 1px solid #C7C7C7;
	font-size: 14px;
}
.price-list thead th .th_under.head {
	font-size: 13px;
}

.price-list tbody tr:nth-of-type(even) {
	background: #F6F6F6;
}


/* 列の色ぬり。行の制御はhtmlファイル内のJSで */

.price-list tbody tr:hover {
	background: #DBFFF4;
}
.price-list tbody td {
	box-sizing: border-box;
	border: 1px solid #C7C7C7;
	vertical-align: middle;
	text-align: right;
	line-height: 1.5;
}
.price-list tbody td:first-of-type {
	padding: 10px;
	font-size: 15px;
	font-weight: 600;
}
.price-list tbody td a {
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	text-decoration: none;
}
.price-list tbody a.disabled {
	pointer-events: none;
}

.price-list tbody td span {
	display: block;
	font-size: 12px;
	color: #0066C0;
}
.price-list tbody td span b {
	font-size: 15px;
	font-weight: 600;
}
.price-list tbody td small {
	font-size: 13px;
	color: #FF1D8E;
}

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

@media screen and (max-width: 767px) {
	.dummy-cell {
		display: block;
		border: none !important;
		z-index: -1;
	}
	.price-list_wrapper .btn-prev,
	.price-list_wrapper .btn-next {
		display: inline-block;
		z-index: 8;
		z-index: 20;
	}
	.price-list_wrapper .btn-prev.fixed,
	.price-list_wrapper .btn-next.fixed {
		position: fixed;
		top: 64px;
		right: 0;
	}
	.price-list_wrapper .btn-prev.none,
	.price-list_wrapper .btn-next.none {
		display: none;
	}
	.price-list_wrapper .btn-prev {
		display: none;
	}
	.price-list {
		overflow: scroll;
		width: calc(100vw - 20px);
		width: -webkit-calc(100vw - 20px);
		height: auto;
		position: relative;
	}
	.price-list table {
		/*		width: 290%;*/
	}
	.price-list thead th {
		padding: 4px 0 28px;
		top: 0;
		width: calc(40vw - 12px);
	}
	.price-list thead th:first-child {
		z-index: 5;
		width: 20vw
	}
	.price-list tbody tr:nth-of-type(odd) td {
		background: #fff;
	}
	.price-list tbody tr:nth-of-type(even) td {
		background: #F6F6F6;
	}
	.price-list tbody td:first-of-type {
		padding: 7px;
	}
	.price-list tbody td a {
		padding: 7px;
	}
	.price-list th:first-child,
	.price-list tbody td:first-child {
		left: 0;
		z-index: 2;
	}
	.price-list th:first-child{
		position: relative;
	}
	.price-list tbody td:first-child{
		position: static;
	}
	.price-list + .price-list + .price-list{
		z-index: 10;
	}
}

/*-------------------------------------------------------------------------
confirm
-------------------------------------------------------------------------*/

.confirm {
	margin: 0;
	padding: 0;
	border-top: 1px solid #D2D2D2;
}
.confirm > li {
	margin: 0;
	padding: 15px 0;
	border-bottom: 1px solid #D2D2D2;
	display: flex;
	align-items: center;
}
.confirm > li p {
	margin: 0 0 0 auto;
}
.confirm > li > dl {
	flex: 1;
	margin: 0 15px 0 20px;
	padding: 0;
	display: flex;
	align-items: center;
}
.confirm > li > dl > dt {
	flex: none;
	width: 190px;
	margin: 0;
	padding: 0;
	font-weight: 600;
}
.confirm > li > dl > dd {
	flex: 1;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.confirm > li > dl > dd > dl {
	width: 100%;
	margin: 0;
	padding: 0;
	/*font-weight: 600;*/
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.confirm > li > dl > dd > dl + dl {
	/*margin-top: 15px;*/
}
.confirm > li > dl > dd > dl dt {
	margin: 0;
	padding: 0;
}
.confirm > li > dl > dd > dl dd {
	margin: 0;
	padding: 0;
	display: flex;
}
.confirm > li > dl > dd > dl.sub {
	font-weight: normal;
	margin: 0 0 0 15px;
}
.confirm dd .value {
	margin: 0 auto 0 0;
}
.confirm dd p {
	margin: 0;
}
.confirm dd p + p {
	margin-left: 60px;
	min-width:4.4rem;
	text-align: right;
}
.confirm dd ul {
	margin: 0 auto 0 0;
	padding: 0;
}
.confirm dd li {
	margin: 0;
	padding: 0;
}
.exclamation {
	font-weight: 600;
	color: #FF1D8E;
	background: url(../img/article_icon_exclamation.png) no-repeat left top;
	padding-left: 21px;
	/* white-space: nowrap; */
	transition: 0.3s;
	background-position: left center;
}

.exclamation-adjust {
	background-position: 0 4px;
}
#orderForm label.exclamation {
	display: inline;
}
.exclamation:hover {
	opacity: 0.7;
}
.subtotal {
	margin-top: 80px;
}
.subtotal .green {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
}
.subtotal .green > p {
	margin-left: auto;
	margin-bottom: 0;
}
.subtotal .green form {
	margin-left: 20px;
	height: 36px;
}

.subtotal:first-of-type {
	margin-top: 0;
}
.end {
	margin-top: 80px;
	border-top: 2px solid #D2D2D2;
}
.total {
	margin: 0;
	padding: 0;
}
.total li {
	margin: 0 0 10px 0;
	padding: 25px 20px;
	background: #DFFAFF;
	font-weight: 600;
}
.total li:last-child {
	margin-bottom: 0;
}
.total li dl {
	margin: 0 0 10px 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.total li dl.red {
	color: #FF1D8E;
}
.total li dl:last-of-type {
	margin-bottom: 0;
}
.total li dt {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
.total li dd {
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.total li dd p {
	margin: 0;
}
.total li dd p + p {
	margin-left: 20px;
}
.total li dd p + form {
	margin-left: 20px;
}
.total li dd p b {
	font-size: 25px;
}
.remarks {
	background: #F6F6F6;
}
.remarks p {
	margin: 0;
	display: flex;
	align-items: center;
}

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

@media screen and (min-width: 768px) {
	.confirm.bg {
		background: linear-gradient(90deg, #fff 0%, #fff 185px, #F6F6F6 185px, #F6F6F6 675px, #fff 675px, #fff 100%);
	}
	.confirm .pc-block {
		display: block;
	}
	.confirm > li > dl.pc-start {
		align-items: start;
		margin-bottom: 15px;
	}
}

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

@media screen and (max-width: 767px) {
	.confirm .sp-block {
		display: block;
	}
	.confirm > li {
		display: block;
	}
	.confirm > li .button {
		margin: 5px 0 0 20px;
	}
	.confirm > li > dl.sp-start {
		align-items: start;
	}
	.confirm dd p + p {
		margin-left: 0;
	}

	.total li dl {
		align-items: start;
	}
	.total li dt {
		margin-top: 7px;
	}
	.total li dd p.sp-w100 {
		text-align: right;
		/*		margin-bottom: 10px;*/
	}
	.total li dd p {
		margin-left: auto;
	}
	.total li dd p + p {
		margin-left: auto;
	}
	.total li dd p + form {
		margin-left: 10px;
	}

	.subtotal {
		margin-top: 30px;
	}
	.end {
		margin-top: 30px;
	}
}

/*-------------------------------------------------------------------------
.block
-------------------------------------------------------------------------*/

.block {
	border: 4px solid #E5E5E5;
	margin-bottom: 70px;
}
.block:last-of-type {
	/*	margin-bottom: 0;*/
}
.block > div {
	padding: 30px 35px;
}

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

@media screen and (max-width: 767px) {
	.block {
		border: 2px solid #E5E5E5;
		margin-bottom: 30px;
	}
	.block > div {
		padding: 20px;
	}
}

/*-------------------------------------------------------------------------
block-inner
-------------------------------------------------------------------------*/

.block-inner {
	margin: 0;
	padding: 0;
	display: flex;
}

.block-inner:not(:first-of-type) {
	margin-top: 30px;
}

.block-inner > dt {
	width: 120px;
	margin: 0;
	padding: 0;
	font-size: 25px;
	font-weight: 600;
	line-height: 1.45;
	color: #F552C9;
}
.block-inner > dd {
	flex: 1;
	margin: 0;
	padding: 0;
}

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

@media screen and (max-width: 767px) {

	.block-inner {
		display: block;
	}
	.block-inner > dt {
		width: 100%;
		margin-bottom: 10px;
		font-size: 18px;
	}

}


/*-------------------------------------------------------------------------
order-title
-------------------------------------------------------------------------*/

.order-title {
	margin: 20px 0 0 0;
	padding: 15px 20px;
	background: #CDF7FF;
	border: 1px solid #E2E2E2;
	/*	border-top: 0;*/
}
.order-title:nth-child(2) {
	border-top:0;
}
.order-title dl {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}
.order-title dt {
	width: 160px;
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: 600;
}
.order-title dt .required {
	padding-left: 2px;
}
.order-title dd {
	flex: 1;
	margin: 0;
	padding: 0;
}

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

@media screen and (max-width: 767px) {

	.order-title {
		margin-bottom: 10px;
	}
	.order-title dl {
		display: block;
	}
	.order-title dt {
		width: 100%;
		margin-bottom: 10px;
	}

}


/*-------------------------------------------------------------------------
order-option
-------------------------------------------------------------------------*/

.order-option {
	margin: 0;
	padding: 15px 20px;
	background: #F6F6F6;
	border: 1px solid #E2E2E2;
}
.order-option dl {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}
.order-option dt {
	width: 200px;
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: 600;
}
.order-option dd {
	flex: 1;
	margin: 0;
	padding: 0;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.order-option dl {
		display: block;
	}
	.order-option dt {
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}
}

/*-------------------------------------------------------------------------
order-address
-------------------------------------------------------------------------*/

.order-address {
	margin: 0 0 50px 0;
	padding: 15px 20px;
	border: 1px solid #E2E2E2;
}
.order-address dt {
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: 600;
	color: #FD4D4D;
}
.order-address dd {
	margin: 0;
	padding: 0;
}
.order-address dd p:last-of-type {
	margin-bottom: 0;
}

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

@media screen and (max-width:767px) {
	.order-address {
		margin-bottom: 20px;
	}
}

/*-------------------------------------------------------------------------
order-select
-------------------------------------------------------------------------*/
.order-select-wrap:not(:last-child) {
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: 2px solid #cecece;
}
.order-select {
	margin: 0 0 50px 0;
	padding: 0;
	display :flex;
	justify-content: space-between;
}
.order-select-wrap:first-of-type {
	margin-top: 30px;
}

.order-select-title {
	margin: 0;
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 25px;
	font-weight: 600;
	line-height: 1.45;
	color: #F552C9;
}
.order-select-title span {
	display: inline-block;
	color: #666;
	margin-left: 30px;
}
.order-select li {
	width: calc(50% - 20px);
	width: -webkit-calc(50% - 20px);
	margin: 0;
	padding: 0;
}
.order-select li > div {
	background: #FFF4FC;
	padding: 25px 20px;
	border-top: 1px solid #D2D2D2;
}
.order-select li > div:last-of-type {
	margin-bottom: 15px;
	border-bottom: 1px solid #D2D2D2;
	margin-top: 15px;
}
.order-select li > div p:last-of-type {
	margin-bottom: 0;
}

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

@media screen and (max-width:767px) {

	.order-select {
		margin-bottom: 30px;
		display :block;
	}
	.order-select-title span {
		margin-left: 0;
		font-size: 20px;
	}
	.order-select li {
		width: 100%;
		margin-bottom: 20px;
	}
	.order-select li:last-child {
		margin-bottom: 0;
	}

}

/*-------------------------------------------------------------------------
order-separate
-------------------------------------------------------------------------*/

.order-separate {
	margin-bottom: 50px;
}
.order-separate:last-of-type {
	margin-bottom: 20px;
}

.order-separate .order-separate-radio {
}
.order-separate .order-separate-radio ul {
	margin: 0;
	padding: 30px;
	background: #DBFFF4;
	display: flex;
}
.order-separate .order-separate-radio ul.yellow {
	background: #feffdb;
}
.order-separate .order-separate-radio li {
	margin: 0 30px 0 0;
	padding: 0;
}

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

@media screen and (max-width:767px) {

	.order-separate .order-separate-radio ul {
		padding: 20px;
		display: block;
	}
	.order-separate .order-separate-radio li {
		margin-bottom: 10px;
	}
	.order-separate .order-separate-radio li:last-child {
		margin-bottom: 0;
	}

}


/*-------------------------------------------------------------------------
order-separate-option
-------------------------------------------------------------------------*/

.order-separate-option {
	display: none;
	padding: 30px;
	background: #F2F2F2;
}
.order-separate-option .form.type2 {
	margin-top: 0;
}


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

@media screen and (max-width:767px) {

	.order-separate-option {
		padding: 20px;
	}

}


/*-------------------------------------------------------------------------
order-title
-------------------------------------------------------------------------*/

.payment-select {
	margin: 0 0 40px 0;
	padding: 30px;
	background: #FFF4FC;
}
.payment-select ul {
	margin: 0;
	padding: 0;
}
.payment-select li {
	margin: 0 0 25px 0;
	padding: 0;
}
.payment-select li:last-child {
	margin-bottom: 0;
}
.payment-select li p {
	margin-bottom: 5px;
	padding-left: 33px;
}
.payment-select li p:first-of-type {
	margin-left: -33px;
}
.payment-select li p:last-of-type {
	margin-bottom: 0;
}
.payment-select li .submit {
	margin-top: 10px;
}
.payment-select li label {
	font-weight: 600;
}

.payment-select li .input_notice {
	display: block;
	margin-top: 5px;
	padding-left: 154px;
	color: #FD4D4D;
	font-size: 13px;
	line-height: 1.4;
}

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

@media screen and (max-width:767px) {

	.payment-select {
		margin-bottom: 20px;
		padding: 20px;
	}

	.payment-select li .input_notice {
		padding-left: 0;
	}

}
/*-------------------------------------------------------------------------
shipping address opy button
-------------------------------------------------------------------------*/
.shipp-addr-copy{
	margin-bottom: 15px;
	cursor: pointer;
	padding: 5px 5px;
	border: 1px solid #C7C7C7;
	background: #F6F6F6;
	color:#000;
	font-size: 100%;
}

.shipp-addr-copy:hover{
	display: inline;
	bottom: -2px;
	opacity: 0.8;
}

/*-------------------------------------------------------------------------
payment-point
-------------------------------------------------------------------------*/

.payment-point {
	margin: 0 0 25px 0;
	padding: 25px 30px;
	background: #FBFFDB;
}
.payment-point .title {
	margin-bottom: 20px;
}
.payment-point .inline_radio {
	display: inline-block;
	display: inline-flex;
	padding-left: 0;
}
.payment-point .inline_radio li {
	margin-left: 30px;
}
.payment-point .point {
	margin: 0 0 20px 0;
	padding: 0;
	display: flex;
	align-items: center;
	font-weight: 600;
	color: #FD4D4D;
}
.payment-point .point dt {
	margin: 0 20px 0 0;
	padding: 0;
}
.payment-point .point dd {
	font-size: 25px;
	margin: 0;
	padding: 0;
}
.payment-point p {
	display: flex;
	align-items: center;
}
.payment-point p:last-of-type {
	margin: 0;
}
.payment-point p input[type="tel"] {
	margin: 0 10px;
}

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

@media screen and (max-width:767px) {

	.payment-point {
		padding: 20px;
	}
	.payment-point .inline_radio {
		margin-top: 10px;
	}
	.payment-point .inline_radio li:first-child {
		margin-left: 0;
	}
	.payment-point .point {
		margin-bottom: 10px;
	}

}

/*-------------------------------------------------------------------------
payment-total
-------------------------------------------------------------------------*/

.payment-total {
	width: 100%;
	max-width: 450px;
	margin: 0;
	padding: 0;
}
.payment-total li {
	margin: 0;
	padding: 15px 45px 15px 30px;
	border-top: 1px solid #D2D2D2;
}
.payment-total li:last-child {
	padding-top: 0;
	border-top: 0;
}
.payment-total li:first-child {
	padding-top: 0;
	border-top: 0;
}
.payment-total li p {
	margin-bottom: 0;
}
.payment-total dl {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}
.payment-total dl.sub {
	margin-left: 15px;
}
.payment-total dt {
	margin: 0 auto 0 0;
	padding: 0;
}
.payment-total dd {
	font-size: 20px;
	margin: 0;
	padding: 0;
}
.payment-total dl.total {
	font-weight: 600;
	color: #FF1D8E;
}
.payment-total dl.total dd {
	font-size: 25px;
}


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

@media screen and (max-width:767px) {


	.payment-total li {
		padding: 10px 0;
	}

}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■仕上がりサイズ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.size {
	margin-top: 15px;
	display: none;
}
.size div {
	margin-top: 10px;
	padding: 20px 30px;
	background: #DBFFF4;
}
.size div p {
	margin: 0;
	display: flex;
	align-items: center;
}
.size div .submit.center {
	margin-top: 20px;
}

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

@media screen and (max-width: 767px) {
	.size div {
		padding: 20px;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■注文履歴・データ入稿
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.page {
	padding: 35px 30px;
	background: #DBFFF4;
}
.page dl {
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: 600;
	display: flex;
	align-items: center;
}
.page dt {
	margin: 0 15px 0 0;
	padding: 0;
	display: flex;
	align-items: center;
}
.page dt span {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	padding: 0 15px;
}
.page dt span.page_bgw {
	background-color: #fff;
	padding: 10px;
}
.page dt span.page_bgw select {
	margin: 0 10px;
}
.page dt img {
	margin-right: 10px;
}
.page dd {
	margin: 0;
	padding: 0;
	font-size: 25px;
	color: #FD4D4D;
	flex: 1;
}
.page dd label {
	display: inline-block;
}
.page .submit.center {
	margin-top: 30px;
}

@media screen and (max-width: 1000px) {
	.page dl {
		font-size: 15px;
		display: block;
		text-align: center;
	}
	.page dt {
		margin-bottom: 5px;
		justify-content: center;
		margin-left: 15px;
		flex-direction: column;
	}
	.page dt span {
		display: block;
		width: 100%;
		text-align: center;
		margin: 5px 0;
	}
	.page dt span.page_bgw {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
	.page dd {
		width: 100%;
	}
}
/*-----------------------------------------------------------------------*/

@media screen and (max-width: 767px) {
	.page {
		padding: 20px;
	}
	.page dd {
		font-size: 18px;
	}
	.page .submit.center {
		margin-top: 10px;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■注文履歴・データ入稿
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.order-search {
	padding: 20px 30px;
	border: 1px solid #E2E2E2;
	background: #DFFAFF;
}
.order-search dl {
	margin: 0 0 25px 0;
	padding: 0;
	display: flex;
	align-items: center;
	font-weight: 600;
}
.order-search dl:last-of-type {
	margin-bottom: 0;
}
.order-search dt {
	margin: 0 10px 0 0;
	padding: 0;
}
.order-search dd {
	flex: 1;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}
.order-search dd p {
	margin: 0;
	display: flex;
	align-items: center;
}
.order-search dd p select {
	margin: 0 10px 0 15px;
}
.order-search dd p input[type="text"] {
	flex: 1;
	width: 100%;
	margin: 0 20px 0 15px;
}
.order-history {
	margin: 0;
	padding: 0;
}
.order-history > li {
	margin: 50px 0 0 0;
	padding: 0;
}
.order-history .status {
	padding: 20px 35px;
	background: #EAEAEA;
	display: flex;
}
.order-history .status .number {
	flex: none;
	width: 320px;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}
.order-history .status .number dt {
	margin: 0 10px 0 0;
	padding: 0;
}
.order-history .status .number dd {
	margin: 0;
	padding: 0;
}
.order-history .status .progress {
	width: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}
.order-history .status .progress dt {
	flex: none;
	margin: 0 10px 0 0;
	padding: 0;
}
.order-history .status .progress dd {
	flex: 1;
	margin: 0;
	padding: 0;
	font-weight: 600;
	color: #FF0086;
	display: flex;
	align-items: center;
}
.order-history .document {
	margin: 0 0 20px 0;
	padding: 0;
	display: flex;
}
.order-history .document li {
	margin: 0 15px 0 0;
	padding: 0;
}
.order-history .document li a, .order-history .document li span {
	width: 150px;
	height: 40px;
	background: #32CFEB;
	border-radius: 5px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.order-history .document li span {
	background: #96EFFF;
}
.order-history .document li:nth-last-child(2) {
	margin: 0 15px 0 auto;
}
.order-history .document li:nth-last-child(1) {
	margin: 0;
}
/* #Detail_page の子孫にある場合だけ打ち消す */
#Detail_page .order-history .document li:nth-last-child(2) {
	margin: 0 15px 0 0;
	padding: 0;
}


.order-history .document li:last-child a {
	background: #F552C9;
}
.order-history .document li:nth-last-child(2) a {
	background: #B3B3B3;
}

.order-history .date {
	margin: 0 0 20px 0;
	padding: 0;
}
.order-history .date dl {
	margin: 0 0 5px 0;
	padding: 0;
	display: flex;
}
.order-history .date dl:last-of-type {
	margin-bottom: 0;
}
.order-history .date dt {
	width: 100px;
	margin: 0 15px 0 0;
	padding: 0;
	font-weight: 600;
}
.order-history .date dd {
	margin: 0;
	padding: 0;
}
.order-history .order-list {
	margin: 0;
	padding: 0;
}
.order-history .order-list .head {
	margin: 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #C7C7C7;
	display: flex;
}
.order-history .order-list .head dt {
	width: 200px;
	margin: 0;
	padding: 0;
}
.order-history .order-list .head dd {
	margin: 0;
	padding: 0;
}
.order-history .order-list .body {
	margin: 0;
	padding: 0;
}
.order-history .order-list .body > li {
	margin: 0;
	padding: 20px 0;
	border-bottom: 1px solid #C7C7C7;
}
.order-history .order-list .body > li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}
.order-history .order-list .detail {
	margin: 0;
	padding: 0;
	display: flex;
}
.order-history .order-list .detail > dt {
	flex: none;
	margin: 0 40px 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}
.order-history .order-list .detail > dt span {
	margin-bottom: 10px;
}
.order-history .order-list .detail > dd {
	margin: 0;
	padding: 0;
}
.order-history .order-list .detail > dd dl {
	margin: 0;
	padding: 0;
	display: flex;
}
.order-history .order-list .detail > dd dt {
	width: 105px;
	flex: none;
	margin: 0 15px 0 0;
	padding: 0;
	font-weight: 600;
}
.order-history .order-list .detail > dd dd {
	margin: 0;
	padding: 0;
}
.order-history .order-list .detail > dd dd p {
	margin: 0;
}
progress {
	flex: 1;
	border-radius: 6px;
}
progress[value] {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-color: #fff;
	border: 0;
	border-radius: 6px;
	color: #FF0086;
	/* IE */
	height: 12px;
	margin-left: 25px;
}

/* chrome */

progress[value]::-webkit-progress-bar {
	background-color: #fff;
	border: 0;
	border-radius: 6px;
}
progress[value]::-webkit-progress-value {
	background-color: #FF0086;
	border: 0;
	border-radius: 6px;
}

/* firefox */

progress[value]::-moz-progress-bar {
	background-color: #FF0086;
	border: 0;
	border-radius: 6px;
}



@media screen and (max-width: 900px) {
	.order-history .order-list .detail .submit {
		display: block;
	}
	.order-history .order-list .detail .submit li {
		margin-left: 0;
		margin-bottom: 20px;
	}
}
/*-----------------------------------------------------------------------*/

@media screen and (max-width: 767px) {
	.order-search {
		padding: 20px;
	}
	.order-search dl {
		margin-bottom: 10px;
		display: block;
	}
	.order-search dt {
		margin: 0 0 5px 0;
	}
	.order-search dd {
		align-items: start;
		flex-direction: column;
	}
	.order-search dd p {
		margin-bottom: 10px;
	}
	.order-search dd p:last-of-type {
		margin-bottom: 0;
	}
	.order-search dd p select {
		margin: 0 5px 0 10px;
	}
	.order-search dd p select:first-of-type {
		margin-left: 0;
	}
	.order-search dd p input[type="text"] {
		margin: 0 15px 0 0;
	}
	.order-history > li {
		margin-top: 20px;
	}
	.order-history .status {
		padding: 15px 20px;
		display: block;
	}
	.order-history .status .number {
		width: auto;
	}
	.order-history .document {
		margin-bottom: 15px;
		flex-wrap: wrap;
	}
	.order-history .document li {
		margin: 0 10px 10px 0;
	}
	.order-history .document li a, .order-history .document li span {
		width: auto;
		height: 32px;
		padding: 0 10px;
	}
	.order-history .document li:last-child {
		margin: 0;
	}
	.order-history .date {
		margin-bottom: 0;
	}
	.order-history .date dl {
		margin-bottom: 0;
	}
	.order-history .date dt {
		width: 100px;
		margin-right: 10px;
	}
	.order-history .order-list .head {
		display: none;
	}
	.order-history .order-list .body {
		margin: 0;
		padding: 0;
	}
	.order-history .order-list .body > li {
		margin: 0;
		padding: 20px 0;
	}
	.order-history .order-list .detail {
		display: block;
	}
	.order-history .order-list .detail > dt {
		margin: 0 0 15px 0;
		text-align: center;
	}
	.order-history .order-list .detail > dt span {
		margin-bottom: 0;
	}
	.order-history .order-list .detail > dd dl {
		margin-bottom: 5px;
		display: block;
	}
	.order-history .order-list .detail > dd dl:last-of-type {
		margin-bottom: 15px;
	}
	.order-history .order-list .detail > dd dt {
		width: auto;
		margin: 0;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■発送先住所の登録・編集
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.shipping-list {
	width: 100%;
	margin: 40px 0 0 0;
	padding: 0;
}
.shipping-list p {
	margin: 0;
	display: flex;
	align-items: center;
}
.shipping-list li {
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.shipping-list li > p + p {
	margin-left: 40px;
}
.shipping-list li > p + form {
	margin-left: 40px;
}
.shipping-list dl {
	margin: 0 auto 0 0;
	padding: 0;
	display: flex;
}
.shipping-list dt {
	margin: 0;
	padding: 0;
}
.shipping-list dd {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}
.shipping-list.type1 li:nth-child(odd) {
	background: #F6F6F6;
}
.shipping-list.type1 li {
	padding: 15px 30px;
}
.shipping-list.type1 dl {
	align-items: center;
}
.shipping-list.type1 dt {
	min-width: 120px;
	position: relative;
}
.shipping-list.type1 input[type="checkbox"] + span:before,
.shipping-list.type1 input[type="checkbox"] + span:after{
	margin-top: -4px;
}
.shipping-list.type1 dd p:first-of-type {
	width: 220px;
	margin-right: 20px;
}
.shipping-list.type2 {
	border-top: 1px solid #d2d2d2;
}
.shipping-list.type2 li {
	margin: 0;
	padding: 25px 0;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #d2d2d2;
}
.shipping-list.type2 li label {
	display: flex;
	margin-right: auto;
}
.shipping-list dt {
	margin-right: 15px;
}
.shipping-list .tel {
	width: 80px;
}

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

@media screen and (max-width: 767px) {
	.shipping-list {
		margin-top: 20px;
	}
	.shipping-list li {
		width: auto;
		flex-wrap: wrap;
	}
	.shipping-list li > p + p {
		margin-left: 10px;
	}
	.shipping-list dl {
		margin: 0;
		display: block;
		width: 100%;
	}
	.shipping-list dt {
		display: block;
		font-weight: 600;
		margin-bottom: 5px;
	}
	.shipping-list dd {
		display: block;
		margin-bottom: 10px;
	}
	.shipping-list dd p {
		margin-bottom: 5px;
	}
	.shipping-list dd p:last-of-type {
		margin-bottom: 0;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■ポイントの確認
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.point-status {
	margin: 0 0 50px 0;
	padding: 20px 30px;
	border: 1px solid #E2E2E2;
	background: #DFFAFF;
	display: flex;
	align-items: center;
}
.point-status dl {
	margin: 0 60px 0 0;
	padding: 0;
	font-weight: 600;
	color: #FF1D8E;
	display: flex;
	align-items: center;
}
.point-status dt {
	margin: 0 25px 0 0;
	padding: 0;
}
.point-status dd {
	margin: 0;
	padding: 0;
	font-size: 35px;
}
.point-status p {
	margin: 0;
	font-weight: 600;
	display: flex;
	align-items: center;
}
.point-history {
	margin: 0 0 0 0;
	padding: 0;
}
.point-history li {
	margin: 0 0 15px 0;
	padding: 0;
}
.point-history li:last-child {
	margin-bottom: 0;
}
.point-history li.red {
	color: #FD4D4D;
}

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

@media screen and (max-width: 767px) {
	.point-status {
		margin-bottom: 30px;
		padding: 20px;
		display: block;
	}
	.point-status dl {
		margin-right: 0;
	}
	.point-history li span + span {
		margin-left: 10px;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■フォーム
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.form {
	margin: 0;
	padding: 0;
}
.form li {
	margin: 0;
	padding: 0;
}
.form li:last-child {
	margin-bottom: 0;
}
.form li p {
	display: flex;
	align-items: center;
}
.form dl {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}
.form dl.start {
	align-items: start;
}
.form dl.start dt {
	margin-top: 10px;
}
.form dt {
	flex: none;
	margin: 0;
	padding: 0;
}
.form .required,
.required {
	padding-left: 5px;
	color: #FF1D8E;
}
.form dd {
	flex: 1;
	margin: 0;
	padding: 0;
}
.form dd p {
	display: flex;
	align-items: center;
}
.form dd p:last-of-type {
	margin-bottom: 0;
}
.form.type1 {
	margin-top: 50px;
}
.form.type1 li {
	margin-bottom: 35px;
}
.form.type1 li:last-child {
	margin-bottom: 0;
}
.form.type1 dt {
	width: 180px;
}
.form.type1 dd .name {
	width: 30%;
}
.form.type1 dd:nth-child(3) .name {
	width: 30%;
	padding-left: 20px;
}
.form.type2 {
	margin-top: 20px;
}
.form.type2 li {
	margin-bottom: 20px;
}
.form.type2 li:last-child {
	margin-bottom: 0;
}
.form.type2 dt {
	width: 80px;
	font-weight: 600;
}



.form.type1 .form_col2 dl {
	align-items: flex-start;
}
.form.type1 .form_col2 dt {
	margin-top: 11px;
}
.form.type1 .form_col2 dd {
	margin-right: 20px;
}
.form.type1 .form_col2 dd:last-child {
	margin-right: 0;
}

.form.type1 .form_col2 dd p {
	flex-wrap: wrap;
	box-sizing: border-box;
}
.form.type1 .form_col2 dd p .name {
	padding-left: 0;
}
.form.type1 .verify {
	color: #f00;
}
.form.type1 .form_col2 .verify {
	margin-top: 10px;
	padding-left: 25%;
	color: #f00;
	width: 100%;
}
.form.type1 .verify.verify_l {
	padding-left: 0;
	margin-top: 10px;
	display: block;
}

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

@media screen and (max-width: 767px) {
	.form dl {
		display: block;
	}
	.form dl.start dt {
		margin-top: 0;
	}
	.form.type1 {
		margin: 20px 0 0 0;
	}
	.form.type1 li {
		margin-bottom: 10px;
	}
	.form.type1 li:last-child {
		margin-bottom: 0;
	}
	.form.type1 dt {
		width: auto;
		margin-bottom: 5px;
		font-weight: 600;
	}
	.form.type1 dd + dd {
		margin-top: 10px;
	}
	.form.type1 dd .name {
		width: 30%;
		padding-left: 20px;
	}
	.form.type1 dd:nth-child(3) .name {
		width: 30%;
	}


	.form.type1 .form_col2 dt {
		margin-top: 0;
	}
	.form.type1 .form_col2 dd {
		margin-right: 0;
	}
	.form.type1 .verify {
		color: #f00;
	}
	.form.type1 .form_col2 .verify {
		padding-left: 0;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■ログイン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.login {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
}
.login > li {
	width: calc(50% - 15px);
	width: -webkit-calc(50% - 15px);
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}
.login > li h3 {
	margin-bottom: 10px;
}
.login > li div {
	flex: auto;
	padding: 24px 35px;
	border: 4px solid #E5E5E5;
}
.login > li div dl {
	margin: 0 0 15px 0;
	padding: 0;
}
.login > li div dt {
	margin: 0 0 2px 0;
	padding: 0;
}
.login > li div dd {
	margin: 0;
	padding: 0;
}
.login > li div .submit {
	margin-top: 20px;
	margin-bottom: 20px;
}
.login > li div p img {
	max-width: 100%;
}
.login > li div p:last-of-type {
	margin-bottom: 0;
}

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

@media screen and (max-width: 767px) {
	.login {
		display: block;
	}
	.login > li {
		width: 100%;
		margin-bottom: 30px;
		display: block;
	}
	.login > li:last-child {
		margin-bottom: 0;
	}
	.login > li div {
		padding: 20px;
	}
	.login > li div label {
		font-size: 13px;
	}
}

/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
■共通スタイル
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, fieldset, form, label, legend, table, caption, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	border: 0;
	outline: 0;
	font-size: 100%;
	font-style: normal;
	vertical-align: baseline;
	background: transparent;
	margin: 0;
	padding: 0
}
main, article, aside, details, summary, blockquote, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, p, figure {
	margin: 0;
}
ul {
	list-style: none
}
li {
	margin-bottom: 0
}
img, iframe, input, textarea {
	vertical-align: top
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
html {
	overflow-y: scroll;
	/*overflow-x: hidden;*/
}
body {
	font-size: 15px;
	line-height: 1;
	/*letter-spacing: .1em;*/
	font-family: Helvetica, "Hiragino Sans" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN" , "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
	font-feature-settings: "palt";
	color: #666;
	-webkit-text-size-adjust: 100%;
	margin: 0 auto;
	padding: 0;
}
a {
	color: #666;
	font-size: 100%;
	vertical-align: baseline;
	text-decoration: none;
	margin: 0;
	padding: 0;
	position: relative;
	transition: opacity 0.2s ease;
}
a img,
label img {
	transition: .5s;
}
a:hover img,
label:hover img {
	opacity: 0.75;
	filter: alpha(opacity=75);
}
a:has(img)::after {
  display: none;
}
/*a:hover {
	text-decoration: underline
}*/
a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.25s ease;
}

a:hover::after {
  transform: scaleX(1);
}

a.underline {
	text-decoration: underline;
}
a.underline:hover {
	text-decoration: none;
}
a.black {
	color: #000;
}
a.center {
	display: block;
	text-align: center;
}
label, .pc-toggle {
	cursor: pointer;
}
input::placeholder, textarea::placeholder {
	color: #B9B9B9;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #B9B9B9;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
	color: #B9B9B9;
}

/*------------------------------------------------------------------------*/
@media screen and (min-width: 1000px) {
	.sp_menu_top {
		display: none !important;
	}
}

@media screen and (min-width: 769px) and (max-width: 1000px) {
	.sp_menu_top {
		/*		display: block;*/
	}
}

@media screen and (min-width: 768px) {
	.sp {
		display: none !important;
	}
	.t {
		display: none;
	}
	a[href^="tel:"] {
		pointer-events: none;
	}
}

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

@media screen and (min-width: 768px) and (max-width: 1000px) {
	.t {
		display: block;
	}

}
/*------------------------------------------------------------------------*/

@media screen and (max-width: 767px) {
	.pc {
		display: none !important;
	}
	.t {
		display: none;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■レイアウト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

main {
	width: 100%;
	max-width: 1360px;
	margin: 30px auto 0 auto;
	padding: 0 30px;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.inner {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0;
}
@media screen and (max-width: 1000px) {
	main {
		width: 1000px;
		max-width: 100%;
	}
}

/*-------------------------------------------------------------------------
sidebar
-------------------------------------------------------------------------*/

.sidebar {
	order: 2;
	flex: none;
	width: 270px;
	height: 100%;
	margin: 0 0 90px 30px;
	/*position: sticky;
	left: 0;
	top: 30px;*/
	z-index: 9;
}
.sidebar h2.border {
	font-size: 35px;
	font-weight: 600;
	color: #1C8B6A;
	margin: 0 0 30px 0;
	padding: 0 0 10px 0;
	border-bottom: 2px solid #1C8B6A;
}
.sidebar h3 {
	font-size: 20px;
	text-align: center;
	margin: 0 0 15px 0;
	margin-left: -20px;
	margin-right: -20px;
}
.sidebar h4 {
	font-size: 15px;
	font-weight: 600;
	margin: 0 0 20px 0;
}
.sidebar ul {
	margin: 0;
	padding: 0;
}
.sidebar li {
	margin: 0;
	padding: 0;
}
.sidebar li:not(:last-child):after {
	content: "";
	display: block;
	width: 18px;
	height: 11px;
	margin: 0 auto 1px auto;
	background: url(../img/sidebar_icon_arrow.png) no-repeat left top;
}
.sidebar li a {
	display: block;
	padding: 10px;
	border: 4px solid #32CFEB;
	border-radius: 5px;
	background: #fff;
}
.sidebar li a:hover,
.sidebar li.current a {
	background: #32CFEB;
	color: #fff;
	text-decoration: none;
}
.sidebar li span {
	display: block;
	padding: 10px;
	border: 4px solid #E2E2E2;
	border-radius: 5px;
	background: #fff;
}
.sidebar li dl {
	margin: 0;
	padding: 0;
	line-height: 1.5;
}
.sidebar li dt {
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: 600;
}
.sidebar li dd {
	min-height: 22px;
	margin: 0;
	padding: 0;
}
.sidebar .submit {
	margin: 0 0 30px 0;
}
.sidebar .address {
	margin: 0 0 15px 0;
	padding: 0;
}
.sidebar .address dt {
	margin: 0 0 10px 0;
	padding: 0;
}
.sidebar .address dd {
	margin: 0;
	padding: 0;
}
.sidebar .address dd p {
	margin: 0;
	display: flex;
	align-items: center;
}
.view-pc .sidebar .sp-toggle + ul {
	display: block!important;
}

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

@media screen and (max-width: 767px) {
	.sidebar {
		width: auto;
		margin: 0 20px 30px 20px;
		position: static;
		top: 64px!important;
	}
	.sidebar h2.border {
		font-size: 20px;
		margin-bottom: 30px;
	}
	.sidebar h3 {
		font-size: 18px;
		color: #fff;
		padding: 15px;
		margin-bottom: 0;
		background: url(../img/sidebar_icon_plus.png) no-repeat right 12px center #FF8800;
	}
	.sidebar h3.open {
		background: url(../img/sidebar_icon_minus.png) no-repeat right 12px center #FF8800;
	}
	.sidebar h3 + ul {
		display: none;
	}
	.sidebar ul {
		margin: 0;
		padding: 15px 18px;
		background: #F2F2F2;
	}
	.sp.sp_only_ttl{
		margin-bottom: 0;
	}
	.sp.sp_only_ttl article{
		margin-bottom: 0;
	}

}

/*-------------------------------------------------------------------------
section
-------------------------------------------------------------------------*/

section {
	margin: 0 0 120px 0;
}
.thin {
	width: 800px;
	margin-left: auto!important;
	margin-right: auto!important;
}
section p, section ul, section dl, section table {
	line-height: 1.67;
}
section p {
	margin: 0 0 15px 0;
}
section a {
	color: #0066C0;
}
article h2.border {
	font-size: 30px;
	font-weight: 550;
	color: #F552C9;
	margin: 10px 0 30px 0;
	padding: 0 0 5px 0;
	border-bottom: 4px dotted #32CFEB;
	line-height: 1.3;
}
article h3 {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.45;
	margin: 0 0 10px 0 ;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
article h3 small {
	font-size: 15px;
	font-weight: normal;
	color: #FD4D4D;
	margin: 0 auto 0 25px;
}
article h3 span {
	font-size: 20px;
	font-weight: 600;
	color: #FD4D4D;
}
article h3 a {
	font-size: 15px;
	font-weight: normal;
	color: #000;
	background: url(../img/article_icon_arrow-right_pink.png) no-repeat left center;
	padding-left: 15px;
}
article h3.space-between {
	justify-content: space-between;
}
article h3 select {
	margin-left: 90px;
}
article h3.green {
	color: #0066C0;
}
article h3.band {
	font-size: 20px;
	line-height: 1;
	color: #F552C9;
	margin: 0 0 20px 0 !important;
	padding: 0px 0px 8px 2px;
	justify-content: flex-start;
	border-bottom: 4px dotted #32CFEB;
}
article h3.band b.pc {
	margin-right: 20px;
}
article h4 {
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 5px 0;
}
article h4.green {
	color: #0066C0;
	line-height: 1.4;
	font-size: 20px;
}
article h4.red {
	color: #FF1D8E;
}
article h4.border {
	font-size: 18px;
	font-weight: 600;
	color: #000;
	margin: 35px 0 25px 0;
	margin: 0 0 25px 0;
	padding: 12px 0px 10px 10px;
	background-color: #c6f6ff;
	line-height: 1.4;
}
article h4.band {
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	margin: 0 0 20px 0;
	padding: 15px;
	background: #F552C9;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	border-radius: 5px;
}
article h4.band img {
	margin-right: 10px;
}
.box {
	margin: 0 0 50px 0;
	padding: 0;
}
.box>p.red {
	font-size: 20px;
	font-weight: 600;
	color: #FF1D8E;
}



article .ttl_section {
	font-size: 25px;
	font-weight: 600;
	line-height: 1.45;
	margin: 0 0 15px 0 ;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
article .ttl_section small {
	font-size: 15px;
	font-weight: normal;
	color: #FD4D4D;
	margin: 0 auto 0 25px;
}
article .ttl_section span {
	font-size: 20px;
	font-weight: 600;
	color: #FD4D4D;
}
article .ttl_section a {
	font-size: 15px;
	font-weight: normal;
	background: url(../img/article_icon_arrow-right_pink.png) no-repeat left center;
	padding-left: 17px;
	background-size: 10px auto;
}
article .ttl_section.space-between {
	justify-content: space-between;
}
article .ttl_section select {
	margin-left: 90px;
}
article .ttl_section.green {
	color: #1C8B6A;
}
article .ttl_section.band {
	font-size: 20px;
	line-height: 1;
	color: #fff;
	margin: 0 0 20px 0 !important;
	padding: 15px;
	background: #1C8B6A;
	justify-content: flex-start;
}
article .ttl_section.band b.pc {
	margin-right: 20px;
}
@media only screen and (max-width: 767px) {
	article .ttl_section {
		font-size: 21px;
		margin-bottom: 20px;
	}
	article .ttl_section a {
		font-size: 13px;
		font-weight: normal;
		background: url(../img/article_icon_arrow-right_pink.png) no-repeat left center;
		padding-left: 12px;
		background-size: 10px auto;
	}
	article .ttl_section.band {
		font-size: 18px;
	}
	article .ttl_section.band.sp-toggle {
		background: url(../img/sidebar_icon_plus.png) no-repeat right 12px center #1C8B6A;
	}
	article .ttl_section.band.open {
		background: url(../img/sidebar_icon_minus.png) no-repeat right 12px center #1C8B6A;
	}
	article .ttl_section.band.sp-toggle + div {
		display: none;
	}
	article .ttl_section small {
		width: 100%;
		font-size: 13px;
		margin: 0;
	}
}



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

@media screen and (min-width: 768px) {


	article {
		flex-grow: 1;
		width: 100%;
		margin: 0;
	}
	.sidebar + article {
		width: calc(100% - 300px);
	}

}

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

@media screen and (max-width: 767px) {
	main {
		margin: 60px 0 0 0;
		padding: 0;
		display: block;
	}
	.inner {
	}
	article {
		max-width: 100%;
		margin: 0 0 50px 0;
	}
	.thin {
		width: inherit;
	}
	section {
		margin: 0 20px 50px 20px;
	}
	article h2.border {
		font-size: 20px;
		margin-bottom: 30px;
	}
	article h3 {
		font-size: 18px;
		margin-bottom: 20px;
	}
	article h3.band {
		font-size: 18px;
	}
	article h3.band.sp-toggle {
		background: url(../img/sidebar_icon_plus.png) no-repeat right 12px center #1C8B6A;
	}
	article h3.band.open {
		background: url(../img/sidebar_icon_minus.png) no-repeat right 12px center #1C8B6A;
	}
	article h3.band.sp-toggle + div {
		display: none;
	}
	article h3 small {
		width: 100%;
		font-size: 13px;
		margin: 0;
	}
	article h4 {
		font-size: 15px;
		margin-bottom: 10px;
	}
	article h4.band {
		font-size: 18px;
	}
	.box {
		margin-bottom: 30px;
	}
}

/*-------------------------------------------------------------------------
modal
-------------------------------------------------------------------------*/

.modal {
	width: 100%;
	margin: 0;
	padding: 0;
}
.modal > input[type="checkbox"] {
	display: none;
}
.modal .overlay {
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s ease;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(44, 140, 157, .5);
	display: flex;
	flex-direction: column;
	padding: 50px 0;
}
.modal .close {
	width: 100%;
	height: auto;
	min-height: 100%;
	position: fixed;
	cursor: pointer;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.modal input:checked ~ .close {
	z-index: 8;
}
.modal input:checked ~ .overlay {
	transform: scale(1);
	visibility: visible;
	opacity: 1;
	z-index: 11;
	overflow: auto;
}

.modal input:checked ~ .overlay-more {
	z-index: 22;
}

.modal input:checked ~ .overlay .wrap {
	z-index: 9;
}
.modal .wrap {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	padding: 0;
	text-align: left;
	position: relative;
	white-space: normal;
}

/* IE 用
.modal .wrap:after {
content: '';
display: block;
padding-bottom: 50px;
}*/

.modal .wrap.pc-w400px {
	max-width: 400px;
	min-height: auto;
}
.modal .wrap > div {
	height: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 40px 56px;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25);
}
.modal .wrap.pc-w400px > div {
	padding: 40px 30px;
}
.modal .wrap > div > span {
	position: absolute;
	right: 10px;
	top: 10px;
}
.modal .wrap .box:last-of-type {
	margin-bottom: 0;
}

.modal.order-cancel-modal .wrap {
	max-width: 1000px;
}

.modal .progress {
	margin: 0;
	padding: 20px;
	background: #eee;
	display: flex;
	align-items: center;
}
.modal .progress label {
	font-size: 20px;
	font-weight: 600;
	color: #FF0086;
	margin-right: 25px;
}

.modal .last {
	margin-bottom: 0;
}

.modal img {
	max-width: 100%;
}
.modal .pagination {
	margin-top: 35px;
}
.modal .pagination li a {
	padding: 16px 60px;
	border-radius: 3px;
}

/*-------------------------------------------------------------------------
upload
-------------------------------------------------------------------------*/

.modal .upload .detail {}
.modal .upload .detail dl {
	margin: 0;
	padding: 0;
	display: flex;
}
.modal .upload .detail dt {
	width: 105px;
	flex: none;
	margin: 0 15px 0 0;
	padding: 0;
	font-weight: 600;
}
.modal .upload .detail dd {
	margin: 0;
	padding: 0;
}
.modal .upload .detail dd p {
	margin: 0;
}
.modal .upload b.red {
	color: #FF1D8E;
}
.modal .upload .file {
	margin: 20px 0;
	padding: 30px 0 20px 0;
	border: 6px dotted #DEDEDE;
	font-weight: 600;
	color: #B9B9B9;
	text-align: center;
	transition: 0.2s;
}
.modal .upload .file p:first-of-type {
	font-size: 25px;
	margin-bottom: 20px;
}
.modal .upload .file p:last-of-type {
	margin-bottom: 0;
}
.modal .upload .file input {
	display: none;
	/* アップロードボタンのスタイルを無効にする */
}
.modal .upload .file label {
	display: inline-block;
	margin-left: 15px;
	padding: 12px 20px;
	border: solid 2px #E2E2E2;
	border-radius: 5px;
	background-color: #fff;
	font-weight: normal;
	color: #000;
	transition: .5s;
}
.modal .upload .file label:hover {
	background: #f5f5f5;
}
.modal .upload p.margin {
	margin-top: 20px;
}
.modal .upload .upload-history {
	margin: 0 0 0 20px;
	padding: 0;
}
.modal .upload .upload-history li {
	margin: 0 0 5px 0;
	padding: 0;
}
.modal .upload .upload-history li:last-child {
	margin-bottom: 0;
}

.modal .upload .file.dragover {
	border: 6px solid rgba(28, 139, 106, 0.4);
	background-color: rgba(28, 139, 106, 0.05);
	border-radius: 3px;

}
.modal .upload .file .has_file {
	color: #555555;
}

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

@media screen and (max-width: 767px) {
	.modal .wrap {
		width: auto;
		margin: auto 20px;
	}
	.modal .wrap > div {
		padding: 20px;
	}
	.modal .wrap.pc-w400px > div {
		padding: 20px;
	}
	.modal .wrap .submit + .submit {
		margin-top: 15px;
	}
	.modal .upload .detail dl:last-of-type {
		margin-bottom: 20px;
	}

	.modal .pagination {
		margin-top: 20px;
	}
	.modal .pagination li a {
		padding: 12px 30px;
		border-radius: 5px;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■フォームパーツ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

input[type="text"], input[type="tel"], input[type="email"], input[type="url"], input[type="password"], input[type="file"], input[type="date"], input[type="time"], select, textarea {
	background: #fff;
	border: 0;
	margin: 0;
	box-sizing: border-box;
	padding: 12px;
	box-shadow: none;
	border: 1px solid #707070;
	border-radius: 0;
	letter-spacing: 1px;
	-moz-appearance: none;
	-webkit-appearance: none;
	line-height: 1.25;
	outline: none;
}
select {
	padding: 12px 40px 12px 12px;
	margin: 0;
	box-shadow: none;
	border: 1px solid #707070;
	font-size: 13px;
	background:url(../img/article_icon_select.png) no-repeat right 12px center #fff;
}
select:-ms-expand {
	display: none;
}
select::-ms-expand {
	display: none;
}

form input[type="checkbox"],
form input[type="radio"],
.form_wrapper  input[type="checkbox"],
.form_wrapper  input[type="radio"],
input[type="radio"],
.shipping-list.type1 input[type="checkbox"]{
	display:none;
}
form label input[type="checkbox"] + span,
form label input[type="radio"] + span,
.form_wrapper  label input[type="checkbox"] + span,
.form_wrapper  label input[type="radio"] + span,
.shipping-list.type1 input[type="checkbox"] + span{
	position:relative;
	padding:0 0 0 33px;
}
form label,
.form_wrapper  label{
	display: flex;
	align-items: center;
}
form label span,
.form_wrapper  label span{
	display:inline-block;
}
form label input[type="radio"] + span:before,
.form_wrapper  label input[type="radio"] + span:before{
	position: absolute;
	display: inline-block;
	content: '';
	box-sizing: border-box;
	border-radius: 100%;
	z-index: 0;
	top:1px;
	left: 0;
	background-color: #fff;
	width: 23px;
	height: 23px;
	border: 1px solid #707070;
}
form label input[type="radio"]:checked + span:after,
.form_wrapper label input[type="radio"]:checked + span:after{
	content: "";
	width: 11px;
	height: 11px;
	background: #666;
	border-radius: 50%;
	position: absolute;
	top: 7px;
	left: 6px;
}

label input[type="checkbox"] + span:before,
label input[type="checkbox"] + span:after,
.form_wrapper  label input[type="checkbox"] + span:before,
.form_wrapper  label input[type="checkbox"] + span:after,
.shipping-list.type1 input[type="checkbox"] + span:before,
.shipping-list.type1 input[type="checkbox"] + span:after{
	position: absolute;
	display: inline-block;
	content: '';
	box-sizing: border-box;
	top: 1px;
	left: 0;
}
form label input[type="checkbox"] + span:before,
.form_wrapper  label input[type="checkbox"] + span:before,
.shipping-list.type1 input[type="checkbox"] + span:before{
	z-index: 0;
	background-color: transparent;
	width: 23px;
	height: 23px;
	border: 1px solid #707070;
	border-radius: 0;
}
form label input[type="checkbox"] + span:after,
.form_wrapper  label input[type="checkbox"] + span:after,
.shipping-list.type1 input[type="checkbox"] + span:after{
	z-index:1;
}
form label input[type="checkbox"]:checked + span:after,
.form_wrapper  label input[type="checkbox"]:checked + span:after,
.shipping-list.type1 input[type="checkbox"]:checked + span:after{
	content:"✓";
	font-size:23px;
	color:#666;
	position:absolute;
	left:3px;
	top:-6px;
}
label.radio-inline__label:not(:first-of-type){
	margin-top: 20px;
}
label.inline {
	display: inline;
}


.submit {
	margin: 20px 0 10px 0;
	padding: 0;
	display: flex;
}
.submit.center {
	margin: 50px auto 0 auto;
	justify-content: center;
	text-align: center;
}
.submit.center input[type="submit"], .submit.center a, .submit.center label {
	margin: 0 auto;
}
.submit.order-select-submit {
	display: inline-block;
	margin: 0 0 0 20px;
}
.submit li {
	margin: 0;
	padding: 0;
}
.submit li + li {
	margin-left: 40px;
}
.submit input[type="submit"], .submit a, .submit label,p.submit input[type="button"] {
	margin: 0;
	border: 0;
	color: #fff;
	text-decoration: none;
	text-align: center;
	border-radius: 5px;
	box-sizing: border-box;
	display: inline-block;
	-webkit-appearance: none;
	font-family: Helvetica, "Hiragino Sans" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN" , "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
	position: relative;
	cursor: pointer;
}
.submit input[type="submit"]:hover, .submit a:hover, .submit label:hover,p.submit input[type="button"]:hover {
	bottom: -2px;
}
.submit .big {
	width: 270px;
	height: 56px;
	line-height: 56px;
	padding: 0;
	font-size: 20px;
	font-weight: 600;
}
.submit .small {
	height: 42px;
	line-height: 42px;
	padding: 0 50px;
	font-size: 15px;
	font-weight: normal;
}
.submit .high {
	height: 140px;
	line-height: 140px;
	font-size: 25px;
}
.submit .max {
	width: 100%;
}
.submit .auto {
	width: auto;
	max-width: 100%;
	padding-left: 40px;
	padding-right: 40px;
}
.submit .red {
	background: #FF1D8E;
}

.submit .def {
	background: rgb(200, 200, 200);
	color: #333;
	border: none;
	padding: 0;
	min-width: 160px;;
}

.submit .highred {
	background: #FF9CCD;
}

.submit .green {
	background: #32CFEB;
}
.submit .blue {
	background: #0066C0;
}
.submit .orange {
	background: #0066C0;
}

.submit .highorange {
	background: #FF8800;
	opacity: 0.7;
}

.submit .gray {
	background: #a0a0a0;
	opacity: 0.7;
}
.submit.contact {
	margin: 20px auto 0;
	padding: 0;
	display: flex;
	width: 410px;
}

/* 問い合わせ */
#page_contact .submit a{
	border-radius: 50px;
}

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

@media screen and (max-width: 767px) {
	.submit {
		margin-top: 0;
		display: block;
	}
	.submit.center {
		margin-top: 20px;
	}
	.submit .big, .submit .high {
		width: 100%;
		height: 56px;
		line-height: 56px;
		font-size: 18px;
	}
	.submit .auto {
		padding-left: 10px;
		padding-right: 10px;
	}
	.submit li + li {
		margin: 10px 0 0 0;
	}
	.submit + h4 {
		margin-top: 20px;
	}
	.submit.contact {
		margin: 20px auto 0;
		padding: 0;
		display: flex;
		width: 330px;
	}
}

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

@media screen and (min-width: 768px) {

	form.pc-flex {
		display: flex;
		width: 100%;
		max-width: 1200px;
	}
	.pc-w100 {
		width: 100%;
	}
	.pc-w75 {
		width: 75%;
	}
	.pc-w50 {
		width: 50%;
	}
	.pc-w40 {
		width: 40%;
	}
	.pc-w30 {
		width: 30%;
	}
	.pc-w25 {
		width: 25%;
	}
	.pc-w20 {
		width: 20%;
	}
	.pc-w15 {
		width: 15%;
	}
	.pc-w10 {
		width: 10%;
	}
	.pc-w5 {
		width: 5%;
	}
}

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

@media screen and (max-width: 767px) {
	.sp-w100 {
		width: 100%;
	}
	.sp-w75 {
		width: 75%;
	}
	.sp-w50 {
		width: 50%;
	}
	.sp-w40 {
		width: 40%;
	}
	.sp-w30 {
		width: 30%;
	}
	.sp-w25 {
		width: 25%;
	}
	.sp-w20 {
		width: 20%;
	}
	.sp-w15 {
		width: 15%;
	}
	.sp-w10 {
		width: 10%;
	}
	.sp-w5 {
		width: 5%;
	}
}

/*-------------------------------------------------------------------------
button
-------------------------------------------------------------------------*/

.button a, .button input[type="submit"], .button input[type="button"] {
	width: 64px;
	height: 36px;
	margin: 0;
	padding: 0;
	background: #fff;
	border: 2px solid #E2E2E2;
	border-radius: 5px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-appearance: none;
	font-size: 15px;
	font-weight: normal;
	font-family: Helvetica, "Hiragino Sans" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN" , "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
	color: #000;
	text-decoration: none;
	cursor: pointer;
	transition: .5s;
}
p.submit input[type="button"] {
	color: #fff;
	border: none;
	border-radius: 5px;
}
.button a:hover,
.button input[type="submit"]:hover,
.button input[type="button"]:hover {
	background: #f5f5f5;
}

/*-------------------------------------------------------------------------
pagination
-------------------------------------------------------------------------*/

.pagination {
	margin: 50px 0 0 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
}
.pagination li {
	margin: 0;
	padding: 0;
}
.pagination li a {
	margin: 0;
	padding: 12px 30px;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	display: block;
	font-weight: normal;
	position: relative;
	transition: .5s;
}
.pagination li a.previous {
	background: url(../img/article_icon_arrow-left_white.png) no-repeat left 12px center #A869ED;
}
.pagination li a.next {
	background: url(../img/article_icon_arrow-right_white.png) no-repeat right 12px center #A869ED;
}
.pagination li a:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
}
.pagination .red {
	background-color: #F552C9!important;
}

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

@media screen and (max-width: 767px) {
	.pagination {
		margin-top: 30px;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■header
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

header {
	width: 100%;
	padding: 0;
	margin: 0;
	z-index: 10;
	position: relative;
}
header:after{
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, rgba(243,204,255,1) 0%, rgba(255,255,191,1) 55%, rgba(93,213,235,1)100%);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
header * {
	box-sizing: border-box;
}
header input[type="checkbox"], input[type="checkbox"]#sp-header-modal, input[type="checkbox"]#sp-header-search {
	display: none;
}

/*-------------------------------------------------------------------------
未
-------------------------------------------------------------------------*/

header h1 {
	margin: 0;
	padding: 0;
}
header h1 a {
	display: block
}
header h1 img {}

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

@media screen and (max-width: 767px) {
	header {
		height: 60px;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 30;
	}
}

/*-------------------------------------------------------------------------
heading
-------------------------------------------------------------------------*/

.header-heading {
	border-bottom: 1px solid #F3F3F3;
}
.header-heading .inner {
	display: flex;
	align-items: center;
}
.header-heading h1 {
	font-size: 12px;
	font-weight: normal;
	color: #707070;
	margin: 0 auto 0 0;
}
.header-heading ul {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	position: relative;
}
.header-heading li {
	flex: none;
	margin: 0;
	padding: 0;
}
.header-heading li + li {
	margin-left: 25px;
}
/*.header-heading li a,
input.logout_btn {
	background: url(../img/header_icon_arrow-right-green.png) no-repeat left center;
	padding-left: 10px;
}*/
.header-main input.logout_btn {
	border-style: none;
	cursor: pointer;
	font-family: inherit;
	line-height: 1;
	font-size: 100%;
	/*color: #000;*/
}
.header-main li.login form{
	margin: 0;
}
.header-main li input.logout_btn:hover,
#pc-mypage-menu:hover{

}
#pc-mypage-menu:hover .mypage-menu {
  visibility: visible;
  opacity: 1;
}
.header-heading li b a {
	min-width: 142px;
	display: block;
	font-weight: 600;
	color: #fff;
	text-align: center;
	background: #FD4D4D;
	padding: 8px 20px;
}
.header-heading li b a span {
	background: url(../img/header_icon_arrow-right-white.png) no-repeat left center;
	padding-left: 10px;
}


/*マイページメニュー移設*/
.header-main .mypage-menu {
	visibility: hidden;
	opacity: 0;
	display: block;
	transition: all .5s ease;
	width: 234px;
	position: absolute;
	left: 50%;
	top: 42px;
	margin: 0 0 0 -116px;
	padding: 0;
	z-index: 100;
	text-align: left;
	font-weight: 600;
	font-size: 15px;
}
.header-main li > label,
.header-main li > #pc-mypage-menu {
	display: block;
	min-width: 142px;
	display: block;
	font-weight: 600;
	color: #fff;
	text-align: center;
	padding: 8px 20px;
	cursor: pointer;
}
.header-main input[type="checkbox"] {
	display: none;
}
.header-main input:checked + .mypage-menu {
	visibility: visible;
	opacity: 1!important;
	transition: all .5s ease;
}
.header-main .mypage-menu li {
	margin: 1px 0 0;
	padding: 0;
}
.header-main .mypage-menu li a {
	display: block;
	padding: 15px 15px 15px 26px;
	color: #fff;
	background: url(../img/aside_icon_arrow-right-yellow.png) no-repeat left 12px center #F552C9;
	background-size: 10px auto;
}
#pc-mypage-menu {
	position: relative;
}
.header-heading img {
	position: absolute;
	top: 13px;
	left: 20px;
	transform: rotate(90deg);
}
.header-heading .open img {
	vertical-align: middle;
}
	.header-heading .sp-login-btn a{
		font-weight: 600;
		color: #fff;
		padding: 12px 15px;
		background: #32CFEB;
		border-radius: 25px;
	}
	.header-heading .sp-regist-btn a{
		background: #F552C9;
		border-radius: 25px;
		padding: 12px 15px;
	}

@media screen and (min-width: 1000px) {

	.header-mypage p.menu {
		display: none;
	}
	.header-heading .mypage-menu {
		display: none;
		visibility: inherit;
		opacity: 1;
	}
	.header-heading li > #pc-mypage-menu .mypage-menu {
		position: absolute;
		left: 0;
	}
}



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


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

@media screen and (max-width: 1000px) {
	header .header-heading {
		display: none;
	}
	aside .header-heading {
		border-bottom: 0;
	}
	aside .header-heading .inner {
		padding: 20px 30px 20px 10px;
	}
	aside .header-heading ul {
		width: 100%;
		flex: none;
		justify-content: center;
	}
}

/*-------------------------------------------------------------------------
main
-------------------------------------------------------------------------*/

.header-main {
	background: #fff;
}
.header-main .inner {
	height: 90px;
	display: flex;
	/*flex-wrap: wrap;*/
	align-items: center;
	/*padding: 0 10px;*/
}
.header-main .logo {
	margin: 0 auto 0 0;
}
.header-main .logo img{
	width: auto;
	height: 57px;
}
.header-main form {
	/*flex: 1;*/
	margin-left: 30px;
}
.header-main form p {
	position: relative;
	color: #ccc;
	border: 1px solid #666;
	border-radius: 3px;
}
.header-main form input[type="search"] {
	width: 270px;
	height: 45px;
	background: none;
	border: 0;
	box-sizing: border-box;
	padding: 0 12px;
	box-shadow: none;
	border: 0;
	border-radius: 0;
	letter-spacing: 1px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	font-size: 14px;
	line-height: 1.25;
	outline: none;
}
.header-main form button {
	border: 0;
	background: none;
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	white-space: nowrap;
}
.header-main form button img {
	width: 22px;
	height: auto;
}
.header-main ul {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	font-size: 18px;
	font-weight: 600;
}
.header-main li {
	margin: 0;
	padding: 0;
}
.header-main li a {
	display: flex;
	align-items: center;
	justify-content: center;
}
.header-main li a span {
	margin-left: 12px;
}
.header-main li .nav_btn,
.logout_btn,
.header-main li > #pc-mypage-menu,
.header-heading li .nav_btn{
	font-weight: 600;
	color: #fff;
	padding: 12px 15px;
	background: #32CFEB;
	border-radius: 25px;
	border: none;
}

.header-main li.cart {
	margin: 0 30px;
}
.header-main li.cart a {
	align-items: start;
	text-decoration: none;
}
.header-main li.cart a img{
	width: 38px;
	height: auto;
}
.header-main li.cart a i {
	display: block;
	margin: 0 0 0 -5px;
	padding: 5px 9px;
	font-size: 13px;
	font-weight: 600;
	font-style: normal;
	color: #fff;
	border-radius: 15px;
	background: #F552C9;
	position: relative;
}
.header-main li.cart a i:before {
	content: "";
	display: block;
	width: 7px;
	height: 6px;
	position: absolute;
	left: -7px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
.header-main li.login{
	width: 121px;
	margin-right: 20px;
}
.header-main li.login .nav_btn{
	width: 100%;
}
/*.header-main li.nomember,*/
.header-main li > #pc-mypage-menu,
.header-heading li.nomember{
	/*width: 390px;*/
	margin-left: 15px;
}
.header-main .login_btn{
	font-weight: 600;
	color: #fff;
	padding: 12px 15px;
	background: #32CFEB;
	border-radius: 25px;
}

.header-main li.nomember .nav_btn,
.header-main li > #pc-mypage-menu,
.header-heading li.nomember .nav_btn{
	background: #F552C9;
	border-radius: 20px;
	width: 350px;
}
.header-main li.member .nav_btn,
.header-main li > #pc-mypage-menu,
.header-heading li.member .nav_btn{
	background: #F552C9;
	border-radius: 20px;
	width: 310px;
}
.header-main .bnr_10{
	max-width: 195px;
	margin: 0 -22px 0 15px;
}
.header-main .bnr_10 img{
	width: 100%;
	height: auto;
}


/*-----------------------------------------------------------------------*/
@media only screen and (max-width: 900px) {
	.header-main .logo img{
		height: 30px;
	}
	.header-main form{
		margin-left: 15px;
	}
	.header-main ul{
		font-size: 16px;
	}
	.header-main li.cart{
		margin: 0 15px;
	}
	.header-main li .nav_btn, .logout_btn, .header-main li > #pc-mypage-menu{
		padding-left: 10px;
		padding-right: 10px;
	}
	.header-main li.nomember, .header-main li > #pc-mypage-menu{
		width: 310px;
		margin-left: 10px;
	}
	.header-main li.login{
		width: 100px;
	}
	.header-main form input[type="search"]{
		width: 230px;
	}
}

/*@media screen and (min-width: 1001px) and (max-width: 1145px) {
	.header-main li.cart{
		margin: 0 25px 0 18px;
	}
	.header-main .logo img{
		height: 20px;
	}
	.header-main .bnr_10{
		max-width: 160px;
	}
}*/


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

@media screen and (min-width: 768px) and (max-width: 1000px) {

	.header-main .drawer {
		margin: 0 16px 0 0;
	}
	.header-main li.nomember, .header-main li > #pc-mypage-menu,
	.header-main li.login{
		display: none !important;
	}
	.header-main form{
		width: 100%;
	}
	.header-mypage .account,
	.pc.header-mypage .point{
		font-size: 15px;
	}

	.sp-header-modal {
		visibility: hidden;
		opacity: 0;
		transition: all .25s ease;
		position: fixed;
		width: 300px;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		display: block;
		background: #fff;
		z-index: 11;
		transition: all .5s ease;
	}
	input:checked + .sp-header-modal {
		visibility: visible;
		opacity: 1;
		overflow: auto;
		transition: all .25s ease;
	}
	input:checked + .sp-header-modal .sp_menu_top {
	}
}

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

@media screen and (max-width: 1000px) {
	header::after{
		height: 4px;
	}
	.header-main .inner {
		height: 59px;
		padding: 0 10px;
	}
	.header-main .drawer {
		margin: 0 8px 0 0;
		text-align: center;
		color: #1C8B6A;
	}
	.header-main .drawer span {
		display: block;
		margin-top: 3px;
		font-size: 10px;
	}
	.header-main .drawer img{
		width: 36px;
		height: auto;
	}
	.header-main .search {
		margin: 0 0 0 auto;
	}
	.header-main .search img{
		width: 26px;
		height: auto;
	}
	.header-main li.cart {
		margin: 0 0 0 15px;
	}
	.header-main .logo img {
		width: 90%;
		height: auto;
	}
	
	.header-heading li.login{
		font-size: 18px;
	}
	.header-heading li.login .nav_btn{
		padding: 10px 17px;
	}
	.header-heading li.nomember{
		margin-left: 3px;
		width: auto;
		font-size: 16px
	}
	.header-heading li.nomember .nav_btn{
		padding: 13px 19px;
	}
	.header-heading li b a span{
		background: none;
		padding-left: 0;
	}

	/*.pc + .header-main {
		background: #fff;
	}
	.pc + .header-main .inner {
		height: 59px;
		padding: 0 10px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.pc + .header-main .logo {
		margin: 0 auto 0 0;
	}
	.pc + .header-main form {
		flex: 1;
		margin: 0 36px;
	}
	.pc + .header-main form p {
		position: relative;
		color: #ccc;
		border: 1px solid #BEBEBE;
		border-radius: 3px;
	}
	.pc + .header-main form input[type="search"] {
		width: 100%;
		height: 36px;
		background: none;
		border: 0;
		box-sizing: border-box;
		padding: 0 12px;
		box-shadow: none;
		border: 0;
		border-radius: 0;
		letter-spacing: 1px;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		font-size: 14px;
		line-height: 1.25;
		outline: none;
	}
	.pc + .header-main form button {
		border: 0;
		background: none;
		position: absolute;
		right: 5px;
		top: 50%;
		transform: translateY(-50%);
		display: block;
		white-space: nowrap;
	}
	.pc + .header-main form button img {
		width: 16px;
		height: 16px;
	}*/
	/*.pc + .header-main ul {
		margin: 0;
		padding: 0;
		display: flex;
		align-items: center;
	}
	.pc + .header-main li {
		margin: 0;
		padding: 0;
	}
	.pc + .header-main li a {
		display: flex;
		align-items: center;
	}
	.pc + .header-main li a span {
		margin-left: 12px;
	}
	.pc + .header-main li.cart {
		margin: 0 0 0 20px;
	}
	.pc + .header-main li.cart a {
		align-items: start;
		text-decoration: none;
	}*/
	/*.pc + .header-main li.cart a i {
		display: block;
		margin: 0 0 0 10px;
		padding: 3px 8px;
		font-size: 14px;
		font-weight: 600;
		font-style: normal;
		color: #fff;
		border-radius: 3px;
		background: #FD4D4D;
		position: relative;
	}
	.pc + .header-main li.cart a i:before {
		content: "";
		display: block;
		width: 7px;
		height: 6px;
		background: url(../img/header_icon_cart_i.png) no-repeat left center;
		position: absolute;
		left: -7px;
		top: 0;
		bottom: 0;
		margin: auto 0;
	}*/

	.sp-header-search {
		width: 100%;
		position: sticky;
		left: 0;
		top: 60px;
		z-index: 3;
	}
	.sp-header-search .search {
		width: 100%;
		background: #F6F6F6;
		height: 0;
		margin: 0;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		transition: all .25s;
	}
	.sp-header-search input:checked + .search {
		height: 80px;
		transition: all .25s;
	}
	.sp-header-search .search form {
		width: 100%;
	}
	.sp-header-search .search p {
		display: flex;
		margin: 0 20px;
	}
	.sp-header-search .search p input[type="search"] {
		width: 100%;
		height: 36px;
		background: #fff;
		border: 0;
		box-sizing: border-box;
		padding: 0 12px;
		box-shadow: none;
		border: 1px solid #BEBEBE;
		border-radius: 3px;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		font-size: 14px;
		line-height: 1.25;
		outline: none;
	}
	.sp-header-search .search p button {
		width: 60px;
		height: 36px;
		line-height: 36px;
		margin: 0 0 0 8px;
		padding: 0;
		border: 0;
		color: #fff;
		text-align: center;
		background: #BEBEBE;
		border: 0;
		border-radius: 3px;
		display: block;
		-webkit-appearance: none;
		font-size: 15px;
		font-family: Helvetica, "Hiragino Sans" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN" , "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
		font-weight: 600;
	}
	.sp-header-modal {
		visibility: hidden;
		opacity: 0;
		transition: all .25s ease;
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		display: block;
		background: #fff;
		z-index: 31;
		transition: all .5s ease;
	}
	input:checked + .sp-header-modal {
		visibility: visible;
		opacity: 1;
		overflow: auto;
		transition: all .25s ease;
	}
	.sp-header-modal .head {
		width: 100%;
		height: 60px;
		margin: 0;
		/*padding: 0 35px 0 0;*/
		display: flex;
		align-items: center;
		justify-content: center;
		position: sticky;
		left: 0;
		top: 0;
		background: #fff;
		color: #F552C9;
		z-index: 10;
		font-size: 20px;
		font-weight: 600;
	}
	.sp-header-modal .head:after {
		content: "";
		display: block;
		width: 100%;
		height: 4px;
		background: linear-gradient(90deg, rgba(243,204,255,1) 0%, rgba(255,255,191,1) 55%, rgba(93,213,235,1)100%);
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0
	}
	.sp-header-modal .head label {
		position: absolute;
		left: 10px;
		top: 12px;
	}
	.sp-header-modal .head img{
		width: 36px;
		height: auto;
	}
	
	.sp-header-modal .head .logo {
		margin-right: auto;
		padding-left: 54px;
	}
	.sp-header-modal .head .logo img{
		width: 212px;
		height: auto;
	}
}
@media screen and (min-width: 767px) {
	input:checked + .sp-header-modal .sp_menu_top {
		/*		display: block;*/
	}
}
@media screen and (max-width: 767px) {
	.header-main .bnr_10{
		display: none;
	}
}

/*-------------------------------------------------------------------------
mypage
-------------------------------------------------------------------------*/

.header-mypage {
	width: 100%;
	background: #F4F4F4;
	font-size: 18px;
	/*	position: sticky;*/
	left: 0;
	top: 0;
	z-index: 50;
}
.header-mypage .inner {
	height: 60px;
	padding: 0 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
}
.header-mypage .menu {
	margin: 0 20px 0 0;
}
.header-mypage .menu label {
	display: flex;
	align-items: center;
	font-weight: 600;
	color: #FD4D4D;
}
.sp_menu_top .menu{
	width: 123px;
}
.sp_menu_top .menu label img {
	margin-right: 8px;
	width: 100%;
}
.header-mypage .menu label:hover {
	text-decoration: none;
}
.header-mypage .mypage-menu {
	visibility: hidden;
	opacity: 0;
	transition: all .5s ease;
	width: 224px;
	position: absolute;
	left: 0;
	top: 53px;
	margin: 0;
	padding: 0;
	display: block;
	z-index: 15;
	font-size: 15px;
}
.header-mypage input[type="checkbox"] {
	display: none;
}
.header-mypage input:checked + .mypage-menu {
	visibility: visible;
	opacity: 1!important;
	transition: all .5s ease;
}
.header-mypage .mypage-menu li {
	margin: 1px 0 0;
	padding: 0;
}
.header-mypage .mypage-menu li a {
	display: block;
	padding: 15px 15px 15px 26px;
	color: #fff;
	background: url(../img/aside_icon_arrow-right-yellow.png) no-repeat left 12px center #F552C9;
	background-size: 10px auto;
}
.header-mypage .account {
	margin: 0 60px 0 0;
	padding: 0;
	display: flex;
	align-items: center;
	font-size: 15px;
}
.header-mypage .account dt {
	margin: 0 45px 0 0;
	padding: 0;
}
.header-mypage .account dd {
	margin: 0;
	padding: 0;
}
.header-mypage .point {
	margin: 0;
	padding-left: 12px;
	display: flex;
	align-items: center;
	font-weight: 600;
	color: #F552C9;
}
.header-mypage .point dt {
	margin: 0 55px 0 0;
	padding: 0;
}
.header-mypage .point dd {
	font-size: 30px;
	margin: 0;
	padding: 0;
}

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

@media screen and (max-width: 1000px) {
	.header-mypage {
		position: static;
	}
	.header-mypage .inner {
		height: auto;
		padding: 15px 10px;
		align-items: start;
	}
	.header-mypage .inner div:first-of-type {
		flex: none;
		width: 126px;
	}
	.header-mypage .inner div:last-of-type {
		flex: 1;
	}
	.header-mypage .mypage-menu {
		left: 10px;
		top: 60px;
	}
	.header-mypage .logout a {
		background: url(../img/header_icon_arrow-right-green.png) no-repeat left center;
		padding-left: 10px;
	}
	.header-mypage .menu {
		font-size: 12px;
		margin-bottom: 21px;
	}
	.header-mypage .account {
		margin: 0 0 10px 0;
		display: block;
	}
	.header-mypage .account dt {
		margin: 0 0 10px 0;
	}
	.header-mypage .point dt {
		margin-right: 16px;
		font-size: 15px;
	}
	.header-mypage .point dd {
		font-size: 23px;
	}

	.pc.header-mypage {
		width: 100%;
		background: #F6F6F6;
		position: sticky;
		left: 0;
		top: 0;
		z-index: 3;
	}
	.pc.header-mypage .inner {
		height: 62px;
		padding: 0 20px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		position: relative;
	}
	.pc.header-mypage .menu {
		margin: 0 30px 0 0;
	}
	.pc.header-mypage .menu label {
		display: flex;
		align-items: center;
		font-weight: 600;
		text-indent: -9999px;
	}
	.pc.header-mypage .menu label img {
		width: auto;
		height: 43px;
		margin-right: 8px;
	}
	.pc.header-mypage .menu label:hover {
		text-decoration: none;
	}
	.pc.header-mypage .mypage-menu {
		/*
		visibility: hidden;
		opacity: 0;
		*/
		/*		transition: all .5s ease;*/
		width: 224px;
		position: absolute;
		left: 0;
		top: 53px;
		margin: 0;
		padding: 0;
		display: block;
		z-index: 7;
		display: none;
		font-size: 15px;
	}
	.pc.header-mypage input[type="checkbox"] {
		display: none;
	}
	.pc.header-mypage input:checked + .mypage-menu {
		visibility: visible;
		opacity: 1!important;
		transition: all .5s ease;
	}
	.pc.header-mypage .mypage-menu li {
		margin: 1px 0 0;
		padding: 0;
	}
	.pc.header-mypage .mypage-menu li a {
		display: block;
		padding: 15px 15px 15px 26px;
		color: #fff;
		background: url(../img/aside_icon_arrow-right-yellow.png) no-repeat left 12px center #F552C9;
		background-size: 10px auto;
	}
	.pc.header-mypage .account {
		margin: 0 30px 0 0;
		padding: 0;
		display: flex;
		align-items: center;
	}
	.pc.header-mypage .account dt {
		margin: 0 30px 0 0;
		padding: 0;
	}
	.pc.header-mypage .account dd {
		margin: 0;
		padding: 0;
	}
	.pc.header-mypage .point {
		margin: 0;
		padding: 0;
		display: flex;
		align-items: center;
		font-weight: 600;
	}
	.pc.header-mypage .point dt {
		margin: 0 20px 0 0;
		padding: 0;
	}
	.pc.header-mypage .point dd {
		font-size: 25px;
		margin: 0;
		padding: 0;
	}
	
	
	.header-mypage .logout_btn{
		padding: 0 0 0 15px;
		font-size: 15px;
		background: url(../img/article_icon_arrow-right_pink.png) no-repeat left center;
		background-size: 10px auto;
		color: #0066C0;
		border: none;
		font-weight: normal;
	}
	.header-mypage .mypage-menu{
		top: 55px;
	}
	.header-mypage .account{
		margin-bottom: 16px;
	}
	.header-mypage .point dt{
		margin-right: 13px;
	}
}
@media screen and (max-width: 767px) {
	.header-mypage{
		font-size: 13px;
	}
	.header-mypage .menu{
		margin-right: 15px;
		margin-bottom: 13px;
	}
	.header-mypage .mypage-menu {
		/*    display: block;*/
	}
	.header-mypage input + .mypage-menu {
		display: none;
	}
	.header-mypage input:checked + .mypage-menu {
		display: block;
		transition: all 0.3s;
	}
	.mypage-menu {
		opacity: 0;
		display: block;
	}
	.header-mypage .account{
		margin-left: 12px;
	}
}

/*-------------------------------------------------------------------------
global
-------------------------------------------------------------------------*/

.header-global {
	width: 100%;
}
.header-global.pc{
	box-sizing: border-box;
	padding: 0 10px;
}
.header-global ul {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	padding: 6px 0 8px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 17px;
	font-weight: 600;
}
.header-global li {
	/*flex: 1;*/
	margin: 0;
	padding: 0;
}
.header-global li a {
	display: flex;
	align-items: center;
	justify-content: center;
}
.header-global li.trafficking{
	width: 153px;
}
.header-global li.trafficking a{
	width: 100%;
	background: #A869ED;
	color: #fff;
	display: inline-flex;
	padding: 8px 30px;
	border-radius: 20px;
	box-sizing: border-box;
}

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

@media screen and (max-width: 1000px) {
	.header-global {
		background: none;
	}
	.header-global ul {
		flex-wrap: wrap;
		font-size: 15px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.header-global li.trafficking{
		width: 137px;
	}
	/*.pc.header-global li {
		flex: 1;
		height: 50px;
		margin: 0;
		padding: 0;
	}*/
}
@media only screen and (max-width: 865px) {
	.header-global ul {
		font-size: 14px;
	}
	.header-global li.trafficking{
		width: 100px;
	}
	.header-global li.trafficking a{
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media only screen and (max-width: 767px) {
	.header-global ul {
		margin-bottom: -3px;
		padding: 0;
	}
	.header-global li {
		flex: none;
		width: calc(100% / 3 - 2px);
		margin-bottom: 3px;
	}
	.header-global li a{
		background: #32CFEB;
		color: #fff;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.2;
		text-align: center;
		padding: 3px 5px;
		min-height: 46px;
	}
	.header-global li.trafficking{
		width: 100%;
	}
	.header-global li.trafficking a{
		border-radius: 0;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■パンくずリスト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.breadcrumbs {
	flex-basis: 100%;
	margin: -10px 0 30px 0;
	padding: 0;
}
.breadcrumbs ul {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}
.breadcrumbs li {
	margin: 0;
	padding: 0;
	font-size: 12px;
	white-space: nowrap;
	color: #707070;
}
.breadcrumbs li:not(:last-child):after {
	content: ">";
	margin: 0 10px;
	color: #707070;
}
.breadcrumbs li:last-child {
	margin: 0;
}
.breadcrumbs li a {
	color: #707070;
}

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

@media screen and (max-width: 767px) {
	.breadcrumbs {
		margin: 0;
		padding: 0;
	}
	.breadcrumbs ul {
		margin: 5px 0 20px 0;
		padding: 10px;
		display: block;
		align-items: center;
	}
	.breadcrumbs li:last-child {
		padding-right: 20px;
		white-space: inherit;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■aside
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

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

@media screen and (min-width: 768px) {
	aside {
		display: none;
	}
}

aside {
	width: 270px;
	margin: 0 30px 0 0;
}
aside input[type="checkbox"] {
	display: none;
}

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

@media screen and (max-width: 767px) {
	aside {
		width: auto;
		margin: 0;
	}
}

/*-------------------------------------------------------------------------
advantage
-------------------------------------------------------------------------*/

ul.advantage {
	margin: 0;
	padding: 0;
}
ul.advantage li {
	margin: 0 0 25px;
}
ul.advantage li:last-of-type{
	margin-bottom: 0;
}
ul.advantage li a {
	display: flex;
	align-items: center;
	font-weight: 600;
	line-height: 1.4;
}
ul.advantage li img {
	margin-right: 7px;
	width: 50px;
	height: auto;
}

/*-----------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	ul.advantage {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 25px;
		padding: 0 25px;
	}
	ul.advantage li {
		width: calc(100% / 3);
	}
	ul.advantage li figure {
		font-size: 15px;
		height: 100%;
		display: grid;
		place-items: center;
		/*flex-direction: column;*/
		justify-content: space-between;
	}
}
@media only screen and (max-width: 600px) {
	ul.advantage li {
		width: calc(100% / 2);
	}
	
}

/*-------------------------------------------------------------------------
categories
-------------------------------------------------------------------------*/
aside *{
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
aside .nav_ttl,
aside .sub_ttl{
	padding: 16px 10px;
	color: #fff;
	background: #32CFEB;
	margin: 0;
}
aside .sub_ttl{
	color: #141414;
	font-weight: 600;
	background: #C6F6FF;
}
aside .pickup_category .nav_ttl{
	padding: 15px 10px;
	text-align: center;
	font-size: 18px;
}
aside .categories ul {
	margin: 0;
	padding: 0;
}
aside .categories li {
	margin: 0;
	padding: 0;
	position: relative;
}
aside .categories li a {
	display: block;
	padding: 13px 20px 13px 23px;
	background: url(../img/aside_icon_arrow-right-purple.png) no-repeat right 12px center #FAFAFA;
	background-size: 9px auto;
	font-size: 14px;
	line-height: 1.3;
}
aside .categories .category li a{
	background-position: left 9px center;
}

aside .categories li a.new::after{
	content: '新';
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	background-color: #F552C9;
	position: absolute;
	border-radius: 50px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	top: 10px;
	left: -2px;
	z-index: 200;
	z-index: 9;
	transform: none;
	padding-top: 1px;
}

aside .vegetable {
	margin: 30px auto 0 auto;
	padding-bottom: 50px;
	text-align: center;
}

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

@media screen and (max-width: 1000px) {
	aside .categories {
		margin-left: 20px;
		margin-right: 20px;
	}
	aside h2.sp-toggle {
		background: url(../img/sidebar_icon_plus.png) no-repeat right 12px center #A5A5A5;
	}
	aside h2.open {
		background: url(../img/sidebar_icon_minus.png) no-repeat right 12px center #A5A5A5;
	}
	aside h2.sp-toggle + * {
		display: none;
	}
	aside .categories li a .balloon {
		display: none;
	}
	aside .vegetable {
		padding-bottom: 70px;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■footer
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
footer *{
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
footer .footer_ttl {
	font-size: 18px;
	line-height: 1.5;
	font-weight: 600;
	color: #0066C0;
	margin: 20px 0 20px 0;
}
footer .footer_ttl02{
	font-size: 18px;
	line-height: 1.5;
	font-weight: 600;
	color: #0066C0;
	margin: 20px 0 20px 0;
}

footer ul li{
	margin-bottom: 16px;
}
footer ul li a{
	background: url(../img/article_icon_arrow-right_pink.png) no-repeat left center;
	background-size: 10px auto;
	padding-left: 15px;
	font-size: 90%;
}

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

@media screen and (max-width: 767px) {
	footer {
		padding-bottom: 40px;
	}
}

/*-------------------------------------------------------------------------
global
-------------------------------------------------------------------------*/
footer .global {
	position: relative;
	padding: 33px 30px;
}
footer .global dl{
	margin: 0;
	padding: 0;
	display: flex;
	align-items: end;
}
footer .global dt{
	margin: 0 40px 0 0;
	padding: 0;
}
footer .global dt img{
	width: 300px;
	height: auto;
}
footer .global:before,
footer .global:after{
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, rgba(243,204,255,1) 0%, rgba(255,255,191,1) 55%, rgba(93,213,235,1)100%);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
footer .global:after{
	top: auto;
	bottom: 0;
}
footer .global .hd_area {
	display: flex;
	align-items: center;
	line-height: 1.6;
	margin-bottom: 22px;
}
footer .global .hd_area .logo{
	width: 338px;
	margin-right: 40px;
}
footer .global .hd_area .logo img{
	width: 100%;
	height: auto;
}
footer .global .hd_area .txt{
	font-size: 13px;
	padding-top: 10px;
}

footer .global nav > div + div{
	margin-top: 30px;
}
footer .global ul {
	display: flex;
	flex-wrap: wrap;
}
footer .global ul + ul{
	padding-top: 5px;
}
footer .global ul li{
	margin-right: 30px;
}

.footer_appeal {
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 30px 0;
}
/*-----------------------------------------------------------------------*/

@media screen and (max-width: 767px) {
	footer .global{
		padding: 30px 0 10px;
	}
	footer .global .inner {
		padding: 30px 20px 20px 20px;
	}
	footer .global dt {
		margin: 0 0 24px 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
  	}
	footer .global .hd_area{
		display: block;
	}
	footer .global .hd_area .logo{
		width: 252px;
		margin: 0 0 17px 0;
	}
	footer .global .hd_area .txt{
		padding: 0;
	}
	
	footer .global h1 {
		line-height: 1.45;
		margin-bottom: 20px;
	}
	footer .global ul {
		margin-bottom: 0;
	}
	footer .global ul:last-of-type {
		margin-bottom: 0;
	}
	footer .global li {
		margin: 0 30px 19px 0;
	}
	footer .global nav > div + div{
		margin-top: 20px;
	}
	
	.footer_appeal {
		line-height: 1.45;
		margin-bottom: 20px;
	}
}

/*-------------------------------------------------------------------------
categories
-------------------------------------------------------------------------*/
footer .categories{
	padding: 25px 30px 35px
}
footer .categories .inner > ul {
	margin: 0;
	padding: 0;
	display: flex;
}
footer .categories .inner > ul > li {
	flex: 1;
	margin: 0;
	padding: 0;
}
footer .categories dl {
	margin: 0 0 40px 0;
	padding: 0;
}
footer .categories dl:last-of-type {
	margin-bottom: 0;
}
footer .categories dt {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 18px;
	font-weight: 600;
	color: #F552C9;
	line-height: 1.3;
}
footer .categories dd {
	margin: 0;
	padding: 0;
}
footer .categories li a {
	background-image: url(../img/aside_icon_arrow-right-blue.png);
}

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

@media screen and (max-width: 767px) {
	footer .categories{
		padding-left: 20px;
		padding-right: 20px;
	}
	footer .categories .inner {
		padding: 0;
	}
	footer .categories h2 {
		font-size: 20px;
		margin-bottom: 15px;
	}
	footer .categories .inner > ul {
		display: block;
	}
	footer .categories .inner > ul li:last-of-type{
		margin-bottom: 0;
	}
	footer .categories dt{
		margin-bottom: -1px;
		padding: 12px 10px;
		border: 1px solid #E8E8E8;
		background: url(/assets/img/aside_icon_plus.png) no-repeat right 12px center;
		font-size: 15px;
	}
	footer .categories dd{
		display: none;
	}
	footer .categories dt.open + dd{
		margin: 20px 0 20px 10px;
	}
	footer .categories dl {
		margin-bottom: 0;
	}
}

/*-------------------------------------------------------------------------
copyright
-------------------------------------------------------------------------*/

footer .copyright {
	margin: 0;
	padding: 18px 0;
	font-size: 13px;
	text-align: center;
	background: linear-gradient(90deg, rgba(243,204,255,1) 0%, rgba(255,255,191,1) 55%, rgba(93,213,235,1)100%);
}

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

@media screen and (max-width: 767px) {}

/*-------------------------------------------------------------------------
pagetop
-------------------------------------------------------------------------*/

footer .pagetop {
	margin: 0;
	position: fixed;
	right: 40px;
	bottom: 40px;
	z-index: 3;
	display: none;
}
footer .pagetop a img {
	width: 40px;
	height: 40px;
}

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

@media screen and (max-width: 767px) {
	footer .pagetop {
		right: 20px;
		bottom: 60px;
	}
}

/*-------------------------------------------------------------------------
fixed
-------------------------------------------------------------------------*/

footer .fixed {
	display: none;
}

#data-submission-guide{
	margin: 0px;
	position: fixed;
	left: 0px;
	top: 30%;
	z-index: 10;
	display: block;
}

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

@media screen and (max-width: 767px) {
	footer .fixed {
		width: 100%;
		margin: 0;
		padding: 0;
		position: fixed;
		left: 0;
		bottom: 0;
		display: flex;
		justify-content: space-between;
		z-index: 2;
	}
	footer .fixed li {
		width: calc(100% / 3 - 2px);
		width: -webkit-calc(100% / 3 - 2px);
		margin: 0;
	}
	footer .fixed li:last-child {
		flex: 1 0 auto;
	}
	footer .fixed li a {
		height: 40px;
		font-size: 16px;
		padding-left: 6px;
		padding-right: 6px;
		font-weight: 600;
		background: #32CFEB;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	footer .fixed li a span.yellow {
		color: #efff2d;
	}
	footer .fixed li:last-child a {
		/*background: #FF8800;*/
		background: #F552C9;
	}
	#data-submission-guide{
		margin: 0px;
		position: fixed;
		left: 0px;
		top: 35%;
		z-index: 10;
		display: block;
	}
}


/*

ラジオボタンにスタイル

*/
div.box.paper li {
	border: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #E2E2E2;
}
div.box.paper li label,
div.box.paper li a {
	text-decoration: none;
	display: block;
	font-size: 20px;
	font-weight: 500;
	color: #666;
	padding: 15px 20px 15px 30px;
	background: url(../img/article_icon_arrow-right_pink.png) no-repeat left 15px top 25px;
	background-size: 12px;
}
div.box.paper li label:hover,
div.box.paper li a:hover {
	background-color: #BAEFF8;
}
div.box.paper li label span,
div.box.paper li a>span{
	display: block;
	font-size: 0.8em;
}

div.box.paper p.selected {
	height: 30px;
	padding: 0 15px ;
	box-sizing: border-box;
	background-color: #FD4D4D;
	color: #fff;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 10px;
	top: -5px;
	font-size: 15px;
	border-radius: 5px;
	box-shadow: 3px 3px 1px 0px rgba(0, 0, 0, 0.25);
	padding: 5px 15px 0 15px;
}

.radio-inline__input {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.radio-inline__label {
	display: inline-block;
	padding: 0.5rem 1rem;
	/*	margin-right: 18px;*/
	/*	border-radius: 3px;*/
	transition: all .2s;
	position: relative;
}

.radio-inline__input:checked + .radio-inline__label {
	background: #32CFEB;
	color: #fff;
	text-shadow: 0 0 1px rgba(0,0,0,.7);
}

.radio-inline__input:focus + .radio-inline__label {
	outline-color: #4D90FE;
	outline-offset: -2px;
	outline-style: auto;
	outline-width: 5px;
}


/*

代引き請求先の表示

*/

.payment-select li span.df {
	padding-left: 33px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.payment-select li p.address {
	padding-top: 7px;
}
@media screen and (max-width: 767px) {
	.payment-select li span.df {
		flex-direction: column;
	}
	.payment-select li p.address {

		padding-left: 0;
	}
}


/*

納期カレンダー用

*/
.index .note {
	color: #FF1D8E;
}
.index .calendar table tbody td:hover:not(.blank) {
	background-color: #ffcee9;
}


/*

ローディング

*/
.loader_bg {
	width: 100vw;
	height: 100vh;
	background-color: rgba(255,255,255,0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}
.loader,
.loader:before,
.loader:after {
	background: #F552C9;
	-webkit-animation: load1 1s infinite ease-in-out;
	animation: load1 1s infinite ease-in-out;
	width: 1em;
	height: 4em;
}
.loader {
	color: #32CFEB;
	text-indent: -9999em;
	margin: 88px auto;
	position: relative;
	font-size: 11px;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
.loader:before,
.loader:after {
	position: absolute;
	top: 0;
	content: '';
}
.loader:before {
	left: -1.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.loader:after {
	left: 1.5em;
}
@-webkit-keyframes load1 {
	0%,
	80%,
	100% {
		box-shadow: 0 0;
		height: 3em;
	}
	40% {
		box-shadow: 0 -2em;
		height: 4em;
	}
}
@keyframes load1 {
	0%,
	80%,
	100% {
		box-shadow: 0 0;
		height: 3em;
	}
	40% {
		box-shadow: 0 -2em;
		height: 4em;
	}
}

.terms p {
	margin-bottom: 30px;
}


/*

FAQページ

*/
.faq_box .faq_inner,
.faq_box .answer {
	display: none;
}

.faq_box .faq_title,
.faq_box .question {
	cursor: pointer;
}
.faq_box .faq_title a {
	text-decoration: underline;
	color: inherit;
	transition: .3s;
}
.faq_box .faq_title a:hover {
	opacity: .7;
}
.faq_box .faq {
	margin-bottom: 40px;
}
.faq_box h3 {
	padding: 16px 12px 15px;
	font-size: 20px;
	line-height: 1.4;
	color: #fff;
	background-color: #1C8B6A;
}
.faq_box .faq_title {
	display: block;
	margin-bottom: 2px;
	padding: 16px 40px 15px 25px;
	font-size: 20px;
	line-height: 1.6;
	color: #fff;
	background-color: #32CFEB;
	font-weight: 700;
	position: relative;
}
.faq_box .faq_title::before,
.faq_box .faq_title::after {
	content: '';
	display: block;
	position: absolute;
	background-color: #fff;
	transition: .3s;
}
.faq_box .faq_title::before {
	height: 3px;
	width: 15px;
	top: 27px;
	top: calc(50% - 1px);
	right: 20px;
}
.faq_box .faq_title::after {
	height: 15px;
	width: 3px;
	top: 21px;
	top: calc(50% - 7px);
	right: 26px;
}
.faq_box .faq_title.open::after {
	transform: rotate(90deg);
}

.faq_box .faq_inner {
	padding: 10px 25px;
}
.faq_box .question {
	margin: 0;
	padding: 19px 45px 19px 12px;
	font-size: 18px;
	line-height: 1.4;
	color: #0066C0;
	background-color: #f3f3f3;
	position: relative;
}
.faq_box li:nth-child(2n) .question {
	background-color: #c6f6ff;
}
.faq_box .question::before,
.faq_box .question::after {
	content: '';
	display: block;
	position: absolute;
	background-color: #0066C0;
	transition: .3s;
}
.faq_box .question::before {
	height: 3px;
	width: 15px;
	top: calc(50% - 1px);
	right: 20px;
}
.faq_box .question::after {
	height: 15px;
	width: 3px;
	top: calc(50% - 7px);
	right: 26px;
}
.faq_box .question.open::after {
	transform: rotate(90deg);
}
.faq_box .question span {
	display: block;
	padding: 0 30px;
	position: relative;
	line-height: 1.6;
}
.faq_box .question span::before {
	content: 'Q.';
	font-size: 25px;
	font-weight: 700;
	margin-right: 5px;
	position: absolute;
	left: 0;
	top: -7px;
}
.faq_box .answer {
	margin: 15px 0 25px;
	padding: 0 25px 0 45px;
	line-height: 1.8;
}
.faq_box .col2 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.faq_box .col {
	width: 48%;
}
.faq_box .col p {
	margin-bottom: 0;
}
.faq_box .indent {
	padding: 0 35px;
}
.faq_box .dot {
	font-size: 18px;
	padding-left: 15px;
	margin-bottom: 10px;
}
.faq_box .dot li {
	position: relative;
	margin-bottom: 5px;
}
.faq_box .dot li::before {
	content: '・';
	margin-right: 5px;
	position: absolute;
	left: -15px;
}
.faq_box .freecall {
	margin-bottom: 23px;
}
.faq_box .freecall a {
	display: block;
	font-size: 66px;
	color: #FD4D4D;
	/*	font-family: 'roboto';*/
	font-weight: 700;
	letter-spacing: 0.05em;
	position: relative;
	padding-left: 57px;
}
.faq_box .freecall a::before {
	content: url(../img/freecall.png);
	position: absolute;
	top: calc(50% - 14px);
	top: -7px;
	left: 0;
}
.faq_box .df {
	margin-bottom: 23px;
	/*	font-family: 'roboto';*/
	font-weight: 700;
	font-size: 30px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.faq_box .tel,
.faq_box .fax {
	position: relative;
	text-indent: 45px;
}
.faq_box .tel a {
	color: #000;
}
.faq_box .tel::before,
.faq_box .fax::before{
	font-size: 13px;
	background-color: #000;
	text-indent: 0px;
	color: #fff;
	font-weight: 400;
	display: inline-block;
	height: 22px;
	width: 37px;
	position: absolute;
	top: 4px;
	left: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}
.faq_box .tel::before {
	content: 'TEL';
}
.faq_box .fax::before {
	content: 'FAX';
}
.faq_box .indent p {
	font-size: 20px;
}
@media screen and (max-width: 1000px) {
	.faq_box .freecall a {
		font-size: 52px;
	}
	.faq_box .freecall a::before {
		top: 0px;
	}
	.faq_box .tel,
	.faq_box .fax {
		font-size: 23px;
	}
	.faq_box .tel::before,
	.faq_box .fax::before {
		top: 0;
	}
	.faq_box .indent p {
		font-size: 16px;
	}
	.faq_box .tel {
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 1003px) {
	.faq_box .freecall a {
		font-size: 4.6vw;
	}
	.faq_box .df {
		flex-direction: column;
		margin-bottom: 15px;
	}
	.faq_box .indent {
		padding: 0 15px;
	}
}
@media screen and (max-width: 767px) {
	.faq_box h3 {
		font-size: 18px;
	}
	.faq_box .faq_title {
		font-size: 18px;
	}
	.faq_box .col2 {
		flex-direction: column;
	}
	.faq_box .col {
		width: 100%;
	}
	.faq_box .col:nth-of-type(1) .indent {
		margin-bottom: 40px;
	}
	.faq_box .dot a {
		margin-top: 10px;
	}
	.faq_box .freecall {
		margin-bottom: 15px;
	}
	.faq_box .freecall a {
		font-size: 37px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
	}
	.faq_box .freecall a::before {
		margin-right: 10px;
	}

}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■問い合わせ・見積もりフォーム
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#form_wrap .form {
	max-width: 1000px;
	margin: 0 auto;
}

#form_wrap .form input, #form_wrap .form select {
	font-size: 15px;
}

#form_wrap .form a {
	text-decoration: underline;
}

#form_wrap .form a.black {
	color: #000;
}

#form_wrap .form a:hover {
	text-decoration: none;
}

#form_wrap .form textarea {
	width: 100%;
	height: 300px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#form_wrap .form input[type=file] {
	border: none;
	padding-left: 0;
	padding-right: 0;
}

#form_wrap .tab {
	border-top: 1px solid #D2D2D2;
	margin-top: 50px;
}

#form_wrap .content_wrap {
	display: none;
}

#form_wrap .content_wrap.active {
	display: block;
}

#form_wrap dt {
	width: 255px;
	font-weight: 700;
	padding-left: 20px;
}

#form_wrap dt .required {
	font-size: 12px;
	color: #fff;
	line-height: 1;
	background: #FF1D8E;
	padding: 3px 10px;
	margin-left: 10px;
	font-weight: 500;
	vertical-align: middle;
	border-radius: 50px;
	display: inline-block;
}

#form_wrap ul li {
	border-bottom: 1px solid #D2D2D2;
	padding: 17px 0;
	margin: 0;
}

#form_wrap ul li ul {
	padding-left: 0;
}

#form_wrap ul li ul li:nth-of-type(1) {
	padding-top: 0;
}

#form_wrap ul li ul li:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
}

#form_wrap ul .notes {
	color: #FF1D8E;
}

#form_wrap ul .notes.long_txt {
	padding-left: 275px;
	margin-bottom: 0;
	margin-top: 13px;
}

#form_wrap ul .notes a {
	color: #FF1D8E;
}

#form_wrap ul .w80 {
	width: 80%;
}

#form_wrap ul .tel {
	width: 270px;
	padding-right: 20px;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
}

#form_wrap ul .tel input {
	width: 100%;
}

#form_wrap ul .addr01 {
	width: calc(100% - 200px);
}

#form_wrap ul .addr01 input {
	width: 95%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#form_wrap ul .post_num input {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#form_wrap .name_area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#form_wrap .name_area p {
	margin-bottom: 0;
	max-width: 300px;
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 40px;
}

#form_wrap .name_area p .name {
	width: 1em;
}

#form_wrap .name_area p input {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#form_wrap .name_area.kana .name {
	width: 2.5em;
}

#form_wrap .mt0 {
	margin-top: 0;
}

#form_wrap .submit {
	max-width: 510px;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	#form_wrap .form input, #form_wrap .form select {
		font-size: 14px;
	}
	#form_wrap .tab {
		margin-top: 25px;
	}
	#form_wrap dt {
		width: 100%;
		padding-left: 0;
	}
	#form_wrap dt .required {
		font-size: 11px;
		margin-left: 10px;
	}
	#form_wrap ul li {
		padding: 13px 0;
	}
	#form_wrap ul .notes {
		font-size: 85%;
	}
	#form_wrap ul .notes.long_txt {
		padding-left: 0;
		margin-top: 10px;
	}
	#form_wrap ul .w80 {
		width: 100%;
	}
	#form_wrap ul .tel {
		width: 100%;
		padding-right: 0;
	}
	#form_wrap ul .address dd {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
	}
	#form_wrap ul .address dd p {
		margin-bottom: 8px;
		display: block;
	}
	#form_wrap ul .addr01 {
		width: 100%;
		margin-top: 8px;
		display: block;
	}
	#form_wrap ul .addr01 input {
		width: 100%;
	}
	#form_wrap .name_area {
		display: block;
	}
	#form_wrap .name_area p {
		max-width: inherit;
		width: 100%;
		padding-right: 0;
		margin-bottom: 8px;
	}
	#form_wrap .name_area p:last-of-type {
		margin-bottom: 0;
	}
	#form_wrap .name_area p .name {
		padding-left: 0;
	}
}

/*-------------------------------------------------------------------------
お問い合わせ・お見積りフォーム
-------------------------------------------------------------------------*/
#form_wrap.contact_form .info_box {
	margin: 25px 0 50px;
	background: #F6F6F6;
	padding: 18px 20px;
}

#form_wrap.contact_form .info_box .ttl {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 7px;
}

#form_wrap.contact_form .info_box .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

#form_wrap.contact_form .info_box .txt {
	padding-right: 40px;
	max-width: calc(100% - 380px);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#form_wrap.contact_form .info_box .submit {
	margin-top: 0;
	width: 380px;
}

#form_wrap.contact_form .info_box .submit .small {
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#form_wrap.contact_form .form {
	border-top: 1px solid #D2D2D2;
}

#form_wrap.contact_form #flow_sec {
	margin-top: 115px;
}

#form_wrap.contact_form #flow_sec ol {
	margin-top: 46px;
}

#form_wrap.contact_form #flow_sec ol li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 40px;
}

#form_wrap.contact_form #flow_sec ol li:last-of-type {
	margin-bottom: 0;
}

#form_wrap.contact_form #flow_sec ol .txt_area {
	width: calc(100% - 737px);
	padding-right: 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#form_wrap.contact_form #flow_sec ol .txt_area .ttl {
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 13px;
}

#form_wrap.contact_form #flow_sec ol .img {
	width: 737px;
}

#form_wrap.contact_form #flow_sec ol .img img {
	width: 100%;
	height: auto;
}

#form_wrap.contact_form #flow_sec ol .img a {
	display: block;
	pointer-events: none;
}

@media screen and (max-width: 1000px) {
	#form_wrap.contact_form #flow_sec ol li {
		display: block;
		margin-bottom: 50px;
	}
	#form_wrap.contact_form #flow_sec ol .txt_area {
		width: 100%;
		padding-right: 0;
		margin-bottom: 20px;
	}
	#form_wrap.contact_form #flow_sec ol .img {
		width: auto;
		max-width: 737px;
	}
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	#form_wrap.contact_form .info_box {
		margin-top: 15px;
	}
	#form_wrap.contact_form .info_box .ttl {
		font-size: 18px;
	}
	#form_wrap.contact_form .info_box .inner {
		display: block;
	}
	#form_wrap.contact_form .info_box .txt {
		padding-right: 0;
		max-width: 100%;
		margin-bottom: 8px;
	}
	#form_wrap.contact_form .info_box .submit {
		width: 100%;
	}
	#form_wrap.contact_form .info_box .submit .small {
		height: auto;
		line-height: 1.4;
		padding: 10px;
	}
	#form_wrap.contact_form .form .customer_types dd {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
	}
	#form_wrap.contact_form .form .customer_types dd p {
		display: block;
	}
	#form_wrap.contact_form .form .customer_types dd p label {
		margin-top: -10px;
	}
	#form_wrap.contact_form .form .customer_types dd p label:nth-of-type(1) {
		margin-top: 0;
	}
	#form_wrap.contact_form #flow_sec {
		margin-top: 60px;
	}
	#form_wrap.contact_form #flow_sec ol {
		padding: 0;
		margin-top: 35px;
	}
	#form_wrap.contact_form #flow_sec ol li {
		margin-bottom: 40px;
	}
	#form_wrap.contact_form #flow_sec ol .txt_area {
		margin-bottom: 15px;
	}
	#form_wrap.contact_form #flow_sec ol .txt_area .ttl {
		font-size: 18px;
		margin-bottom: 6px;
	}
	#form_wrap.contact_form #flow_sec ol .img a {
		pointer-events: auto;
	}
}
/***** Contact Form 7 確認ページ用 *****/
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
	background:#f7d7da!important;
	color:#711d26!important;
	border:1px solid #f4c6cb!important;
	padding:10px !important;
}

/* V6.1.1 */
div.wpcf7-response-output {
	background:#f7d7da!important;
	color:#711d26!important;
	border:1px solid #f4c6cb!important;
	padding:10px !important;
}
span.wpcf7-not-valid-tip {
	color: #f00;
	font-size: 1em;
	font-weight: normal;
	display: block;
}

input:-webkit-autofill.wpcf7c-conf {
	-webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
	border: none !important;
	background: #fff !important;
}
input:-webkit-autofill.wpcf7c-conf:focus {
	border: none !important;
}
.wpcf7c-conf {
	background: #fff !important;
	border-color: #fff !important;
}
.wpcf7c-conf:focus {
	border-color: transparent !important;
}
textarea.wpcf7c-conf {
	resize: none!important;
	overflow: hidden!important;
}
span.wpcf7-list-item:first-child {
	margin: 0 0 0 0!important;
}
div.wpcf7 .ajax-loader {
	display: none !important;
}
#form_wrap ul .wpcf7-form-control li.nondisp{
	display: none;
}
#form_wrap ul .wpcf7-form-control li.disp{
	display: block;
	border: none;
}
/***** Contact Form 7 ボタン *****/
#form_wrap .wpcf7c-btn-back {
	margin-right: 20px;
}
@media screen and (max-width: 767px) {
	#form_wrap .wpcf7c-btn-back {
		margin-right: 0px;
		margin-bottom: 30px;
	}
}

/*-------------------------------------------------------------------------
サンクスページ
-------------------------------------------------------------------------*/
#form_wrap.thanks .hd_txt {
	font-weight: 700;
	font-size: 20px;
	padding-top: 10px;
	margin-bottom: 31px;
}

#form_wrap.thanks .txt {
	font-size: 18px;
	line-height: 1.94;
}

#form_wrap.thanks .submit {
	margin-top: 40px;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	#form_wrap.thanks .hd_txt {
		font-size: 18px;
		margin-bottom: 24px;
	}
	#form_wrap.thanks .txt {
		font-size: 15px;
	}
}


/*

ページネーション

*/




.pagination_box {
	width: 700px;
	max-width: 100%;
	margin: 0 auto;
}
.pagination_box .pagination {
	margin: 50px 0 0 0;
	padding: 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.pagination_box .pagination .page-item {
	margin: 0 3px 3px;
	padding: 0;
}
.pagination_box .pagination .page-item .page-link {
	margin: 0;
	min-width: 35px;
	height: 35px;
	padding: 0;
	color: #fff;
	text-decoration: none;
	border-radius: 0;
	display: block;
	font-weight: normal;
	transition: .2s;
	background-color: #1C8B6A;
	border: 1px solid #1C8B6A;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pagination_box .pagination li.page-item span.page-link {
	border-color: #1C8B6A;
	background-color: #fff;
	color: #1C8B6A;
}
.pagination_box .pagination li.disabled span.page-link {
	border-color: transparent;
	color: #000;
}

@media screen and (max-width: 767px) {
	.pagination_box {
		width: 400px;
	}
	.pagination_box .pagination .page-item {
		margin-bottom: 10px;
	}
	.pagination_box .pagination li:not(.active)
	{
		/*		display: none;*/
	}
	.pagination_box .pagination li:first-of-type,
	.pagination_box .pagination li:last-of-type
	{
		/*		display: block;*/
	}
}


/*

クレジットカード番号

*/
#getTokenForm {
	padding-left: 33px;
}
#getTokenForm .card_blk {
	display: block;
	line-height: 43px;
	margin-bottom: 10px;
}
#getTokenForm .card_blk span.title {
	display: inline-block;
	width: 150px;
}
#getTokenForm input#cardno {
	width: 16em;
	letter-spacing: 0.3em;
}
#getTokenForm input#holdername {
	width: 20em;
}
#getTokenForm input#securitycode {
	width: 4em;
}
#getTokenForm input,
#getTokenForm select {
	font-size: 17px;
	padding: 10px;
}
#getTokenForm select {
	width: 4em;
	margin-left: 5px;
}
#getTokenForm select#expire_year {
	width: 5em;
}
#getTokenForm select:first-of-type {
	margin-right: 20px;
}
@media screen and (max-width: 767px) {
	#getTokenForm input {
		max-width: 100%
	}
	#getTokenForm .card_blk span.title {
		display: block;
		line-height: 1.5;
		margin-bottom: 10px;
		margin-top: 20px;
	}
}

/*
* 企業間決済(NP掛け払い)
*/
#bill-info-form {
	padding-left: 33px;
}

#bill-info-form .row_blk {
	display: block;
	line-height: 43px;
	margin-bottom: 10px;
}

#bill-info-form .row_blk .title {
	display: inline-block;
	width: 150px;
}

#bill-info-form .mailinput {
	width: 28em;
	letter-spacing: 0.2em;
}

#bill-info-form .etcinput {
	width: 24em;
	letter-spacing: 0.2em;
}

#bill-info-form .shortinput {
	width: 9.5em;
	letter-spacing: 0.2em;
}

#bill-info-form .radio-wrap{
	line-height: 1.67;
}

#bill-info-form .radio-wrap .sub-radio {
	display: inline;
}

#bill-info-form .narrow {
	line-height: 34px;
	margin-bottom: 0;
}

#bill-info-form .more-narrow {
	line-height: 24px;
	margin-bottom: 0;
}

#bill-info-form .top-margin {
	margin-top: 15px;
}

#bill-info-form .caution {
	color: red;
}

#bill-info-form .row_blk p.submit {
	display: inline;
}

#bill-info-form .bill-info-hr {
	width: 34rem;
	margin: 2rem auto 0.2rem 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
}

#bill-info-form .require {
	color: red;
	font-size: 95%;
	margin-left: 0.2rem;
}

#bill-info-form .option {
	font-size: 95%;
	margin-left: 0.2rem;
}

#bill-info-form .error-tag {
	color:red;
	font-weight:600;
	font-size: 95%;
	background:#f0d0d0;
}
@media screen and (max-width: 767px) {
	#bill-info-form {
		padding-left: 20px;
	}	

	#bill-info-form .sp-none {
		display: none!important;
	}

	#bill-info-form .mailinput,
	#bill-info-form .etcinput {
		width: 100%!important;
	}

	#bill-info-form .submit .small {
		padding: 0 5px!important;
	}

	#bill-info-form .bill-info-hr {
		width: 100%!important;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■sp_scroll
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media screen and (max-width: 767px) {
	.sp_scroll .scroll_area {
		overflow-x: scroll;
	}
	.sp_scroll .scroll_area table {
		width: 700px;
	}
	.sp_scroll .scroll_area.no_scroll table {
		width: 100%;
	}
	.sp_scroll > p {
		margin-bottom: 8px;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■table01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.table01 {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #B9B9B9;
}

.table01 th, .table01 td {
	border-left: 1px solid #B9B9B9;
	border-bottom: 1px solid #B9B9B9;
	text-align: center;
	vertical-align: middle;
	padding: 5px 10px;
}
.table01.tal th, .table01.tal td{
	text-align: left;
}

.table01 th {
	background: #F1F1F1;
}

.table01 thead th {
	padding-top: 10px;
	padding-bottom: 10px;
}

.table01 .tal {
	text-align: left;
}

.table01 .red {
	color: #FF1D8E;
	font-weight: 700;
}

.table01.color tbody tr:nth-of-type(2n) {
	background: #F6F6F6;
}

.table01.w_auto {
	width: auto;
}

.table_under_txt {
	margin-top: 10px;
	font-size: 13px;
}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■注文内容詳細
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.order-history .status .progress_wrap{
	width: 100%;
}
.order-history .status .payment{
	display: flex;
	align-items: center;
	margin-left: -1em;
}
.order-history .status .payment dt{
	padding: 5px 10px 0 0;
}
.order-history span.deposit{
	background: #f552c9;
	color: #fff;
	display: inline-block;
	min-width: 70px;
	text-align: center;
	padding: 3px 5px;
	font-size: 12px;
	line-height: 1.3;
	vertical-align: middle;
	font-weight: 700;
}
.order-history span.deposit.ok{
	background: #0066C0;
	border-radius: 50px;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.order-history .status .payment{
		margin-left: 0;
	}
}


#Detail_page section{
	margin-bottom: 50px;
}
#Detail_page section:last-child{
	margin-bottom: 30px;
}
#Detail_page .order-history .document{
	margin-bottom: 50px;
}
#Detail_page .order-history .document li:last-child{
	margin: 0 0 0 auto;
}
#Detail_page .order-history .document li:last-child a{
	background: #FF1D8E;
}

.order-history .table01 table{
	width: 100%;
	bottom: 1px solid #B9B9B9;
}
.order-history .table01 table th,
.order-history .table01 table td{
	border: none;
	text-align: right;
}
.order-history .table01 table tr td:nth-of-type(1){
	text-align: left;
}
.order-history .table01 table.total{
	font-size: 18px;
	font-weight: 700;
}
.order-history .table01 table.total td:last-of-type{
	font-size: 20px;
	color: #FD4D4D;
}
.order-history .payment_method span{
	vertical-align: middle;
	margin: -3px 0 0 15px;
}
/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	#Detail_page section section{
		margin: 0 0 45px;
	}
	#Detail_page section:last-child{
		margin-bottom: 20px;
	}
	#Detail_page .order-history .document{
		margin-bottom: 20px;
	}
	.order-history .payment_method th{
		width: 100px;
	}
	.order-history .payment_method span{
		margin: 0;
	}
}


.order-history .send_address{
	padding-left: 0;
}
.order-history .send_address > li{
	margin-bottom: 30px;
}
.order-history .send_address > li:last-of-type{
	margin-bottom: 0;
}
.order-history .send_address li ul{
	display: flex;
	justify-content: space-between;
	padding: 20px 30px 40px;
	background: #eee;
}
.order-history .send_address li li{
	width: 48%;
}
.order-history .send_address li li .ttl{
	margin-bottom: 5px;
}
.order-history .send_address dl{
	overflow: hidden;
	background: #fff;
	padding: 15px;
	height: calc(100% - 30px);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
.order-history .send_address dl dt{
	float: left;
	clear: left;
	width: 5em;
	position: relative;
}
.order-history .send_address dl dt:after{
	content: "：";
	position: absolute;
	right: 0;
}
.order-history .send_address dd{
	padding-left: 5.5em;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.order-history .send_address > li{
		margin-bottom: 30px;
	}
	.order-history .send_address > li:last-of-type{
		margin-bottom: 0;
	}
	.order-history .send_address li ul{
		display: block;
		padding: 15px;
	}
	.order-history .send_address li li{
		width: 100%;
		margin-bottom: 20px;
	}
	.order-history .send_address ul li li:last-of-type{
		margin-bottom: 0;
	}
	.order-history .send_address li li .ttl{
		font-size: 16px;
	}
	.order-history .send_address dl{
		height: auto;
	}
}


#Detail_page .order-history .remark{
	padding: 20px 30px;
}
#Detail_page .order-history .remark .ttl{
	margin-bottom: 0;
	font-weight: 700;
}
#Detail_page .order-history .remark p:last-of-type{
	margin-bottom: 0;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	#Detail_page .order-history .remark{
		padding: 10px 15px;
	}
}

span.reorder1 {
	background: #FD4D4D;
	color: #fff;
	display: inline-block;
	min-width: 70px;
	text-align: center;
	padding: 3px 5px;
	font-size: 12px;
	line-height: 1.3;
	vertical-align: middle;
	font-weight: 700;
}

span.reorder2 {
	background: #24B2DF;
	color: #fff;
	display: inline-block;
	min-width: 70px;
	text-align: center;
	padding: 3px 5px;
	font-size: 12px;
	line-height: 1.3;
	vertical-align: middle;
	font-weight: 700;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■注文完了画面
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.complete_read {
	text-align: center;
	font-size: 18px;
}
.complete_num {
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	color: #FD4D4D;
}
.complete_txt {
	text-align: center;
	font-size: 18px;
	color: #A869ED;
}
ul.complete_list {
	width: 600px;
	max-width: 100%;
	padding-left: 0;
	margin: 0 auto;
}
.complete_list li {
	margin-bottom: 10px;
	padding-left: 15px;
	position: relative;
}
.complete_list li::before {
	content: '※';
	margin-right: 5px;
	position: absolute;
	top: -1px;
	left: -0px;
}
.complete_list li span {
	display: inline-block;
	margin: 0 5px;
	padding: 0 15px;
	border-radius: 5px;
	font-size: 15px;
	font-weight: normal;
	color: #fff;
	background: #FF1D8E;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■
追記

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

h2.main_img {
	text-align: center;
	margin-bottom: 40px;
}

h2.main_img img {
	width: 100%;
	height: auto;
}

.submit.tac {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.submit .h_auto {
	height: auto;
	line-height: 1.4;
	padding: 14px;
}

.submit .w_auto {
	width: auto;
}

.submit .w_auto {
	padding-left: 20px;
	padding-right: 20px;
}

.submit.back {
	width: 270px;
	margin: 60px auto 50px;
}

.submit .gray_border {
	margin-top: 5px;
	color: inherit;
	display: inline-block;
	font-size: 18px;
	font-weight: 550;
	color: #fff;
	line-height: 1.3;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px 18px 14px 44px;
	background: url(../img/article_icon_arrow-right_yellow.png) no-repeat 21px center;
	height: auto;
	text-align: left;
	border-radius: 10px;
	background-color: #32CFEB;
	background-size: 15px;
}

.submit .gray_border.big {
	width: 100%;
}

.submit .gray_border.black {
	color: inherit;
}

.submit .gray_border .note {
	display: inline-block;
	color: #FD4D4D;
	background: url(../img/article_icon_emergency03.png) no-repeat left center;
	background-size: 30px auto;
	padding-left: 40px;
}

ul.submit.gray_type02 {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

ul.submit.gray_type02 li {
	width: 48%;
	margin-bottom: 20px;
	margin-left: 0;
}

ul.submit.gray_type02 li .gray_border {
	width: 100%;
}

ul.submit.float {
	display: block;
	overflow: hidden;
}

ul.submit.float li {
	float: left;
	margin: 0 40px 10px 0;
}

.sp_img_link {
	pointer-events: none;
}

.sp_img_link img {
	max-width: 100%;
	max-height: 100%;
}

.img.w100 img,
img.w100 {
	max-width: 100%;
	max-height: 100%;
}

section.mb30 {
	margin-bottom: 30px;
}

main .red_txt {
	color: #FF1D8E;
}

main .yellow_txt {
	color: #fffb1d;
}

main .green_txt {
	color: #0066C0;
}

main .bold {
	font-weight: 700;
}

main .mb0 {
	margin-bottom: 0 !important;
}

main .mb5 {
	margin-bottom: 5px;
}

main .mb15 {
	margin-bottom: 15px;
}

main .mb20 {
	margin-bottom: 20px;
}

main .mb35 {
	margin-bottom: 35px;
}

main .mb50 {
	margin-bottom: 50px;
}

main .mt0 {
	margin-top: 0 !important;
}

main .mt5 {
	margin-top: 5px;
}

main .mt20 {
	margin-top: 20px;
}

main .mt30 {
	margin-top: 30px;
}

main .mt80 {
	margin-top: 80px;
}

main .f_s80 {
	font-size: 80%;
}

main .f_s120 {
	font-size: 120%;
}

main .f_s16 {
	font-size: 16px !important;
}

main .f_s18 {
	font-size: 18px !important;
}

main .f_s20 {
	font-size: 20px !important;
}

main .ro {
	-webkit-transition-duration: 0.25s;
	transition-duration: 0.25s;
}

main .ro:hover {
	opacity: 0.8;
	-webkit-transition-duration: 0.25s;
	transition-duration: 0.25s;
}

main .tac {
	text-align: center;
}

main a[href^="tel:"] {
	color: inherit;
	text-decoration: none;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	h2.main_img {
		margin-bottom: 20px;
	}
	.submit.back {
		margin-top: 38px;
	}
	.submit .gray_border {
		border-width: 3px;
		font-size: 17px;
		font-weight: 700;
		padding: 13px 15px 13px 25px;
		background-position: 10px center;
	}
	.submit .gray_border .note {
		background-size: 25px auto;
		padding-left: 30px;
	}
	ul.submit.gray_type02 {
		display: block;
	}
	ul.submit.gray_type02 li {
		width: 100%;
		margin-bottom: 10px;
	}
	ul.submit.gray_type02 li:last-of-type {
		margin-bottom: 0;
	}
	ul.submit.float li {
		margin: 0 10px 5px 0;
	}
	.sp_img_link {
		pointer-events: auto;
	}
	main .mb35 {
		margin-bottom: 25px;
	}
	main .mb50 {
		margin-bottom: 40px;
	}
	main .mt80 {
		margin-top: 60px;
	}
	main .f_s120 {
		font-size: 110%;
	}
	main .f_s18 {
		font-size: 16px !important;
	}
	main .f_s20 {
		font-size: 18px !important;
	}
	main a[href^="tel:"] {
		text-decoration: underline;
	}
}

/*commonに追記*/
.index .banner.txt_type li {
	width: 49%;
}

.index .banner.txt_type li dd {
	padding: 15px;
	font-weight: 700;
	font-size: 17px;
	line-height: 1.52941;
}

.index .banner.txt_type li dd p {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	.index .banner.txt_type li {
		width: 100%;
	}
	.index .banner.txt_type li dd {
		font-size: 16px;
	}
}

.product_option_box ul:after {
	content: "";
	display: block;
	width: calc(100% / 3 - 8px);
}

@media screen and (max-width: 767px) {
	.product_option_box ul:after {
		content: none;
	}
}

.paper_box td .small {
	display: block;
	font-size: 75%;
	padding-top: 2px;
}

.notice.yellow {
	border-color: #FFE600;
}

.notice dt.green {
	color: #1C8B6A;
}

.notice dd + dt {
	margin-top: 20px;
}

@media screen and (max-width: 767px) {
	article h4 {
		font-size: 18px;
	}
	.notice dd + dt {
		margin-top: 15px;
	}
}

.select.h_a .select-button.type1 {
	height: 100%;
}

.select-button.type1 {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.select-button.type1 b .small {
	font-size: 15px;
}

.select-button.type1.column {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.select.column3.max3 > li {
	max-width: calc(100% / 3 - 10px);
}

.select-button.type1 .inner {
	padding-left: 15px;
}

.select-button.type1 p {
	margin-bottom: 5px;
}

.select-button.type1 p:last-of-type {
	margin-bottom: 0;
}

.select-button.type1 p.img {
	padding: 0 0 5px 15px;
}

.select-button.type1 p.img img {
	max-width: 100%;
	max-height: 100%;
}

.select-button.type1 .sub {
	font-weight: 700;
	margin-bottom: 3px;
}

.select-button.type1 ul.kome {
	font-size: 15px;
	padding: 0 0 0 15px;
	font-weight: 700;
}

.select-button.type1 ul.kome li {
	text-indent: -0.5em;
	padding-left: 1em;
}

@media screen and (max-width: 767px) {
	.select-button.type1 {
		padding-right: 15px;
	}
	.select-button.type1 b .small {
		font-size: 12px;
	}
	.select.column3.max3 > li {
		max-width: inherit;
	}
	.select-button.type1 b {
		line-height: 1.3;
	}
	.select-button.type1 small {
		padding-top: 2px;
	}
	.select-button.type1 .sub,
	.select-button.type1 .txt {
		font-size: 14px;
	}
}

.select.column2.margin_s,
.select.column3.margin_s {
	margin-bottom: 12px;
}

.select.column2.margin_s:last-of-type,
.select.column3.margin_s:last-of-type {
	margin-bottom: -18px;
}

.select.column2.margin_s > li,
.select.column3.margin_s > li {
	margin-bottom: 18px;
}

@media screen and (max-width: 767px) {
	.select.column2.margin_s,
	.select.column3.margin_s {
		margin-bottom: 17px;
	}
	.select.column2.margin_s:last-of-type,
	.select.column3.margin_s:last-of-type {
		margin-bottom: -6px;
	}
	.select.column2.margin_s > li,
	.select.column3.margin_s > li {
		margin-bottom: 13px;
	}
}

#order .btn_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

#order .btn_wrap .select.column2 {
	width: 76%;
	margin-bottom: 15px;
}

#order .btn_wrap .select.column2 > li {
	margin-bottom: 18px;
}

#order .btn_wrap .img {
	width: 22.22%;
}

#order .btn_wrap .img img {
	max-width: 100%;
	max-height: 100%;
}

#order .btn_wrap.btn_wrap02 {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

#order .btn_wrap.btn_wrap02 ul.submit.gray_type02,
#order .btn_wrap.btn_wrap02 .txt_area {
	width: 55%;
	margin-top: 0;
}

#order .btn_wrap.btn_wrap02 ul.submit.gray_type02 li,
#order .btn_wrap.btn_wrap02 .txt_area li {
	width: 100%;
}

#order .btn_wrap.btn_wrap02 .txt_area ul.submit.gray_type02 {
	width: 100%;
}

#order .btn_wrap.btn_wrap02 .img {
	width: 400px;
}

#order .btn_wrap.btn_wrap02 .img img {
	max-width: 100%;
	max-height: 100%;
}

@media screen and (max-width: 767px) {
	#order .btn_wrap {
		display: block;
		margin-bottom: 30px;
	}
	#order .btn_wrap .select.column2 {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 5px;
	}
	#order .btn_wrap .select.column2 > li {
		margin: 0 10px 13px 0;
		width: calc(50% - 10px);
	}
	#order .btn_wrap .img {
		width: 100%;
		text-align: center;
		margin-top: 5px;
	}
	#order .btn_wrap.btn_wrap02 ul.submit.gray_type02,
	#order .btn_wrap.btn_wrap02 .txt_area {
		width: 100%;
		margin-top: 0;
	}
	#order .btn_wrap.btn_wrap02 ul.submit.gray_type02 li,
	#order .btn_wrap.btn_wrap02 .txt_area li {
		width: 100%;
	}
	#order .btn_wrap.btn_wrap02 .img {
		width: 100%;
	}
	#order .btn_wrap.btn_wrap02 + .submit {
		margin-top: -20px;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■normal_txt_area
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.normal_txt_area {
	overflow: hidden;
}

.normal_txt_area .img {
	float: right;
	margin: 0 0 15px 40px;
	display: inline;
}

.normal_txt_area .img img {
	max-width: 100%;
	min-height: 100%;
}

.normal_txt_area .ttl {
	margin-bottom: 3px;
	font-weight: 700;
	font-size: 16px;
}

.normal_txt_area .ttl .red {
	color: #FD4D4D;
}

.normal_txt_area.left_img .img {
	float: left;
	margin: 0 30px 15px 0;
}

h2.border + .normal_txt_area {
	margin-bottom: 35px;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.normal_txt_area .img {
		float: none !important;
		text-align: center;
		margin: 0 0 17px 0 !important;
		display: block;
	}
	.normal_txt_area .img.sp_left {
		text-align: left;
	}
	h2.border + .normal_txt_area {
		margin-bottom: 20px;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■flex_box
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.flex_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.flex_box .img {
	padding-right: 20px;
}

.flex_box .img img {
	max-width: 100%;
	max-height: 100%;
}

.flex_box .txt_area .ttl {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 3px;
}

.flex_box.right_img .img {
	padding: 0 0 0 20px;
}

.flex_box + .flex_box {
	margin-top: 15px;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.flex_box {
		display: block;
	}
	.flex_box .img {
		padding-right: 0;
		margin-bottom: 13px;
	}
	.flex_box.right_img .img {
		padding: 0;
		margin: 13px 0 0 0;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■red_info_box
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.red_info_box {
	border: 4px solid #FF1D8E;
	text-align: center;
	padding: 15px 20px;
	margin-bottom: 30px;
}

.red_info_box.green_box {
	border-color: #32CFEB;
}

.red_info_box .txt {
	font-weight: 700;
	color: #FF1D8E;
	margin-bottom: 0;
}

.red_info_box .black {
	color: inherit;
}

.red_info_box .kome_list,
.red_info_box .disc_list,
.red_info_box .tal {
	text-align: left;
}

.red_info_box .ttl {
	font-weight: 600;
	font-size: 130%;
	margin-bottom: 5px;
	line-height: 1.4;
}

.red_info_box .ttl.green {
	color: #1C8B6A;
}

.red_info_box .ttl .small {
	font-size: 80%;
}

.red_info_box .normal_txt_area .black {
	color: inherit;
}

.red_info_box .normal_txt_area .normal {
	font-weight: 500;
}

.red_info_box ul.txt_link_list li a {
	background-position: left 6px;
	padding-left: 14px;
}

.normal_txt_area + .red_info_box {
	margin-top: -20px;
}

.gray_info_box {
	border: 4px solid #F2F2F2;
	padding: 15px 20px;
	margin-bottom: 30px;
}

.gray_info_box.inb {
	display: inline-block;
}

.yellow_info_box {
	border: 4px solid #FFE600;
	padding: 15px 20px;
	margin-bottom: 30px;
}

.yellow_info_box .ttl {
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 3px;
	line-height: 1.5;
}

.yellow_info_box p:last-of-type {
	margin-bottom: 0;
}

.yellow_info_box ul.txt_link_list li a {
	background-position: left 6px;
	padding-left: 14px;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.red_info_box,
	.gray_info_box,
	.yellow_info_box {
		border-width: 3px;
		text-align: left;
	}
	.red_info_box ul.txt_link_list li a,
	.gray_info_box ul.txt_link_list li a,
	.yellow_info_box ul.txt_link_list li a {
		background-position: left 5px;
		padding-left: 15px;
	}
	.yellow_info_box {
		margin-bottom: 20px;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■list_ver_03
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.list_ver_03 {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	padding-left: 0;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	ul.list_ver_03 {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		overflow: hidden;
	}
	ul.list_ver_03 li {
		float: left;
	}
	ul.list_ver_03 li:after {
		content: "／";
		margin: 0 10px;
		font-size: 90%;
	}
	ul.list_ver_03 li:last-of-type:after {
		content: none;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■disc_list
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.disc_list {
	padding: 0;
}

ul.disc_list > li {
	position: relative;
	padding-left: 1em;
}

ul.disc_list > li:before {
	content: "";
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #000;
	top: 8px;
	left: 0;
}

/*------------------------------------------------------------------------*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■kome_list
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.kome_list {
	padding: 0;
}

ul.kome_list li {
	text-indent: -0.5em;
	padding-left: 0.5em;
}

ul.kome_list li p {
	text-indent: 0;
}

ul.kome_list.i1em li {
	text-indent: -1em;
	padding-left: 1em;
}

/*------------------------------------------------------------------------*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■note_list
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.note_list {
	padding: 0;
}

ul.note_list li {
	background: url(../img/article_icon_emergency02.png) no-repeat left 4px;
	background-size: 18px auto;
	padding-left: 25px;
	margin-bottom: 10px;
}

ul.note_list li:last-of-type {
	margin-bottom: 0;
}

/*------------------------------------------------------------------------*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■list_type01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ol.list_type01 {
	counter-reset: item;
	list-style-type: none;
	padding-left: 0;
}

ol.list_type01 .red {
	color: #FF0000;
}

ol.list_type01 > li {
	padding-left: 40px;
	position: relative;
	margin-bottom: 47px;
}

ol.list_type01 > li:last-of-type {
	margin-bottom: 0;
}

ol.list_type01 > li:before {
	counter-increment: item;
	content: counter(item);
	position: absolute;
	top: -3px;
	left: 0;
	background: #32CFEB;
	width: 30px;
	height: 30px;
	color: #fff;
	font-weight: 600;
	font-size: 18px;
	font-family: Arial , sans-serif;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50px;
}

ol.list_type01.side_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

ol.list_type01.side_list li {
	margin-right: 20px;
	margin-bottom: 15px;
}

ol.list_type01.side_list li:last-of-type {
	margin-right: 0;
}

ol.list_type01.side_list li p {
	margin-bottom: 0;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	ol.list_type01 > li {
		margin-bottom: 35px;
	}
	ol.list_type01 .normal_txt_area .img {
		text-align: left;
	}
	ol.list_type01 .normal_txt_area .img img {
		width: auto;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■app_area
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.app_area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.app_area ul {
	padding-left: 0;
	margin: 0 -5px;
	width: 69.33%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.app_area ul li {
	padding: 0 5px;
}

.app_area .office {
	width: 24.6%;
}

.app_area + p {
	margin-top: 30px;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.app_area {
		display: block;
	}
	.app_area ul {
		margin: 0;
		width: 100%;
	}
	.app_area ul li {
		padding: 0;
	}
	.app_area ul li img {
		width: auto;
		height: 140px;
	}
	.app_area .office {
		width: 100%;
		margin-top: 10px;
	}
	.app_area + p {
		margin-top: 15px;
	}
}

@media screen and (max-width: 555px) {
	.app_area ul li img {
		height: 100px;
	}
	.app_area .office img {
		width: auto;
		height: 50px;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■box_type01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.box_type01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
}

ul.box_type01:after {
	content: "";
	display: block;
	width: 32%;
}

ul.box_type01 li {
	width: 32%;
	border: 1px solid #CBCBCB;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 20px;
}

ul.box_type01 .ttl {
	background: #32CFEB;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	text-align: center;
	padding: 9px 20px;
	line-height: 1.4;
	margin-bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

ul.box_type01 .txt_area {
	padding: 10px 20px;
}

ul.box_type01 .txt_area p {
	margin-bottom: 0;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	ul.box_type01 {
		display: block;
	}
	ul.box_type01:after {
		content: none;
	}
	ul.box_type01 li {
		width: 100%;
		margin-bottom: 10px;
	}
	ul.box_type01 .ttl {
		font-size: 18px;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■box_type02
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.box_type02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
}

ul.box_type02 li {
	width: 48.5%;
	margin-bottom: 25px;
}

ul.box_type02 li .wrap {
	border: 4px solid #CBCBCB;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 19px;
	display: block;
	height: 100%;
}

ul.box_type02 li a {
	color: inherit;
}

ul.box_type02 li a:hover {
	text-decoration: none;
}

ul.box_type02 .ttl {
	color: #1C8B6A;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.4;
	background: url(../img/article_icon_arrow-right_pink.png) no-repeat left 9px;
	padding-left: 15px;
	margin-bottom: 6px;
}

ul.box_type02 .txt_area p {
	margin-bottom: 0;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	ul.box_type02 {
		display: block;
	}
	ul.box_type02 li {
		width: 100%;
		margin-bottom: 15px;
	}
	ul.box_type02 li .wrap {
		border-width: 3px;
	}
	ul.box_type02 .ttl {
		font-size: 18px;
		background-position: left 6px;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■footer_contact
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.footer_contact {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-top: 2px solid #CBCBCB;
	border-bottom: 2px solid #CBCBCB;
	padding: 20px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.footer_contact p {
	margin-bottom: 0;
}

.footer_contact .txt {
	width: calc(100% - 420px);
}

.footer_contact .right {
	width: 380px;
	text-align: center;
}

.footer_contact .right .tel a {
	color: inherit;
	font-size: 34px;
}

.footer_contact .right .submit {
	margin-top: 0;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 690px) {
	.footer_contact {
		margin-top: 40px;
		display: block;
		padding-top: 15px;
	}
	.footer_contact .txt {
		width: 100%;
		margin-bottom: 0;
	}
	.footer_contact .right {
		width: 100%;
	}
	.footer_contact .right .submit {
		margin-top: 10px;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■normal_tab
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.normal_tab {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -1px;
	width: 100%;
	padding: 0;
}

ul.normal_tab li {
	padding: 0 1px;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin-bottom: 2px;
}

ul.normal_tab li .wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4375;
	height: calc(100% - 10px);
	width: 100%;
	background: #BADCD2;
	border-radius: 10px 10px 0 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px 20px;
	color: inherit;
	-webkit-transition-duration: 0.25s;
	transition-duration: 0.25s;
}

ul.normal_tab li .wrap:hover {
	text-decoration: none;
	-webkit-transition-duration: 0.25s;
	transition-duration: 0.25s;
	height: 100%;
}

ul.normal_tab li.active .wrap {
	color: #fff;
	background: #1C8B6A;
	height: 100%;
}

nav.local + section ul.normal_tab {
	margin-top: 20px;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	ul.normal_tab li .wrap {
		font-size: 16px;
		padding: 12px;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■half_box
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.half_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.half_box .box {
	width: 48%;
	margin-bottom: 40px;
}

.half_box .img img {
	/*width: auto;*/
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.half_box .img img.w100 {
	width: 100%;
	max-width: inherit;
	max-height: inherit;
}

.half_box .box2 {
	width: 48%;
	margin-bottom: 10px;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.half_box {
		display: block;
	}
	.half_box .box {
		width: 100%;
		margin-bottom: 30px;
	}
	.half_box.only_box .box:nth-of-type(1) {
		margin-bottom: 0;
	}
	.half_box .box2 {
		width: 100%;
		margin-bottom: 10px;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■other_data_send
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.other_data_send .ttl {
	color: #fff;
	margin-bottom: 5px;
	font-size: 20px;
}

.other_data_send .ttl span {
	display: inline-block;
	background: #FD4D4D;
	padding: 5px 10px;
	min-width: 225px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.other_data_send .txt {
	font-weight: 700;
	font-size: 20px;
	padding-left: 10px;
}

.other_data_send .txt a {
	color: inherit;
}

.other_data_send .txt + .submit {
	margin: -8px 0 15px;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.other_data_send .ttl {
		font-size: 16px;
	}
	.other_data_send .ttl span {
		padding: 5px 10px;
		min-width: 225px;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■txt_link_list
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.txt_link_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
}

ul.txt_link_list li {
	width: calc(50% - 5px);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: 550;
	line-height: 1.4;
	margin-bottom: 20px;
}

ul.txt_link_list li.w100 {
	width: 100%;
}

ul.txt_link_list li a {
	display: inline-block;
	color: inherit;
	background: url(../img/article_icon_arrow-right_skyblue.png) no-repeat 10px 6px;
	padding-left: 24px;
	background-size: 12px;
}

ul.txt_link_list li a:hover {
	text-decoration: underline;
}

ul.txt_link_list.w100 li {
	width: 100%;
}

ul.txt_link_list.float {
	display: block;
	overflow: hidden;
}

ul.txt_link_list.float li {
	float: left;
	width: auto;
	margin-right: 35px;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	ul.txt_link_list {
		display: block;
	}
	ul.txt_link_list li {
		width: 100%;
		font-size: 16px;
		margin-bottom: 15px;
	}
	ul.txt_link_list li a {
		background-position: 5px 5px;
		padding-left: 20px;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■bnr_area
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
main .bnr_area {
	text-align: center;
}

main .bnr_area img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

main .bnr_area ul.half {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}

main .bnr_area ul.half li {
	width: 48%;
	margin-bottom: 10px;
}

main .bnr_area ul.half li img {
	width: 100%;
	height: auto;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	main .bnr_area ul.half {
		display: block;
	}
	main .bnr_area ul.half li {
		width: 100%;
	}
}


@media screen and (max-width: 767px) {
	.index .local {
		position: static !important;
	}
}

.flex_box.right_img .txt_area .img {
	padding-left: 0;
	margin-bottom: 15px;
}

article h3 span.small_txt {
	font-size: 15px;
	color: #fff;
	display: block;
	width: 100%;
	padding-top: 5px;
	line-height: 1.3;
}

#handling .scroll_area + p .txt {
	display: block;
	line-height: 1.4;
	margin-top: 5px;
}

#handling .scroll_area + p .orange + .txt {
	margin-top: -2px;
}

.index .banner.txt_type li a dd p {
	color: #000;
}

.index .banner.txt_type li a {
	display: block;
}

.index .banner.txt_type li a:hover {
	opacity: 0.8;
}

.index .banner.w100 li {
	width: 100%;
}

.index .banner.w100 li dd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.index .banner.w100 li dd .txt {
	width: calc(100% - 380px);
}

.index .banner.w100 li dd .img {
	width: 350px;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	article h3 span.small_txt {
		font-size: 11.5px;
		padding-top: 3px;
	}
	#handling .scroll_area + p .txt {
		text-align: left;
		margin-top: 5px;
	}
	#handling .scroll_area + p .orange + .txt {
		margin-top: 2px;
		text-align: left;
	}
	.index .banner.w100 li dd {
		display: block;
	}
	.index .banner.w100 li dd .txt {
		width: 100%;
	}
	.index .banner.w100 li dd .img {
		width: 100%;
		text-align: center;
		margin-top: 15px;
	}
	.index .banner.w100 li dd .img img {
		max-width: 100%;
		max-height: 100%;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
main .tar {
	text-align: right;
}

main ol.number {
	line-height: 1.67;
	font-size: 15px;
	padding-left: 1.2em;
}

main ol.number li {
	margin-bottom: 5px;
}

main ol.number li:last-of-type {
	margin-bottom: 0;
}

aside .categories li .balloon img{
	width: 198px;
	height: auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■ニュース一覧
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.news_list_sec ul {
	padding: 0;
}

.news_list_sec ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 19px;
}

.news_list_sec ul p {
	margin-bottom: 0;
}

.news_list_sec ul .day {
	width: 70px;
	font-size: 12px;
	padding-top: 3px;
	margin-right: 10px;
}

.news_list_sec ul .txt_area {
	width: calc(100% - 80px);
}

.news_list_sec ul .txt_area .txt {
	margin-right: 15px;
}

.news_list_sec ul .txt_area .cat {
	background: #000;
	color: #fff;
	font-weight: 700;
	font-size: 13px;
	padding: 1px 13px;
	border-radius: 25px;
	display: inline-block;
}
.news_list_sec ul .txt_area .cat + .cat{
	margin-left: 10px;
}

.news_list_sec ul .txt_area .cat.cat01 {
	background: #32CFEB;
}

.news_list_sec ul .txt_area .cat.cat02 {
	background: #A869ED;
}

.news_list_sec ul .txt_area .cat.cat03 {
	background: #FAB15B;
}

.news_list_sec ul .txt_area .cat.cat04{
	background: #F552C9;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■download
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#download .select-button.type1 b {
	background-image: url(../img/ico_dl.png);
	background-position: left 8px;
	background-size: 15px auto;
	padding-left: 22px;
}

#download .select-button.type1 small {
	padding-left: 22px;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	#download .select-button.type1 b {
		background-position: left 3px;
		background-size: 13px auto;
		padding-left: 18px;
	}
	#download .select-button.type1 small {
		padding-left: 18px;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■search_sec 検索結果
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#search_sec .keyword_wrap {
	background: #F6F6F6;
	padding: 16px 20px;
	margin-bottom: 17px;
}

#search_sec .keyword_wrap .ttl {
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 3px;
}

#search_sec .keyword_wrap p {
	margin-bottom: 0;
}

#search_sec .hit_number {
	margin-bottom: 25px;
}

#search_sec .result_list {
	padding: 0;
	margin-bottom: 50px;
}

#search_sec .result_list li {
	margin-bottom: 30px;
}

#search_sec .result_list li p {
	margin-bottom: 0;
	padding-left: 30px;
}

#search_sec .result_list li .ttl {
	background: url(../img/ico_arrow01.png) no-repeat left 4px;
	background-size: 23px auto;
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 1px;
}

#search_sec .result_list li a {
	color: inherit;
}

#search_sec .wp-pagenavi {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#search_sec .wp-pagenavi a, #search_sec .wp-pagenavi span {
	margin: 0 6px;
	border: 1px solid #000;
	background: #fff;
	text-align: center;
	color: #1C8B6A;
	border: 1px solid #fff;
	padding: 7px 3px;
	width: 31px;
	height: 31px;
	line-height: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#search_sec .wp-pagenavi a.current, #search_sec .wp-pagenavi span.current {
	border-color: #1C8B6A;
}

#search_sec .wp-pagenavi a.previouspostslink, #search_sec .wp-pagenavi a.nextpostslink, #search_sec .wp-pagenavi span.previouspostslink, #search_sec .wp-pagenavi span.nextpostslink {
	text-indent: -9999px;
	background: url(../img/ico_back.png) no-repeat center center;
	background-size: 13px auto;
}

#search_sec .wp-pagenavi a.nextpostslink, #search_sec .wp-pagenavi span.nextpostslink {
	background-image: url(../img/ico_next.png);
}

#search_sec .wp-pagenavi a:hover {
	border-color: #1C8B6A;
	text-decoration: none;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	#search_sec .keyword_wrap {
		padding: 10px 15px;
		margin-bottom: 13px;
	}
	#search_sec .keyword_wrap .ttl {
		font-size: 18px;
	}
	#search_sec .result_list {
		margin-bottom: 30px;
	}
	#search_sec .result_list li {
		margin-bottom: 20px;
	}
	#search_sec .result_list li p {
		padding-left: 25px;
	}
	#search_sec .result_list li .ttl {
		background-size: 20px auto;
		font-size: 18px;
		line-height: 1.6;
		margin-bottom: 5px;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■error404_sec
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#error404_sec p {
	text-align: center;
}

#error404_sec .ttl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 20px 0 45px;
	line-height: 1;
}

#error404_sec .ttl p {
	margin-bottom: 0;
	padding-left: 20px;
	font-size: 45px;
	font-weight: 700;
}

#error404_sec .catch {
	margin-bottom: 8px;
	font-size: 22px;
	font-weight: 700;
}

#error404_sec .submit {
	margin-top: 63px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#error404_sec .submit .big {
	height: 72px;
	line-height: 72px;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	#error404_sec .ttl {
		margin: 10px 0;
	}
	#error404_sec .ttl .ico img {
		width: 75px;
		height: auto;
	}
	#error404_sec .ttl p {
		padding-left: 13px;
		font-size: 38px;
	}
	#error404_sec .catch {
		font-size: 18px;
	}
	#error404_sec .submit {
		margin: 35px auto 0;
		display: block;
		width: 80%;
	}
	#error404_sec .submit .big {
		height: 60px;
		line-height: 60px;
	}
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■会員登録完了画面
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.register_confirm .form.type1 li {
	padding: 20px 0;
	margin-bottom: 0;
	border-bottom: 1px solid #E2E2E2;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■共通
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.header-heading li b a span span {
	background: none;
	color: #FFFF00;
	padding-left: 0.5em;
}

aside .vegetable span {
	display: block;
}

aside .vegetable span + span {
	margin-top: 30px;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	aside .header-heading .inner {
		padding: 18px;
	}
	aside .vegetable span {
		display: inline-block;
		padding-bottom: 10px;
	}
	aside .vegetable span + span {
		margin-top: 0;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■トップ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.index .top_area_wrap{
	display: flex;
	justify-content: space-between;
}
.index .top_area_wrap .left{
	box-sizing: border-box;
	padding-right: 20px;
	width: calc(100% - 168px);
	max-width: 826px;
}
.index .top_area_wrap .right{
 width: 168px;
}
.index .top_area_wrap .mv {
	margin-bottom: 55px;
}
.mv li img {
	width: 100%;
	height: auto;
}

.index .banner li {
	border: 2px solid #E2E2E2;
}

.index .banner.no_border li {
	border: none;
}

.index .list_btn {
	margin-top: 25px;
	text-align: center;
}

.index .list_btn a {
	background: url(../img/article_icon_arrow-right_white.png) no-repeat 14px center #1C8B6A;
	color: #fff;
	border-radius: 5px;
	width: 225px;
	padding: 10px 0;
	display: inline-block;
	font-size: 15px;
}

.index .list_btn a:hover {
	opacity: 0.8;
}


.index .calendar .slick-track{
	align-items: flex-start !important;
}

@media only screen and (max-width: 767px) {
	.index .top_area_wrap .left{
		width: 100%;
		padding-right: 0;
		max-width: inherit;
	}
}


/*

注文履歴調整

*/
.order-history .order-list .body .detail > dd {
	width: 80%;
}
.remodal.remodal-is-initialized.remodal-is-opened {
	box-sizing: border-box;
	margin: 0;
	padding: 40px 56px;
	background: #fff;
	line-height: 1.4;
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
}
.remodal-overlay{
	background: rgba(44, 140, 157, .5) !important;
}


@media screen and (max-width: 767px) {
	.order-history .date dl:first-child {
		margin-bottom: 10px;
		line-height: 1.6;
	}
	.order-history .date dt {
		width: 110px;
	}
	.order-history .date dd {
		width: calc(100% - 110px);
	}

	.order-history .order-list .body .detail > dd {
		width: 100% !important;
	}
	.order-history .order-list .body .detail > dd dl {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #e6e6e6;
	}
	.order-history .order-list .body .detail > dd dt,
	.order-history .order-list .body .detail > dd dd {
		padding: 0 10px;
	}
	.order-history .order-list .body .detail > dd dt {
		width: 100px;
	}
	.order-history .order-list .body .detail > dd dd {

	}

	.remodal.remodal-is-initialized.remodal-is-opened {
		box-sizing: border-box;
		margin: 0;
		padding: 30px 36px;
		border: 4px solid #1C8B6A;
		background: #fff;
		line-height: 1.4;
	}
	.remodal.remodal-is-initialized.remodal-is-opened p {
		font-size: 15px!important;
	}

	.modal.shipping-reorder01-modal .wrap {
		width: 90% !important;
	}
	#modal-reorder_url_type2 {
		padding-left: 0;
		padding-right: 0;
	}
}

aside .regist_bnr,
section .regist_bnr {
	margin-bottom: 20px;
	margin-top: 0px;
	height: auto;
	text-align: center;
}
aside .regist_bnr img,
section .regist_bnr img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 767px) {
	aside .regist_bnr{
		margin-bottom: 0;
		padding: 30px 20px;
		margin-top: 0;
	}
	aside .regist_bnr {
		text-align: center;
	}
	aside .regist_bnr img,
	section .regist_bnr img {
		max-width: 270px;
		height: auto;
	}
}


aside .bnr{
	margin-top: 30px;
}
aside .bnr img{
	width: 100%;
	height: auto;
}

@media screen and (max-width: 767px) {
	aside .bnr{
		max-width: 270px;
		padding-left: 20px;
		padding-right: 20px;
		margin: 30px auto 0;
	}
}


.submit li.w25p {
	width: auto;
}


.input_err {
	border-color: #FD4D4D!important;
	border-width: 3px!important;
}

.mv ul{
	opacity: 0;
	transition: opacity .3s linear;
}
.mv ul.slick-initialized{
	opacity: 1;
}
.mv ul.slick-dots{
	opacity: 1;
}

.header-main input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

#feature .txt_area {
	display: flow-root;
}

/*-------------------------------------------------------------------------
商品ページのコラム導線
-------------------------------------------------------------------------*/
.bloglist{
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	padding: 0;
	gap: 0 45px;
}
.bloglist li{
	width: 30%;
	margin-bottom: 20px;
}
.bloglist a {
	color: #000;
	display: block;
}
.bloglist .img {
	border: 1px solid #efefef;
	position: relative;
	z-index: 0;
	margin: 0 0 14px;
}
.bloglist .img .inner {
	overflow: hidden;
	position: relative;
	z-index: 0;
	display: block;
	height: 179px;
}
.bloglist .img .inner img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transition: all 0.15s ease-out;
	width: 100%;
	height: auto;
}
.categoryicons {
	margin: 0 0 5px;
	padding: 0;
	transition: all 0.15s ease-out;
}
.categoryicons li {
	display: inline-block;
	background: #fff;
	border: 1px solid #1C8B6A;
	color: #1C8B6A;
	font-size: 13px;
	line-height: 1;
	text-align: center;
	margin: 0 3px 3px 0;
	width: fit-content;
}
.categoryicons a, .categoryicons span {
	padding: 4px;
	color: #1C8B6A;
	display: block;
}
.bloglist .date {
	font-size: 13px;
	letter-spacing: 0.1em;
	margin: 0;
	transition: all 0.15s ease-out;
}
.bloglist .title {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.64706;
	transition: all 0.15s ease-out;
	margin-bottom: 0;
}
.bloglist:before {
	content: '';
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	display: block;
	width: 30%;
}
@media screen and (max-width: 767px){
	.bloglist {
		display: block;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		padding: 0;
		gap: 0 45px;
	}
	.bloglist li {
		width: 100%;
		margin-bottom: 20px;
	}
	.bloglist .img .inner {
		overflow: hidden;
		position: relative;
		z-index: 0;
		display: block;
		height: 230px;
	}
}
/*-------------------------
口コミページ
-------------------------*/	
.review_content{
	border: 1px solid #1c8b6a;
	padding: 20px;
	margin-bottom: 30px;
}	
.review_item{
	display: flex;
	gap: 15px;
}
.star:before {
	color:#F80;
}
.star5:before {
	content:'★★★★★';
}
.star4:before {
	content:'★★★★☆';
}
.star3:before {
	content:'★★★☆☆';
}
.star2:before {
	content:'★★☆☆☆';
}
.star1:before {
	content:'★☆☆☆☆';
}
.prev-next-wrap{
	display: flex;
	margin-top: 40px;
}
.next-text{
	text-align: right;
}
.product_cat{
	border: solid 1px;
	color: #1c8b6a;
	padding: 0 5px;
}
/*-------------------------
wp-pagenavi
-------------------------*/
.wp-pagenavi {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 72px;
}

.wp-pagenavi a, .wp-pagenavi span {
	font-size: 18px;
	margin: 0 5px;
	border: 1px solid #000;
	background: #fff;
	text-align: center;
	padding: 11px 3px;
	width: 44px;
	height: 44px;
	line-height: 1;
	color: #000;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.wp-pagenavi a.current, .wp-pagenavi span.current {
	border-color: #1C8B6A;
	color: #1C8B6A;
	background: #1C8B6A;
	color: #fff;
}

.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink, .wp-pagenavi span.previouspostslink, .wp-pagenavi span.nextpostslink {
	text-indent: -9999px;
	background: url(../img/page_back.png) no-repeat center center;
	background-size: 7px auto;
}

.wp-pagenavi a.nextpostslink, .wp-pagenavi span.nextpostslink {
	background-image: url(../img/page_next.png);
}

.wp-pagenavi a.previouspostslink:hover, .wp-pagenavi span.previouspostslink:hover {
	background-image: url(../img/page_back_g.png);
}

.wp-pagenavi a.nextpostslink:hover, .wp-pagenavi span.nextpostslink:hover {
	background-image: url(../img/page_next_g.png);
}

.wp-pagenavi a:hover {
	border-color: #1C8B6A;
	color: #1C8B6A;
	text-decoration: none;
	color: #1C8B6A;
}

@media only screen and (max-width: 767px) {
	.wp-pagenavi {
		margin-top: 35px;
	}
	.wp-pagenavi a, .wp-pagenavi span {
		font-size: 16px;
		margin: 0 3px;
		padding: 7px;
		width: 32px;
		height: 32px;
	}
	.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink, .wp-pagenavi span.previouspostslink, .wp-pagenavi span.nextpostslink {
		background-size: 6px auto;
	}
}

@media screen and (max-width: 767px) {

	.upload-history dl{
		display:flex;
		flex-direction:column;
	}

}
.order-cancel-modal .cancel_reason_wrap {
	margin: 2.5rem 3rem 0 3rem;
}

.order-cancel-modal .cancel_reason_wrap .required {
	color: #FD4D4D;
	font-weight: 600;;
}

.order-cancel-modal .cancel_btn_wrap {
	display: flex;
	justify-content: center;
	gap: 10px;

	margin-top: 10px;
}

@media screen and (max-width: 767px) {

	.order-cancel-modal .cancel_reason_wrap {
		margin: 1.5rem 0 0 0;
	}

}

.order-cancel-modal .cancel_disable_div{
	color:red;
	text-align:center;
	font-size: 120%; 
}

@media screen and (max-width: 767px) {
	.order-cancel-modal .cancel_disable_div{
		font-size: 110%; 
	}
}

/* 横に揺れるボタン用 */
.sway-side {
	animation: yureru-s 2s infinite;
}
@keyframes yureru-s {
	0% {
		transform: translate(2px, 0px);
	}
	5% {
		transform: translate(-2px, 0px);
	}
	10% {
		transform: translate(2px, 0px);
	}
	15% {
		transform: translate(-2px, 0px);
	}
	20% {
		transform: translate(2px, 0px);
	}
	25% {
		transform: translate(-2px, 0px);
	}
	30% {
		transform: translate(0px, 0px);
	}
}

/* 表紙用紙の追加納期対応 */
.cover_papaer_add_days{
	margin-left:1rem;
	color:#FD4D4D;
	font-size: 110%;
}
/*必ず最終行*/
html {display: block;}

/* test */
/* 確認用のコメントです 山崎*/


/* reCAPTCHA バッジ非表示 */
.grecaptcha-badge { visibility: hidden; }