@charset "UTF-8";
/*スライダー真ん中配置*/
body{
	margin: 0;
	padding: 0;
	background:#000;
}
.wrapper{
	width: 1200px;
}
.logo{
	text-align: center;
	background-color: #000;
}
.logo img{
	width: 80px;
	margin: 30px 0px 30px 0px;
}

ul{
	padding: 0;
	margin: 30px 0px 30px 0px;
}
li{
	text-align: center;
	font-size: 20px;
	color: #fff;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.slider img{
    max-width: 1200px;
	margin: 0 auto;
}


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


/*商品画像部分*/
.content{
	background-color:#636262;
	text-align: center;
}
.slid{
	background-color: #fff;
}
.slid h6{
	color: #000;
	text-align:center;
}
.slid img{
	max-width: 200px;
	margin: 0 auto;
	
	background-color: #fff;
}
.slid li{
	color: #000;

}
.top{
	width: 95%;
	display: flex;
	margin: 0 auto;
	
}

.content{
	margin: 0 auto;
	width: 16%;
	
}
.content p{
	margin-top: 0px;
	color: #fff;
	line-height: 1.9rem;
	padding: 5%;
	box-shadow: 0 0 3px black;
	border: ridge;
}
.content li{
	list-style: none;
	text-align: justify;
	
}
.text h4{
	text-align: center;
}
.text li{
	font-size: 10px;
	text-align:center;
	line-height: 1.2rem;
}
.text{
	margin-bottom: -20px;
}

/*注意書き部分*/
#modal-content{
	color: #fff;
	line-height: 1.7rem;
	max-width: 980px;
	margin: 0 auto;
}

/*お問合せ*/
.mail{
	margin: 0 auto;
	text-align: center;
}

.mail p{
	color: #fff;
    font-size: 20px;
}
.cp_button12{
	
	font-size: 20px;
	
}

@media (max-width: 600px){
	.body{
		
	}
	.slider img{
		width: 400px;
	}
	.slider h1{
		font-size: 23px;
	}
	.top{
		flex-direction: column;
		width: 100%;
	}
	.ul{
	padding: 0;
	margin: 0px;
    }
    .li{
	font-size: 12px;
	
    }
	.content {
		width: 350px;
		
	}
	#modal-content{
		width: 350px;
		padding: 3%;
	}
	.text li{
		font-size: 16px;
	}
	.slid h6{
		font-size: 20px;
	}
	.mail{
	    width: 350px;
	}
	
}