@charset"UTF-8";

body{
	background: #cbf5ee;
}
.kit-jr-top{
	width: 68%;
	margin: 0 auto;
	text-align: center;
}
.button-in{
	position: relative;/*相対配置*/
}
.button{
	position: absolute;/*絶対配置*/
	top: 52%;
	left: 25%;
}
.button p{
	font-size: 1.5vw;
	padding: 1em 3em;
	font-weight: bold;
	background: #ff8d00;
	border-radius: 50px;
    border: solid 4px #ffd45a;
}
.button-in2{
	position: relative;/*相対配置*/
}
.button2{
	width: 43%;
	position: absolute;/*絶対配置*/
  	bottom: 29%;
  	left: 49%;
}

.kit-jr-top img{
	width: 100%;
	vertical-align: bottom;
}
video{
	width: 90%;
}
.top-6{
	width: 88%;
    margin: 2em auto;
	padding: 1em 0;
	background: #fff;
	border-radius: 30px;
}
.title{
    margin-top: 0;
    font-size: 1.1em;
    text-align: center;
    border-bottom: solid 1px;
}
.item p {
    font-size: 0.9em;
}
.rate {
    color: red;
	font-weight: bold;
	font-size: 1.5em;
}
.buy-button{
	width: 90%;
	display: inline-block;
	background: orange;
	padding: 0.5em 1em;
	font-size: 1.3em;
	border-radius: 5px;
	text-align: center;
	box-shadow: 1px 1px 0px 0.5px #2f2f2f;
	background: linear-gradient(to bottom, #ffd68a, orange);
}

.img img{
	width: 60%;
	padding: 2em;
}
.img2 img{
	width: 90%;
}
.slick-slider{
	padding: 0 0.2em;
}
.responsive{
	width: 100%;
	margin: 0 auto;
}
@media screen and (max-width: 600px) {

	.kit-jr-top{
		width: 98%;
		margin: 3em auto;
		text-align: center;
	}
	.button{
		position: absolute;/*絶対配置*/
	  	top: 52%;
        right: 12%;
        left: 12%;
}
	.button p{
		font-size: 2.5vw;
		padding: 1em 3em;
		font-weight: bold;
		background: #ff8d00;
		border-radius: 50px;
	    border: solid 4px #ffd45a;
	}
	.button-in2{
		position: relative;/*相対配置*/
	}
	.button2{
		position: absolute;/*絶対配置*/
	  	bottom: 29%;
	  	left: 49%;
	}
	.button2 p{
		font-size: 2.5vw;
		padding: 0.5em 10em;
		font-weight: bold;
		background: #ff8d00;
		border-radius: 50px;
	    border: solid 4px #ffd45a;
	}
	.top-7{
		display: block;
	}
	.flex-box1{
		width: 95%;
		margin: 0 auto;
	}
	.flex-box2{
		width: 90%;
		margin: 0 auto;
		text-align: left;
	}


	
}

@media screen and (min-width:640px) and ( max-width:1024px) {
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/
}