@charset "utf-8";
/*--PC表示---------------------------------*/
@media only screen and (min-width : 769px ){
/* PC時に表示 */
.pc { display: block !important; }
.sp { display: none !important; }
.tab { display: none !important; }
	
h1,h2,h3,h4,h5,p,li,label {
font-family: "M PLUS 1p", sans-serif;
transform: rotate(0.05deg);	
color: #333;	
}
p{
font-size: 0.9rem;	
line-height:1.3rem;	
color: #333;	
}
a{
text-decoration: none;
}
a:hover{
opacity:0.7;	
}
li{
list-style: none;
}
.small{
font-size: 30%;
color: #555;
vertical-align: middle;
}
.blue{
color: #10589e;	
}



/* ================================== */
/* == header ======================== */
/* ================================== */
header {
width: 100%;
height: 70px;
max-width: 100%;
justify-content: space-between;
position:fixed;
top: 0; 
left: 0; 	
z-index:1000;
padding: 0rem 0rem 0.25rem 0rem; 
margin: 0rem 0rem 0rem 0rem; 	
background-color:#fefef6;/*#fdfdfd*/
filter: drop-shadow(0px 1px 3px #999);	
}

.header-container{
max-width: 760px;
justify-content: space-between;
position: relative;
padding: 0rem 0 0rem 0.35rem;
margin: 0.5rem auto 0em auto;	
}
.site-title h1{
align-items: center;
width: 96%;
margin: -0.5rem auto 0em 0;	
font-size: 0.8rem;
font-weight: 400;	
color: #333;	
}
.header-box{
display: flex;
}
.header-logo img {
width: auto;
height: 40px;
margin: 0 1rem 0 auto;
}

.header-tel img {
width: auto;
height: 40px;
margin: 0 auto 0 0;	
}

/* PC トップ予約ボタン -------*/
		
.header-btn{
margin:  0.75rem 0rem 0rem auto;
padding: 0rem 0rem 0rem 0rem;
}	
.header-btn p{
color: #fefef6;	
}		
.btn-header{
display: flex;
margin:  0rem 0rem 0rem auto;
}	
/*LINE*/	
.btn-line {
padding: 0.0rem 0rem 0rem 0rem;	
margin:  0rem 0rem 0rem 0rem;
text-align: center;
}	
.btn-line p a{
background-color: #00a65a; 
color: #fefef6;	
border-radius: 4px;
text-align: center;
padding: 0.25rem 0.5rem 0.25rem 0.5rem;
letter-spacing: 0.1rem;		
white-space: nowrap;
font-size: 1rem;	
text-decoration: none;	
}

/*mail相談*/
.btn-mail-contact {
padding: 0rem 0rem 0rem 0rem;	
margin:  0rem 0.5rem 0rem 0.5rem;
text-align: center;
}		
.btn-mail-contact p a{
background-color:#10589e; 
color: #fefef6;	
border-radius: 4px;
text-align: center;
padding: 0.25rem 0.5rem 0.25rem 0.5rem;
letter-spacing: 0.1rem;		
white-space: nowrap;
font-size: 1rem;
text-decoration: none;		
}

/*予約*/
.btn-mail-reservation {
padding: 0rem 0rem 0rem 0rem;	
margin:  0rem 0rem 0rem 0rem;
text-align: center;
}		
.btn-mail-reservation p a{
background-color: #ff6464; 
color: #fefef6;	
border-radius: 4px;
text-align: center;
padding: 0.25rem 0.5rem 0.25rem 0.5rem;
letter-spacing: 0.1rem;		
white-space: nowrap;
font-size: 1rem;
text-decoration: none;	
}


}





/*--SP表示---------------------------------*/
@media only screen and (max-width :768px ){
.pc { display: none !important;}
.sp { display: block !important;}  
.tab { display: none !important;}
	
h1,h2,h3,h4,h5,p,li,th,td,label {
font-family: "M PLUS 1p", sans-serif;
transform: rotate(0.05deg);	
}
p{
font-size: 0.8rem;	
line-height:1.3rem;	
color: #333;	
}
a{
text-decoration: none;	
}
a:hover{
opacity:0.7;	
}
li{
list-style: none;
}
.small{
font-size: 30%;
color: #555;
vertical-align: middle;
}
.blue{
color: #10589e;	
}

/* ================================== */
/* == header ======================== */
/* ================================== */
header {
width: 100%;
max-width: 100%;
height: auto;
justify-content: space-between;
position:fixed;
top: 0; 
left: 0; 		
z-index:1000;
margin: 0 auto 0em auto;	
padding: 0 0 0rem 0;
background-color:#fefef6;/*#fdfdfd*/
filter: drop-shadow(0px 1px 3px #999);			
}

.header-container{
width: 96%;
justify-content: space-between;
position: relative;
padding: 0.5rem 0 0rem 0;
margin: 0 auto 0em auto;	
}

.site-title h1{
text-align: center;
margin: -0.25rem auto 0.5rem auto;	
font-size: 0.75rem;
line-height: 0.9rem	;
font-weight: 600;	
	
}
.header-box{
display: flex;
}
header .header-logo {
text-align: center;	
margin: -0.25rem auto 0.5rem auto;	
}	
header .header-logo img {
width: 60%;
}
header .sub_menu {
display: flex;
justify-content: space-between;
width: 15vw;
}
}