/*
		テキスト装飾
*/

.text-link {
	color: #007ebe;
}
.text-white {
	color: #FFF;
}
.text-yellow {
	color: #ffea00;
}
.text-red {
	color: #d70035;
}

/*
		背景色
*/

.bg-yellow {
	background-color: #ffea00 !important;
}
.bg-red {
	background-color: #d70035 !important;
}
.bg-default {
	background-color: #FFF !important;
}

/*
		円
*/

.dot {
  height: 25px;
  width: 25px;
  background-color: #bbb;
  border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.link-anime a {
  opacity: 1;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
.link-anime a:hover {
	opacity: .7;
}

.keyvisual-contents .slick-prev{
	left: 25px;
	z-index:1;
}
.keyvisual-contents .slick-next{
	right: 25px;
}
.keyvisual-contents form {
	position: absolute;
	width: 45%;
	margin: auto;
	left: 0;
	right: 0;
	top: 307px;
}
.keyvisual_01,
.keyvisual_02 {
	width:100%;
	height:500px;
	background-size: cover!important;
	background-position: center!important;
}
.keyvisual_01{
	background:url(/img/keyvisual_01.jpg);
}
.keyvisual_01 > p,
.keyvisual_02 > p {
	width: 1000px;
	margin: auto;
}
.keyvisual_02{
	background:url(/img/keyvisual_02.jpg);
}

.common-link-title {
	position: relative;
}
.common-link-title span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #fff;
	font-weight: bold;
  text-align: left;
	font-family: 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
	letter-spacing: 0.05em;
}
.common-link-title::before {
  position: absolute;
  top: 49%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background-color: #000;
}
.category-link-datas a {
	position: relative;
	cursor: pointer;
}
.category-link-datas a > img {
	border: 1px solid #ccc;
}
.category-link-datas p {
	width: 96%;
	position: absolute;
	bottom: 4px;
	left: 0;
	right: 0;
	margin: auto;
	background: rgba(0,0,0,0.3);
	font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	color: #fff;
	font-size: 90%;
	letter-spacing: -0.1em;
	padding: 5px 0;
	text-align: center;
	-webkit-transition: 0.3s;
}
.category-link-datas a:hover > p {
	padding: 10px 0;
	background: rgba(0,0,0,0.8);
}