@charset "utf-8";
/* --------------------------------------------------
	メインメニュー
-------------------------------------------------- */
#unit_mainmenu {
		clear: both;
		width: 100%;
		max-width: 1200px;
		z-index: 9;
		position: absolute;
		margin: 0px auto;
		margin-top: 12px;
}
/*--// .addClass();で追加するcss //--*/
.unit_mainmenu_fixed {
		position: fixed;
}
.upts_mainmenu {
		width: 16.5%;
		float: left;
		box-sizing: border-box;
}
/* メインメニューを6個にするときはupts_mm6cを指定し、8個にするときはupts_mm8cを使う */
.upts_mm6c {
		display: inline-block;
		vertical-align: middle;
		width: 14.5%;
}
.upts_mm8c {
		width: 12.5%;
}
.upts_mm6c > a {
		text-align: center;
		display: table;
		width: 100%;
}
/*--// 小画面端末用 //--*/
/* 場所を変えないように */
@media (max-width: 768px) {
		#unit_mainmenu {
				display: none;
		}
		.upts_mainmenu {
				/*		width: 33.3%;*/
		}
		.upts_mm6c {
				width: 100%;
		}
		.upts_mm8c {
				width: 25%;
		}
}
.upts_mainmenu a {
		display: block;
		/*height:30px;*/ height: 58px;
		text-decoration: none;
}
/*メインメニュー現在地表示、hover時共通*/
.upts_mainmenu {
		position: relative;
}
.upts_mainmenu.active::before, .upts_mainmenu:hover::before {
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		z-index: -10;
		background-color: white;
}
/* 個々のメニューの設定 */
.p_mm10 a {
		background-image: url('../image/common/upts-mainmenu-01.png');
		background-position: center top;
}
.p_mm10 a:hover, .p_mm10.active a {
		background-image: url('../image/common/upts-mainmenu-01-hover.png');
}
.p_mm20 a {
		background-image: url('../image/common/upts-mainmenu-02.png');
		background-position: center top;
}
.p_mm20 a:hover, .p_mm20.active a {
		background-image: url('../image/common/upts-mainmenu-02-hover.png');
}
.p_mm30 a {
		background-image: url('../image/common/upts-mainmenu-03.png');
		background-position: center top;
}
.p_mm30 a:hover, .p_mm30.active a {
		background-image: url('../image/common/upts-mainmenu-03-hover.png');
}
.p_mm40 a {
		background-image: url('../image/common/upts-mainmenu-04.png');
		background-position: center top;
}
.p_mm40 a:hover, .p_mm40.active a {
		background-image: url('../image/common/upts-mainmenu-04-hover.png');
}
.p_mm50 a {
		background-image: url('../image/common/upts-mainmenu-05.png');
		background-position: center top;
}
.p_mm50 a:hover, .p_mm50.active a {
		background-image: url('../image/common/upts-mainmenu-05-hover.png');
}
.p_mm60 a {
		background-image: url('../image/common/upts-mainmenu-home.png');
		background-position: center top;
}
.p_mm60 a:hover, .p_mm60.active a {
		background-image: url('../image/common/upts-mainmenu-home-hover.png');
}
@media (max-width: 768px) {
		.upts_mainmenu {
				display: none;
		}
}
/* --------------------------------------------------
	サイドメニュー
-------------------------------------------------- */
.unit_sidemenu {
		margin-top: 0px;
}
/* タイトル部分背景 */
.upts_sidemenu_title {
		overflow: hidden;
		width: 100%;
		text-align: center;
}
.upts_sidemenu_title img {
		display: block;
		width: 100%;
}
@media (max-width: 768px) {
		.unit_sidemenu {
				margin-top: 0px;
		}
		.upts_sidemenu_title {
				display: none;
		}
}
.upts_sidemenu_frame { /* 枠 */
		background: white;
		padding: 5px 5px 4px 5px;
		margin-top: -2px;
		box-sizing: border-box;
		border: 1px solid rgb(201, 201, 201);
		border-top: none;
}
.upts_sidemenu_bar {
		margin: 5px auto 0 auto;
		font-size: 1.1em;
}
.upts_sidemenu_bar a:link {
		display: block;
		background: url(../image/common/icon-sidemenu.png) no-repeat 18px center rgba(245, 250, 255, 1.00);
		padding: 13px 10px 12px 50px;
		margin-bottom: 1px;
		text-decoration: none;
		color: rgb(75, 75, 75);
}
.upts_sidemenu_bar a:visited {
		text-decoration: none;
		background-color: rgb(244, 244, 242);
		color: rgb(75, 75, 75);
}
.upts_sidemenu_bar a:hover, .upts_sidemenu_bar a:active {
		background-image:
				url(../image/common/icon-sidemenu-active.png), url(../image/common/img-border-green.png);
		background-position:
				18px center, 0 0;
		background-repeat:
				no-repeat, repeat;
		color: rgb(72, 34, 0); /*差し色 ブラウン*/
}
.upts_sidemenu_bar a.active {
		background-image:
				url(../image/common/icon-sidemenu-active.png), url(../image/common/img-border-green.png);
		background-position:
				18px center, 0 0;
		background-repeat:
				no-repeat, repeat;
		color: rgb(72, 34, 0);
}
/* 項目ここまで */
/* 孫メニューを隠す(10～40) */
.upts_magomenu_10 {
		font-size: small;
		display: none;
		height: 0px;
		line-height: 0px;
}
.upts_magomenu_20 {
		font-size: small;
		display: none;
		height: 0px;
		line-height: 0px;
}
.upts_magomenu_30 {
		font-size: small;
		display: none;
		height: 0px;
		line-height: 0px;
}
.upts_magomenu_40 {
		font-size: small;
		display: none;
		height: 0px;
		line-height: 0px;
}
.upts_magomenu_50, .upts_magomenu_60 {
		font-size: small;
		display: none;
		height: 0px;
		line-height: 0px;
}
/* 孫メニューを隠す(10～40)ここまで */
/* 孫メニュー */
.upts_magomenu_bar {
		padding: 7px 0px 7px 57px;
		line-height: 1.2em;
		font-size: 0.9em;
		color: rgb(75, 75, 75);
		background-color: white;
		vertical-align: middle;
		background-image: url('../image/common/icon-sidemenu-mago.png');
		background-repeat: no-repeat;
		background-position: 30px center;
}
.upts_magomenu_bar a:link {
		/*	color:#333333;*/ color: rgb(75, 75, 75);
		text-decoration: none;
}
.upts_magomenu_bar a:visited {
		/*	color:#333333;*/ color: rgb(75, 75, 75);
		text-decoration: none;
}
.upts_magomenu_bar a:hover {
		/*	color:#333333;*/ color: rgb(75, 75, 75);
		text-decoration: underline;
}
.upts_magomenu_bar a img {
		float: right;
		margin-right: 10px;
}
@media (max-width: 768px) {
		.unit_sidemenu {
				box-sizing: border-box;
				padding-top: 10px;
				padding-bottom: 10px;
		}
		.upts_sidemenu_frame {
				background: inherit;
				margin: 0;
				border: none;
				color: #4B4B4B;
		}
		.upts_sidemenu_bar {
				box-sizing: border-box;
				background: inherit;
				font-size: 0.9em;
		}
		.upts_sidemenu_bar:not(:first-of-type) {
				border-bottom: 2px solid #9BB500;
		}
		.upts_sidemenu_bar:first-of-type {
				border-bottom: 2px solid #9BB500;
		}
		.upts_sidemenu_bar a, .upts_sidemenu_bar a:link, .upts_sidemenu_bar a:visited, .upts_sidemenu_bar a:hover {
				color: inherit;
				background-color: inherit;
		}
		.upts_magomenu_bar {
				color: inherit;
				background-color: inherit;
				font-size: 0.9em;
				background-image: none;
				padding: 7px 0px 7px 31px;
		}
		.upts_magomenu_bar a, .upts_magomenu_bar a:link, .upts_magomenu_bar a:visited, .upts_magomenu_bar a:hover {
				color: #482200;
		}
		.upts_sidemenu_bar a:hover, .upts_sidemenu_bar a:active {
				background-image:
						url(../image/common/icon-sidemenu-active.png);
				background-position: 0px center;
				color: #482200;
		}
		.upts_sidemenu_bar a:link {
				display: block;
				background: url(../image/common/icon-sidemenu.png) no-repeat 0px center;
				padding: 13px 10px 12px 31px;
		}
		.upts_sidemenu_bar a.active {
				background-image:
						url(../image/common/icon-sidemenu-active.png);
				background-position: 0px center;
				color: #482200;
		}
}
.unit_selesitem {}
.unit_selesitem .upts_salesitem_item {
		margin: 2%;
		float: left;
		width: 38%;
		background-color: white;
}
.unit_selesitem .upts_salesitem_core {
		margin: 2%;
		float: left;
		width: 45%;
		background-color: #f5f5f5;
}
.unit_selesitem .upts_salesitem_item ul {
		margin: 0px 0px 0px 20px;
		list-style: disc inside none !important;
}
.unit_selesitem .upts_salesitem_item li {
		margin: 1% 1% 1% 1%;
		padding-left: 1em;
		float: left;
		width: 9em;
}
.unit_imgbox_sidebyside {
		margin: 10px 0px;
		padding: 0px;
}
.unit_imgbox_sidebyside img {
		width: 100%;
}
.uop_sbs2 {
		width: 100%;
}
.uop_sbs2 .upts_imgbox {
		float: left;
		width: 46%;
		margin: 0 2%;
}
.uop_sbs3 {
		width: 100%;
}
.uop_sbs3 .upts_imgbox {
		float: left;
		width: 31%;
		margin: 0 1%;
}
@media (max-width: 500px) {
		.uop_sbs2 .upts_imgbox {
				float: none;
				width: 100%;
				margin: 0 0%;
		}
		.uop_sbs3 .upts_imgbox {
				float: none;
				width: 100%;
				margin: 0 0%;
		}
}
/* --------------------------------------------------
	写真説明ボックス（見出し付き）
-------------------------------------------------- */
.unit_descriptionbox {
		margin-bottom: 40px;
		padding: 10px;
		width: calc(100% - 30px);
		background-color: rgba(0, 0, 0, 0.00);
		background-image: url(../image/common/bg-gaikou.png);
		background-position: right top;
		background-repeat: no-repeat;
		border: 5px red solid;
		border-image: url(../image/common/img-border-pink.png) 10 10 round;
}
.upts_descriptionbox_flex_container {
		display: flex;
}
.upts_descriptionbox_subbox1 {
		float: left;
		margin: 10px;
		width: calc(60% - 22px);
		align-self: flex-start;
		/*border:1px pink solid;*/
}
.upts_descriptionbox_subbox2 {
		float: right;
		margin: 10px;
		width: calc(40% - 22px);
		height: calc(100% - 22px);
		align-self: flex-end;
}
.upts_descriptionbox_subbox2 img {
		width: calc(100% - 20px);
		margin-top: 10px;
}
@media (max-width: 768px) {
		.upts_descriptionbox_flex_container {
				display: block;
		}
		.upts_descriptionbox_subbox1 {
				float: none;
				width: calc(100% - 20px);
		}
		.upts_descriptionbox_subbox2 {
				float: none;
				width: calc(100% - 20px);
		}
}
/* --------------------------------------------------
	写真説明ボックス（見出し付き）
-------------------------------------------------- */
.unit_galleryitem {
		float: left;
		margin-bottom: 40px;
		margin-right: 10px;
		padding: 10px;
		width: calc(50% - 40px);
		background-color: rgba(0, 0, 0, 0.00);
		background-image: url(../image/common/bg-gaikou.png);
		background-position: right top;
		background-repeat: no-repeat;
		border: 5px red solid;
		border-image: url(../image/common/img-border-pink.png) 10 10 round;
}
.upts_galleryitem_subbox1 {
		margin: 10px;
		width: calc(100% - 22px);
}
.upts_galleryitem_subbox2 {
		margin: 10px;
		width: calc(100% - 22px);
}
@media (max-width: 768px) {
		.unit_galleryitem {
				float: none;
				margin-bottom: 40px;
				width: calc(100% - 40px);
		}
}
/* --------------------------------------------------
	フォトボックス
	　オプション指定方法：
	　　内包するimgタグのclassにop_2、op_3[デフォルト]を追加
	　　op_2：最大2列
	　　op_3：最大3列
	　　op_4：最大4列
-------------------------------------------------- */
.unit_photobox {
		width: 100%;
		text-align: center;
		margin: 30px 0;
}
.unit_photobox img.op_1f {
		width: 100%;
}
.unit_photobox img.op_1h {
		width: 60%;
}
.unit_photobox img.op_2 {
		width: 45%;
}
.unit_photobox img.op_3 {
		width: 30%;
}
.unit_photobox img.op_4 {
		width: 22%;
}
@media (max-width: 768px) {
		.unit_photobox img.op_2 {
				width: 45%;
		}
		.unit_photobox img.op_3 {
				width: 45%;
		}
		.unit_photobox img.op_4 {
				width: 45%;
		}
}
@media (max-width: 500px) {
		.unit_photobox img.op_2 {
				width: 90%;
		}
		.unit_photobox img.op_3 {
				width: 90%;
		}
		.unit_photobox img.op_4 {
				width: 90%;
		}
}
/* --------------------------------------------------
	説明ボックス（見出し付き）
-------------------------------------------------- */
.unit_introbox {
		padding: 15px 25px 20px 25px;
		border: 4px solid #e6e6e6;
		margin-bottom: 30px;
}
.upts_introbox_title {
		background-image: url('../../image/common/icon-boder.png');
		background-position: left center;
		padding: 10px 0 10px 13px;
		background-repeat: no-repeat;
		border-bottom: 1px #C0C0C0 dotted;
		font-size: 1.3em;
		font-weight: bold;
		margin-bottom: 15px;
		color: #464646;
}
.upts_introbox_txt {
		margin-left: 23px;
}
.upts_introbox_name {
		font-weight: bold;
		font-size: 120%;
}
.upts_introbox_company {
		font-weight: normal;
		font-size: 110%;
}
.upts_introbox_photo {
		width: 100px;
		margin: 2px 10px 5px 10px;
		float: left;
		border-radius: 5px;
}
/* --------------------------------------------------
	ステップボックス
-------------------------------------------------- */
.unit_stepbox {
		position: relative;
		background: #ffffff;
		border: 4px solid #e6e6e6;
		padding: 20px 20px 26px 10px;
}
.unit_stepbox_end {
		position: relative;
		background: #ffffff;
		border: 4px solid #e6e6e6;
		padding: 20px 20px 26px 10px;
}
.unit_stepbox:after, .unit_stepbox:before {
		width: 100%;
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
}
.unit_stepbox:after {
		border-color: rgba(255, 255, 255, 0);
		border-top-color: #ffffff;
		border-width: 20px;
		margin-left: -20px;
}
.unit_stepbox:before {
		border-color: rgba(230, 230, 230, 0);
		border-top-color: #e6e6e6;
		border-width: 26px;
		margin-left: -26px;
}
/* --------------------------------------------------
	UPDATE（更新情報）リスト　
-------------------------------------------------- */
.unit_updatelist {
		/*	background-color:#ccc;*/
		background-color: #fff;
		margin: 0px auto;
		padding: 20px 20px 20px 20px;
		width: calc(100% - 40px);
		text-align: center;
		box-shadow: 1px 1px 4px #ccc;
}
.upts_updatelist_title {
		float: left;
		background-color: rgba(46, 49, 146, 1.00); /*ベタ紺*/
		color: white;
		width: 200px;
		height: 200px;
		margin: 0px auto 0px auto;
		padding: 0px 0px 0px 0px;
		font-weight: bold;
		font-size: 1.2em;
		line-height: 200px;
}
.upts_updatelist_sheet {
		/*	bodrer:1px pink solid;
	background-color:rgba(228,231,180,1.00);*/
		float: left;
		width: calc(100% - 250px);
		margin: 0px 0px 0px 20px;
}
.upts_updatelist_cage {
		float: left;
		width: calc(100% - 20px);
		margin: 5px 5px;
		padding-left: 10px;
		border-bottom: 1px gray dashed;
}
.upts_updatelist_cage img {
		float: left;
		margin-left: -90px;
		margin-right: -90px;
}
.upts_updatelist_cage p {
		float: left;
		width: auto;
		color: #23366d;
		text-align: left;
}
.upts_updatelist_cage p b {
		color: #3351a3;
		font-weight: bold;
}
@media (max-width: 768px) {
		.unit_updatelist {
				box-shadow: none;
		}
		.upts_updatelist_title {
				float: none;
				width: 90%;
				height: 30px;
				line-height: 30px;
				font-weight: normal;
		}
		.upts_updatelist_sheet {
				float: none;
				width: 100%;
				margin: 0px 0px 0px 0px;
		}
		.upts_updatelist_cage {
				float: none;
				width: 100%;
				padding-left: 00px;
				border: none;
		}
}
/* --------------------------------------------------
	ギャラリーの目次パネル　
-------------------------------------------------- */
.unit_galleryindex {
		width: 100%;
		padding: 25px 0;
}
.unit_galleryindex:hover {
		background: #F8F8F8;
		transition: 0.2s;
}
.upts_galleryindex_photo {
		width: 80%;
		overflow: hidden;
		margin: 0 auto;
}
.upts_galleryindex_photo img {
		width: 100%;
}
/*　日付　*/
.upts_galleryindex_data {
		width: 80%;
		margin: 4px 0 3px 0;
		color: rgba(0, 0, 192, 1.00);
		font-weight: bold;
}
/*　テキスト　*/
.upts_galleryindex_text, .upts_galleryindex_text_g1, .upts_galleryindex_text_g2 {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		font-size: 1em;
}
/*　続きを読む　*/
.upts_galleryindex_go_deteil {
		margin-top: 5px;
		text-align: right;
		width: 100%;
}
.upts_galleryindex_go_deteil a {
		text-decoration: none;
}
.galleryindex_op_2c {
		width: 50%;
		float: left;
		/*	height:100%;*/
}
.galleryindex_op_3c2 {
		width: 33%;
		float: left;
		display: -moz-inline-box;
		display: inline-block;
		*display: inline;
		*zoom: 1;
}
.galleryindex_op_3c2:first-child {
		margin-left: 17.5%;
}
.galleryindex_op_3c {
		width: 33%;
		float: left;
		display: -moz-inline-box;
		display: inline-block;
		*display: inline;
		*zoom: 1;
}
.galleryindex_op_3c:first-child {
		border-left: none;
}
.galleryindex_op_4c {
		width: 25%;
		float: left;
		display: -moz-inline-box;
		display: inline-block;
		*display: inline;
		*zoom: 1;
}
.galleryindex_op_4c:first-child {
		border-left: none;
}
/*　スマホ用　*/
@media (max-width: 768px) {
		.upts_galleryindex {
				width: 100%;
				padding: 16px 5px 0 0;
		}
		.upts_galleryindex:hover {
				background: white;
		}
		/*　日付　*/
		.upts_galleryindex_data {
				width: 97%;
				margin: 20px 0px;
				color: #6b6351;
				font-weight: bold;
		}
		.upts_galleryindex_photo {
				width: 130px;
				margin-right: 10px;
				margin-bottom: 5px;
				float: left;
				overflow: hidden;
		}
		.upts_galleryindex_text, .upts_galleryindex_text_g1, .upts_galleryindex_text_g2 {
				width: 97%;
				margin: 0px 20px;
				float: none;
		}
		.upts_galleryindex_go_deteil {
				width: 97%;
				margin-top: 5px;
				text-align: right;
		}
		.galleryindex_op_2c {
				width: auto;
		}
		.galleryindex_op_3c2 {
				width: 100%;
				border-left: none;
				margin-left: none;
		}
		.galleryindex_op_3c2:first-child {
				margin-left: 0;
		}
		.galleryindex_op_3c {
				width: 100%;
				border-left: none;
		}
		.galleryindex_op_4c {
				width: 100%;
				border-left: none;
		}
}
/*---------------------------------
　　　　　　サイトマップ  （レスポンシブテーブル）
-----------------------------------*/
.unit_sitemaplist {
		overflow: hidden;
		padding: 10px 10px;
}
.unit_sitemaplist > li {
		display: block;
		overflow: hidden;
		float: left;
		width: 20%;
		margin: 0;
}
.unit_sitemaplist > li > p {
		display: block;
		clear: both;
		margin: 15px 5px;
		padding: 5px;
		border-radius: 10px;
		background: url(../image/common/bgsheet-stripe-dkbrown.png);
		color: white;
		text-align: center;
		font-weight: normal;
		font-size: 1em;
		letter-spacing: 0.1em;
}
.unit_sitemaplist ul {
		margin: 10px;
}
.unit_sitemaplist ul > li {
		display: block;
		/*float:left;
	width:33.3%;*/
		margin-top: 10px;
		padding: 0 0 0 20px;
		background: url('../image/common/icon-list-marker-arrow01.png') no-repeat 0 center;
		font-size: 0.9em;
}
.unit_sitemaplist ul > li a {
		display: block;
		margin-right: 0.8em;
}
.unit_sitemaplist a {}
.unit_sitemaplist a:visited, .unit_sitemaplist a:link {
		color: #614B30; /*濃茶*/
		text-decoration: none;
}
.unit_sitemaplist p > a:visited, .unit_sitemaplist p > a:link {
		color: white;
}
.unit_sitemaplist a:hover {
		text-decoration: underline;
}
/*  スマホ時　アコーディオンリスト ul  */
@media (max-width: 768px) { /* スマホ用  */
		.unit_sitemaplist {
				padding: 0;
		}
		.unit_sitemaplist > li {
				float: none;
				width: auto;
				padding: 0;
		}
		.unit_sitemaplist > li > p, .unit_sitemaplist > li > ul {
				display: block;
				overflow: hidden;
				width: auto;
				margin: 0;
		}
		.unit_sitemaplist > li > p {
				border-radius: 0;
				line-height: 2.3em;
		}
		.unit_sitemaplist > li > ul li {
				/*width:50%;*/
				margin-top: 20px;
		}
		.unit_sitemaplist > li > ul { /*項目メニュー*/
				padding-bottom: 30px;
				padding-left: 30px;
				background-color: white;
		}
		/*　アクティブ状態設定　*/
		.unit_sitemaplist > li.active p a {
				font-weight: bold;
		}
		.unit_sitemaplist > li > ul li.active a {
				display: inline;
				font-weight: bold;
				background: url(../image/common/bgsheet-stripe-white50.png), #FFBCA8 /*サーモンピンク*/ ;
				background: url(../image/common/bgsheet-stripe-white50.png), -moz-linear-gradient(transparent 60%, #FFBCA8 /*サーモンピンク*/ 60%);
				background: url(../image/common/bgsheet-stripe-white50.png), -webkit-linear-gradient(transparent 60%, #FFBCA8 /*サーモンピンク*/ 60%);
				background: url(../image/common/bgsheet-stripe-white50.png), linear-gradient(transparent 60%, #FFBCA8 /*サーモンピンク*/ 60%);
		}
		.unit_sitemaplist .smp_index { /*jqで追加される目次*/
				width: 88%;
				border-bottom: #614B30 1px solid; /*濃茶*/
				padding-bottom: 5px;
		}
}
/* アコーディオンリストボタン */
a.js_accordion_btn /*,
a.js_accordion_btn:link,a.js_accordion_btn:visited*/ {
		display: inline-block;
		width: 3em;
		margin: 0 3px;
		margin-bottom: 5px;
		/*padding:5px 0;*/
		text-align: center;
		box-shadow: 0px 2px 0px 0 rgba(0, 0, 0, 0.5);
		font-size: 0.9em;
		line-height: 1em;
		vertical-align: middle;
		padding: 7px 5px 5px 20px;
		background: url('../image/common/icon-arrow-link-details.png') no-repeat 10px center, url(../image/common/bgsheet-stripe-pink.png);
		text-decoration: none;
		border-radius: 1.5em;
		border: 2px white solid;
}
.js_accordion_btn.active {
		color: white;
		box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.4) inset;
		background: url('../image/common/icon-arrow-link-details-active.png') no-repeat 10px center, url(../image/common/bgsheet-stripe-dkbrown.png);
}
a.js_accordion_btn:hover {
		color: #614B30; /* 基本テキスト色:濃茶 */ ;
		background: url('../image/common/icon-arrow-link-details.png') no-repeat 10px center, url(../image/common/bgsheet-stripe-stgpink.png);
		text-decoration: none;
		cursor: pointer;
}
.js_accordion_btn.active:hover {
		color: white;
		box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.4) inset;
		background: url('../image/common/icon-arrow-link-details-active.png') no-repeat 10px center, url(../image/common/bgsheet-stripe-dkbrown.png);
		cursor: pointer;
}
@media (max-width: 768px) { /* スマホ用  */
		/* ボタン */
		a.js_accordion_btn {
				width: 40%;
				font-size: 1em;
		}
		a.js_accordion_btn:hover, a.js_accordion_btn:active {
				color: #614B30; /* 基本テキスト色:濃茶 */ ;
				background: url('../image/common/icon-arrow-link-details.png') no-repeat 10px center, url(../image/common/bgsheet-stripe-pink.png);
				text-decoration: none;
		}
}
/* アコーディオンリストボタン(緑) クラス名にjs_accordion_btn_greenを追加 */
a.js_accordion_btn_green /*,
a.js_accordion_btn_green:link,a.js_accordion_btn_green:visited*/ {
		background: url('../image/common/icon-arrow-link-details.png') no-repeat 10px center, url(../image/common/bgsheet-stripe-lightgreen.png);
}
.js_accordion_btn_green.active {
		background: url('../image/common/icon-arrow-link-details-active.png') no-repeat 10px center, url(../image/common/bgsheet-stripe-dkbrown.png);
}
a.js_accordion_btn_green:hover {
		background: url('../image/common/icon-arrow-link-details.png') no-repeat 10px center, url(../image/common/bgsheet-stripe-green.png);
}
.js_accordion_btn_green.active:hover {
		background: url('../image/common/icon-arrow-link-details-active.png') no-repeat 10px center, url(../image/common/bgsheet-stripe-dkbrown.png);
}
@media (max-width: 768px) { /* スマホ用  */
		/* ボタン */
		a.js_accordion_btn_green:hover, a.js_accordion_btn_green:active {
				background: url('../image/common/icon-arrow-link-details.png') no-repeat 10px center, url(../image/common/bgsheet-stripe-lightgreen.png);
		}
}
/*--------------------------
　　　　　　目次ボタン
----------------------------*/
.unit_btn_subcontents {
		/* 余白を撤去 */
		margin: -90px auto 0;
		padding: 0;
		list-style-type: none;
		max-width: 1080px;
		z-index: 1;
		position: relative;
}
.unit_btn_subcontents li {
		display: inline;
		background-color: #fff;
}
.unit_btn_subcontents a {
		display: inline-block;
		padding: 0;
		width: 16.1%;
		height: 139px;
		font-weight: bold;
		margin: 0;
		text-align: center;
		line-height: 110px;
		vertical-align: middle;
		background-image: url(../image/common/icon-mokuji.png);
		background-repeat: no-repeat;
		background-position: top 24px center;
		background-color: white;
		border: 2px #ccc solid;
}
.unit_btn_subcontents a:hover {
		color: #000;
}
.unit_btn_subcontents a span.wrapper {
		/* aをインラインボックス属性にする */
		display: inline-block;
		/* aの中のテキストのline-heightを1emに戻す */
		line-height: 1.1em;
		font-size: 1.1em;
		font-weight: bold;
		vertical-align: bottom;
		margin: auto auto;
		padding: 0 10px;
}
ul.unit_btn_subcontents a span.subtext {
		display: inline;
		font-size: 0.7em;
}
/* タブレット用 */
@media (max-width: 768px) {
		.unit_btn_subcontents {
				margin-right: 0;
				margin-top: 0px;
		}
		.unit_btn_subcontents a {
				width: 16%;
		}
}
/* スマートフォン用 */
@media (max-width: 430px) {
		.unit_btn_subcontents {
				margin-right: 0;
				margin-top: 0px;
		}
		.unit_btn_subcontents a {
				width: 32%;
				height: 100px;
				background-size: 50%;
				line-height: 87px;
				background-position: top 17px center;
		}
}
/**/
/* ------------------------------
   展開テーブル
-----------------------------*/
/* マーク */
.infomark_label {
		display: inline-block;
		margin-bottom: 3px;
		padding: 3px;
		border: 1px dimgray solid;
		border-radius: 5px;
		font-size: xx-small;
		line-height: 1.5em;
		vertical-align: middle;
		text-align: center;
		color: dimgray;
		background: white;
}
.infomark_label.closed {
		border-color: red;
		color: red;
}
.infomark_label.attention {
		background-color: darkorange;
		border-color: white;
		color: white;
}
.infomark_label.eventtype.forum {
		border-color: green;
		color: green;
}
.infomark_label.eventtype.seminar {
		border-color: dodgerblue;
		color: dodgerblue;
}
.uptsactivitieslist .infomark_label, .uptslist_activitieslist .infomark_label {
		width: 42%;
}
.uptsactivitieslist .infomark_label.closed, .uptslist_activitieslist .infomark_label.closed {
		width: 100%;
		float: left;
}
.uptsactivitieslist .infomark_label.eventtype, .uptslist_activitieslist .infomark_label.eventtype {
		float: right;
}
/*  会議リスト、イベントリスト  */
@media screen and (min-width: 769px) {
		.uptsactivitieslist td.infomark {
				max-width: 140px;
				padding: 7px 15px 0 7px;
		}
		.uptsactivitieslist.eventlist td.infomark {
				width: 120px;
		}
		.uptsactivitieslist td.infomark .infomark_label.eventtype {
				margin-right: -8px;
		}
		.uptsactivitieslist tbody td, .uptsactivitieslist thead th {
				border-left: none;
		}
		table.uptsactivitieslist {
				border-collapse: collapse; /*hrのborderに必要（border-radius効かない）*/
				border-spacing: 0;
		}
		.uptsactivitieslist tbody tr, .uptsactivitieslist tbody tr {
				border-bottom: 1px #ddd solid;
		}
		.uptsactivitieslist tr:nth-child(even) {
				background-color: transparent;
		}
}
.uptsactivitieslist tbody tr.js_accordion_item_contents {
		background-color: #eaeaea;
}
.uptsactivitieslist tbody tr.js_accordion_item_contents div {
		background-color: white;
}
/* モバイル用 */
@media screen and (max-width: 768px) {
		.uptsactivitieslist td.infomark {
				overflow: hidden;
				margin: 0 -15px;
				padding-top: 5px;
				padding-right: 15px;
				padding-left: 15px;
				margin-top: -1px;
				margin-bottom: -2px;
				background-color: #BBD347; /*若草色*/ ;
		}
		.uptsactivitieslist td.infomark:empty {
				display: none;
		}
		.uptsactivitieslist.eventlist td.infomark {
				margin-bottom: 9px;
		}
		.uptsactivitieslist .infomark_label {
				font-size: 0.8em;
		}
		.infomark_label {
				max-width: 8em;
		}
		/* テーブルタイトル */
		.uptsactivitieslist tbody td.title:before {
				content: none;
		}
		.uptsactivitieslist tbody td.date:before {
				content: "開催日:";
		}
		.uptsactivitieslist tbody td.time:before {
				content: "時間:";
		}
		.uptsactivitieslist tbody td.place:before {
				content: "会場:";
		}
		.uptsactivitieslist tbody td.contents:before {
				content: none;
		}
		.uptsactivitieslist tbody td.event:before {
				content: "イベント:";
		}
}
/*  その他の活動（リスト）  */
.uptslist_activitieslist {
		width: 100%;
		margin: 0 auto 10px;
		padding: 0;
		background-color: #f9f9f9;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		border: 1px #ddd solid;
}
.uptslist_activitieslist dt {
		float: left;
		width: 120px;
		padding: 7px;
		margin-right: -14px;
}
.uptslist_activitieslist dd {
		margin-left: 134px;
		padding: 7px;
}
.uptslist_activitieslist dt + dd {
		padding-bottom: 0;
}
.uptslist_activitieslist dd + dd {
		padding-top: 0;
}
.uptslist_activitieslist dt:not(:first-of-type), .uptslist_activitieslist dt + dd:not(:first-of-type) {
		border-top: 1px #ddd solid;
}
.uptslist_activitieslist dd.date {
		font-size: 0.8em;
}
.uptslist_activitieslist dd.contents {}
/* モバイル用 */
@media screen and (max-width: 768px) {
		.uptslist_activitieslist {
				border-radius: none;
				border: 0;
				background-color: inherit;
		}
		.uptslist_activitieslist dt {
				overflow: hidden;
				float: none;
				width: auto;
				margin: 0;
				padding-right: 15px;
				padding-left: 15px;
				/*margin-bottom: 9px;*/
				background-color: #BBD347; /*若草色*/ ;
				color: #fff;
				border-radius: 3px;
				border: 1px #ddd solid;
		}
		.uptslist_activitieslist dd {
				margin-left: 0;
				padding: 0 15px;
				background-color: #f9f9f9;
		}
		.uptslist_activitieslist dt + dd {
				padding-top: 9px;
		}
		.uptslist_activitieslist dd {
				padding-bottom: 9px;
		}
		.uptslist_activitieslist dd:last-child {
				margin-bottom: 15px;
		}
		.uptslist_activitieslist dd + dt {
				margin-top: 15px;
		}
		/*外枠の設定*/
		.uptslist_activitieslist dt {
				border-radius: 3px 3px 0 0;
				border: 1px #ddd solid;
				border-bottom: 0;
		}
		.uptslist_activitieslist dd {
				border-radius: 0 0 3px 3px;
				border: 1px #ddd solid;
		}
		.p_list_activitieslist dd:not(.contents) {
				border-radius: none;
				border-top: none;
				border-bottom: none;
		}
		.p_list_activitieslist dd.contents {
				border-top: none;
		}
		.p_list_activitieslist .infomark {
				text-align: center;
		}
		.p_list_activitieslist .infomark_label.eventtype {
				/*font-size:0.8em;*/
				display: inline;
				float: none;
				padding: 0;
				margin: 0;
				border: none;
				background-color: inherit;
				color: #614B30; /* 基本テキスト色:濃茶 */ ;
				font-size: 1em;
				line-height: 2.3em;
		}
}
/* --------------------------------------------------
	外部リンクボタンリスト
-------------------------------------------------- */
ul.unit_linkbtn {
		/* 余白を撤去 */
		margin: 0;
		padding: 0;
		list-style-type: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
}
ul.unit_linkbtn li {
		box-sizing: border-box;
		width: 30%;
		padding: 10px;
}
ul.unit_linkbtn a:after {
		content: url('../image/common/icon-link.png');
}
ul.unit_linkbtn a {
		/* liのdisplayの設定 inline-block/block/boxのいずれか */
		display: inline-block; /*IE6,7対象外*/
		/* liの高さと幅を設定する */
		padding: 0;
		width: 100%;
		height: 50px;
		margin: 0;
		/* liの中のline-heightをliの高さにしてのa(inline-block)を上下中央に置く */
		text-align: center;
		line-height: 50px;
		vertical-align: middle;
		background-color: white;
		color: #3A3A3A; /*darkgray text*/
		/*外枠*/
		/*border:1px #C6C6C6 solid;*/ /*middle gray*/
		box-shadow: 0 0 0 1px #C6C6C6, 0 0 0 1px white inset;
}
ul.unit_linkbtn a:hover {
		background-color: white;
}
ul.unit_linkbtn a span.wrapper {
		/* aをインラインボックス属性にする */
		display: inline-block;
		/* aの中のテキストのline-heightを1emに戻す */
		line-height: 1em;
		/*font-size:1.3em;*/
		font-weight: normal;
		vertical-align: middle;
		margin: auto auto;
		padding: 0 10px;
}
@media (min-width: 769px) {
		ul.unit_linkbtn li {
				width: 33.333%;
		}
}
/* スマートフォン用 */
@media (max-width: 768px) {
		ul.unit_linkbtn li {
				width: 50%;
		}
}
@media (max-width: 430px) {
		ul.unit_linkbtn {
				margin: 0 20px;
		}
		ul.unit_linkbtn li {
				padding: 5px 0;
		}
		ul.unit_linkbtn li {
				width: 100%;
		}
}
/* =============================================
            メニューパネルの指定
===============================================*/
/*  メニューパネルを横並び */
.unit_btn_subcontents_flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: -4em;
		position: relative;
		z-index: 1;
}
/*  ひとつのパネル */
.unit_btn_subcontents_flex li {
		width: 130px;
		height: 130px;
		margin: 0 .5em;
	font-size: .9em;
}
.unit_btn_subcontents_flex li a {
	text-decoration: none;
		border: 1px solid #222;
		border-radius: 100px;
		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;
		height: 100%;
		width: 100%;
		color: #222 !important;
		text-align: center;
		background-color: rgba(255, 255, 255, 0.5); /*パネルの背景色*/
}
.unit_btn_subcontents_flex li a:hover {
		background-color: #fdd000;
}
@media (max-width: 768px) {
		.unit_btn_subcontents_flex {
				width: 100%;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
				margin: 0 auto;
		}
		/*  ひとつのパネル */
		.unit_btn_subcontents_flex li {
				width: 45%;
				height: 50px;
				margin: .5em .2em;
		}
		.unit_btn_subcontents_flex li:nth-child(5) {
				width: 92%;
		}
		.unit_btn_subcontents_flex li a {
				border-radius: 0;
		}
		/*パネル内の文字*/
		.unit_btn_subcontents_flex li p {
				font-size: 3vw; /*レスポンシブで文字サイズを伸縮*/
		}
}
/* ========================================
       f_lのリストめりこみ回避
==========================================*/
.upts_flex_only {
		display: flex; /* 横並び */
}
.upts_flex_only_left {
		width: 50%;
		padding-right: 30px;
}
@media (max-width : 1024px) {
		.upts_flex_only {
				display: block; /* 横並び解除 */
		}
		.upts_flex_only_left {
				width: 100%;
				padding-right: 0px;
				padding-bottom: 20px;
		}
}