.global_head {
	margin: 0;
}

img {
	max-width:100%;
	height:auto;
}

/*----------------------------*/

@media only screen and (max-width: 767px) {
	.path {
		background-color:#eeeeee;
		padding:10px 10px 30px;
		margin:0px 0px 15px 0px;
	}
}
@media only screen and (min-width: 768px) {
	.path {
		background-color:#eeeeee;
		padding:10px 10px 30px;
		margin:0px 0px 15px 0px;
	}
}

.path ul {
	margin:0;
	padding:0;
}

.path li {
	float:left;
	margin:0 10px 0 0;
	padding:0 0 0 13px;
	background-image:url(../img/list_path.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

/*----------------------------*/

.headimage {
	text-align: center;
	max-width: 1200px;
}

@media only screen and (max-width: 767px) {
	.headimage ul {
	  	display: flex;
		justify-content: space-between;
		flex-wrap:wrap;
	   	margin: 20px 0 0 0;
	}
}

@media only screen and (min-width: 768px) {
	.headimage ul {
		display: flex;
		justify-content: space-between;
		margin-top:20px;
	}
}
		
.headimage ul li p {
	text-align:center;
	margin-bottom:0;
}

/*----------------------------*/

.box {
  border: 2px solid #ccc;
  padding: 10px;
  margin-bottom: 20px;
}
.box h3 {
  background-color: #ccc;
  padding: 6px 0 4px 10px;
}
.box ul {
  list-style-type: disc;
  margin: 15px 10px 0 25px;
}
.box p {
  text-align: right;
}

/*----------------------------*/

@media only screen and (max-width: 767px) {
	td.contents_head {
		border-left: 5px double #C40017;
		background-color: #C40017;
		padding: 6px 6px 5px;
		color: #ffffff;
		font-size: 13px;
		font-weight: bold;
		margin: 0 0 0 0;
		white-space: normal;
		text-align:left;
	}
}

@media only screen and (min-width: 768px) {
	td.contents_head {
		border-left: 5px double #C40017;
	  	background-color: #C40017;
	  	padding: 6px 9px 5px 6px;
		color: #ffffff;
		font-size: 13px;
		font-weight: bold;
		margin: 0 0 0 0;
	}
}

h4 {
  background: #f1f1f1;
  color: #555;
  font-weight: bold;
  padding: 10px 10px 8px 10px;
  margin: 0 0 15px 0;
}

/*----------------------------*/

.comic_table {
  margin-bottom: 30px;
}
.comic_table table {
  border-collapse: collapse;
  color: #555;
  font-size: 14px;
}
.comic_table table th {
  background: #f1f1f1;
  line-height: 160%;
  padding: 7px 5px 4px 5px;
  text-align: center;
  border: solid 1px #ccc;
}
.comic_table table td {
  line-height: 160%;
  padding: 7px 5px 4px 5px;
  border: solid 1px #ccc;
}
