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

/*-----------------------------------------------
#F06205 240,98,5
-----------------------------------------------*/

/*-----------------------------------------------
  info
-----------------------------------------------*/
#info .inner {
max-width: 980px;
}
#info .list {
padding: 0 4%;
}
#info .list dl {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
max-width: 720px;
margin: 0 auto;
padding: 1em 0;
}
#info .list dl:not(:last-child) {
border-bottom: 1px dotted #F06205;
}
#info .list dt {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
width: 18em;
font-weight: 400;
color: #666;
}
#info .list dt span {
display: block;
width: 14em;
margin-left: 0.8em;
padding: 0.1em 0.5em;
font-size: 0.8em;
text-align: center;
color: #FFF;
background-color: rgba(240,98,5,0.8);
border-radius: 1.5em;
}
#info .list dd {
width: calc(100% - 18em);
}
#info .list dd a {
text-decoration: underline;
}
#info .list .more {
max-width: 16em;
margin: 0 auto;
margin-top: 30px;
text-align: center;
}
#info .list .more a {
display: block;
padding: 0.5em 2em;
color: #F06205;
background-image: url("img/arw_right_r.png");
background-position: right 0.5em center;
background-repeat: no-repeat;
background-size: 25px;
border: 1px solid #F06205;
border-radius: 30px;
}
#info .list .more a:hover {
color: #FFF;
background-color: #F06205;
}
@media screen and (max-width: 640px) {
	#info .inner {
	padding: 0;
	}
	#info .list {
	padding: 8% 4%;
	border-right: 0;
	border-left: 0;
	border-radius: 0;
	}
	#info .list dl {
	display: block;
	padding: 4% 0;
	}
	#info .list dl:first-child {
	padding-top: 0;
	}
	#info .list dt {
	width: 100%;
	}
	#info .list dd {
	width: 100%;
	margin-top: 0.5em;
	}
	#info .list .more {
	margin-top: 8%;
	}
}

/*-----------------------------------------------
  detail
-----------------------------------------------*/
#detail {
}
#detail .inner {
max-width: 780px;
}
#detail .date {
color: #999;
}
#detail h2 {
margin-top: 0.25em;
font-size: 1.5em;
line-height: 1.4;
color: #F06205;
}
#detail .message {
margin-top: 2%;
}
#detail .message img {
display: inline;
}
#detail .message a {
text-decoration: underline;
}
@media screen and (max-width: 640px) {
}