/* CSS Document */


.contact-page-content #page-title{
background:none;
}

.contact-page-content #index-contact ul li a::after {
    background: 0 0 no-repeat url(../img/link-down.png);
    background-size: 80%;
}
.contact-page-content #index-contact ul li a:hover::after {
    background: 0 0 no-repeat url(../img/link-down-h.png);
    background-size: 80%;
}
.colorbg-ba{
	height: auto;
}


#class #class-top-01 {
    padding: 40px 0;
}
#reserve , #form{
    width: 80%;
}

#reserve p{
line-height: 1.5;
margin-bottom:20px;}
.link-btn {
    margin: 2rem 0 0 0;
}
.contact-box{
	padding-left:40px;
}
.line-tuika{
	margin-bottom:40px;
}
.line-tuika a{
display: inline-block;
margin:0 10px;}
#form dl dt{
	font-size:16px;
}
#form dl dd{
	font-size:14px;
}
#form span{
	font-size:10px;
	color:darkred;
	font-weight: 500;
margin-left:10px;
display:inline-block;}
#form span a{
display: inline;
text-decoration: underline;}
.link-btn {
    margin: 1rem 0 0 0;
}
.line-a a{
	display: inline;
	text-decoration: underline;
}





@media (max-width: 900px) {
#about-01 {
    padding: 0 0 100px 40%;
}

}
@media (max-width: 800px) {
#about-01 {
    padding: 0 0 100px 25%;
}
.maysan {
    top: 30px;
}

.maysan img {
    width: 200px;
}
}
@media (max-width: 777px) {
	#reserve{
		width: auto;
	}
.img-box{
	display: flex;
	padding-top:20px;
	}
.contact-box {
    padding-left: 0;
}
#about-01 {
    padding: 0;
}
.maysan {
    display: none;
}
.maysan-sp img{
    width:100%;
}
.maysan-sp {
	display: block;
	width: 100px;
	}
.signmark{
		position: inherit
	}
#toureki, #kotenreki {
    width: 100%;
}
.colorbg-ba {
    height: auto;
}
.contact-page-content .link-btn{
    margin: 0;
}
form#mail_form {
	width:100%;}
#reserve, #form {
    display: inherit;
	width:100%;
}
}