/**************************
/* メイン画像（トップページ+サブページ）
**************************/
#logo{
width:100px
margin-bottom:0px;
padding:0;
position:relative;
line-height:0;
}

#logo img{
padding-top:10px;padding-bottom:10px;
max-width:75%;
/*height:auto;*/
 display: block;
 margin-left: auto;
 margin-right: auto;
}

.slogan{
position:absolute;
max-width:100%;
height:auto;
top:10px;
left:0;
padding:5px 10px;
line-height:1.4;
color:#fff;
}

.slogan h2{
padding-bottom:5px;
font-size:20px;
}

/*************
/* 問い合わせ
*************/
.inquiry{
width:400px;
}
#inquiry img{
max-width:100%;
height:auto;
float:right;
margin-bottom:20px;
}

.inquiry .open{font-size:11px;}

/*************
/* ロゴ+問い合わせ
*************/
.logo,.contact,.inquiry .tel{
margin-top:6px;
font-size:20px;
font-weight:bold;
}

.logo span,.contact span,,.inquiry span{
font-size:.6em;
font-weight:normal;
}

/*+++++++++++++++++++++++++
PC用
-+++++++++++++++++++++++++*/


/*+++++++++++++++++++++++++
大型タブレット
-+++++++++++++++++++++++++
@media only screen and (min-width:959px){
	#logo img{
margin-top:10px;
max-width:70%;
height:auto;
 display: block;
 margin-left: auto;
 margin-right: auto;
}
#inquiry img{
max-width:90%;
height:auto;
float:right;
margin-bottom:20px;
}

}*/

/*+++++++++++++++++++++++++
小型タブレット
-+++++++++++++++++++++++++*/
@media only screen and (max-width:767px){

	#logo img{
	padding-top:-50px;
padding-bottom:10px;
max-width:75%;
/*height:auto;*/
 display: block;
 margin-left: auto;
 margin-right: auto;
}
#inquiry img{
max-width:80%;
height:auto;
float:right;
margin-bottom:20px;
}

}

/*+++++++++++++++++++++++++
スマートフォン 横(ランドスケープ) 
-+++++++++++++++++++++++++*/
@media only screen and (max-width:640px){
	
	#logo img{
margin-top:10px;
/*max-width:80%;*/
/*height:auto;*/
 display: block;
 margin-left: auto;
 margin-right: auto;
}
#subpage #logo img{
height:0 auto;
margin:0 auto ;
}
#inquiry img{
max-width:50%;
height:auto;
float:right;
margin-bottom:10px;
}


}

/*+++++++++++++++++++++++++
スマートフォン 縦(ポートレート)
-+++++++++++++++++++++++++*/
@media only screen and (max-width:480px){

	#logo img{
margin-top:-10px;
max-width:100%;
/*height:auto;*/
 display: block;
 margin-left: auto;
 margin-right: auto;
}
	
#subpage #logo img{
height:0 auto;
margin:0 auto ;
}

#inquiry{
margin-bottom:0px;
}

#inquiry img{
max-width:50%;
height:auto;
float:right;
}

}