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

body{
	margin: 0;
}

.wrapper{
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
}

.wrapper img{
	display: block;
	line-height: 0;
}


.top{
	margin: 0 auto;
}

.top p{
	text-align: center;
	font-size: 13px;
	line-height: 2;
	margin: 10% auto;
}

.section{
}

.box{
	margin: 0 auto 20%;
}

.box_last{
	margin-bottom: 10%;
}

.main{
	width: 90%;
	margin: 0 auto;
	border: solid 1px #000;
	box-sizing: border-box;
	padding: 5%;
}

.credit{
	margin: 5% auto 0;
}

.credit__inner{
	position: relative;
}

.credit__inner a{
	display: block;
	text-decoration: none;
	font-size: 13px;
	line-height: 1.8;
	letter-spacing: 1px;
	color: #000;
}

.credit__inner .chip{
	display: inline-block;
	width: 15px;
	height: 15px;
	border: solid 1px #ccc;
	border-radius:50%;
}
.credit__inner .color-01{
	background-color: #fff;
	margin-left: 10px;
}

.credit__inner .color-02{
	background-color: #3C3C3E;
}

.credit__inner .color-03{
	background-color: #6C4E40;
}

.credit__inner .color-04{
	background-color: #FCF6EF;
}

.credit__inner .color-05{
	background-color: #3C3839;
}

.credit__inner .price{
	display: block;
	font-size: 11px;
}

.credit__inner .price:after{
	content: 'tax in';
}

.credit__inner a:after{
	content: 'BUY';
	font-size: 13px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 50%;
	/*transform: translateY(-50%);*/
	background-color: #3A3A3A;
	color: #fff;
	width: 70px;
	border-radius: 70px;
}

.box p{
	width: 90%;
	font-size: 13px;
	line-height: 1.7;
	margin: 5% auto;
}

.move-wrap{
	display: flex;
	align-items: center;
	overflow: hidden;
	margin: 2% 0;
	column-gap: 10px;
}

.slideshow{
	display: flex;
	column-gap: 10px;
    animation: loop-slide 20s infinite linear 1s both;
}

.content{
	width: 250px;
}

.content img{
	border-radius: 0px;
	box-sizing: border-box;
	/*border: solid 1px #000;*/
}

@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.style__credit{
	width: 80%;
	margin: 8% auto;
}

.style__credit a{
	display: block;
	position: relative;
	font-size: 13px;
	line-height: 2.5;
	color: #000;
	text-decoration: none;
	margin-bottom: 2%;
	border-bottom: solid 1px #ccc;
}

.style__credit a:after{
	content: 'BUY';
	font-size: 13px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.style__credit a span{
	display: inline-block;
	float: right;
	padding-right: 45px;
}

.style__credit a span:after{
	content: 'tax in';
	font-size: 10px;
	margin-left: 5px;
}

@media(min-width:750px){
.credit__inner a:after{
	top: 50%;
	transform: translateY(-50%);
}
}