@charset "UTF-8";
html{
	font-size: 62.5%;
	background-color: #000;
}
body{
	font-family: "Zen Old Mincho", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.8rem;
}
img{
	vertical-align: bottom;
}
a{
	vertical-align: top;
}
.container{
	width: 100%;
	min-height: 100vh;
	position: relative;
	background: url(../img/bg_cover.jpg) no-repeat border-box left top/ cover fixed content-box;
}
.cart_btn{
	position: fixed;
	right: calc(0vw - 30px);
	bottom: calc(0vw - 40px);
	transform: scale(0.5);
	transform-origin: center;
	z-index: 100;
	opacity: 0;
	pointer-events: none;
	transition: .3s;
}
.cart_btn.show{
	opacity: 1;
	pointer-events: auto;
}
.cont_bg{
	position: relative;
}
.cont_left,
.cont_right{
	position: fixed;
	width: calc(100% - (((100% - 640px) / 2) + 640px));
}
.cont_left{
	left: 0;
}
.cont_right{
	right: 0;
}
.cont_left_in{
	position: relative;
	height: 100vh;
}
.left_cont{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.left_cont .logo{
	display: block;
	margin: 0 0 50px;
}
.nav .nav_list{
	font-size: 2rem;
	line-height: 1;
}
.nav .nav_list a{
	color: #9eb03d;
	text-decoration: none;
}
.nav .nav_list a:hover{
	color: #622c07;
	transition: .2s;
	box-shadow: rgba(0,0,0,.5)
}
.nav .nav_list .hover_color{
	color: #622c07;
}
.nav .nav_list li:not(:last-child){
	margin: 0 0 20px;
}
.cont_main{
	max-width: 640px;
	margin: 0 auto;
	box-shadow: 0 0 60px rgba(0,0,0,.5);
}
.cont3{
	position: relative;
}
.cont3 .img1,
.cont3 .img2,
.cont3 .img3,
.cont3 .img4{
	display: block;
	position: absolute;
	width: 100%;
	transform: translateX(-50%);
	opacity: 0;
}
.cont3 .img1{
	top: -5%;
	left: 50%;
}
.cont3 .img2{
	top: 30%;
	left: 50%;
}
.cont3 .img3{
	top: 53%;
	left: 50%;
}
.cont3 .img4{
	top: 78%;
	left: 50%;
}
.cont3 .img1.img_anime,
.cont3 .img2.img_anime,
.cont3 .img3.img_anime,
.cont3 .img4.img_anime{
	animation-name: img_anime;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
	@keyframes img_anime {
		0% {
			opacity: 0;
			margin-top: -60px;
		}
		100% {
			opacity: 1;
			margin-top: 0;
		}
	}
.cont5{
	margin-top: -200px;
	padding-top: 200px;
	background: url(../img/bg_item.jpg) repeat 0 0;
}
.cont_item{
	display: flex;
	margin: 0 40px
}
.cont_item li{
	list-style: none;
	color: #fff;
	text-align: center;
}
.cont_item li > img{
	max-width: 100%;
}
.cont_item li:last-child{
	padding-left: 40px;
}
.cont_item .item_num{
	padding: 10px 0;
	font-size: 2.4rem;
}
.cont_item .item_price{
	padding-bottom: 20px;
	font-size: 3rem;
}
.cont_item .item_price > span{
	padding-left: 10px;
	font-size: 1.4rem;
}
.item_cart_btn{
	display: block;
	margin: 20px 40px 40px 40px;
	padding: 20px;
	border-radius: 35px;
	background: linear-gradient(to top, #c13a20, #d85f2a);
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5);
	border: 2px solid #e88259;
	font-size: 2.4rem;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.item_cart_btn:hover{
	background: linear-gradient(to top, #a51906, #c84623);
	border: 2px solid #e16848;
	transition: .2s;
}
.cont10{
	margin-top: -200px;
	padding-top: 200px;
	background: url(../img/bg_item.jpg) repeat 0 0;
}
.foot{
	padding: 25px 10px;
	background: #000;
	text-align: center;
}
.foot span{
	font-size: 1.8rem;
	color: #fff;
}

@media (max-width: 1320px) {
	.nav .nav_list{
		font-size: 1.4rem;
	}
	.cart_btn{
		position: fixed;
		right: calc(0vw - 60px);
		bottom: calc(0vw - 80px);
		transform: scale(0.4);
	}
}

@media (max-width: 960px) {
	.left_cont{
		display: none;
	}
}

@media (max-width: 640px) {
	.cont_left,
	.cont_right{
		width: 0;
	}
	.cont_main{
		max-width: 100%;
		box-shadow: nono;
	}
	.cont_main img{
		max-width: 100%;
  		height: auto;
	}
	.cont_item{
		margin: 0 20px
	}
	.cont_item li:last-child{
		padding-left: 20px;
	}
	.cont_item .item_num{
		font-size: 2rem;
	}
	.cont_item .item_price{
		font-size: 2.6rem;
	}
	.cont_item .item_price > span{
		padding-left: 5px;
		font-size: 1.2rem;
	}
	.item_cart_btn{
		margin: 0 20px 40px 20px;
		padding: 15px;
		font-size: 2rem;
	}
	.cart_btn{
		right: calc(0vw - 90px);
		bottom: calc(0vw - 100px);
		transform: scale(0.3);
	}
	.foot span{
		font-size: 1.2rem;
	}
}

/* .contents{
	left: 50%;
	width: calc(954 / var(--base_w)*100xw);
	transform: translateX(-50%);
} */