@charset "utf-8";
/* CSS Document */



/* --------------------------------------- */

.content {
/*	height : 800px;  */
	min-height:	800px; 
}
.content h5 {
/*	background-color: #ffff00;	*/
	color:			#693100;/*#884444;*/ /*78a321*/
	border-bottom:	2px solid #693100;/*#884444;*/
	text-shadow: 0px 0px 1px #eeeecc, 0px 0px 2px #eeeecc, 0px 0px 3px #eeeecc;
}

/* --------------------------------------- */

details p::before {
	display: none;
}
details p::after {
	display: block;
}


.summary_inner {
	background-color: #00f;
	diaplay: flex;
	flex-direction: row;
	justy-content: space-between;
	align-items: center;
}


/* --------アイコンを作ります-------- */
.iconx {
  display: block;
  position: relative;
  top: -36px;
  width: 24px;
  margin-left: 380px; 
  flex-shrink: 0;
  transform-origin: center 43%;
  transition: transform 0.4s;
}

/* アコーディオンが開いた時のスタイル */
details[open] .iconx {
  transform: rotate(180deg);
}

/* アイコンのバーのスタイル */
.iconx::before,
.iconx::after {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 3px;
  background-color: #693100;
}

.iconx::before {
  left: 0;
  transform: rotate(45deg);
}

.iconx::after {
  right: 0;
  transform: rotate(-45deg);
}


.cont1 {
	margin-left:32px;
	overflow:	hidden;
	width:		640px;
/*	background-color:	#f00; */
}

.cont1 img {
	width:		200px;
	height:		160px;
}
.cont1 hr {
	margin:		0px;
	padding:	0px;
	margin-top:		4px;
	margin-bottom:	4px;
	border-top:		1px solid #999900;
	border-bottom:	0px;
}
.cont1 h4 {
/*	background-color:	#cc0000;*/
	margin:		0px;
	padding:	0px;
	padding-left:	32px;
	padding-right:	32px;
	font-size:	16px;
	height:		20px;
	line-height:20px;	
	width:		100px;
}
.cont1 h5 {
	width : 400px;
	margin-left : 0px;
}
.cont1 p {
/*	background-color:	#990000; */
	width:		640px;
/*	height:		100px;	*/
	margin:		0px;
	padding:	0px; 
	display: block;

	height:		100px;
}
.cont1 ul {
/*	background-color : #ffff00;  */
	list-style-type:	none;
	margin:		0px;
	padding:	0px;
/*	height : 1180px; */
}

.cont1 li {
/*	height:		240px;*/
	display: block;
}


.ce {
/*	background-color : #ff00ff; */
/*	height : 320px; */
}
.ce h5 {
	width : 600px;
}

.lf h4 {
	text-align:	left;
}
.ri h4 {
	text-align:	left;
	margin-left:440px;
}
.ri h5 {
	float : right;
}


.lf p {
/*	background-color:	#00cc00;*/
	float:		left;
}
.lf img {
/*	background-color:	#009900;*/
	float:		right;
}
.ri p {
	float:		right;
}
.ri img {
	float:		left;
}
.ce p {
	width : 600px;
	height: 96px;
/*	background-color : #cccc00;  */
}
.ce img {
	margin-top : 16px;
	margin-bottom : 16px;
	margin-left : 24px;
}


/* --------------------------------------- */

/* --------------------------------------- */

/* --------------------------------------- */