@charset "utf-8";

/* SPヘッダ
------------------ */
#header_sp{
	overflow:hidden;
	line-height:1.0;
	margin-bottom:0.5rem;
}

/* SPロゴ */
#header_sp h1{
	width:60%;
	float:left;
}
#header_sp .sp_logo{
	width:auto;
	max-width: 44%;
	float:left;
}

#header_sp h1 a{
	display:inline-block;
	padding:1.5rem 0 1.2rem 0.5rem;
}

/* SPヘッダボタン */
#header_sp ul{
	float:right;
	width:30%;
	overflow:hidden;
}

#header_sp li{
	float:right;
}

/* SPヘッダ電話 */
#header_sp_tel{
	text-align:center;
	font-size:78.57%;
}

#header_sp_tel a{
	text-decoration:none;
}

#header_sp_tel .icon-phone-squared{
	display:block;
	font-size:350%;
	margin:0.5rem 0 0.1rem 0;
}

@media print, screen and (min-width: 980px){
#header_sp{
	display:none;
}
}

/* 問い合わせブロック
------------------ */
.contact{
	background:#f0fdff;
	text-align:center;
	padding:1rem 1rem 2rem 1rem;
}

.contact_tel img{
	max-width:80%;
	padding:1rem;
}

.contact_address{
	color:#666;
	margin-bottom:1rem;
}

@media print, screen and (min-width: 980px){
.contact{
	padding:1.5rem 0;
	display:table;
	width:100%;
}

.contact ul{
	display:table-row;
}

.contact li{
	display:table-cell;
	vertical-align:middle;
}

.contact_tel{
	text-align:right;
}

.contact_tel img{
	max-width:100%;
	padding:0;
}

.contact_address{
	margin-bottom:0;
}

.contact_reserve{
	text-align:left;
}
}

/* footer
------------------ */
/*　Banner　*/

.ba_wrap{
	background: #f0fdff;
    padding: 0.5rem 0;
	text-align: center;
}

.ba_wrap img{
	width: 90%;
    border: 1px solid #989898;
}

@media print, screen and (min-width: 680px){
	.ba_wrap img{
		width: 24%;
	}
}
/* copyright */
#copy{
	background:#00cef3;
	color:#ccf5fd;
	text-align:center;
	padding:1rem 0;
}

/* section
------------------ */
/* セクション */
@media print, screen and (min-width: 980px){
.wide_width{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
}

.section{
	padding:0 1rem;
}

@media print, screen and (min-width: 980px){
.section{
	padding:0;
}
}

/*eof*/