@charset "UTF-8";

/* ----------------------------------------------------------- */
/* トップページ専用CSS                                         */
/* ----------------------------------------------------------- */

/*---物件数表示（PC）---*/
/*---スライダーに重ねて設置---*/
.ribbon {
	display: flex;
	position: absolute;
	--r: .8em;
	border-inline: .5em solid #0000;
	padding: .5em .2em calc(var(--r) + .2em);
	clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - .5em) 100%,50% calc(100% - var(--r)),.5em 100%,0 100%);
	background: radial-gradient(50% .2em at top, #000a, #0000) border-box, #fbd51b padding-box;
	width: fit-content;
	z-index: 1;
	top: 0px;
	left: 15%;
	height: auto;
	max-height: 100px;
	font-size: 0.875rem;
	color: #333;
	flex-direction: column;
	align-items: center;
	padding: 10px 10px 25px 10px;
	gap: 5px;
}
.ribbon span:nth-child(1) {
	font-size: 0.875rem;
	font-weight: bold;
}
.ribbon span:nth-child(2) {
	font-size: 1.5rem;
	line-height: 1;
	font-weight: bold;
	display: contents;
	color: #cc0000;
}
.ribbon span:nth-child(3) {
	font-size: .75rem;
	color: #333333;
	background: #ffffff;
	border-radius: 15px;
	padding: 3px 0;
	width: 80%;
	text-align: center;
	font-weight: bold;
}

/*---サイドコンテンツ設置---*/
.bukken-count-wrapper {
	margin-bottom: 20px;
}
.bukken-count-wrapper h2 {
	font-size: .875rem;
	background: #4f4f4f;
	line-height: 1.8;
	text-align: center;
	color: #fbfbfb;
	border-radius: 20px;
	width: 70%;
	margin: 0 auto 8px auto;
}
.kensu-side-ptRB {
	width: 100%;
	text-align: center;
	position: initial;
	left: 0;
	right: 0;
	bottom: 130px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
}
.kensu-side-ptRB ul {
	display: block;
	line-height: normal;
	border-radius: initial;
	width: 50%;
	flex-wrap: wrap;
}
.kensu-side-ptRB ul li {
	font-size: 0.75rem;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-bottom: 5px;
}
.kensu-side-ptRB ul li.ken-w100 {
	width: 100%;
	line-height: 1.1;
}
.kensu-side-ptRB ul li.ken-w50 {
	width: 100%;
}
.kensu-side-ptRB span {
	font-size: 1.2rem;
	margin: 0 3px;
	color: #333;
	font-weight: bold;
	line-height: 1;
	width: 76px;
	text-align: right;
}
.kensu-side-ptRB span.kensu-buy {
	background: #008bca;
	font-size: 14px;
	color: #fff;
	padding: 1px 4px;
	border-radius: 2px;
	font-weight: normal;
	margin-right: 4px;
	line-height: normal;
	text-align: center;
	width: auto;
}
.kensu-side-ptRB span.kensu-rent {
	background: #f5366b;
	font-size: 14px;
	color: #fff;
	padding: 1px 4px;
	border-radius: 2px;
	font-weight: normal;
	margin-right: 4px;
	line-height: normal;
	text-align: center;
	width: auto;
}
.kensu-side-ptRB span.total-cnt {
	font-size: 1.3125rem;
	line-height: 1;
	color: #d93342;
}
.kensu-side-pt1 {
	width: 100%;
	text-align: center;
	position: initial;
	left: 0;
	right: 0;
	bottom: 130px;
	margin-bottom: 5px;
}
.kensu-side-pt1 span {
	font-size: 1.2rem;
	margin: 0 5px;
	color: #333;
	font-weight: bold;
	line-height: 1;
	width: auto;
	text-align: right;
}
.kensu-side-pt1 ul {
	display: flex;
	background: #ffffff96;
	line-height: normal;
	border-radius: initial;
	width: 100%;
	justify-content: flex-end;
	align-items: flex-end;
	flex-wrap: wrap;
}
.kensu-side-pt1 ul li {
	margin: 0;
	font-size: 1rem;
	line-height: 2;
	display: flex;
	justify-content: center;
	align-items: center;
}

.kensu-side-pt1 ul li.ken1 {
	width: 100%;
	background: #ddd;
	margin-bottom: 15px;
	position: relative;
	padding-bottom: 0px;
	text-align: center;
}
.kensu-side-pt1 ul li.ken1::after {
	content: '';
	position: absolute;
	bottom: -30%;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 6px 0 6px;
	border-color: #ddd rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
}
.kensu-side-pt1 ul li.ken2 {
	width: 50%;
	display: flex;
	justify-content: center;
	font-size: 0.75rem;
	margin: 5px 0;
}
.kensu-side-pt1 ul li.ken2 span.cnt {
	font-size: 1.6rem;
	font-weight: normal;
}
.kensu-side-pt1 ul li.ken2 span.label {
	width: 30px;
	font-size: 0.75rem;
	line-height: 1.2;
	background: #e3e3e3;
	text-align: center;
	padding: 2px;
	border-radius: 3px;
	margin: 0;
}
.kensu-side-pt1 ul li.ken3 {
	width: 50%;
	display: flex;
	justify-content: center;
	font-size: 0.75rem;
	margin: 5px 0;
}

.kensu-side-pt1 ul li.ken3 span.cnt {
	font-size: 1.6rem;
	color: #d93342;
	font-weight: bold;
}
.kensu-side-pt1 ul li.ken3 span.label {
	width: 30px;
	font-size: 0.75rem;
	line-height: 1.2;
	background: #ffe000;
	text-align: center;
	padding: 2px;
	border-radius: 3px;
	margin: 0;
}
.kensu-side-pt2 {
	width: 100%;
	text-align: center;
	position: initial;
	left: 0;
	right: 0;
	bottom: 130px;
	margin-bottom: 5px;
}
.kensu-side-pt2 span {
	color: #333;
}
.kensu-side-pt2 ul {
	display: flex;
	line-height: normal;
	border-radius: initial;
	width: 100%;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
}
.kensu-side-pt2 ul li {
	margin: 0;
	font-size: 1rem;
	line-height: 2;
	display: flex;
	justify-content: center;
	align-items: center;
}

.kensu-side-pt2 ul li.ken1 {
	width: 49%;
	display: flex;
	font-size: 0.75rem;
	align-items: flex-end;
	justify-content: space-evenly;
}
.kensu-side-pt2 ul li.ken1 span.label {
	width: 28px;
	font-size: 0.75rem;
	line-height: 1.2;
	background: #e4e3e1;
	text-align: center;
	padding: 3px 2px 2px 2px;
	margin: 0;
	height: 29px;
	border-radius: 3px 0 0 3px;
}
.kensu-side-pt2 ul li.ken1 span.cnt {
	font-size: 1.6rem;
	color: #fff;
	font-weight: normal;
	margin-right: auto;
	line-height: 1.5;
	width: 69%;
	background: #555555;
	height: 34px;
	border-radius: 0px 3px 3px 0px;
	background-image: linear-gradient(0deg, rgb(99 99 99) 5%, rgba(61, 61, 61, 1) 100%);
}
.kensu-side-pt2 ul li.ken2 {
	width: 49%;
	display: flex;
	font-size: 0.75rem;
	align-items: flex-end;
	justify-content: space-evenly;
}
.kensu-side-pt2 ul li.ken2 span.label {
	width: 28px;
	font-size: 0.75rem;
	line-height: 1.2;
	background: #ffe000;
	text-align: center;
	padding: 3px 2px 2px 2px;
	margin: 0;
	height: 29px;
	border-radius: 3px 0 0 3px;
}
.kensu-side-pt2 ul li.ken2 span.cnt {
	font-size: 1.6rem;
	color: #ffe000;
	font-weight: bold;
	margin-right: auto;
	line-height: 1.5;
	width: 69%;
	background: #555555;
	height: 34px;
	border-radius: 0px 3px 3px 0px;
	background-image: linear-gradient(0deg, rgb(99 99 99) 5%, rgba(61, 61, 61, 1) 100%);
}
.kensu-side-pt3 {
	width: 100%;
	text-align: center;
	position: initial;
	display: block;
	margin-bottom: 5px;
}
.kensu-side-pt3 ul {
	color: #333;
}
.kensu-side-pt3 ul li {
	width: 100%;
	display: flex;
	font-size: 0.875rem;
	justify-content: center;
	align-items: flex-end;
	position: relative;
}

.kensu-side-pt3 ul li:before,
.kensu-side-pt3 ul li:after {
  display: inline-block;
  content: "";
  background: #faa94d;
  width: 2px;/*線の太さ*/
  height: 2em;/*線の長さ*/
  margin: 0 1em;/*テキストとの間に左右余白をつくる*/
  margin-top: -.2em;/*斜め線の位置調整*/
  vertical-align: middle;
}
.kensu-side-pt3 ul li:before {
	transform: rotate(-35deg);/*角度調整*/
  }
   
  .kensu-side-pt3 ul li:after {
	transform: rotate(35deg);/*角度調整*/
  }

.kensu-side-pt3 ul li span.label {
	width: 30%;
	font-size: 0.875rem;
	line-height: 1.3;
	background: #e5e5e5;
	padding: 5px 10px;
	margin: 0;
	height: 16px;
	border-radius: 20px;
}
.kensu-side-pt3 ul li span.cnt {
	font-size: 1.75rem;
	color: #ff0000;
	font-weight: bold;
	line-height: 1;
	width: auto;
	margin: 0 10px;
	background: linear-gradient(transparent 60%, #fffd60 50%);
}

.bukken-count-wrapper-sp {
	display: none;
}

/*---物件数表示（SP）---*/
@media screen and (max-width: 768px){
	.bukken-count-wrapper {
		display: none;
	}
	.bukken-count-wrapper-sp {
		display: block;
		width: 100%;
	}
	.kensu span.total-cnt {
		font-size: 1.3125rem;
		line-height: 1;
		color: #d93342;
	}
	.kensu-sp-RB {
		width: 100%;
		text-align: center;
		position: initial;
		left: 0;
		right: 0;
		bottom: 130px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		align-items: center;
	}
	.kensu-sp-RB ul {
		display: block;
		line-height: normal;
		border-radius: initial;
		width: 50%;
		flex-wrap: wrap;
	}
	.kensu-sp-RB ul li {
		font-size: 0.75rem;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		margin-bottom: 5px;
	}
	.kensu-sp-RB ul li.ken-w100 {
		width: 100%;
		line-height: 1.1;
	}
	.kensu-sp-RB ul li.ken-w50 {
		width: 100%;
	}
	.kensu-sp-RB span {
		font-size: 1.2rem;
		margin: 0 3px;
		color: #333;
		font-weight: bold;
		line-height: 1;
		width: 76px;
		text-align: right;
	}
	.kensu-sp-RB span.kensu-buy {
		background: #008bca;
		font-size: 14px;
		color: #fff;
		padding: 1px 4px;
		border-radius: 2px;
		font-weight: normal;
		margin-right: 4px;
		line-height: normal;
		text-align: center;
		width: auto;
	}
	.kensu-sp-RB span.kensu-rent {
		background: #f5366b;
		font-size: 14px;
		color: #fff;
		padding: 1px 4px;
		border-radius: 2px;
		font-weight: normal;
		margin-right: 4px;
		line-height: normal;
		text-align: center;
		width: auto;
	}
	.kensu-sp-RB span.total-cnt {
		font-size: 1.3125rem;
		line-height: 1;
		color: #d93342;
	}
	.kensu-sp-pt1 {
		width: 100%;
		text-align: center;
		position: initial;
		left: 0;
		right: 0;
		bottom: 130px;
		margin-bottom: 5px;
	}
	.kensu-sp-pt1 span {
		font-size: 1.2rem;
		margin: 0 5px;
		color: #333;
		font-weight: normal;
		line-height: 1;
		width: auto;
		text-align: right;
	}
	.kensu-sp-pt1 ul {
		display: flex;
		line-height: normal;
		border-radius: initial;
		width: 100%;
		justify-content: flex-end;
		align-items: flex-end;
		flex-wrap: wrap;
	}
	.kensu-sp-pt1 ul li {
		margin: 0;
		font-size: 1rem;
		line-height: 2;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.kensu-sp-pt1 ul li.ken1 {
		width: 100%;
		background: #ddd;
		margin-bottom: 15px;
		position: relative;
		padding-bottom: 0px;
		text-align: center;
	}
	.kensu-sp-pt1 ul li.ken1::after {
		content: '';
		position: absolute;
		bottom: -30%;
		left: 50%;
		transform: translateX(-50%);
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 6px 0 6px;
		border-color: #ddd rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
	}
	.kensu-sp-pt1 ul li.ken2 {
		width: 50%;
		display: flex;
		justify-content: center;
		font-size: 0.75rem;
	}
	.kensu-sp-pt1 ul li.ken2 span.cnt {
		font-size: 1.6rem;
		font-weight: normal;
	}
	.kensu-sp-pt1 ul li.ken2 span.label {
		width: 30px;
		font-size: 0.75rem;
		line-height: 1.2;
		background: #f2f2f2;
		text-align: center;
		padding: 2px;
		border-radius: 3px;
		margin: 0;
	}
	.kensu-sp-pt1 ul li.ken3 {
		width: 50%;
		display: flex;
		justify-content: center;
		font-size: 0.75rem;
	}

	.kensu-sp-pt1 ul li.ken3 span.cnt {
		font-size: 1.6rem;
		color: #d93342;
		font-weight: bold;
	}
	.kensu-sp-pt1 ul li.ken3 span.label {
		width: 30px;
		font-size: 0.75rem;
		line-height: 1.2;
		background: #ffe000;
		text-align: center;
		padding: 2px;
		border-radius: 3px;
		margin: 0;
	}

	.kensu-sp-pt2 {
		width: 100%;
		text-align: center;
		position: initial;
		left: 0;
		right: 0;
		bottom: 130px;
		margin-bottom: 5px;
	}
	.kensu-sp-pt2 span {
		color: #333;
	}
	.kensu-sp-pt2 ul {
		display: flex;
		line-height: normal;
		border-radius: initial;
		width: 100%;
		justify-content: space-between;
			align-items: flex-end;
		flex-wrap: wrap;
	}
	.kensu-sp-pt2 ul li {
		margin: 0;
		font-size: 1rem;
		line-height: 2;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.kensu-sp-pt2 ul li.ken1 {
		width: 49%;
		display: flex;
		font-size: 0.75rem;
		align-items: flex-end;
		justify-content: space-evenly;
	}
	.kensu-sp-pt2 ul li.ken1 span.label {
		width: 28px;
		font-size: 0.75rem;
		line-height: 1.2;
		background: #e4e3e1;
		text-align: center;
		padding: 3px 2px 2px 2px;
		margin: 0;
		height: 29px;
		/* margin-right: auto; */
		border-radius: 3px 0 0 3px;
	}
	.kensu-sp-pt2 ul li.ken1 span.cnt {
		font-size: 1.6rem;
		color: #fff;
		font-weight: normal;
		margin-right: auto;
		line-height: 1.5;
		width: 69%;
		background: #555555;
		height: 34px;
		border-radius: 0px 3px 3px 0px;
		background-image: linear-gradient(0deg, rgb(99 99 99) 5%, rgba(61, 61, 61, 1) 100%);
	}
	.kensu-sp-pt2 ul li.ken2 {
		width: 49%;
		display: flex;
		font-size: 0.75rem;
		align-items: flex-end;
		justify-content: space-evenly;
	}
	.kensu-sp-pt2 ul li.ken2 span.label {
		width: 28px;
		font-size: 0.75rem;
		line-height: 1.2;
		background: #ffe000;
		text-align: center;
		padding: 3px 2px 2px 2px;
		margin: 0;
		height: 29px;
		border-radius: 3px 0 0 3px;
	}
	.kensu-sp-pt2 ul li.ken2 span.cnt {
		font-size: 1.6rem;
		color: #ffe000;
		font-weight: bold;
		margin-right: auto;
		line-height: 1.5;
		width: 69%;
		background: #555555;
		height: 34px;
		border-radius: 0px 3px 3px 0px;
		background-image: linear-gradient(0deg, rgb(99 99 99) 5%, rgba(61, 61, 61, 1) 100%);
	}

	.kensu-sp-pt3 {
		/* background: #fff; */
		width: 100%;
		text-align: center;
		position: initial;
		display: block;
		margin-bottom: 5px;
	}
	.kensu-sp-pt3 ul {
		color: #333;
	}
	.kensu-sp-pt3 ul li {
		width: 100%;
		display: flex;
		font-size: 0.875rem;
		justify-content: center;
		align-items: flex-end;
		position: relative;
	}

	.kensu-sp-pt3 ul li:before,
	.kensu-sp-pt3 ul li:after {
		display: inline-block;
		content: "";
		background: #faa94d;
		width: 2px;/*線の太さ*/
		height: 2em;/*線の長さ*/
		margin: 0 1em;/*テキストとの間に左右余白をつくる*/
		margin-top: -.2em;/*斜め線の位置調整*/
		vertical-align: middle;
	}
	.kensu-sp-pt3 ul li:before {
		transform: rotate(-35deg);/*角度調整*/
		}
	.kensu-sp-pt3 ul li:after {
		transform: rotate(35deg);/*角度調整*/
	}

	.kensu-sp-pt3 ul li span.label {
		width: 30%;
		font-size: 0.875rem;
		line-height: 1.3;
		background: #e5e5e5;
		padding: 5px 10px;
		margin: 0;
		height: 16px;
		border-radius: 20px;
	}
	.kensu-sp-pt3 ul li span.cnt {
		font-size: 1.75rem;
		color: #ff0000;
		font-weight: bold;
		line-height: 1;
		width: auto;
		margin: 0 10px;
		background: linear-gradient(transparent 60%, #fffd60 50%);
		background: linear-gradient(transparent 30%, #fffc00 90%, transparent 0%)
	}
	.kensu-sp-pt1 ul li.ken-w100 {
		width: 100%;
		margin-bottom: 5px;
	}
	.kensu-sp-pt1 ul li.ken-w50 {
		width: 50%;
	}
	.kensu-sp-pt1 span.total-cnt {
		font-size: 1.375rem;
		font-weight: bold;
		line-height: 1;
		color: #d93342;
		width: auto;
	}

}

/* ----------------------------------------------------------- */
/* ●【共通】TOPメインコンテンツ部                             */
/* ----------------------------------------------------------- */
/* メイン画像用 */
#main_wrapper{
	position: relative;
}

/* スライダー */
.slider-wrapper{
	position: relative;
	
	width: 100%;
	height: 700px; /* 画像によって変動する */
	height: 600px;
}

/* ----------------------------------------------------------- */
/* トップページヘッダーコンテンツ                              */
/* ----------------------------------------------------------- */
/* スライダーでスライド中に動かないコンテンツ部分 */
.slider-fixed-content.top-search-button-area{
	position: absolute;
	left  : 30px;
	bottom: 30px;
}
.slider-fixed-content.top-search-button-area a{
	display: block;
	padding: 5px;
	margin : 10px;
	
	width: 140px;
	
	text-align:center;
	text-decoration: none;
}
.slider-fixed-content.top-search-button-area > ul > li > a > span{
	display: inline-block;
	
	margin-bottom: 5px;
	
	font-size  : 48px;
	line-height: 64px;
}
.slider-fixed-content.top-search-button-area > ul > li > ul > li > a > span{
	display: inline-block;
	font-size  : 16px;
	line-height: 16px;
}
.slider-fixed-content.top-search-button-area > ul > li > ul > li > a{
	text-align: left;
}

.slider-fixed-content.top-search-button-area a > div:first-of-type{
	font-size     : 24px;
	text-indent   : 3px;
	letter-spacing: 3px;
}
.slider-fixed-content.top-search-button-area a > div.str5:first-of-type{
	text-indent   : 0;
	letter-spacing: -1px;
}
.slider-fixed-content.top-search-button-area a > div:last-child{
	font-size  : 16px;
	line-height: 16px;
}
.slider-fixed-content.top-search-button-area ul li{
	position:relative;
}
.slider-fixed-content.top-search-button-area ul li ul{
	position:absolute;
	z-index:200;
	left:93.5%;

	height:0;
	width :0;
	
	overflow:hidden;
}
.slider-fixed-content.top-search-button-area ul li:not(:last-child) ul{
	top:0;
}
.slider-fixed-content.top-search-button-area ul li:last-child ul{
	bottom:0;
}

.slider-fixed-content.top-search-button-area ul li ul li a{
	margin: 0;
}
.slider-fixed-content.top-search-button-area ul li a:hover + ul{
	height:auto;
	width :auto;
}
.slider-fixed-content.top-search-button-area ul li ul:hover{
	height:auto;
	width :auto;
}



.slider-fixed-content.top-search-easy-area{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    width: max-content;
    height: auto;
    padding: 10px;
    margin: 10px auto;
    align-items: baseline;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.slider-fixed-content.top-search-easy-area:after{
	content: "";
	clear: both;
}
/* 内部のセレクトボックス用 */
.slider-fixed-content.top-search-easy-area select{
	box-sizing: border-box;
	width: 230px;
	margin: 5px;
	padding: 10px 5px;
	border-radius: 0;
	border: 1px solid transparent;
	font-size: 16px;
	line-height: 24px;
}
.slider-fixed-content.top-search-easy-area label.select-cover:before{
	right : 10px;
	top: auto;
	bottom: 18px;
	width : 17px;
	height: 17px;
}
.slider-fixed-content.top-search-easy-area label.select-cover:after{
	right : 14px;
	top: auto;
	bottom: 25px;
	width : 8px;
	height: 8px;
	border-width: 3px 3px 0 0;
}
/* 内部の入力ボックス(フリーワード) */
.slider-fixed-content.top-search-easy-area input[type="text"]{
	width: 400px;
	padding: 10px 5px;
	border-radius: 0;
	border: 1px solid transparent;
	border: 1px solid #cccccc;
	font-size: 16px;
	line-height: 24px;
}

.top-search-easy-area .top-search-easy-any{
	/* text-align: right; */
		margin-left: auto;
}
.top-search-easy-area .top-search-easy-result{
	display: inline-block;
	width: 200px;
	padding: 5px;
	font-size: 16px;
	text-align: right;
	vertical-align: bottom;
}
.top-search-easy-result span{
	font-size: 32px;
	line-height: 32px;
}
/* 検索ボタン */
.top-search-easy-area .top-search-easy-button{
	display: inline-block;
	text-align: right;
}
.top-search-easy-button button{
	width: 190px;
	margin: 5px;
	font-size: 18px;
	line-height: 1.6;
}

/* 検索ボタンのアイコン */
.top-search-easy-button button > span{
	margin-left: 10px;
	display: inline-block;
	font-size: 18px;
	line-height: 1.6;
	vertical-align: top;
}

/* [SCREEN PC] */
@media print, screen and (min-width: 769px){
	.top-search-easy-condition {
		float: left;
	}
	.top-search-easy-area form{
		display: inline-block;
	}
}/* /[SCREEN PC] */









/* iPhone6 iOS11.1.2 Safariで無理矢理表示させるためのあにめーしょん タスクNo.1965 https://github.com/e-Vision-JP/miraie-company-hp/pull/167 */
@keyframes menuDisp {
	0% {
		width :199%;
		height: 0;
	}
	100% {
		width :200%;
		height: auto;
	}
}
@keyframes menuDisp_1 {
	0% {
		width :99%;
		height: 0;
	}
	100% {
		width :100%;
		height: auto;
	}
}
/* ----------------------------------------------------------- */
/* ●【ヘッダー】スマホ・タブレット縦                          */
/* ----------------------------------------------------------- */
@media screen and (max-width: 768px){
	#main_wrapper{
		margin-top: 50px; /* ずらして、ボタンを画像の上辺を超えて載せる */
		/*margin-top: -35px; グローバルメニューをスライダーの下部に移動*/
	}
	#main_wrapper.no-search{
		margin-top: -42px; /* 検索ボタンがない場合は、スマートに収める */
	}
	.slider-fixed-content.top-search-button-area{
		position: relative;
		top: -50px; /* ずらして載せる */
		/*top: 210px; グローバルメニューをスライダーの下部に移動*/
		left: auto;
		right: auto;
		bottom: auto;
		
		display : -webkit-box; /* Android 2～4 */
		display : -webkit-flex;
		display : -moz-flex;
		display : -ms-flex;
		display : flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: stretch;
	}
	.slider-fixed-content.top-search-button-area > ul {
		width:100%;
	}
	.slider-fixed-content.top-search-button-area > ul > li{
		position:relative;
		flex: 0 1 35%;
		box-sizing: border-box;
		
		margin: 0;
		padding: 10px 0;
		width: 25%;
		
		border-width :1px 0 1px 1px;
		float:left;
	}
	/* ボタンの初期＆閉じた状態 */
	.slider-fixed-content.top-search-button-area ul li a ul,
	.slider-fixed-content.top-search-button-area ul li a:hover + ul,
	.slider-fixed-content.top-search-button-area ul li a.touch + ul:not(.is-open){
		position:absolute;
		z-index:200;
		left:0;

		height:0;
		width :0;
		
		overflow:hidden;
	}
	/* ２～３個のボタンの左か中央 */
	.slider-fixed-content.top-search-button-area ul li:not(:last-child) ul.is-open{
		top:100%;
		bottom:auto;
	}
	/* ２～３個のボタンの右端(last-child) or 非表示の地図検索がある(nth-of-type) */
	.slider-fixed-content.top-search-button-area ul.func_num_2 li:nth-of-type(2) ul.is-open,
	.slider-fixed-content.top-search-button-area ul li:nth-of-type(3) ul.is-open,
	.slider-fixed-content.top-search-button-area ul li:last-child ul.is-open{
		top:100%;
		bottom:auto;
		left:auto;
		right:0;
	}
	/* １個のボタン(only-child) or 非表示の地図検索がある(nth-of-type) */
	.slider-fixed-content.top-search-button-area ul.func_num_1 li:nth-of-type(1) ul.is-open,
	.slider-fixed-content.top-search-button-area ul li:only-child ul.is-open{
		top:100%;
		bottom:auto;
		right:auto;
		left:0;
	}
	/* ２～３個のボタンの左か中央（タッチして開いた状態） */
	.slider-fixed-content.top-search-button-area ul li:not(:last-child) a.touch + ul.is-open,
	.slider-fixed-content.top-search-button-area ul li:not(:last-child) ul:hover{
		right:auto;
		left:0;
		width :200%;
		height:auto;
		z-index:200;
	}
	/* ２～３個のボタンの右端(last-child) or 非表示の地図検索がある(nth-of-type) */
	.slider-fixed-content.top-search-button-area ul.func_num_2 li:nth-of-type(2) a.touch + ul.is-open,
	.slider-fixed-content.top-search-button-area ul.func_num_2 li:nth-of-type(2) ul:hover,
	.slider-fixed-content.top-search-button-area ul li:nth-of-type(3) a.touch + ul.is-open,
	.slider-fixed-content.top-search-button-area ul li:nth-of-type(3) ul:hover,
	.slider-fixed-content.top-search-button-area ul li:last-child a.touch + ul.is-open,
	.slider-fixed-content.top-search-button-area ul li:last-child ul:hover{
		left:auto;
		right:0;
		width :200%;
		height:auto;
	}
	/*４個のボタンの右端(last-child) or 非表示の地図検索がある(nth-of-type) */
	.slider-fixed-content.top-search-button-area ul li:nth-of-type(4) a.touch + ul.is-open,
	.slider-fixed-content.top-search-button-area ul li:nth-of-type(4) ul:hover,
	.slider-fixed-content.top-search-button-area ul li:last-child a.touch + ul.is-open,
	.slider-fixed-content.top-search-button-area ul li:last-child ul:hover{
		left:auto;
		right:0;
		width :200%;
		height:auto;
	}
	/* １個のボタン(only-child) or 非表示の地図検索がある(nth-of-type) */
	.slider-fixed-content.top-search-button-area ul.func_num_1 li:nth-of-type(1) a:hover + ul.is-open,
	.slider-fixed-content.top-search-button-area ul.func_num_1 li:nth-of-type(1) ul:hover,
	.slider-fixed-content.top-search-button-area ul li:only-child a:hover + ul.is-open,
	.slider-fixed-content.top-search-button-area ul li:only-child ul:hover{
		right:auto;
		left:0;
		width :100%;
		height:auto;
		z-index:200;
	}
	.slider-fixed-content.top-search-button-area ul li ul:hover{
		width :200%;
	}
	.slider-fixed-content.top-search-button-area ul.func_num_1 li ul:hover{
		width :100%;
	}
	.slider-fixed-content.top-search-button-area ul.func_num_1 li a.touch + ul.is-open{
		animation: menuDisp_1 1ms ease 0ms 1 normal forwards;
	}
	.slider-fixed-content.top-search-button-area a{
		flex: 0 1 35%;
		box-sizing: border-box;
		
		margin: 0;
		padding: 10px 0;
		width: auto;
		
		border-width :1px 0 1px 1px;
	}
	.slider-fixed-content.top-search-button-area > ul > li > a > span{
		display: inline-block;
		margin-bottom: 5px;
		
		font-size  : 32px;
		line-height: 48px;
	}
	.slider-fixed-content.top-search-button-area > ul > li > ul > li > a > span{
		display: inline-block;
		font-size  : 16px;
		line-height: 16px;
	}
	.slider-fixed-content.top-search-button-area > ul > li > ul > li > a{
		text-align: left;
		padding: 10px;
	}
	.slider-fixed-content.top-search-button-area a > div:first-of-type{
		font-size     : 14px;
		text-indent   : 3px;
		letter-spacing: 3px;
	}
	.slider-fixed-content.top-search-button-area a > div:last-child{
		display:none;
	}
	
	.slider-wrapper > .slide-container > .slider-scroller > div > .slider-image-content{
		height: 390px;
	}
	.slider-wrapper{
		overflow: visible;
		height  : auto;
		min-height: 218px;
	}
	.slider-wrapper > .slide-container > .slider-scroller{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	
	
	.slider-fixed-content.top-search-easy-area{
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		
		width: auto;
		height: auto;
		
		margin: 300px 20px 10px;/* ～A4.3 */ /* タブレット縦用あり */
		padding: 10px 15px;
		
		border: 1px solid #666;
		
		background-color: white;
		color: #333333;
	}
	.slider-fixed-content.top-search-easy-area label.select-cover{
		display: block;
	}
	.slider-fixed-content.top-search-easy-area select{
		margin: 5px 0;
		width: 100%;
		border: 1px solid #666666;
	}
	.slider-fixed-content.top-search-easy-area input[type="text"]{
		width: 100%;
		margin: 0;
		border: 1px solid #666666;
	}
	.top-search-easy-area .top-search-easy-result{
		width: auto;
	}
}


@media screen and (max-width: 480px){
	.slider-fixed-content.top-search-easy-area{
		margin-top: calc( 50vw - 50px ); /* 幅1920のうち、1280を表示するので、画像を常に150vw拡大する。高さも150vwになるため、その高さ分検索ボックスを下げる。画像は、3.2:1の比率のため、150vw÷3.2=46.875vwつまり、47vw */
		/* margin-top: calc(47vw - -40px);グローバルメニューをスライダーの下部に移動*/
	}
}

/* -------------------
layout-simple-1
------------------- */

.layout-simple-1 dl{
    display: flex;
}

.layout-simple-1 dl dt{
    min-width: 150px !important;
}

.layout-simple-1 dl dd{
    margin-left: 0 !important;
}

.layout-simple-1 dl dd:nth-child(2){
    min-width: 120px;
    word-break: keep-all;
    display: inline-table;
}

.layout-simple-1 dl dd:nth-child(2) span{
    padding: 5px 5px;
    border-radius: 3px;
    display: block;
    line-height: 1.2;
    font-size: 14px;
    text-align: center;
}

.layout-simple-1 dd:nth-child(3){
    width: auto;
}

@media screen and (max-width: 768px){
    .layout-simple-1 dl {
        display: block;
    }
    .layout-simple-1 dl dt {
        width: 98% !important;
    }
    .layout-simple-1 dl dd:nth-child(2) {
        width: 98% !important;
        word-break: break-all;
        display: block;
    }
    .layout-simple-1 dd:nth-child(3) {
        width: 98% !important;
    }
    .layout-simple-1 dl dd:nth-child(2) span {
        display: inline-block;
        text-align: left;
    }
}


/* -------------------
layout-simple-2
------------------- */

.layout-simple-2 dl dd:nth-child(2) span{
    padding: 3px 5px;
    border-radius: 3px;
    display: inline-block;
    line-height: 1.2;
}


/* -------------------
layout-simple-3
------------------- */

.layout-simple-3 dl dd:nth-child(2) span{
    padding: 3px 5px;
    border-radius: 3px;
    display: inline-block;
    line-height: 1.2;
}

.layout-simple-3 dl dd:nth-child(3) a{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.layout-simple-3 dl dd:nth-child(4) div{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.news-detail .date-left .column-name{
    padding: 2px 5px;
    border-radius: 3px;
}

@media screen and (min-width: 769px){
    #contents{
        width: 70%;
    }
    #side_area{
        width: 30%;
    }
}

.news-detail .date-left .column-name{
    padding: 2px 5px;
    border-radius: 3px;
}

.layout-simple-1 dl dd:nth-child(2):empty,
.layout-simple-2 dl dd:nth-child(2):empty,
.layout-simple-3 dl dd:nth-child(2):empty{
    display: none;
}