html, body {
	height: 100%;
    background: #fff;
}

.body {
	height: 100%;
    padding-top: 6rem;
    background: #fff;
}

.wrapper {
	height: 100%;
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}

body {
	animation: fadein 2s forwards;
}

@keyframes fadein {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

.importer {
	display: inline-block;
	width: 4em;
	padding: 0.2rem 0.9rem;
	border: solid 1px;
	border-radius: 2rem;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 600;
	font-family: 'Geologica', sans-serif;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	
	background: #fff;
	border-color: #D1D1D1;
	color: #929292;
}
.importer.AZM { border-color: #39A873; }
.importer.FRS { border-color: #841ab6; }
.importer.FRT { border-color: #6e1399; }
.importer.INB { border-color: #9651B7; }
.importer.JDX { border-color: #3d7933; }
.importer.JIS { border-color: #5F5089; }
.importer.KAW { border-color: #000; }
.importer.LVN { border-color: #8562c8; }
.importer.MLS { border-color: #42569F; }
.importer.NCF { border-color: #1F5FBE; }
.importer.PRT { border-color: #000; }
.importer.SYA { border-color: #BBC550; }
.importer.SYB { border-color: #8FBE4C; }
.importer.TAS { border-color: #1E6A8B; }
.importer.TSS { border-color: #39A8A1; }
.importer.VCS { border-color: #3994A8; }
.importer.WHE { border-color: #689507; }
.importer.VR { border-color: #667085; }
input:checked + label.importer.AZM, .importer.AZM.checked { background: #39A873; border-color: #39A873; color: #fff; }
input:checked + label.importer.FRS, .importer.FRS.checked { background: #841ab6; border-color: #841ab6; color: #fff; }
input:checked + label.importer.FRT, .importer.FRT.checked { background: #6e1399; border-color: #6e1399; color: #fff; }
input:checked + label.importer.INB, .importer.INB.checked { background: #9651B7; border-color: #9651B7; color: #fff; }
input:checked + label.importer.JDX, .importer.JDX.checked { background: #3d7933; border-color: #3d7933; color: #fff; }
input:checked + label.importer.JIS, .importer.JIS.checked { background: #5F5089; border-color: #5F5089; color: #fff; }
input:checked + label.importer.KAW, .importer.KAW.checked { background: #000; border-color: #000; color: #fff; }
input:checked + label.importer.LVN, .importer.LVN.checked { background: #8562c8; border-color: #8562c8; color: #fff; }
input:checked + label.importer.MLS, .importer.MLS.checked { background: #42569F; border-color: #42569F; color: #fff; }
input:checked + label.importer.NCF, .importer.NCF.checked { background: #1F5FBE; border-color: #1F5FBE; color: #fff; }
input:checked + label.importer.PRT, .importer.PRT.checked { background: #000; border-color: #000; color: #fff; }
input:checked + label.importer.SYA, .importer.SYA.checked { background: #BBC550; border-color: #BBC550; color: #fff; }
input:checked + label.importer.SYB, .importer.SYB.checked { background: #8FBE4C; border-color: #8FBE4C; color: #fff; }
input:checked + label.importer.TAS, .importer.TAS.checked { background: #1E6A8B; border-color: #1E6A8B; color: #fff; }
input:checked + label.importer.TSS, .importer.TSS.checked { background: #39A8A1; border-color: #39A8A1; color: #fff; }
input:checked + label.importer.VCS, .importer.VCS.checked { background: #3994A8; border-color: #3994A8; color: #fff; }
input:checked + label.importer.WHE, .importer.WHE.checked { background: #689507; border-color: #689507; color: #fff; }
input:checked + label.importer.VR, .importer.VR.checked { background: #667085; border-color: #667085; color: #fff; }



.result, 
.footer, 
.header-top, 
.search {
	padding: 0 2rem;
}

.shipping-top {
	padding: 3rem 2rem;
}
.shipping-bottom {
	
}

.header {
	position: fixed;
	top: 0;
    left: 0;
    width: 100%;
	z-index: 1;
}
.header > div {
	width: 100%;
}
.header-reset {
	display: block;
	width: 100%;
	height: 100%;
	background: url("../images/icon_reset.png") no-repeat center center;
	background-size: 2rem auto;
}
.header-top {
	display: block;
	width: 100%;
	height: 100%;
	background: url("../images/icon_top.png") no-repeat center center;
	background-size: 1.4rem 0.8rem;
}
.header-ttl {
    display: flex;
    align-items: center;
	justify-content: center;
	height: 6rem;
    padding: 0 2rem;
	border-bottom: solid 2rem #383838;
    background: #fff;
	font-size: 2.6rem;
	font-weight: 600;
	font-family: 'Geologica', sans-serif;
}
.header-ttl a {
	height: 3rem;
    padding: 0;
	color: #000;
	text-decoration: none;
}
.header-ttl a img {
	height: 3rem;
	width: auto;
    vertical-align: top;
}
.header-back {
	position: absolute;
	left: 0;
}
.header-back a {
	display: block;
	width: 5rem;
	height: 5rem;
	padding: 1.9rem 2.2rem;
}
.header-back a img {
	vertical-align: top;
}

.header-top {
	text-align: center;
}
.header-top-ttl {
	margin: 3rem 0 0;
	color: #000;
	font-size: 3.6rem;
	font-weight: 600;
	font-family: 'Geologica', sans-serif;
	line-height: 1
}
.header-top-subttl {
	color: #BEB58A;
	font-size: 1.6rem;
	font-weight: 300;
	font-family: 'Geologica', sans-serif;
	line-height: 1
}



.search-door {
    height: 0;
	padding: 0;
	border-top: solid 1rem #c5c5c5;
	background: #383838;
	color: #fff;
	font-family: 'Geologica', sans-serif;
	text-align: center;
	cursor: pointer;
	transition: border 0.5s;
	position: relative;
}
.search-door.open {
	border-bottom: 0;
}
.search-door.open::before {
	content: "-";
	margin-right: 0.5rem;
}
.search-door::before {
	content: "+";
	margin-right: 0.5rem;
}
.search-door::after {
	content: "Search\A▼";
	position: absolute;
	bottom: -2.4rem;
	left: calc(50% - 6rem);
	height: 2.4rem;
	width: 12rem;
	border-radius: 0 0 1rem 1rem;
	background: #363636;
	background: url("../images/tab_search_w.svg") no-repeat center center;
	color: #000;
	text-align: center;
	font-size: 1rem;
    line-height: 1;
    white-space: pre;
}
.search-door img {
	display: none;
	margin-right: 0.5rem;
	width: 1.5rem;
	height: 1.5rem;
	vertical-align: middle;
}
.search {
    max-height: calc(70vh - 2.4rem);
	padding-top: 1rem;
	padding-bottom: 2rem;
	border-bottom: solid 0.5rem #c5c5c5;
	background: #fafafa;
	position: relative;
    overflow: scroll;
}
.search-close {
	position: absolute;
	bottom: -2.4rem;
	left: calc(50% - 6rem);
	height: 2.4rem;
	width: 12rem;
	border-radius: 0 0 1rem 1rem;
	background: url("../images/tab_search_w.svg") no-repeat center center;
	color: #000;
	text-align: center;
	font-size: 1rem;
	cursor: pointer;
    opacity: 0;
    transition: all 0.3s;
}
.search-door.open + div + .search-close {
    opacity: 1;
    transition: all 0.3s;
}
.search-word {
	margin: 2rem 0 1.5rem;
}
textarea[name="word"] {
	width: 100%;
	height: 7.2rem;
	padding: 0.5rem 1rem 0.5rem 1rem;
	border: solid 1px #D1D1D1;
	border-radius: 0.4rem;
	color: #000;
	font-size: 1.3rem;
}
textarea[name="word"]::placeholder {
	color: #929292;
}
.search-div {
	padding: 0.5rem 1.3rem 0.7rem;
}
.search-div-head {
	display: flex;
	justify-content: space-between;
}
.search-div-head-ttl {
	font-size: 1.2rem;
	font-weight: 600;
}
.search-div-head-ttl input {
	display: none;
}
.search-div-head-ttl label {
	display: inline-block;
	margin: 0;
	padding: 0.2rem 0.9rem;
	border: solid 1px #D1D1D1;
	border-radius: 2rem;
	background: #fff;
	color: #929292;
	font-size: 1.1rem;
	user-select: none;
	transition: all 0.5s;
}
.search-div-head-ttl input:checked + label {
	border: solid 1px #383838;
	background: #383838;
	color: #fff;
	transition: all 0.5s;
}
.search-div-head-link {
	font-size: 1.2rem;
	text-decoration: underline;
	cursor: pointer;
}
.search-div-body {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.search-div-body > div {
	width: 19%;
	margin: 0.5rem 0 0;
}
.search-div-body input {
	display: none;
}
.search-div-body input + label {
	width: 100%;
	margin: 0;
	vertical-align: bottom;
	transition: all 0.5s;
}
.search-table {
	width: 100%;
}
.search-table th, 
.search-table td {
	padding: 0.5rem 0;
}
.search-table th {
	width: 8rem;
	padding-left: 1.3rem;
	font-size: 1.2rem;
	font-weight: 600;
	text-align: left;
	vertical-align: middle;
}
.search-table td {
	padding-right: 1.3rem;
	font-size: 1.2rem;
	font-weight: 400;
	text-align: left;
	vertical-align: middle;
}
.search-table .search-table-border-top {
	border-top: solid 1px #D1D1D1;
}
.search-table .search-table-border-top th, 
.search-table .search-table-border-top td {
	padding-top: 0.7rem;
}
.search-table .search-table-border-bottom th, 
.search-table .search-table-border-bottom td {
	padding-bottom: 0.7rem;
}
.search-table .search-table-arrow th, 
.search-table .search-table-arrow td {
	padding-bottom: 1rem;
	position: relative;
}
.search-table .search-table-arrow td::after {
	content: "";
	border-top: solid 0.5rem #D1D1D1;
	border-left: solid 0.5rem transparent;
	border-right: solid 0.5rem transparent;
	border-bottom: 0;
	position: absolute;
	bottom: 0;
	left: calc(50% - 1.55rem);
}
.search-table select {
	width: 100%;
	border: solid 1px #D1D1D1;
	border-radius: 0.4rem;
	background: url("../images/icon_select.png") no-repeat right 1rem center #fff;
	background-size: 0.8rem 0.4rem;
	font-size: 1.3rem;
}
.search-table select:disabled {
	border-color: #EAEAEA;
	background-color: #EAEAEA;
	background-blend-mode: difference;
	color: #CECECE;
	cursor: default;
}
.search-table select[name="sort"] {
	width: auto;
	margin-right: 1rem;
}
.search-table input[type="text"] {
	width: 100%;
	padding: 0.5rem 1rem;
	border: solid 1px #D1D1D1;
	border-radius: 0.4rem;
	font-size: 1.3rem;
}
.search-table input[name="breed_other"] {
	margin-top: 0.5rem;
}
.search-table input[name="price_more"], 
.search-table input[name="price_less"] {
	width: 7.5rem;
	padding: 0.5rem 1rem;
	border: solid 1px #D1D1D1;
	border-radius: 0.4rem;
	font-size: 1.3rem;
}
.search-table input[name="price_less"] {
	margin-left: 0.5rem;
}
.search-table label {
	margin-right: 0.5rem;
}
.submit {
	display: flex;
	align-items: flex-end;
	margin: 1.5rem 0 0;
}
.submit > div {
	width: 20%;
}
.submit > div:first-child {
	padding-right: 2rem;
}
.submit > div:nth-child(2) {
	width: 60%;
}
.submit > div:last-child {
	padding-left: 2rem;
}
.submit input[type="submit"] {
	display: inline-block;
	width: 100%;
	height: 4rem;
	margin: 0 auto;
	border-radius: 4px;
	background: #383838;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 600;
	cursor: pointer;
}
.submit input[type="submit"]:disabled {
	border-color: #EAEAEA;
	background: #EAEAEA;
	color: #CECECE;
}
.submit-reset {
	display: inline-block;
	width: 100%;
	height: 3rem;
	margin: 0.5rem 0 0;
	padding: 0;
	border: solid 1px #666;
	border-radius: 4px;
	background: transparent;
	color: #666;
	font-size: 1.1rem;
	font-weight: 600;
	cursor: pointer;
}


.result {
    background: #fff;
}

.control-header {
	background: #f6f6f6;
}
.control-header .wrapper {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-direction: row;
	margin: 0 auto;
    padding: 4rem 2rem 1rem;
	font-size: 1.4rem;
	font-weight: 500;
	text-align: center;
}
.control-header .filter {
	display: flex;
}
.control-header .filter > div {
	margin-right: 0.4rem;
}
.control-header .filter input {
	display: none;
}
.control-header .filter label {
	display: inline-block;
	margin: 0;
	padding: 0.2rem 0.9rem;
	border: solid 1px #D1D1D1;
	border-radius: 2rem;
	background: #fff;
	color: #929292;
	font-size: 1.1rem;
	user-select: none;
	transition: all 0.5s;
}
.control-header .filter input:checked + label {
	border: solid 1px #383838;
	background: #383838;
	color: #fff;
	transition: all 0.5s;
}
.control-header .sort {
}
.control-header select {
	width: auto;
	border: solid 1px #D1D1D1;
	border-radius: 0.4rem;
	background: url("../images/icon_select.png") no-repeat right 1rem center #fff;
	background-size: 0.8rem 0.4rem;
	font-size: 1.3rem;
	vertical-align: middle;
}
.control-header select:disabled {
	border-color: #EAEAEA;
	background-color: #EAEAEA;
	background-blend-mode: difference;
	color: #CECECE;
	cursor: default;
}
.control-header select[name="sort"] {
	width: auto;
	margin-right: 1rem;
}
.control-header .sort_maker_index {
	display: inline-block;
	margin-left: 0.5rem;
	vertical-align: middle;
}
.control-header .sort_maker_index label {
	display: inline-block;
	font-size: 1.1rem;
	line-height: 1.1;
	vertical-align: middle;
}

.result-header {
	margin: 1rem 0;
}



.result-index {
	
}
.result-index > div {
	margin: 3rem 0;
	padding-bottom: 3rem;
	border-bottom: solid 1px #C5C5C5;
}
.result-index > div:first-child {
	margin-top: 0;
}
.result-sub {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.result-sub > div:first-child {
	
}
.result-sub > div:last-child {
	
}
.result-basic {
	display: flex;
	justify-content: space-between;
}
.result-basic > div:first-child {
	width: 12rem;
	position: relative;
}
.result-basic > div:last-child {
	width: calc(100% - 13.2rem);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.result-type {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0.5rem 0.5rem 0;
	padding: 0.2rem 0.5rem;
	background: rgb(0, 0, 0, 0.5);
	color: #fff;
	font-size: 1rem;
	font-weight: 400;
	vertical-align: middle;
}
.result-ID {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.result-ID .importer {
	width: auto;
	font-size: 1.2rem;
}
.result-importer_item_ID {
	font-size: 1rem;
	font-weight: 400;
}
.copy_id {
	user-select: none;
}
.result-item_ID {
	margin-left: 0.2rem;
	color: #828282;
	font-size: 1.2rem;
	font-weight: 600;
}
.material-symbols-outlined {
	margin-left: 0.2rem;
	color: #828282;
	font-size: 1.2rem;
	vertical-align: middle;
}
.result-img {
	width: 12rem;
	height: 12rem;
	padding: 0.5rem;
	border: solid 1px #F0F0F0;
	text-align: center;
	position: relative;
}
@media (min-width: 428px) {
	.result-basic > div:first-child {
		width: 14.8rem;
	}
	.result-basic > div:last-child {
		width: calc(100% - 16rem);
	}
	.result-img {
		width: 14.8rem;
		height: 14.8rem;
	}
}
.result-img img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
.result-img img.campaign {
	position: absolute;
	left: 0;
	top: 0;
}
.result-nostock .result-img::after {
	content: "在庫無し";
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 1.4rem;
	font-weight: 600;
}
/*
.result-lowstock .result-img::after {
	content: "在庫僅少";
	display: flex;
	justify-content: center;
	align-items: center;
	width: 90%;
	height: 18%;
	position: absolute;
	left: 5%;
	bottom: 5%;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 1.2rem;
	font-weight: 500;
}
*/
.result-end .result-img::after {
	content: "販売終了";
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 1.4rem;
	font-weight: 600;
}
.result-lottery .result-img::after {
	content: "受付終了\A抽選中";
	white-space: pre;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 1.4rem;
	font-weight: 600;
}
.result-wrong .result-img::after {
	content: "販売終了";
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 1.4rem;
	font-weight: 600;
}
.result-series_name {
	margin: 0.6rem 0 -0.6rem;
	font-size: 1.2rem;
	font-weight: 700;
	color: #1F5FBE;
}
.result-item_name {
	margin: 0.6rem 0;
	font-size: 1.3rem;
	font-weight: 600;
}
.result-price-campaign {
	margin: 0.6rem 0 0;
	font-size: 1.1rem;
	font-weight: 500;
	color: #FF881B;
}
.result-new {
	margin-right: 0.5rem;
	padding: 0 0.5rem;
	border: solid 1px #FF881B;
	line-height: 1;
	font-weight: 600;
}
.result-price-campaign-note {
	margin: 0.5rem 0;
	font-size: 1.1rem;
	color: #FF881B;
}
.result-price {
	display: flex;
	margin: 1.5rem 0 0;
	flex: 1;
}
.result-price > div:first-child {
	text-align: right;
	line-height: 1.4;
}
.result-price > div:last-child {
	
}
/*
@media (max-width: 414px) {
	.result-price {
		display: block;
	}
	.result-price > div:last-child {
		margin-top: 0.4rem;
		text-align: center;
	}
}
*/
.result-price-amount {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1;
}
.result-price-tax {
	color: #848484;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1;
}
.result-price-amount-tax {
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1;
}
.result-price-tax-tax {
	color: #848484;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1;
}
.result-price-amount.slash {
	font-size: 1.3rem;
	text-decoration: line-through;
}
.result-price-amount-tax.slash {
	text-decoration: line-through;
}
.result-price-amount.campaign {
	color: #FF881B;
}
.result-price-amount-tax.campaign {
	color: #FF881B;
}
.result-shipping {
	cursor: pointer;
}
.result-shipping-txt {
	display: block;
	margin: 0.2rem 0.5rem 0;
	padding: 0.4rem 0.7rem;
	border: solid 1px #ccc;
	border-radius: 0.5rem;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.25;
	user-select: none;
}
.result-shipping-txt.AZM { color: #39A873; border-color: #39A873; }
.result-shipping-txt.FRS { color: #841ab6; border-color: #841ab6; }
.result-shipping-txt.FRT { color: #6e1399; border-color: #6e1399; }
.result-shipping-txt.INB { color: #9651B7; border-color: #9651B7; }
.result-shipping-txt.JDX { color: #3d7933; border-color: #3d7933; }
.result-shipping-txt.JIS { color: #5F5089; border-color: #5F5089; }
.result-shipping-txt.KAW { color: #000; border-color: #000; }
.result-shipping-txt.LVN { color: #8562c8; border-color: #8562c8; }
.result-shipping-txt.MLS { color: #42569F; border-color: #42569F; }
.result-shipping-txt.NCF { color: #1F5FBE; border-color: #1F5FBE; }
.result-shipping-txt.PRT { color: #000; border-color: #000; }
.result-shipping-txt.SYA { color: #BBC550; border-color: #BBC550; }
.result-shipping-txt.SYB { color: #8FBE4C; border-color: #8FBE4C; }
.result-shipping-txt.TAS { color: #1E6A8B; border-color: #1E6A8B; }
.result-shipping-txt.TSS { color: #39A8A1; border-color: #39A8A1; }
.result-shipping-txt.VCS { color: #3994A8; border-color: #3994A8; }
.result-shipping-txt.WHE { color: #689507; border-color: #689507; }
.result-shipping-txt.VR { color: #667085; border-color: #667085; }
.result-maker {
	color: #585858;
	font-size: 1.1rem;
	font-weight: 500;
}
.result-grade {
	color: #585858;
	font-size: 1.1rem;
	font-weight: 500;
}
.result-outline {
	margin: 0.3rem 0 0.5rem 1.5em;
	font-size: 1.1rem;
	font-weight: 500;
}
.result-unit {
	margin: 0.5rem 0;
	font-size: 1.1rem;
	font-weight: 600;
}
.result-unit span {
	padding:  0.1em 1em;
	background: #000;
	color: #fff;
	border-radius: 1em;
}
.result-unit span.strong {
	background: #EF1976;
}
.result-note {
	margin: 0.5rem 0;
	font-size: 1.1rem;
	font-weight: 400;
}
.result-next {
	margin: 0.5rem 0;
	font-size: 1.1rem;
	font-weight: 600;
}
.result-next a {
	padding:  0.1em 1em;
	background: #99e4fb;
	color: #fff;
	border-radius: 1em;
	text-decoration: none;
}
.result-next a:hover {
	background: #71dbfc;
}
.result-award {
	margin: 0.5rem 0;
	color: #585858;
	font-size: 1.2rem;
	font-weight: 400;
}
.result-nature {
	margin: 0.5rem 0;
	font-size: 1.2rem;
	font-weight: 400;
}
.result-vegan {
	margin: 0.5rem 0;
	font-size: 1.2rem;
	font-weight: 400;
}
.result-nature > span, 
.result-vegan > span {
	cursor: pointer;
}
.result-nature > span img, 
.result-vegan > span img {
	max-width: 3rem;
	max-height: 3rem;
	width: auto;
	height: auto;
	margin-right: 0.5rem;
}
.result-content {
	margin: 0.5rem 0 0;
	padding: 1rem 1.5rem;
	background: #F6F6F6;
}
.result-item_heading {
	font-size: 1.2rem;
	font-weight: 600;
}
.result-item_content {
	font-size: 1.2rem;
	font-weight: 400;
}
.result-item_content .hide {
	display: none;
}
.result-item_content .moretext {
	color: #A3AEB2;
	font-weight: 600;
	font-family: 'Geologica', sans-serif;
	white-space: nowrap;
}


.result-index > div.result-paging {
    margin-bottom: 0;
	border: 0;
	font-size: 1.6rem;
	font-family: 'Geologica', sans-serif;
	text-align: center;
}
.result-index > div.result-paging a, 
.result-index > div.result-paging span {
	display: inline-block;
	padding: 0.5rem;
	color: #515151;
	text-decoration: none;
}
.result-index > div.result-paging span.active {
	font-weight: 600;
}


.result-nodata {
	margin: 3rem 0;
}



.modaal-container {
	border-radius: 0.3rem;
}
.modaal-content-container {
	padding: 0;
}

.shipping {
	display: none;
}
.shipping-bottom {
	margin-top: auto;
	background: #f0f0f2;
}
.shipping-ttl {
	margin: 1em 0 0;
	font-size: 1.6rem;
	font-weight: 600;
}
.shipping-ttl:first-child {
	margin: 0;
}
.shipping-ttl2 {
	margin: 0.8rem 0 0 0;
	font-size: 1.1rem;
	font-weight: 600;
}
.shipping-fee {
	display: inline-block;
	margin: 0 0 0 1rem;
	font-size: 1.4rem;
	vertical-align: bottom;
}
.shipping-fee .importer {
	margin-right: 0.5rem;
}
.shipping-fee-tax {
	font-size: 1.2rem;
}
.shipping-price {
	font-size: 1.6rem;
	font-weight: 500;
}
.shipping-free {
	list-style: none;
}
.shipping-free li {
	width: 50%;
	margin: 2rem 0 0;
	font-size: 1.4rem;
}
.shipping-top .shipping-free li {
	width: 100%;
	margin-top: 0;
}
.shipping-bottom .shipping-free {
	display: none;
	background: #ddd;
	padding: 0rem 1rem 1rem;
}
.shipping-fee-txt {
	margin: 0.5rem 0 0 0;
	padding: 0 1em 0 0;
}
.shipping-all, 
.shipping-other {
	margin: 2rem 0 0;
	background: transparent;
	font-size: 0.8em;
	text-decoration: underline;
	cursor: pointer;
}
@media (max-width: 440px) {
	.shipping-free {
		display: block;
	}
	.shipping-free li {
		width: 100%;
	}
}
.shipping-importers {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 1rem 0;
	list-style: none;
}
.shipping-importers li {
	width: 19%;
	margin: 0.5rem 0 0;
	user-select: none;
	cursor: pointer;
}
.shipping-importers li.hide {
	cursor: default;
	pointer-events: none;
}
.shipping-importers li span {
	width: 100%;
	margin: 0;
	vertical-align: bottom;
	transition: all 0.5s;
}
.shipping-importers-box {
	padding: 1.5rem 2rem;
	background: #ddd;
}
.shipping-importers-head {
	padding: 3rem 2rem 0.5rem;
}

.importers {
	display: none;
}
.importers-head {
	padding: 3rem 2rem 0.5rem;
	background: #f0f0f2;
}
.importers-ttl {
	font-size: 1.6rem;
	font-weight: 600;
}
.importers-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 1rem 0;
	list-style: none;
}
.importers-list li {
	width: 19%;
	margin: 0.5rem 0 0;
	user-select: none;
	cursor: pointer;
}
.importers-list li.hide {
	cursor: default;
	pointer-events: none;
}
.importers-list li span {
	width: 100%;
	margin: 0;
	vertical-align: bottom;
	transition: all 0.5s;
}
.importers-box {
	padding: 1.5rem 2rem;
	background: #ddd;
}
.importer-detail {
	display: none;
	padding: 0 1rem 1rem;
	background: #ddd;
}


.about {
	margin: 5rem 0 0;
}
.about-ttl {
	margin: 0 1rem 3rem;
	font-size: 1.4rem;
}
.about-table {
	width: 100%;
	margin: 0 1rem;
}
.about-table th, 
.about-table td {
	padding: 1rem 1rem;
	border-bottom: solid 1px #f6f6f6;
	font-size: 1.3rem;
}
.about-table th {
	width: 30%;
	font-weight: 600;
	text-align: left;
	vertical-align: middle;
}
.about-table td {
	font-weight: 400;
	text-align: left;
	vertical-align: middle;
}

.natures {
	display: none;
}
.natures-head {
	padding: 0 2rem;
}
.natures-head > div {
	margin: 3rem 0;
}
.natures-ttl {
	padding: 0 0 1rem;
	border-bottom: solid 1px #333;
	font-size: 1.6rem;
	font-weight: 600;
}
.natures-outline {
	margin: 1.5rem 0;
	font-size: 1.3rem;
}
.natures-head ul li {
	margin: 1.5rem 0;
	list-style: none;
}
.natures-mark {
	width: 3rem;
	position: absolute;
}
.natures-markttl {
	padding-left: 4rem;
	font-size: 1.4rem;
	font-weight: 600;
}
.natures-marktxt {
	padding-left: 4rem;
	font-size: 1.3rem;
}

.nature-div-head-link {
	display: inline-block;
	margin: 0.5rem 0 0;
	text-decoration: underline;
	cursor: pointer;
}



.footer {
	background: #fff;
}
.footer-alert {
	margin: 1em 0;
	font-size: 1rem;
	font-weight: 400;
}
.footer-alcohol {
	padding: 3rem 0 0;
	font-size: 1.2rem;
	font-weight: 400;
}
.footer-nav {
	padding: 3rem 0 3rem;
	font-size: 1.2rem;
	font-weight: 400;
	text-align: center;
}
.footer-nav a {
	color: #262626;
	text-decoration: none;
}
.footer-copyright {
	padding: 0 0 1em;
	font-size: 1rem;
	font-weight: 400;
	text-align: center;
}



.topagetop {
	position: fixed;
	bottom: 5rem;
	right: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s;
}
.topagetop.show {
	opacity: 1;
	visibility: visible;
}
.topagetop a {
	display: block;
	width: 5rem;
	height: 5rem;
	background: #ccc url("../images/icon_top.png") no-repeat center center;
	background-size: 1.4rem 0.8rem;
}

.loading {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../images/icon_loading.svg") no-repeat center center;
	background-size: 2rem 2rem;
	z-index: 99999;
}



.forCopy {
	display: none;
	padding: 5rem;
}
.forCopy-sales, 
.forCopy-purchase {
	padding: 5rem;
}
.forCopy-purchase {
	border-bottom: solid 1px #000;
}
.forCopy-sales > div, 
.forCopy-purchase > div {
	
}
.forCopy-sales > div > span, 
.forCopy-purchase > div > span {
	display: inline;
	margin-right: 2rem;
}
.forCopyBtn {
	position: fixed;
	bottom: 5rem;
	left: 0;
}
.forCopyBtn a {
	display: block;
	width: 5rem;
	height: 5rem;
	background: #ccc;
}