@charset "utf-8";

/* Header */

#header {
	background-color: #000;
}
#Header h1 {
	font-size: 100%;
}
#header .header-main {
	display: table;
}
#header ._left,
#header ._right {
	display: table-cell;
	vertical-align: middle;
}
#header ._left {
	width: 65%;
}
#header ._right {
	width: 35%;
}
#Header-right-main ul {
	display: table;
	margin-left: auto;
	width: auto;
	border-left: 1px solid #1B1B1B;
}
#Header-right-main li {
	display: table-cell;
	padding: 0 33px;
	border-right: 1px solid #1B1B1B;
	vertical-align: middle;
	height: 65px;
}

@media screen and (max-width : 991px) {	#Header-right-main li { padding: 0 25px; } }
@media screen and (max-width : 850px) {	#Header-right-main li { padding: 0 20px; } }
#Header-left-main {
	display: table;
	width: auto;
	margin-right: auto;
}
#Logo-wrapper,
#header h1 {
	display: table-cell;
	width: auto;
	padding: 0 10px;
}
#header #Logo-wrapper img {
	max-width: 80%;
}

/* SmartPhone */


.sp-header {
	padding: 5px 10px;
	color: #FFF;
	background:#000642;
}
.sp-header a {
	color: #FFF;
}
.sp-header-h1 {
	font-size: 100%;
	margin-bottom: 5px;
}
.sp-header-top {
	display: table;
	width: 100%;
}
.sp-header-top-left, .sp-header-top-right {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
	font-size: 117%;
}
.sp-header-top-left {
	padding-right: 5px;
}
.sp-header-top-right {}
/* お問い合わせ */
.sp-header-top-contact {}
/* 電話番号 */
.sp-header-top-tel {
	color: #1270bc;
}
.sp-header-top-tel a {
}
@media screen and (max-width: 479px) {
	/* 479px以下用（スマートフォン用）の記述 */
	.sp-header-top-tel {
		font-size: 14px;
	}
}
/* ソーシャルボタン */
.sp-header-middle {
	display: table;
	width: 100%;
}
.sp-header-socal1, .sp-header-socal2 {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
	text-align: center;
}
.sp-header-socal1 {}
.sp-header-socal2 {}
.sp-header-socal1 span,
.sp-header-socal2 span {
	display: block;
	background-color: #333333;
	padding: 5px;
	margin: 5px;
}
.sp-header-socal1-a,
.sp-header-socal2-a {
	display: block;
}



/* **************************************************** */
/* メディアクエリ
/* **************************************************** */

@media screen and (max-width: 979px) {
	/* 979px以下用（タブレット用）の記述 */
}
@media screen and (max-width: 767px) {
	/* 767px以下用（タブレット／スマートフォン用）の記述 */
}
@media screen and (max-width: 479px) {
	/* 479px以下用（スマートフォン用）の記述 */
}

	/* デフォルト：479px以下用（スマートフォン用）の記述 */
@media screen and (min-width: 480px) {
	/* 480px以上用（タブレット／スマートフォン用）の記述 */
}
@media screen and (min-width: 768px) {
	/* 768px以上用（タブレット用）の記述 */
}
@media screen and (min-width: 980px) {
	/* 980px以上用（PC用）の記述 */
}

@media screen and (min-width: 768px) and (max-width: 979px) {
	/* 768px - 979px用（タブレット用）の記述 */
}
@media screen and (min-width: 480px) and (max-width: 767px)  {
	/* 480px - 767px用（タブレット／スマートフォン用）の記述 */
}