@charset "utf-8";
/* CSS Document */

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

/* グレーヘッダー */
#header_wrap.header_Ssize {
	max-width: 100%;
	background: #dcdddc;
}
#header_wrap.header_Ssize > .l-inner.refa-ad {
	padding: 7px 0 7px 7px;
}
#header_wrap.header_Ssize > .l-inner.refa-ad img {
    height: 20px;
}
@media screen and (max-width: 767px) {
	#header_wrap.header_Ssize > .l-inner.refa-ad { padding: 5px 0; }
	#header_wrap.header_Ssize > .l-inner.refa-ad img {
		height: 15px !important;
        width: auto;
		padding-left: 1.6%;
	}
}


/* ホワイトヘッダー */
#header_wrap.header_Msize {
	max-width: 100%;
	background: #fff;
}
#header_wrap.header_Msize > .l-inner.refa-ad {
    padding: 1.2rem 0;
    text-align: center;
    color: #fff;
}
@media screen and (max-width: 767px) {
    #header_wrap.header_Msize > .l-inner.refa-ad {
        padding: 1rem 0;
    }
}
#header_wrap.header_Msize > .l-inner.refa-ad img {
    height: 40px;
}
@media screen and (max-width: 767px) {
    #header_wrap.header_Msize > .l-inner.refa-ad img {
        height: 28px;
    }
}



/* ヘッダーサイズ共通 */
.l-inner {
	max-width: 1024px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#header_wrap > .l-inner img {
	width: auto;
	height: auto;
	max-width: inherit;
    vertical-align: middle;
}


/* footer ---------------------------------------------------------------- */
#footer p {
    text-align: center;
    color: #000;
    font-size: 0.8rem;
    padding: 0.5rem 0;
}
footer {
    background-color: #fff;
}