@charset "utf-8";
@media print {
		#zone_body_bg {
				background: white none;
		}
}
#zone_topstage {
		background: url("/~microbid/image/sitetop/img-topstage.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		width: 100%;
		min-height: 100vh;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
}
#zone_topstage > div {
		margin: 0 auto;
}
/*題字*/
#zone_topstage > div > img {
		max-width: 800px;
		width: 100%;
}
/*題字著作者目*/
#zone_topstage > div > p {
		font-family: 'Shippori Mincho', serif;
		font-weight: bold;
		font-size: 1em;
		text-align: center;
		background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 17% 83%, rgba(255, 255, 255, 0));
		width: 30%;
		margin: 0 0 1em auto;
}
/*キャッチコピー*/
#zone_topstage > div > div {
		padding: .5em;
		margin-bottom: 2em;
		background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 17% 83%, rgba(255, 255, 255, 0));
}
#zone_topstage > div > div > p {
		text-align: center;
		color: #8697B2;
		font-size: 1.4em;
		font-family: 'Shippori Mincho', serif;
}
#zone_substage h1 {
	color: rgba(255,255,255,0.6);
	letter-spacing: .2em;
    -moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
    -webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
    -ms-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
}
@media (max-width:960px) {
		#zone_topstage {
				position: relative; /*相対配置*/
				height: auto;
				height: 200px;
		}
		#zone_substage h1 {
				margin: 0;
				width: 100%;
		}
	.sp_padding{
		width: 95%;
		margin: 0 auto;
	}

}
/* --------------------------------------------------
	全体
-------------------------------------------------- */
#zone_sheet {
		overflow-x: hidden;
		width: 100%;
		background-color: white;
		color: rgb(75, 75, 75); /*基本文字カラー*/
}
@media (max-width:960px) {
		#zone_sheet {
				width: 100%;
				background-color: white;
		}
}
#zone_sheet_top {
		width: 100%;
		background-color: white;
		color: rgb(75, 75, 75); /*基本文字カラー*/
		background: url("../image/sitetop/bg-top-genome.gif") no-repeat;
		background-position: top right;
}
@media (max-width:960px) {
		#zone_sheet_top {
				width: 100%;
				background-color: white;
				background: none;
		}
}
/* --------------------------------------------------
	ヘッダー層（incg-header）
-------------------------------------------------- */
/* サイト内検索のinputの装飾 */
input#bpts_keywords1 {
		margin-top: 5px;
		outline: none;
		-moz-appearance: none;
		text-indent: 0.01px;
		text-overflow: '';
		background: none transparent;
		vertical-align: middle;
		font-size: inherit;
		color: inherit;
		-webkit-appearance: button;
		-moz-appearance: button;
		appearance: button;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		width: 162px;
		height: 20px;
		padding: 2px 12px;
		border: 1px solid #ddd;
		color: #828c9a;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background: #0084B4;
		background: #e7f0f9;
		color: #fff;
		color: #476fb6;
		border-color: #0084B4;
		border-color: #bbb;
}
/* --------------------------------------------------
	最上層（top_floor）
-------------------------------------------------- */
/*タイトルとメニュー横並び*/
.zone_header_flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	width: 85%;
	margin: 0 auto;
}
/*サイトタイトル*/
.zone_headre_title {
		margin: 1em 0 0 1em;
}
.zone_headre_title a {
		font-size: 1.7em;
		text-decoration: none;
		font-weight: normal;
		color: #D5927C !important;
		padding: 1em 0;
		font-family: 'Shippori Mincho', serif;
}
.zone_headre_title a span:first-child {
		color: #999999;
		font-size: .55em;
		display: block;
		line-height: 1.5;
		letter-spacing: .02em;
}
.zone_headre_title a span:nth-child(2) {
		font-size: .4em;
		display: block;
		letter-spacing: .02em;
		margin-top: -.6em;
		color: #CCCCCC;
		font-family: 'Noto Sans JP', sans-serif;
}
@media (max-width:1250px) {
	.zone_header_flex{
		display: block;
		width: 100%;
	}
}
@media (max-width:960px) {

		/*サイトタイトル*/
		.zone_headre_title {
				font-size: .65em;
		}
		.zone_headre_title a span.sm {
				display: block;
				margin-bottom: -.8em;
				font-size: .55em;
		}
}
.zone_headre_title a:hover {
		text-decoration: none;
}
/*メニューの幅*/
.zone_mainmenu {
		width: 100%;
		margin: 0 0 0 auto;
}
.zone_mainmenu a {
		color: #333 !important;
		text-decoration: none;
}
.menu_misc {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
}
.menu_misc li a {
		font-size: .8em;
		color: #666 !important;
		margin: 0 1em;
		text-decoration: none;
}
@media (max-width:1200px) {
}
@media (max-width:960px) {

		.menu_misc {
				width: 100%;
		}
}
/* パンくずエリア */
.zone_pankuzu_div *, .zone_pankuzu_div *:after, .zone_pankuzu_div *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.zone_pankuzu_div {
    max-width: 1200px;
    margin: 1em auto 3em auto;
    padding: .3em 2em;
    color: #9EC0E4;
    font-size: 0.7em;
}
.zone_pankuzu_div a {
    text-decoration: none;
}
.zone_pankuzu_div a span {
    color: #9EC0E4;
}
.zone_pankuzu_div .zone_pankuzu {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.zone_pankuzu_div li {
    display: inline-block;
    position: relative;
    top: 3px;
    padding-right: calc(16px + 8px);
    margin-right: 8px;
    color: #A3A9B5;
}
.zone_pankuzu_div li::before {
    content: '›';
    width: 1.2em;
    height: 1.2em;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    color: inherit;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.zone_pankuzu_div li:first-child img {
    margin-right: 10px;
}
.zone_pankuzu_div li:last-child {
    margin-right: 0;
    padding-right: 0;
    color: #43B5B4;
}
.zone_pankuzu_div li:last-child::before {
    content: normal;
}
.zone_pankuzu_div img {
    width: 15px;
    vertical-align: -15%;
    margin-right: 5px;
}
@media (max-width: 768px) {
    .zone_pankuzu_div {
        font-size: .7em;
        text-align: center;
    }
}
/* ヘッダー右（サイトマップetc）のエリア*/
.zone_header_right .misc, .zone_header_right .top_menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: auto;
		margin: 0;
		padding: 0 2em;
}
.zone_header_right .misc li a {
		color: #fff;
		padding: 0 .4em;
		display: block;
		transition: .4s;
		width: auto;
		height: 2em;
		font-size: 11px;
		text-decoration: none;
		line-height: 2em;
		border-radius: 3px;
		margin-left: 5px;
		font-weight: bold;
}
.zone_header_right .misc li a:hover { /* hoverで色変更 */
		color: #fff;
}
/*検索の虫眼鏡*/
/*検索窓のエリア*/
#search-wrap {
		top: 10px;
		right: 10px;
}
/*検索*/
.col_search {
  max-width: 300px;
  width: 100%;
}
.col_search input {
  border: none;
  border-radius: 10px;
  height: 1.5em;
  vertical-align: middle;
  padding-left: 1em;
  font-size: .9em;
	background: #DBD8D4;
}
.col_search button {
  vertical-align: middle;
  background: none;
  border: none;
  cursor: pointer;
}
.col_search button:hover {
  background: #F0C500;
  border-radius: 100px;
}
/* 上部のメニュー */
.zone_header_right .top_menu li a {
		padding: 0 1.2em;
		font-size: .92em;
}
@media (max-width:960px) {
		.zone_header_right .misc, .zone_header_right .top_menu {
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
				border-radius: 0;
		}
}
/* --------------------------------------------------
	第二層（middle_floor）
-------------------------------------------------- */
/* 基本　*/
#zone_middle_floor {
		margin: 0 auto;
		padding: 20px 10px;
		max-width: 1100px;
}
/* トップページのステージ */
#zone_stage {
		margin: 0px auto;
		width: 100%;
}
/* サブページのステージ */
#zone_substage {
		margin: 0px auto;
		height: 281px;
		width: 100%;
		background-size: cover;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
}
@media (max-width:960px) {
		#zone_stage {
				height: 170px;
		}
		#zone_substage {
				overflow: hidden;
				height: auto;
		}
		#zone_substage img {
				margin-left: -75px;
		}
}
/* メインエリア  */
#zone_mainarea {
		height: 98%;
}
@media (max-width:960px) {
		#zone_mainarea {
				/*サイドメニューより高さを出す*/
				min-height: 380px;
		}
		#zone_middle_floor {
				padding: 0;
		}
}
#zone_mainarea_1col {
		margin: 0 auto;
		height: 98%;
		color: #333333;
}
#zone_mainarea.top {
		margin: 0;
}
@media (max-width:960px) {
		#zone_mainarea.top {
				margin: 0;
				height: 100%;
		}
		#zone_body, #zone_mainarea {
				float: none;
				margin: 0px;
				width: auto;
				margin-bottom: 10px;
		}
}
/* --------------------------------------------------
	第三層（bottom_floor）
-------------------------------------------------- */
/* 基本 */
#zone_bottom_floor {
		margin: 5em auto 0 auto;
		background: url("/~microbid/image/common/bg-pattern-white.jpg");
		width: 100%;
		clear: both;
}
/* フッター */
#zone_footer {
		overflow: hidden;
		margin: 0px auto 0px auto;
		color: #A2A2A2;
		align-items: center;
}