@charset "utf-8";
/* CSS Document */

button,
input[type="submit"],
textarea,
input[type="text"],
select {
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif !important;
}

.outlet-title{
	text-align:center;
}
.LC_Page_Products_List .ver2022 nav ul {
    justify-content: center;
}

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

.outlet-title{
	font-size:4.5vw !important;
	margin-top: 8vw!important;
	margin-bottom: 8vw!important;
}

button,
input[type="submit"],
textarea,
input[type="text"],
select {
font-size:4vw;
}
	.ver2022 .top_medal {
		width: 90vw; height:auto;
		margin: 0 auto 6.4vw auto;
		text-align:center;
		font-size:0;
	}
	.ver2022 .top_medal > div {
		display: inline-block;
		text-align: left;
		vertical-align:top;
	}
	.ver2022 .top_medal > div:nth-of-type(1){
		width:4.5vw;
		margin-top:1.5vw;
	}
	.ver2022 .top_medal > div picture{
		margin:8.7vw 0 0 0;
	}
	.ver2022 .top_medal > div + div > div{
		width:73vw;
		margin: 0 0 0.4vw 3vw;
	}
	.ver2022 .top_medal > div + div > div > p{
		margin:0;
	}
	.ver2022 .top_medal > div + div > div > p:nth-of-type(1){
		text-align:left;
	}
	.ver2022 .top_medal > div + div > div > p:nth-of-type(2){
		text-align:right;
	}
	.ver2022 .wrap {
		padding: 0 5.4vw;
	}
	.ver2022 nav ul,
	.ver2022 nav ul li {
		list-style: none;
		margin : 0;
		padding: 0;
	}
	.ver2022 nav ul {
		display: block;
		margin-bottom:8vw;
	}
	.ver2022 nav ul li {
		width: 100%;
		font-size: 3vw;
	}
	.ver2022 nav ul li:nth-child(2) {
		margin: 5vw 0;
	}
	.ver2022 nav ul li a {
		display: block;
		border: #221714 solid 0.6vw !important;
		width:87.6vw !important;
		font-size:3.5vw !important;
	}
	.ver2022 nav ul li a:hover {
		background: #221714;
		color: #FFF;
		transition: 0.3s;
	}
	
	.ver2022 .items > section {
		padding: 33vw 0 8vw 0;
		margin:-33vw auto 8vw auto;
		/*-border-bottom: #000 solid 1px;-*/
	}
	.ver2022 .items > section:nth-last-of-type(1){
		margin-bottom:0;
	}
	.ver2022 section.cordvan-item{
		margin-top:-33vw;
	}
	.ver2022 .items > section:last-child {
		position: sticky;
		bottom: 5.4vw;
		padding: 0;
	}
	.ver2022 .items > section:nth-last-child(2) {
		padding: 0;
	}
	.ver2022 .items > section:nth-last-child(2) > .wrap > .outer {
		border-top: #000 solid 0.3vw;
		padding: 8vw 0;
	}
	.ver2022 .items > section:nth-last-child(2) > .wrap > .outer h2 {
		margin-bottom: 8vw;
	}
	.ver2022 .items > section:nth-last-child(2) > .wrap > .outer p {
		margin-bottom: 2vw;
	}

	.ver2022 .inner {
		margin-top: 6vw;
	}
	.ver2022 h2 {
		margin-bottom: 2vw;
		font-size: 5vw;
		text-align: left;
		line-height: 7vw;
	}
	
	.ver2022 h2 span {
		display: block;
	}
	
	.ver2022 h2 + p {
		margin-bottom: 8vw;
		font-size: 5vw;
		text-align: right;
	}
	.ver2022 h2 + p > span {
		display: block;
		font-size: 4vw;
		margin-right: -0.5em;
	}
	.ver2022 h2 + p + p {
		margin-bottom: 8vw;
	}
	.ver2022 h2 + p + p + p + p{
		width: 70vw;
		margin: 0 0 4vw auto;
		text-align: right;
	}
	
	/*- ----- -*/
	.ver2022 section.bo_b1{
		border-bottom:0.3vw #898989 solid;
		padding-bottom:0;
	}
.ver2022 .inner2{
margin-left:-5.4vw;
width:85vw;
padding:0 7.5vw;
border-top:#898989 0.3vw solid;
}
	.ver2022 .inner2 > div:first-child {
		padding-bottom: 4vw;
	}
	.ver2022 .inner2 > div:first-child > section {
		display: flex;
		border-bottom: #898989 solid 0.3vw;
		padding: 5.2vw 0;
		flex-direction: row-reverse;
		justify-content: space-between;
	}
	.ver2022 .inner2 > div:first-child > section:last-child {
		border-bottom: none;
	}
	
	.ver2022 .inner2 > div:first-child > section > div:first-child {
		position: relative;
		width: 55vw;
	}
	.ver2022 .inner2 > div:first-child > section > div:first-child h3 {
		text-align: center;
		font-size:4.2vw;
		margin-top:-1.2vw;
	}
	.ver2022 .inner2 > div:first-child > section > div:first-child p,
	.ver2022 .inner2 > div:first-child > section > div:first-child a {
		font-size: 3.5vw;
	}
	.ver2022 .inner2 > div:first-child > section > div:first-child h3 + p {
		width: 20vw;
		margin: 2.5vw auto;
		padding: 0;
		font-size: 3.2vw;
		text-align: center;
		line-height: 5.6vw;
	}
	
	.ver2022 .inner2 > div:first-child section > div:first-child h3 + p.col1 {
		background: #CBCBCB;
	}
	.ver2022 .inner2 > div:first-child section > div:first-child h3 + p.col2 {
		background: #4E6786;
		color: #FFF;
	}
	.ver2022 .inner2 > div:first-child section > div:first-child h3 + p.col3 {
		background: #E5D389;
	}
	.ver2022 .inner2 > div:first-child section > div:first-child h3 + p.col4 {
		margin-top:4.5vw;
		background: #B41E23;
		color: #FFF;
	}
	
	.ver2022 .inner2 > div:first-child > section > div:first-child h3 + p + p {
		text-align: center;
		font-size:3.2vw;line-height:1em;
		margin:0 auto 3vw auto;

	}
	.ver2022 .inner2 > div:first-child > section > div:first-child h3 + p + p + a,
	.ver2022 .inner2 > div:first-child > section > div:first-child h3 + p + p + p {
		line-height: 5vw;
	}
	.ver2022 .inner2 input[type="submit"].cartbtn {
		position: absolute;
		right : 0;bottom: -1.2vw;
		width: 50vw; height:9.5vw; line-height:1em;
		display: block;
		border: #D3514D solid 0.6vw;
		border-radius: 7vw;
		padding:0;
		color: #D3514D;
		font-size: 3.5vw;
		background-color:white;
		text-align: center;

	}
	.ver2022 .inner2 input[type="submit"].cartbtn:hover {
		background: #D3514D;
		color: #FFF;
		transition: 0.3s;
	}
	.ver2022 .inner2 input[type="submit"].cartbtn + i{
		color: #D3514D;
		position:absolute;bottom:4.5%;left:24%;
		pointer-events: none;
}
	.ver2022 .inner2 input[type="submit"].cartbtn:hover + i{
		color: #FFF;
		transition: 0.5s;
}
	.ver2022 .inner2 > div:first-child > section > div:first-child h3 + p + p + p.sold {
		position: absolute;
		right : 0;
		bottom: 0;
		width: 50vw; height:11vw; line-height:11vw;
		display: block;
		background: #898989;
		border: #898989 solid 0.6vw;
		border-radius: 7vw;
		padding: 0;
		color: #FFF;
		font-size: 3.5vw;
		text-align: center;
	}
	.ver2022 .inner2 > div:first-child > section > div:first-child + div {
		margin-right: 5vw;
		width:30vw;height:30vw;
	}
	
	.ver2022 .inner2 > div + section {
		padding: 8vw 0;
		border-top:0.3vw #898989 solid;
		border-bottom:0.3vw #898989 solid;
	}
	
	.ver2022 .inner2 > div + section > h3 {
		margin-bottom: 8vw;
	}
	
	.ver2022 .inner2 > div + section > dl,
	.ver2022 .inner2 > div + section > dl > dt,
	.ver2022 .inner2 > div + section > dl > dd {
		margin : 0;
		padding: 0;
	}
	.ver2022 .inner2 > div + section > dl > dt {
		width: 25vw;
		text-align: center;
		font-size: 3.2vw;line-height:5.6vw;
	}
	.ver2022 .inner2 > div + section > dl > dd {
		font-size: 3.5vw;
		margin: 3.1vw 0 3.1vw 2.1vw;
	}
	.ver2022 .inner2 > div + section > dl:last-child dd {
		margin-bottom: 0;
	}
	.ver2022 .inner2 > div + section > dl > dt.col1 {
		background: #CBCBCB;
	}
	.ver2022 .inner2 > div + section > dl > dt.col2 {
		background: #4E6786;
		color: #FFF;
	}
	.ver2022 .inner2 > div + section > dl > dt.col3 {
		background: #E5D389;
	}
	.ver2022 .inner2 > div + section > dl > dt.col4 {
		background: #B41E23;
		color: #FFF;
	}
	.ver2022 .inner2 > div:first-child > section  .swiper + div {
		position: fixed;
		top   : 0;
		bottom: 0;
		left  : 0;
		right : 0;
		visibility: hidden;
	}
	.ver2022 .inner3 {
		margin-top:-8vw;
	}
	.block1 .swiper + div.open,
	.ver2022 .swiper + div.open {
		visibility: visible !important;
		z-index: 999999;
		opacity: 1;
	}
	.block1 .swiper + div > .swiper-container,
	.ver2022 .swiper + div > .swiper-container {
		background: #FFF;
		border: #CCC solid 0.3vw;
		width : 89.2vw;
		height: 117vw;
		position: absolute;
		top : 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		display: block;
		z-index: 100002;
		opacity: 0;
		transition: 0.5s;
	}
	.block1 .swiper + div.open > .swiper-container,
	.ver2022 .swiper + div.open > .swiper-container {
		background: #FFF;
		border: #000 solid 0.3vw;
		position: absolute;
		top : 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		display: block;
		z-index: 100002;
		opacity: 1;
		transition: 0.5s;
	}
	.block1 .swiper + div > .swiper-container > p ,
	.ver2022 .swiper + div > .swiper-container > p {
		position: absolute;
		top: 10vw;
		left: 5vw;
		padding: 0;
		font-size: 4.2vw;
	}
	.ver2022 .swiper + div > .swiper-container > p > span {
		font-size: 4.1vw;
		display: block;
		line-height: 7.2vw;
	}
	.ver2022 .swiper + div > .swiper-container > p + .close {
		position: absolute;
		top   : 5vw;
		right : 5vw;
		width : 5vw;
		height: 5vw;
		z-index: 100003;
	}
	.ver2022 .swiper + div > .swiper-container > p + .close + .cart {
		position: absolute;
		bottom: 5.4vw;
		left : 50%;
		transform: translateX(-50%);
		width: 70vw;
		z-index: 100003;
		border: #C7514A solid 0.6vw;
		border-radius: 10vw;
		padding: 0.3em 0;
		color: #C7514A;
		text-align: center;
	}
	.ver2022 .swiper + div > .swiper-container > p + .close + .cart:hover {
		background: #C7514A;
		color: #FFF;
	}
	.ver2022 .swiper + div > .swiper-container > p + .close + .cart > i {
		margin-right: 0.5em;
	}
	.ver2022 .swiper + div > .overlay {
		position: absolute;
		top   : 0;
		left  : 0;
		bottom: 0;
		right : 0;
		background: rgba(255,255,255,0.8);
		transition: 0.5s;
		opacity: 0;
		z-index: 100000;
	}
	.ver2022 .swiper + div.open > .overlay {
		position: absolute;
		top   : 0;
		left  : 0;
		bottom: 0;
		right : 0;
		background: rgba(255,255,255,0.8);
		transition: 0.5s;
		opacity: 1;
		z-index: 100000;
		width:100vw !important;
		margin:0 !important;
	}
	
	.ver2022 .swiper + div .swiper-slide > picture {
		position: absolute;
		top : 46%;
		left: 50%;
		transform: translateX(-50%) translateY(-46%);
		display: block;
		text-align: center;
	}
	.ver2022 .swiper + div .swiper-slide > picture + p {
		position: absolute;
		left  : 5.4vw;
		bottom: 30vw;
		padding:0;
		font-size: 4.2vw;
	}
	
	.ver2022 .swiper-button-prev {
		top:55vw !important;
		left: 5.4vw !important;
	}
	.ver2022 .swiper-button-next {
		top:55vw !important;
		right: 5.4vw !important;
	}
	
	.ver2022 .swiper-pagination-fraction,
	.ver2022 .swiper-pagination-custom,
	.ver2022 .swiper-container-horizontal > .swiper-pagination-bullets {
		bottom: 20vw !important;
	}
	
	.ver2022 .material {
		display: block;
		background: #906033;
		width: 90vw;
		height: 11.9vw;
		position: -webkit-sticky;position: sticky;
		bottom: 5vw;
		right: 5vw;
		margin: 0 0 5vw auto;
		color: #FFF;
		font-size: 4.5vw;
		text-align: center;
	}
	.ver2022 .material > span {
		display: block;
		width: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.ver2022 .material + div {
		position: fixed;
		visibility: hidden;
		opacity: 0;
		transition: 0.5s;
		z-index: -1;
	}
	.ver2022 .material + div.open {
		position: fixed;
		top   : 0;
		left  : 0;
		bottom: 0;
		right : 0;
		background: rgba(255,255,255,0.8);
		visibility: visible;
		z-index: 999999;
		opacity: 1;
	}
	
	.ver2022 .material + div > div {
		position: relative;
		top : 5.4vw;
		left: 5.4vw;
		display: block;
		width : 77.8vw;
		height: calc(100% - 22.2vw);
		border: #000 solid 0.3vw;
		background: #FFF;
		padding: 5.4vw;
		overflow-y: scroll;
	}
	
	.ver2022 .material + div > div > .close {
		position: fixed;
		top  : 10vw;
		right: 10vw;
	}
	
	.ver2022 .material + div > div > .close + section {
		margin-top: -3.1vw;
	}
	
	.ver2022 .material + div > div > section {
		border-bottom: #898989 solid 0.3vw;
		padding: 3.1vw 0;
	}
	
	.ver2022 .material + div > div > section:last-child {
		border-bottom: none;
		padding-bottom: 0;
	}
	
	.ver2022 .material + div > div > section h4,
	.ver2022 .material + div > div > section p {
		margin : 0;
		padding: 0;
		font-size: 3.5vw;
	}
	
	.ver2022 .material + div > div > section h4 {
		margin-bottom: 2vw;
		font-weight: normal;
		margin-left: -0.5em;
	}
	
	.ver2022 .material + div > div > section.center {
		text-align: center;
		width:80%;
		padding:3vw 10%;
	}
	.ver2022 .material + div > div > section.center div{
		display: inline-block;
		width:45%;
	}
	.ver2022 .material + div > div > section.center p {
		font-size: 2.5vw;
	}
	
	.ver2022 picture.w300p,
	.ver2022 picture.w300p source,
	.ver2022 picture.w300p img {
		display: block;
		width: auto;
		text-align: center;
		margin: 0 auto 5vw auto;;
	}
h6{
	line-height:7.2vw;
}
.item-foot-link{
	text-align:center;
	width:90vw;
	margin:8vw auto 5vw;
	padding-top:5vw;
	border-top:0.3vw solid black;
}
.item-foot-link a{
	margin:3vw 0 !important;
}

}

@media screen and (min-width:481px) {
@media screen and	(max-width:1100px) {

.outlet-title{
	font-size:calc(100vw * calc(21 / 1100)) !important;
	margin-bottom: calc(100vw * calc(40 / 1100)) !important;
}

button,
input[type="submit"],
textarea,
input[type="text"],
select {
font-size:calc(100vw * calc(18 / 1100)) !important;
}
	.ver2022 .top_medal {
		display: flex;
		width: auto;
		margin: 0 auto;
		justify-content: center;
		align-items: center;
	}
	.ver2022 .top_medal > div {
		display: inline-block;
		text-align: left;
	}
	.ver2022 .top_medal > div + div > div{
		margin: calc(100vw * calc(10 / 1100));
		margin-left: calc(100vw * calc(15 / 1100));
	}
	.ver2022 .top_medal > div + div > div > p{
		display:inline-block;
	}
	.ver2022 i{
		padding-right:calc(100vw * calc(15 / 1100));
	}
	.var2022 .top-message p {
		margin-bottom: 0 !important;
	}
	.ver2022 .bo_b1 {
		border-bottom: #000 solid calc(100vw * calc(1 / 1100));
	}
	.ver2022 .wrap {
		max-width: calc(100vw * calc(980 / 1100));
		width: calc(100vw * calc(980 / 1100));
		margin: 0 auto;
		padding: 0 calc(100vw * calc(60 / 1100));
	}
	.ver2022 .inner {
		max-width: calc(100vw * calc(800 / 1100));
		margin: 0 auto;
	}
	
	.ver2022 nav ul,
	.ver2022 nav ul li {
		list-style: none;
		margin : 0;
		padding: 0;
	}
	.ver2022 nav ul {
		display: flex;
	}
	.ver2022 nav ul li {
		width: calc(100vw * calc(310 / 1100));
		font-size: calc(100vw * calc(12 / 1100));
	}
	.ver2022 nav ul li:nth-child(2) {
		margin: 0 calc(100vw * calc(25 / 1100));
	}
	.ver2022 nav ul li.borsa {
		margin:0 calc(100vw * calc(12.5 / 1100)) 0 calc(100vw * calc(170 / 1100));
	}
	.ver2022 nav ul li.borsa:nth-child(2) {
		margin:0 0 0 calc(100vw * calc(12.5 / 1100));
	}
	.ver2022 nav ul li a {
		border: #221714 solid  calc(100vw * calc(1 / 1100)) !important;
		font-size:  calc(100vw * calc(12 / 1100)) !important;
		width:  calc(100vw * calc(300 / 1100)) !important;
	}
	.ver2022 nav ul li a:hover {
		background: #221714;
		color: #FFF;
		transition: 0.3s;
	}
	
	.ver2022 h2 {
		font-size: calc(100vw * calc(21 / 1100));
		text-align: left;
	}
	.ver2022 h2 span {
		display: block;
		font-size: calc(100vw * calc(26 / 1100));
		line-height: 1.8em;
	}
	.ver2022 .price {
		text-align: right;
		margin-top: calc(100vw * calc(8 / 1100));
		font-size: calc(100vw * calc(26 / 1100));
		line-height: 1.4em;
	}
	.ver2022 .price span {
		display: block;
		font-size: calc(100vw * calc(15 / 1100));
		margin-right: -0.5em;
	}
	
	.ver2022 .items > section {
		padding-top: calc(100vw * calc(180 / 1100));
		padding-bottom: calc(100vw * calc(40 / 1100));
		margin-top: calc(100vw * calc(-140 / 1100));
	}
	.ver2022 .items > section:last-child {
		position: -webkit-sticky;position: sticky;
		right  : calc(100vw * calc(60 / 1100));
		bottom : calc(100vw * calc(60 / 1100));
		padding: 0;
		margin : 0;
	}
	.ver2022 .inner2 {
		display: flex;
		margin-top: calc(100vw * calc(40 / 1100));
		justify-content: space-between;
	}
	.ver2022 .inner2 > div:first-child {
		width: calc(100vw * calc(515 / 1100));
	}
	
	.ver2022 .inner2 > div:first-child > section {
		display: flex;
		flex-direction: row-reverse;
		width: 100%;
		border-bottom: #888888 solid calc(100vw * calc(1 / 1100));
		padding: calc(100vw * calc(20 / 1100)) 0;
	}
	.ver2022 .inner2 > div:first-child > section:first-child {
		padding-top: 0;
	}
	.ver2022 .inner2 > div:first-child > section:last-child {
		border-bottom: none;
		padding-bottom: 0;
	}
	
	.ver2022 .inner2 > div:first-child > section > div {
		position: relative;
		width: calc((100% - calc(100vw * calc(135 / 1100))) - calc(100vw * calc(50 / 1100)));
		text-align: right;
	}
	.ver2022 .inner2 > div:first-child > section > div + div {
		width: calc(100vw * calc(135 / 1100));
		margin-right: calc(100vw * calc(50 / 1100));
	}
	.ver2022 .inner2 > div:first-child > section > div > h3 {
		font-size: calc(100vw * calc(18 / 1100));
		text-align: left;
	}
	.ver2022 .inner2 > div:first-child > section > div > h3 + p {
		position: absolute;
		top  : 0;
		right: 0;
		text-align: center;
		font-size: calc(100vw * calc(15 / 1100));
		width:calc(100vw * calc(90 / 1100));
		line-height:calc(100vw * calc(30 / 1100));
		display: block;
	}
	.ver2022 .inner2 > div:first-child > section > div h3 + p.col1 {
		background: #CBCBCB;
	}
	.ver2022 .inner2 > div:first-child > section > div h3 + p.col2 {
		background: #4E6786;
		color: #FFF;
	}
	.ver2022 .inner2 > div:first-child > section > div h3 + p.col3 {
		background: #E5D389;
	}
	.ver2022 .inner2 > div:first-child > section > div h3 + p.col4 {
		background: #B41E23;
		color: #FFF;
	}
	.ver2022 .inner2 > div:first-child > section > div > h3 + p + p {
		position: absolute;
		right: 0em;
		top: 58%;
		font-size:calc(100vw * calc(18 / 1100));
		transform: translateY(-50%);
	}
button,
input[type="submit"] {
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif !important;
}
	.ver2022 .inner2 input[type="submit"].cartbtn {
		position: absolute;
		right : 0;
		bottom: 0;
		width: 100%;
		display: block;
		border: #D3514D solid calc(100vw * calc(2 / 1100));
		border-radius: calc(100vw * calc(20 / 1100));
		font-size:calc(100vw * calc(16 / 1100));
		padding: 0.1em 0;
		margin-top: calc(100vw * calc(26 / 1100));
		background-color:white;
		color: #D3514D;
		text-align: center;
		cursor:pointer !important:
	}
	.ver2022 .inner2 input[type="submit"].cartbtn:hover {
		background: #D3514D;
		color: #FFF;
		transition: 0.5s;
	}
	.ver2022 .inner2 input[type="submit"].cartbtn + i{
		color: #D3514D;
		position:absolute;bottom:7%;left:30%;
		pointer-events: none;
}
	.ver2022 .inner2 input[type="submit"].cartbtn:hover + i{
		color: #FFF;
		transition: 0.5s;
}
	.ver2022 .inner2 > div:first-child > section > div > h3 + p + p + p.sold {
		position: absolute;
		right : 0;
		bottom: calc(100vw * calc(6 / 1100));
		width: 100%;
		display: block;
		background: #888;
		border: #888 solid calc(100vw * calc(2 / 1100));
		border-radius: calc(100vw * calc(20 / 1100));
		padding: 0.1em 0;
		color: #FFF;
		text-align: center;
		line-height: 1.5em;
	}
	
	.ver2022 .inner2 > div + section {
		width: calc(100% - calc(100vw * calc(641 / 1100)));
    	padding: 0 0 calc(100vw * calc(20 / 1100)) 0;
	}
	
	/*- ----- -*/
	
	.ver2022 .inner2 div + section {
		width: calc(100vw * calc(340 / 1100));
	}
	.ver2022 .inner2 div + section > h3 {
		text-align: left;
		margin-bottom: calc(100vw * calc(40 / 1100));
		font-size:calc(100vw * calc(21 / 1100));
	}
	.ver2022 .inner2 div + section > dl,
	.ver2022 .inner2 div + section > dl dt,
	.ver2022 .inner2 div + section > dl dd {
		margin : 0;
		padding: 0;
	}
	.ver2022 .inner2 div + section > dl dt {
		width:calc(100vw * calc(110 / 1100));
		margin-top: calc(100vw * calc(18 / 1100));
		font-size: calc(100vw * calc(15 / 1100));
		line-height:calc(100vw * calc(30 / 1100));
		white-space: nowrap;
		text-align: center;
	}
	.ver2022 .inner2 div + section > dl dt.col1 {
		background: #CBCBCB;
	}
	.ver2022 .inner2 div + section > dl dt.col2 {
		background: #4E6786;
		color: #FFF;
	}
	.ver2022 .inner2 div + section > dl dt.col3 {
		background: #E5D389;
	}
	.ver2022 .inner2 div + section > dl dt.col4 {
		background: #B41E23;
		color: #FFF;
	}
	.ver2022 .inner2 div + section > dl dd {
		margin-top: calc(100vw * calc(18 / 1100));
		margin-left: calc(100vw * calc(10 / 1100));
	}
	.ver2022 .outer {
		display: block;
		width: auto;
		text-align: center;
	}
	
	.ver2022 .inner3 {
		display: inline-block;
		margin: 0 auto;
		text-align: left;
	}

	.ver2022 .swiper + div {
		position: fixed;
		top   : 0;
		bottom: 0;
		left  : 0;
		right : 0;
		visibility: hidden;
	}
	.ver2022 .swiper + div.open {
		visibility: visible;
		z-index: 999999;
		opacity: 1;
	}
	.ver2022 .swiper + div > .swiper-container {
		background: #FFF;
		border: #CCC solid calc(100vw * calc(1 / 1100));
		width : calc(100vw * calc(540 / 1100));
		height: calc(100vw * calc(600 / 1100));
		position: absolute;
		top : 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		display: block;
		z-index: 100002;
		opacity: 0;
		transition: 0.5s;
	}
	.ver2022 .swiper + div.open > .swiper-container {
		background: #FFF;
		border: #000 solid calc(100vw * calc(1 / 1100));
		width : calc(100vw * calc(540 / 1100));
		height: calc(100vw * calc(600 / 1100));
		position: absolute;
		top : 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		display: block;
		z-index: 100002;
		opacity: 1;
		transition: 0.5s;
	}
	.ver2022 .swiper + div > .swiper-container > p {
		position: absolute;
		top: calc(100vw * calc(60 / 1100));
		left: calc(100vw * calc(60 / 1100));
		padding: 0;
		font-size: calc(100vw * calc(18 / 1100));
		text-align: left;
	}
	.ver2022 .swiper + div > .swiper-container > p > span {
		font-size: calc(100vw * calc(26 / 1100));
		display: block;
		line-height: 1.4em;
	}
	.ver2022 .swiper + div > .swiper-container > p + .close {
		position: absolute;
		top   : calc(100vw * calc(60 / 1100));
		right : calc(100vw * calc(60 / 1100));
		width : calc(100vw * calc(25 / 1100));
		height: calc(100vw * calc(25 / 1100));
		z-index: 100003;
	}
	.ver2022 .swiper + div > .swiper-container > p + .close + .cart {
		position: absolute;
		bottom: calc(100vw * calc(60 / 1100));
		left : 50%;
		transform: translateX(-50%);
		width: calc(100% - calc(100vw * calc(240 / 1100)));
		z-index: 100003;
		border: #C7514A solid calc(100vw * calc(2 / 1100));
		border-radius: calc(100vw * calc(30 / 1100));
		padding: 0.5em;
		color: #C7514A;
		text-align: center;
	}
	.ver2022 .swiper + div > .swiper-container > p + .close + .cart {
		position: absolute;
		bottom: calc(100vw * calc(60 / 1100));
		left : 50%;
		transform: translateX(-50%);
		width: calc(100% - calc(100vw * calc(244 / 1100)));
		z-index: 100003;
		border: #C7514A solid calc(100vw * calc(2 / 1100));
		border-radius: calc(100vw * calc(30 / 1100));
		padding: 0.5em;
		color: #C7514A;
		text-align: center;
		transition: 0.3s;
	}
	.ver2022 .swiper + div > .swiper-container > p + .close + .cart:hover {
		background: #C7514A;
		color: #FFF;
	}
	.ver2022 .swiper + div > .swiper-container > p + .close + .cart > i {
		margin-right: 0.5em;
	}
	.ver2022 .swiper + div > .overlay {
		position: absolute;
		top   : 0;
		left  : 0;
		bottom: 0;
		right : 0;
		background: rgba(255,255,255,0.8);
		transition: 0.5s;
		opacity: 0;
	}
	.ver2022 .swiper + div.open > .overlay {
		position: absolute;
		top   : 0;
		left  : 0;
		bottom: 0;
		right : 0;
		background: rgba(255,255,255,0.8);
		transition: 0.5s;
		opacity: 1;
	}
	
	.ver2022 .swiper + div .swiper-slide {
	}
	
	.ver2022 .swiper + div .swiper-slide > picture {
		position: absolute;
		top : 46%;
		left: 50%;
		transform: translateX(-50%) translateY(-46%);
		display: block;
		text-align: center;
	}
	.ver2022 .swiper + div .swiper-slide > picture + p {
		position: absolute;
		left  : calc(100vw * calc(60 / 1100));
		bottom: calc(100vw * calc(150 / 1100));
		padding:0;
		font-size: calc(100vw * calc(18 / 1100));
	}
	
	.ver2022 .material {
		display: block;
		background: #906033;
		width: calc(100vw * calc(170 / 1100));
		height: calc(100vw * calc(70 / 1100));
		position: -webkit-sticky;position: sticky;
		bottom: calc(100vw * calc(60 / 1100));
		right: calc(100vw * calc(60 / 1100));
		margin: calc(100vw * calc(-60 / 1100)) 0 0 auto;
		color: #FFF;
		font-size: calc(100vw * calc(18 / 1100));
		text-align: center;
	}
	.ver2022 .material span {
		display: block;
		width: calc(100vw * calc(170 / 1100));
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	
	.ver2022 .material + div {
		position: fixed;
		visibility: hidden;
		opacity: 0;
		transition: 0.5s;
		z-index: -1;
	}
	.ver2022 .material + div.open {
		top   : 0;
		right : 0;
		bottom: 0;
		left  : 0;
		background: rgba(255,255,255,0.8);
		visibility: visible;
		opacity: 1;
		transition: 0.5s;
		z-index: 999999;
	}
	.ver2022 .material + div > div {
		position: relative;
		top   : calc(100vw * calc(60 / 1100));
		left  : calc(50% - calc(100vw * calc(490 / 1100)));
		bottom: calc(100vw * calc(60 / 1100));
		background: #FFF;
		border: #000 solid calc(100vw * calc(1 / 1100));
		padding: calc(100vw * calc(60 / 1100));
		height: calc(100% - calc(100vw * calc(240 / 1100)));
		width : calc(100vw * calc(860 / 1100));
		overflow-y: scroll;
	}
	.ver2022 .material + div > div .close {
		position: fixed;
		top  : calc(100vw * calc(120 / 1100));
		right: calc(50% - calc(100vw * calc(413 / 1100)));
		z-index:20000;
	}

	.ver2022 .material + div > div > section {
		border-bottom: #000 solid calc(100vw * calc(1 / 1100));
	}
	.ver2022 .material + div > div > section:last-child {
		border-bottom: none;
		padding-bottom: 0;
	}
	.ver2022 .material + div h4,
	.ver2022 .material + div p {
		margin: 0;
		padding: 0;
		font-size: calc(100vw * calc(17 / 1100));
		font-weight: normal;
	}
	.ver2022 .material + div h4 {
		margin-right: calc(100vw * calc(30 / 1100));
		width: calc(100vw * calc(90 / 1100));
		white-space: nowrap;
	}
	.ver2022 .material + div p {
		display: block;
		width: 100%;
	}
	.ver2022 .material + div > div > section {
		display: flex;
		margin : 0;
		padding: calc(100vw * calc(40 / 1100)) 0;
	}
	.ver2022 .material + div > div > a + section {
		padding-top: 0;
	}
	.ver2022 .material + div > div > section.center {
		justify-content: center;
		text-align: center;
	}
	.ver2022 .material + div > div > section.center p {
		font-size: calc(100vw * calc(12 / 1100));
	}
	.ver2022 .material + div > div > section.center picture {
		margin: 0 calc(100vw * calc(10 / 1100));
	}
	
	.ver2022 picture.w300p,
	.ver2022 picture.w300p source,
	.ver2022 picture.w300p img {
		width: calc(100vw * calc(300 / 1100));
		display: block;
	}
	
	.ver2022 picture.w300p {
		margin-left: calc(100vw * calc(70 / 1100));
	}
	
	.ver2022 .flx_rev {
		display: flex;
		width: 100%;
		flex-direction: row-reverse;
		justify-content: space-between;
	}
h6{
	font-size:calc(100vw * calc(12 / 1100));
	line-height:calc(100vw * calc(27.8 / 1100));
}

.open .swiper-pagination-bullets{
	width:100% !important;
	bottom:calc(100vw * calc(110 / 1100)) !important;
	margin:0 !important;
}
.item-foot-link{
	text-align:center;
	margin:calc(100vw * calc(-50 / 1100)) auto calc(100vw * calc(40 / 1100));
}
.item-foot-link a{
	margin:0 calc(100vw * calc(10 / 1100)) !important;
}

}
}

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

.outlet-title{
	font-size:21px !important;
	margin-bottom: 40px!important;
}

button,
input[type="submit"],
textarea,
input[type="text"],
select {
font-size:1.6rem !important;
}
	.ver2022 .top_medal {
		display: flex;
		width: auto;
		margin: 0 auto;
		justify-content: center;
		align-items: center;
	}
	.ver2022 .top_medal > div {
		display: inline-block;
		text-align: left;
	}
	.ver2022 .top_medal > div + div > div{
		margin: 10px;
		margin-left: 15px;
	}
	.ver2022 .top_medal > div + div > div > p{
		display:inline-block;
	}
	.ver2022 i{
		padding-right:15px;
	}
	.var2022 .top-message p {
		margin-bottom: 0 !important;
	}
	.ver2022 .bo_b1 {
		border-bottom: #000 solid 1px;
	}
	.ver2022 .wrap {
		max-width: 980px;
		width: 980px;
		margin: 0 auto;
		padding: 0 60px;
	}
	.ver2022 .inner {
		max-width: 800px;
		margin: 0 auto;
	}
	
	.ver2022 nav ul,
	.ver2022 nav ul li {
		list-style: none;
		margin : 0;
		padding: 0;
	}
	.ver2022 nav ul {
		display: flex;
	}
	.ver2022 nav ul li {
		width: 310px;
		font-size: 12px;
	}
	.ver2022 nav ul li:nth-child(2) {
		margin: 0 25px;
	}
	.ver2022 nav ul li.borsa {
		width: 310px;
		font-size: 12px;
		margin:0 12.5px 0 170px;
	}
	.ver2022 nav ul li.borsa:nth-child(2) {
		margin:0 0 0 12.5px;
	}
	.ver2022 nav ul li a {
		border: #221714 solid 1px !important;
		font-size: 12px !important;
		width: 300px !important;
	}
	.ver2022 nav ul li a:hover {
		background: #221714;
		color: #FFF;
		transition: 0.3s;
	}
	
	.ver2022 h2 {
		font-size: 2.1rem;
		text-align: left;
	}
	.ver2022 h2 span {
		display: inline-block;
		font-size: 1.2rem;
		line-height: 1rem;
	}
	.ver2022 .price {
		text-align: right;
		margin-top: 8px;
		font-size: 26px;
		line-height: 1.4em;
	}
	.ver2022 .price span {
		display: block;
		font-size: 15px;
		margin-right: -0.5em;
	}
	
	.ver2022 .items > section {
		padding-top: 180px;
		padding-bottom: 40px;
		margin-top:-140px;
	}
	.ver2022 .items > section:last-child {
		position: -webkit-sticky;position: sticky;
		right  : 60px;
		bottom : 60px;
		padding: 0;
		margin : 0;
	}
	.ver2022 .inner2 {
		display: flex;
		margin-top: 40px;
		justify-content: space-between;
	}
	.ver2022 .inner2 > div:first-child {
		width: 515px;
	}
	
	.ver2022 .inner2 > div:first-child > section {
		display: flex;
		flex-direction: row-reverse;
		width: 100%;
		border-bottom: #888888 solid 1px;
		padding: 20px 0;
	}
	.ver2022 .inner2 > div:first-child > section:first-child {
		padding-top: 0;
	}
	.ver2022 .inner2 > div:first-child > section:last-child {
		border-bottom: none;
		padding-bottom: 0;
	}
	
	.ver2022 .inner2 > div:first-child > section > div {
		position: relative;
		width: calc((100% - 135px) - 50px);
		text-align: right;
	}
	.ver2022 .inner2 > div:first-child > section > div + div {
		width: 135px;
		margin-right: 50px;
	}
	.ver2022 .inner2 > div:first-child > section > div > h3 {
		font-size: 18px;
		text-align: left;
	}
	.ver2022 .inner2 > div:first-child > section > div > h3 + p {
		position: absolute;
		top  : 0;
		right: 0;
		text-align: center;
		font-size: 15px;
		width:90px;
		line-height:30px;
		display: block;
	}
	.ver2022 .inner2 > div:first-child > section > div h3 + p.col1 {
		background: #CBCBCB;
	}
	.ver2022 .inner2 > div:first-child > section > div h3 + p.col2 {
		background: #4E6786;
		color: #FFF;
	}
	.ver2022 .inner2 > div:first-child > section > div h3 + p.col3 {
		background: #E5D389;
	}
	.ver2022 .inner2 > div:first-child > section > div h3 + p.col4 {
		background: #B41E23;
		color: #FFF;
	}
	.ver2022 .inner2 > div:first-child > section > div > h3 + p + p {
		position: absolute;
		right: 0em;
		top: 58%;
		font-size:18px;
		transform: translateY(-50%);
	}
button,
input[type="submit"] {
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif !important;
}
	.ver2022 .inner2 input[type="submit"].cartbtn {
		position: absolute;
		right : 0;
		bottom: 0;
		width: 100%;
		display: block;
		border: #D3514D solid 2px;
		border-radius: 20px;
		font-size:16px;
		padding: 0.1em 0;
		margin-top: 26px;
		background-color:white;
		color: #D3514D;
		text-align: center;
		cursor:pointer !important:
	}
	.ver2022 .inner2 input[type="submit"].cartbtn:hover {
		background: #D3514D;
		color: #FFF;
		transition: 0.5s;
	}
	.ver2022 .inner2 input[type="submit"].cartbtn + i{
		color: #D3514D;
		position:absolute;bottom:7%;left:30%;
		pointer-events: none;
}
	.ver2022 .inner2 input[type="submit"].cartbtn:hover + i{
		color: #FFF;
		transition: 0.5s;
}
	.ver2022 .inner2 > div:first-child > section > div > h3 + p + p + p.sold {
		position: absolute;
		right : 0;
		bottom: 6px;
		width: 100%;
		display: block;
		background: #888;
		border: #888 solid 2px;
		border-radius: 20px;
		padding: 0.1em 0;
		color: #FFF;
		text-align: center;
		line-height: 1.5em;
	}
	
	.ver2022 .inner2 > div + section {
		width: calc(100% - 515px - 126px);
    	padding: 0 0 20px 0;
	}
	
	/*- ----- -*/
	
	.ver2022 .inner2 div + section {
		width: 340px;
	}
	.ver2022 .inner2 div + section > h3 {
		text-align: left;
		margin-bottom: 40px;
		font-size:21px;
	}
	.ver2022 .inner2 div + section > dl,
	.ver2022 .inner2 div + section > dl dt,
	.ver2022 .inner2 div + section > dl dd {
		margin : 0;
		padding: 0;
	}
	.ver2022 .inner2 div + section > dl dt {
		width: 110px;
		margin-top: 18px;
		font-size:15px;
		line-height:30px;
		text-align: center;
	}
	.ver2022 .inner2 div + section > dl dt.col1 {
		background: #CBCBCB;
	}
	.ver2022 .inner2 div + section > dl dt.col2 {
		background: #4E6786;
		color: #FFF;
	}
	.ver2022 .inner2 div + section > dl dt.col3 {
		background: #E5D389;
	}
	.ver2022 .inner2 div + section > dl dt.col4 {
		background: #B41E23;
		color: #FFF;
	}
	.ver2022 .inner2 div + section > dl dd {
		margin-top: 18px;
		margin-left: 10px;
	}
	.ver2022 .outer {
		display: block;
		width: auto;
		text-align: center;
	}
	
	.ver2022 .inner3 {
		display: inline-block;
		margin: 0 auto;
		text-align: left;
	}

	.ver2022 .swiper + div {
		position: fixed;
		top   : 0;
		bottom: 0;
		left  : 0;
		right : 0;
		visibility: hidden;
	}
	.ver2022 .swiper + div.open {
		visibility: visible;
		z-index: 999999;
		opacity: 1;
	}
	.ver2022 .swiper + div > .swiper-container {
		background: #FFF;
		border: #CCC solid 1px;
		width : 540px;
		height: 600px;
		position: absolute;
		top : 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		display: block;
		z-index: 100002;
		opacity: 0;
		transition: 0.5s;
	}
	.ver2022 .swiper + div.open > .swiper-container {
		background: #FFF;
		border: #000 solid 1px;
		width : 540px;
		height: 600px;
		position: absolute;
		top : 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		display: block;
		z-index: 100002;
		opacity: 1;
		transition: 0.5s;
	}
	.ver2022 .swiper + div > .swiper-container > p {
		position: absolute;
		top: 60px;
		left: 60px;
		padding: 0;
		font-size: 18px;
		text-align: left;
	}
	.ver2022 .swiper + div > .swiper-container > p > span {
		font-size: 26px;
		display: block;
		line-height: 1.4em;
	}
	.ver2022 .swiper + div > .swiper-container > p + .close {
		position: absolute;
		top   : 60px;
		right : 60px;
		width : 25px;
		height: 25px;
		z-index: 100003;
	}
	.ver2022 .swiper + div > .swiper-container > p + .close + .cart {
		position: absolute;
		bottom: 60px;
		left : 50%;
		transform: translateX(-50%);
		width: calc(100% - 240px);
		z-index: 100003;
		border: #C7514A solid 2px;
		border-radius: 30px;
		padding: 0.5em;
		color: #C7514A;
		text-align: center;
	}
	.ver2022 .swiper + div > .swiper-container > p + .close + .cart {
		position: absolute;
		bottom: 60px;
		left : 50%;
		transform: translateX(-50%);
		width: calc(100% - 244px);
		z-index: 100003;
		border: #C7514A solid 2px;
		border-radius: 30px;
		padding: 0.5em;
		color: #C7514A;
		text-align: center;
		transition: 0.3s;
	}
	.ver2022 .swiper + div > .swiper-container > p + .close + .cart:hover {
		background: #C7514A;
		color: #FFF;
	}
	.ver2022 .swiper + div > .swiper-container > p + .close + .cart > i {
		margin-right: 0.5em;
	}
	.ver2022 .swiper + div > .overlay {
		position: absolute;
		top   : 0;
		left  : 0;
		bottom: 0;
		right : 0;
		background: rgba(255,255,255,0.8);
		transition: 0.5s;
		opacity: 0;
	}
	.ver2022 .swiper + div.open > .overlay {
		position: absolute;
		top   : 0;
		left  : 0;
		bottom: 0;
		right : 0;
		background: rgba(255,255,255,0.8);
		transition: 0.5s;
		opacity: 1;
	}
	
	.ver2022 .swiper + div .swiper-slide {
	}
	
	.ver2022 .swiper + div .swiper-slide > picture {
		position: absolute;
		top : 46%;
		left: 50%;
		transform: translateX(-50%) translateY(-46%);
		display: block;
		text-align: center;
	}
	.ver2022 .swiper + div .swiper-slide > picture + p {
		position: absolute;
		left  : 60px;
		bottom: 150px;
		padding:0;
		font-size: 18px;
	}
	
	.ver2022 .material {
		display: block;
		background: #906033;
		width: 170px;
		height: 70px;
		position: -webkit-sticky;position: sticky;
		bottom: 60px;
		right: 60px;
		margin: -60px 0 0 auto;
		color: #FFF;
		font-size: 18px;
		text-align: center;
	}
	.ver2022 .material span {
		display: block;
		width: 170px;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	
	.ver2022 .material + div {
		position: fixed;
		visibility: hidden;
		opacity: 0;
		transition: 0.5s;
		z-index: -1;
	}
	.ver2022 .material + div.open {
		top   : 0;
		right : 0;
		bottom: 0;
		left  : 0;
		background: rgba(255,255,255,0.8);
		visibility: visible;
		opacity: 1;
		transition: 0.5s;
		z-index: 999999;
	}
	.ver2022 .material + div > div {
		position: relative;
		top   : 60px;
		left  : calc(50% - 490px);
		bottom: 60px;
		background: #FFF;
		border: #000 solid 1px;
		padding: 60px;
		height: calc(100% - 240px);
		width : 860px;
		overflow-y: scroll;
	}
	.ver2022 .material + div > div .close {
		position: fixed;
		top  : 120px;
		right: calc(50% - 413px);
		z-index:20000;
	}

	.ver2022 .material + div > div > section {
		border-bottom: #000 solid 1px;
	}
	.ver2022 .material + div > div > section:last-child {
		border-bottom: none;
		padding-bottom: 0;
	}
	.ver2022 .material + div > div > section:nth-of-type(9) div:nth-of-type(2),
	.ver2022 .material + div > div > section:nth-of-type(10) div:nth-of-type(2) {		width:785px;
		margin-left:60px;
	}
	.ver2022 .material + div h4,
	.ver2022 .material + div p {
		margin: 0;
		padding: 0;
		font-size: 17px;
		font-weight: normal;
	}
	.ver2022 .material + div h4 {
		margin-right: 30px;
		width: 90px;
		white-space: nowrap;
	}
	.ver2022 .material + div p {
		display: block;
		width: 100%;
	}
	.ver2022 .material + div > div > section {
		display: flex;
		margin : 0;
		padding: 40px 0;
	}
	.ver2022 .material + div > div > a + section {
		padding-top: 0;
	}
	.ver2022 .material + div > div > section.center {
		justify-content: center;
		text-align: center;
	}
	.ver2022 .material + div > div > section.center p {
		font-size: 12px;
	}
	.ver2022 .material + div > div > section.center picture {
		margin: 0 10px;
	}
	
	.ver2022 picture.w300p,
	.ver2022 picture.w300p source,
	.ver2022 picture.w300p img {
		width: 300px;
		display: block;
	}
	
	.ver2022 picture.w300p {
		margin-left: 70px;
	}
	
	.ver2022 .flx_rev {
		display: flex;
		width: 100%;
		flex-direction: row-reverse;
		justify-content: space-between;
	}
	
.open .swiper-pagination-bullets{
	width:100% !important;
	bottom:100px;
}
h6{
	font-size:12px;
	line-height:27.8px;
}
.item-foot-link{
	text-align:center;
	margin:-50px auto 40px;
}
.item-foot-link a{
	margin:0 10px !important;
}

}