@import url(//c.marsflag.com/lib/fonts/font-awesome/4.6.3/css/font-awesome.css);

/**
 * ルート
 */
.mt-site-search-container {
	float: right;
	padding-top: 8px;
	margin-right: 6px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/**
 * 入力画面
 */
.mt-site-search-form__query {
	width: 160px;
	height: 21px;
	min-height: 21px;
	background-size: contain;
	background-color: rgb(255, 255, 255);
	/*background-image: url(//www.jp.square-enix.com/common/images/searchbox_placeholder_01.png);*/
	color: rgb(17, 17, 17);
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.8rem;
	padding: 0px 5px;
	border-width: initial;
	border-style: none;
	border-color: initial;
	border-image: initial;
	background-repeat: no-repeat;
	border-radius: 3px;
}
	.mt-site-search-form__query:focus {
		background-image: none;
	}

/**
 * 検索ボタン
 */
.mt-site-search-form__button {
	-webkit-box-sizing: content-box;
  box-sizing: content-box;
	-webkit-appearance: none;
  appearance: none;
  border: none;
  border-radius: box-sizing;
  cursor: pointer;
  background-color: transparent;
	font-size: 0;
	position: relative;
	top: 2px;
}
	.mt-site-search-form__button::before {
		content: "\F002";
		font-family: FontAwesome;
		color: #fff;
		font-size: 16px;
	}

/**
 * 結果モーダル　
 */
.mt-site-search-result {
	margin-top: 20px;
}
.mt-site-search-result-container {
	font-size: 14px;
}
/* スクロールエリア */
.mt-site-search-result-container__modal::-webkit-scrollbar {
	all: unset;
	width: 10px;
	background: transparent;
}

.mt-site-search-result-container__modal::-webkit-scrollbar-track {
	all: unset;
	background: #eeeeee;
}

.mt-site-search-result-container__modal::-webkit-scrollbar-thumb {
	all: unset;
	background: #bbbbbb;
}

.mt-site-search-result-container__modal::-webkit-scrollbar-thumb:hover {
	background: #bbbbbb;
}
	/* 結果リンク */
	.mt-site-search-result-item__link,
	.mt-site-search-result-item__link .mt-site-search-result-item__url {
		color: #0000ee;
		text-decoration: none;
	}
		/* ホバー時 */
		.mt-site-search-result-item__link:hover,
		.mt-site-search-result-item__link:hover .mt-site-search-result-item__url {
			text-decoration: underline;
		}
		.mt-site-search-result-item__link:visited,
		.mt-site-search-result-item__link:visited .mt-site-search-result-item__url {
			color: #551b8c;
		}
		.mt-site-search-result-item__link:active,
		.mt-site-search-result-item__link:active .mt-site-search-result-item__url {
			color: #fe0000;
		}

	/* 結果見出し */
	.mt-site-search-result-item__label {
		font-size: 16px;
		font-weight: bold;
	}
	.mt-site-search-result-item__url {
		word-break: break-word;
		margin-bottom: 6px;
	}
	.mt-site-search-result-item__thumbnail {
		width: 30%;
	}
		.mt-site-search-result-item__thumbnail img {
			max-width: initial;
			max-width: 400px;
			width: 100%;
		}

	.mt-site-search__pagination ul {
		display: flex;
		justify-content: center;
	}

/** ○件見つかりました */
.mt-site-search-result__message {
	padding-left: 1.5rem;
}
/** 検索結果一覧枠 */
.mt-site-search-result__list {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
/** 各結果 */
.mt-site-search-result-item {
	background-color: #f0f0f0;
	padding-top: 1.8rem;
	padding-bottom: 1.8rem;
	padding-left: 1.6rem;
	padding-right: 1.6rem;
}
	.mt-site-search-result-item__url {
		color: initial;
	}
	/* 検索結果文字列 */
	.mt-site-search-result-item__excerpt {
		margin-top: 12px;
	}
	/** ページネーション */
	.mt-site-search-pagination-item__link {
		display: block;
		font-size: 16px;
		color: #fff;
		background-color: #222222;
		padding-top: .3rem;
		padding-bottom: .2rem;
		padding-left: .8rem;
		padding-right: .8rem;
		text-decoration: none;
	}
		a.mt-site-search-pagination-item__link:hover {
			text-decoration: none !important;
		}
		/* 現在のページ */
		.mt-site-search-pagination-item--current a {
			color: #222;;
			background-color: #fff;
		}
		.mt-site-search-pagination-item--previous a,
		.mt-site-search-pagination-item--next a {
			background-color: #666666;
		}
		.mt-site-search-pagination-item--previous a:before,
		.mt-site-search-pagination-item--next a:before {
			display: inline-block;
			transform: scale(.6, 1.0);
		}
		.mt-site-search-pagination-item--previous a::before {
			content: '<';
		}
		.mt-site-search-pagination-item--next a::before {
			content: '>';
		}
		.mt-site-search-pagination-item--previous span,
		.mt-site-search-pagination-item--next span {
			display: none;
		}
/* 閉じるボタン */
.mt-site-search-result-container__close {
	width: 36px;
	height: 36px;
	background-color: #000;
}
	.mt-site-search-result-container__close img {
		display: block;
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.mt-site-search-result-container__close::before,
	.mt-site-search-result-container__close::after {
		pointer-events: none;
		position: absolute;
		top: 16px;
		left: 7px;
		content: '';
		width: 22px;
		height: 3px;
		background-color: #fff;
	}
	.mt-site-search-result-container__close::before {
		transform: rotate(45deg);
	}
	.mt-site-search-result-container__close::after {
		transform: rotate(-45deg);
	}