@charset "UTF-8";
/*
Theme Name: ドッグサロンコマチ
Theme URI:  http://www.dog-comachi.com//
Author: kiraramarketing
Description: ドッグサロンコマチ
Version: 1.0
*/



@media screen and (min-width: 980px) {
	/* 980px以上用（PC用）の記述 */
.footerleft{
float: left;
width: 400px;
padding-top: 10px;
padding-left:150px;
}
.footerright{
float: left;
width: 420px;
}
.footertel{
width: 100%;
}
.yoyaku{
color: #ffff00;
font-size: 12px;
text-align: center;
background: #ec1e79;
width: 146px;
height: 30px;
line-height: 30px;
display: block;
float: left;
padding: 1px;
}
.tel{
float: left;
color: #ec1e79;
font-size: 28px;
margin-left: 20px;
font-weight: 700;
line-height: 28px;
padding-top: 3px;
}
.add{
width: 100%;
font-size: 14px;
color: #ec1e79;
}
	.spheadlogo{
	position: relative;
z-index: 0;
width: 100%;
	text-align: center;
}
.spheadlogo img{
width: auto;
height: auto;
	max-height: 60px;
margin: 0 15%;
	
}
}




@media screen and (min-width: 768px) and (max-width: 979px) {
.footerleft{
float: left;
width: 400px;
padding-top: 10px;
padding-left:150px;
}
.footerright{
float: left;
width: 420px;
}
.footertel{
width: 100%;
}
.yoyaku{
color: #ffff00;
font-size: 12px;
text-align: center;
background: #ec1e79;
width: 146px;
height: 30px;
line-height: 30px;
display: block;
float: left;
padding: 1px;
}
.tel{
float: left;
color: #ec1e79;
font-size: 28px;
margin-left: 20px;
font-weight: 700;
line-height: 28px;
padding-top: 3px;
}
.add{
width: 100%;
font-size: 14px;
color: #ec1e79;
}
	
	.spheadlogo{
	position: relative;
z-index: 0;
width: 100%;
	text-align: center;
}
.spheadlogo img{
width: auto;
height: auto;
max-height: 60px;
margin: 0 15%;
	
}	
	

	
}
@media screen and (min-width: 480px) and (max-width: 767px)  {
	/* 480px - 767px用（タブレット用）の記述 */
.footeradd_sp {
    color: #EC1E79;
    font-size: 12px;
    line-height: 130%;
    text-align: right !important;
	padding-bottom: 20px;
	
}
	.tapt30{
		padding-top: 30px;
	}
	.tel_boshu2 {

    font-size: 18px;
    color: #ec1e79;
    text-align: center !important;
    font-weight: 700;
    line-height: 18px !important;
   
    margin: 0 0;

}
	.tel_boshu2::before {

    margin: 5px 10px 0 0;
    content: " ";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(./image/page/yofuku/tel.png) no-repeat;
    background-size: contain;
    vertical-align: top;

}
	
	
.footeradd_sp p{
	color: #ec1e79;
	}	
.footertel{
clear: both;
	margin-top:5px !important ;
text-align: center;
float: right !important;
width: 250px !important;
}
.yoyaku{
color: #ffff00;
font-size: 12px;
text-align: center;
background: #ec1e79;
display: block;
float:left!important;
padding: 1px;
	width: 30% !important;
}
.tel{
float: right !important;
color: #ec1e79;
font-size: 18px;
margin-left: 5px;
font-weight: 700;
line-height: 27px !important;
padding-top: 3px;
}
	
.spheadlogo{
	position: relative;
z-index: 0;
width: 100%;
	text-align: center;
	height: 104px !important;
}
.spheadlogo img{
width: auto !important;
height: 100px !important;
max-height: 90px !important;
margin: 0 auto;
	
}
	#spheader {
		height: 104px !important;
	}
.headerinfo {
	padding-top: 20px;
	}
ul.acordion {
	margin-top: 0px !important;
	}
	
.spheadbtn {
    width:70px !important;
	margin-top: 16px;
	height: 90px;
	}
}
@media screen and (max-width: 479px) {
	/* 479px以下用（スマートフォン用）の記述 */
	img{
		max-width: 100% !important;
	}
}