/*** bunkazai ***/
.bunkazai {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.bunkazai h1 {
	width: calc( 100% - 3rem );
}
.bunkazai .tabh {
	width: calc( 100% );
}
.bunkazai .content {
	width: calc( 100% - 250px );
	// flex-basis: auto;
}
.bunkazai .content section {
	width: 90%;
	background: transparent;
}



/*** detail ***/
#detail {
	display: flex;
	flex-wrap: wrap;
	width: 90%;
	margin: 1rem auto;
}
#detail_name {
	width: 100%;
	background-color: rgba( 204, 204, 204, 1);
	color: rgba(  51,  51,  51, 1);
	border-left: 1rem solid rgba(0, 71, 93, 1);
//	padding: 0.5rem 1rem;
	margin-top: 0rem;
	margin-bottom: 1rem;
	font-weight: 400;
}
#detail_name h3 {
	display: inline-block;
	border-left: 0rem;
	margin: 0rem;
	font-size: 150%;
}
#detail_name h4 {
	display: inline-block;
	margin: 0rem;
}
#detail_picture {
	width: calc( 650px / 2 );
	// flex-basis: auto;
}
#detail_picture p {
	margin: 0 auto;
	text-align: center;
}
#detail_picture ul {
	padding-left: 0rem;
}
#detail_picture li {
	list-style-type: none;
	float: left;
	display: inline;
	width: 25%;
	text-align: center;
}
#detail_text {
	width: calc( 94% - 650px / 2 );
	max-width: 60rem;
	margin-left: auto;
	margin-right: auto;
}
#detail_text table {
	border: 0px;
	margin-left: 0rem;
	margin-right: auto;
}
#detail_text table td {
	border: 0px;
}
#textsub {
	font-size: 80%;
}
#textsub dd {
	margin-left: 0rem;
}
#map {
	text-align: center;
}



/*--------------------------------map(Left)------------------------------------*/

.sidebar {
//	float: left;
//	width: 250px;
//	min-width: 250px;
//	width: 20%;
	flex-basis: 250px;
//	height: 400px;
	min-height: 400px;
	height: auto;
	background: #1A1A1A;
//	margin-top:25px;
//	margin-bottom:100px;
//	overflow:hidden;
	
}

.mapback {
	position: relative;
	width: 250px;
	height: 245px;
	z-index:1;
	overflow: hidden;
	background-image: url(/kyoudo-n//bunkazai/01area/img/kawaguchi_map.gif);
	background-repeat: no-repeat;
	
}

.hotspot {
	position: relative;
	top:-245px;
	width: 250px;
	height: 245px;
	z-index:4;
	overflow: hidden;
}

.hilight {
	position: relative;
	top:-490px;
	width: 250px;
	height: 245px;
	z-index:3;
	overflow: hidden;
	float: left;
	
}


/*--------------------------------maphilight------------------------------------*/
#shiba {
	position: relative;
	left:50px;
	top:5px;
	width:80px;
	height:100px;
	visibility: hidden;
	background-image: url(/kyoudo-n//bunkazai/01area/img/kawaguchi_map.gif);
	background-position: 1px -244px;
	float: left;
}
#kamine {
	position: relative;
	left:25px;
	top:5px;
	width:88px;
	height:103px;
	visibility: hidden;
	background-image: url(/kyoudo-n//bunkazai/01area/img/kawaguchi_map.gif);
	background-position: -80px -244px;
	float: left;
}
#totsuka {
	position: relative;
	left:-7px;
	top:5px;
	width:80px;
	height:103px;
	visibility: hidden;
	background-image: url(/kyoudo-n//bunkazai/01area/img/kawaguchi_map.gif);
	background-position: -167px -244px;
	float: left;
}
#yokosone {
	position: relative;
	left:30px;
	top:-49px;
	width:56px;
	height:120px;
	visibility: hidden;
	background-image: url(/kyoudo-n//bunkazai/01area/img/kawaguchi_map.gif);
	background-position: 0px -351px;
	float: left;
}
#aoki {
	position: relative;
	left:10px;
	top:-49px;
	width:56px;
	height:130px;
	visibility: hidden;
	background-image: url(/kyoudo-n//bunkazai/01area/img/kawaguchi_map.gif);
	background-position: -55px -351px;
	float: left;
}
#hatogaya {
	position: relative;
	left:-11px;
	top:-49px;
	width:65px;
	height:125px;
	visibility: hidden;
	background-image: url(/kyoudo-n//bunkazai/01area/img/kawaguchi_map.gif);
	background-position: -113px -351px;
	float: left;
}
#angyo {
	position: relative;
	left:-22px;
	top:-49px;
	width:70px;
	height:130px;
	visibility: hidden;
	background-image: url(/kyoudo-n//bunkazai/01area/img/kawaguchi_map.gif);
	background-position: -179px -351px;
	float: left;
}
#chuo {
	position: relative;
	left:47px;
	top:-108px;
	width:45px;
	height:70px;
	visibility: hidden;
	background-image: url(/kyoudo-n//bunkazai/01area/img/kawaguchi_map.gif);
	background-position: 3px -477px;
	float: left;
}
#nanpei {
	position: relative;
	left:20px;
	top:-108px;
	width:65px;
	height:100px;
	visibility: hidden;
	background-image: url(/kyoudo-n//bunkazai/01area/img/kawaguchi_map.gif);
	background-position: -43px -477px;
	float: left;
}
#shingo {
	position: relative;
	left:25px;
	top:-108px;
	width:75px;
	height:60px;
	visibility: hidden;
	background-image: url(/kyoudo-n//bunkazai/01area/img/kawaguchi_map.gif);
	background-position: -109px -477px;
	float: left;
}

/*--------------------------------area_name------------------------------------*/
.area {
	font-size: 100%;
	position: relative;
	right:0px;
	top:-545px;
	width:250px;
	float:right;
	z-index:4;
	color: #fff;
}
.area a{
	text-decoration:none;
}
.area_name {
	position: relative;
	right:10px;
	height: 15px;
	overflow:hidden;
	width:75px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #1A1A1A;
	padding-left:13px;
	padding-top:3px;
	padding-bottom:3px;
	float: right;
	z-index:5;
	display:inline;
	color: #999;
}
.area_name_here {
	position: relative;
	right:10px;
	height: 15px;
	overflow:hidden;
	width:75px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #029801;
	background-color:#333;
	padding-left:13px;
	padding-top:3px;
	padding-bottom:3px;
	color:#fff;
	float: right;
	display:inline;
}
/*--------------------------------bearingmark------------------------------------*/
.bearingmark {
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	position: relative;
	top:0px;
	left:10px;
//	float:left;
	display:inline;
	color: #FFFFFF;
	width: 150px;
	height:190px;
	font-size: 152%;
	letter-spacing:2px;
	padding-top:70px;
	overflow:hidden;
}
.bearingmark img{
	padding-left:10px;
	float: none;
	display:inline;
	margin-bottom:51px;
}

.bearingmark p{
	padding-left:10px;

}

/*--------------------------------tabh------------------------------------*/
.tabh ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	justify-content: space-around;
	list-style-type: none;
	width: 100%;
	margin-top: 0rem;
	margin-bottom: 0rem;
	padding-left: 0rem;
	background-color: #1A1A1A;
}
.tabh li {
	display: block;
	list-style-type: none;
	height: auto;
	width: calc( 100% / 3 - 6% );
}

.tabh a {
	width: auto;
	display: block;
	color:#FFF;
	padding-left: 0rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #333333;
//	border-bottom: 1px solid rgba(102, 204, 255, 0);
	border-bottom: 1px solid rgba( 0, 136, 255, 0);
	margin-top: 0.1rem;
	margin-bottom: 0rem;
	text-decoration: none;
	text-align: center;
//	float:left;
}
.tabh a:hover {
//	border-left-width: 4px;
//	border-left-color: #F90;
//	border-bottom-color: rgba(102, 204, 255, 1);
	border-bottom-color: rgba( 0, 136, 255, 1);
	background-color: #556;
}

/*--------------------------------tabv------------------------------------*/
.tabv {
	height: auto;
	padding-left: 0rem;
}
.tabv li {
	display: block;
	list-style-type: none;
	height: auto;
}
.tabv a {
	display: inline-block;
	width: 95%;
	padding-left: 5%;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-top: 0.1rem;
	margin-bottom: 0.1rem;
	text-decoration: none;
	color:#FFF;
//	float:left;
}
.tabv a:hover {
//	border-left-width: 4px;
//	border-left-color: #F90;
//	border-bottom: 1px solid rgba(102, 204, 255, 1);
	border-bottom: 1px solid rgba( 0, 136, 255, 1);
	background-color: #556;
}

.button_prop {
	font-size: 80%;
}


.menuimg {
	width: 100%;
	height: 250px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('/kyoudo-n/bunkazai/img/01ancient_bk.jpg');
}



/*************************************************************************************************************************/

@media only screen and (min-width: 320px) and (max-width: 767px) {
.sidebar {
	display: none;
}


.tabv {
	margin-top: 0rem;
	padding-top: 0rem;
}
.tabv li:nth-of-type(1) {
	margin-top: 0rem;
}


/*** bunkazai ***/
.bunkazai {
	display: block;
	flex-wrap: nowrap;
	width: 100%;
}
.bunkazai .content {
	width: 100%;
	// flex-basis: auto;
}

/*** detail ***/
#detail {
	display: block;
	flex-wrap: nowrap;
	width: 100%;
	margin: 1rem auto;
}
#detail_name {
	width: calc( 100% - 1rem );
	background-color: rgba( 204, 204, 204, 1);
	color: rgba(  51,  51,  51, 1);
	border-left: 1rem solid rgba(0, 71, 93, 1);
//	padding: 0.5rem 1rem;
	margin-top: 0rem;
	margin-bottom: 1rem;
	font-weight: 400;
}
#detail_name h4 {
	display: inline-block;
	margin: 0rem 0.25rem;
}
#detail_picture {
	width: 90%;
	margin: 1rem auto;
	// flex-basis: auto;
}
#detail_text {
	width: 90%;
	margin: 1rem auto;
	max-width: auto;
}


}