@charset "UTF-8";
/*陶芸教室について*/
.class-page-content{
	overflow: hidden;
}
.c-img01{
	position: absolute;
	top:70px;
	bottom:0;
	left:-5%;
	margin:0 auto;
	width:300px;
	overflow: hidden;}

.check-coment{
	margin-left:30px;
}
.reserve-time span{
	margin-right:10px;
}
.reserve-time span:nth-child(2){
	margin-right:40px;
}
#class-top-03{
	margin:50px 0 ;
	padding-right: 30%;
	}
.c-img02{
	position: absolute;
	bottom:-5%;
	right:-5%;
	width:400px;
}
.c-img01 img ,.c-img02 img{
	width:100%;
}
#class-data,#class-map{
	display: flex;
	justify-content: center;}

#class-data,#class-price,#class-map{
	background: #d5cebd;
	
}


.sample{
	padding:5%;
}
.sample img{
	width: 50%;
	max-width: 300px;
}
#class-data .box-container,#class-map .box-container{
	width:60%;
}
#class-map .box-container{
	padding-bottom:0;
} 
#class-map h2{
	margin-right:2%;
}
@media (max-width: 1000px) {

#class-data .box-container,#class-map .box-container{
	width:80%;
}
#class-top-02{
	padding:50px 0 100px 30%;
	}
#class-top-03 {
    padding-right: 25%;
}
.c-img02 {
    right: -15%;

}
.c-img02 img {
    width: 70%;
}
}
@media (max-width: 800px) {


#class-top-02{
	padding:50px 0 100px 30%;

	}
.c-img01 img {
    width: 70%;
}
.c-img01 {
    left: -10%;
	top: 120px;}
.c-img02 {
    right: -15%;
	bottom:-10%;
}
#class-top-03 {
    padding-right: 20%;
}
#class-data .box-container,#class-map .box-container{
	width:100%;
}
}



@media (max-width: 777px) {
#class{
		text-align: inherit;
	}

.class-page-content .box-container{
	width: auto;
}

#class-top-02{
	padding:30px 0;
}

.c-img01 {
    right: 0;
}
#class-top-03 {
    padding-right: 0;
}
.c-img01 ,.c-img02 {
display: none;
}
.check-coment {
    margin-left: 0;
}
.reserve-time .box-flex-c{
	display:block;
	}
.reserve-time .box-flex-c span{
	display:inline-block;
	}
}
@media (max-width: 540px){
.sample {
    padding: 5% 0;
}
#class-price{
	margin:40px 0;	
	}
.linkbtn-box .link-btn {
    margin: 10px 0 0 0;
}
}