@charset "UTF-8";
/* CSS Document */
.details_flex{
	display: flex;
	justify-content: flex-start;
	border: solid 0px;
}
.details_flex .left{
	width: 500px;
	margin-right: 30px;
}
.details_flex .right{
	flex: 1;
}

@media (max-width: 900px) {
	.details_flex{
		flex-direction: column;
	}
.details_flex .left{
	width: 100%;
}
}
/* ===================================================

　データベース 基本詳細画面用テーブル
 基本色kbackground: #EAF49C;
 罫線色 border-top: 1px solid #CADC38;
=================================================== */
table.commn_details_tbl_layout a{
	text-decoration: none;
}
/* テーブルレーアウト　tableの外枠なし、タイトルthと最後のtrのborder-bottom太く
-----------------------------------------------------*/
table.commn_details_tbl_layout{
  width: 100%;
  font-size: 14px;
  text-align: left;
  vertical-align: middle;
  color: #131313;
  margin-bottom: 30px;
  border-collapse: collapse; /* 囲み線を1本で重なりをなくす table,th,tdに指定 */
  border: 0px solid #292626;
}
@media (max-width: 749px) {
	table.commn_details_tbl_layout{
		font-size: 12px;
	}
}
/*table.commn_details_tbl_layout th {
	font-weight: 100;
  background: #EAF49C;
  padding: 3px 5px;
  letter-spacing: 0px;
  border-collapse: collapse;
  border-top: 1px solid #CADC38;
  border-bottom: 1px solid #CADC38;
}*/
table.commn_details_tbl_layout td {
  padding: 8px 5px; /*間隔　必須 */
  border: solid 0px;
}
@media (max-width: 749px) {
table.commn_details_tbl_layout td{
 padding: 4px 5px; /*間隔　必須 */
	}
}
table.commn_details_tbl_layout tr {
  border-collapse: collapse;
  border-top: 1px solid #CADC38;
  border-bottom: 1px solid #CADC38;
}
/*最初と最後trのborder-bottom太く*/
table.commn_details_tbl_layout tr:first-child{
	 border-top: 4px solid #CADC38;
}
table.commn_details_tbl_layout tr:last-child{
  border-bottom: 4px solid #CADC38; 
}
/* 項目の仕様
-----------------------------------------------------*/
table.commn_details_tbl_layout .td01 { /*項目 */
  width: 20%;
	min-width: 140px;
	border: solid 0px;
}

table.commn_details_tbl_layout .td01 span{/*よみ　名称*/
	display: inline-block;
}
.yomi {
  font-size: 70%;
	line-height: 12px;
  text-align: left;
	border: solid 0px;
}
.meisyou {
  margin-right: 5px;
	line-height: 16px;
	border: solid 0px;
}
/*関連情報ボタン
-------------------------------------------------------------*/
table.commn_details_tbl_layout .td02 .kanren_info{
	margin: 6px;
}
/* ==============================================
ボタン小　幅フリー  <span class="btn_s_free">あいうえお</span>
=============================================== */
/*テーブル内のボタン----------------------------*/
table .btn_s_free {
  margin: 2px 2px 2px 0; /*複数点の場合必須*/
  text-align: center;
  padding: 1px 6px;
  /*cursor: pointer;*/
  border-radius: 4px;
  /*background-color: #94F2A4;*/
  border: solid 1px #54BF66;
  transition: 0.5s; /*hover処理の時間*/
}
table .btn_s_free:hover {
	color: #ffffff;
  background-color: #5AB4BD;
  }

/* ==============================================
画像がある場合
=============================================== */
section.data_base_image_waku{
	margin-bottom: 30px;
}
section.data_base_image_waku img{
	width: 100%;
	display: inline-block;
	border: solid 1px #D2C9CA;
	margin-bottom: 30px;/*2画像ある場合*/
}


/* タブレット用 ***************** */
@media (min-width: 750px) and (max-width: 1023px) {}
/* Desktop ***************** */
@media (min-width: 1024px) {}