@charset "UTF-8";

.award2018 a[target="_blank"]{
  padding-right: 0;
  background-image: none;
}

.award2018 {
  width: 663px;
  margin: 0 auto 20px;
  color: #555;
}
@media only screen and (max-width: 768px) {
  .award2018 {
    max-width: 100%;
  }
}

/* item */
.award2018 .item_font_normal {
  font-weight: normal;
}

/* award_main */
.award2018 .award_main .inner {
  width: 663px;
  padding: 0 0 40px 0;
}
@media only screen and (max-width: 768px) {
	.award2018 .award_main .inner {
		width: 100%;
	}
}

.award2018 .award_main .inner p {
  margin-bottom: 0;
}

/* award_sec */
.award2018 .award_sec h2 {
  margin: 0 0 8px 0;
}

.award2018 .award_sec .bnr_vote {
  margin: 0;
}

.award2018 .award_sec .lead {
  margin: 10px 7px 20px;
  font-weight: bold;
  font-size: 116.7%;
}

.award2018 .award_sec .lead span {
  font-size: 91%;
  font-weight: normal;
}

.award2018 .award_sec .txt-implementation {
  margin: 10px 15px 30px;
  font-weight: bold;
}

.award2018 .award_sec .txt-implementation span {
  font-size: 11px;
  font-weight: normal;
}

.award2018 .box_col2 .fl {
  float: left;
}
@media only screen and (max-width: 768px) {
	.award2018 .box_col2 .fl:nth-child(1) {
		width: 33.49%;
	}
	.award2018 .box_col2 .fl:nth-child(2) {
		width: 66.51%;
	}
}

/* box_info01 */
.award2018 .award_sec .box_info01 {
  position: relative;
  min-height: 250px;
}

.award2018 .award_sec .box_info01 h4 {
  padding: 20px 0 10px 10px;
}
@media only screen and (max-width: 768px) {
	.award2018 .award_sec .box_info01 h4 {
		padding-left: 0;
	}
}

.award2018 .award_sec .box_info01 .txt {
  width: 245px;
  margin: 0 0 10px 15px;
}
@media only screen and (max-width: 768px) {
	.award2018 .award_sec .box_info01 .txt {
		width: 60%;
		margin-left: 5px;
	}
}
@media only screen and (max-width: 420px) {
	.award2018 .award_sec .box_info01 .txt {
		width: 100%;
	}
}

.award2018 .award_sec .box_info01 .warning {
  width: 260px;
  margin: 0 0 0 15px;
}
@media only screen and (max-width: 768px) {
	.award2018 .award_sec .box_info01 .warning {
		width: 60%;
		margin-left: 5px;
	}
}
@media only screen and (max-width: 420px) {
	.award2018 .award_sec .box_info01 .warning {
		width: 100%;
	}
}

.award2018 .award_sec .box_info01 .warning li {
  margin: 0 0 0 1em;
  text-indent: -1em;
  font-size: 91%;
}

.award2018 .award_sec .box_info01 .bg {
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 768px) {
	.award2018 .award_sec .box_info01 .bg {
		top: 10%;
		width: 40%;
	}
}
@media only screen and (max-width: 420px) {
	.award2018 .award_sec .box_info01 .bg {
		position: static;
		display: block;
		width: 70%;
		margin: 5px auto 30px;
	}
}

/* box_info02 */
.award2018 .award_sec .box_info02 {
  margin: 0 0 30px 0;
}

.award2018 .award_sec .box_info02 h4 {
  margin: 0 0 10px 0;
  padding: 0 0 0 10px;
}
@media only screen and (max-width: 768px) {
	.award2018 .award_sec .box_info02 h4 {
		padding-left: 0;
	}
}

.award2018 .award_sec .box_info02 .list_vote {
  width: 647px;
  margin: 0 0 0 15px;
  display: block;
}
@media only screen and (max-width: 768px) {
	.award2018 .award_sec .box_info02 .list_vote {
		width: 97.58%;
		margin-left: 5px;
	}
}

.award2018 .award_sec .box_info02 .list_vote li {
  width: 50%;
  float: left;
  background: url(/event/award2018/images/ic_award2018_01.png) no-repeat left 0.4em;
  font-size: 91%;
  padding: 0 0 0 15px;
}
@media only screen and (max-width: 680px) {
	.award2018 .award_sec .box_info02 .list_vote li {
		width: 100%;
	}
}

/* box_info03 */
.award2018 .award_sec .box_info03 {
  margin: 0 0 30px 0;
}

.award2018 .award_sec .box_info03 h4 {
  margin: 0 0 10px 0;
  padding: 0 0 0 10px;
}
@media only screen and (max-width: 768px) {
	.award2018 .award_sec .box_info03 h4 {
		padding-left: 0;
	}
}

.award2018 .award_sec .box_info03 .txt {
  margin: 0;
  padding: 0 0 0 15px;
}
@media only screen and (max-width: 768px) {
	.award2018 .award_sec .box_info03 .txt {
		padding-left: 5px;
	}
}

/* award_detail */
.award2018 .award_detail {
  background: #f0f0f0;
  margin: 0 0 30px 0;
  padding: 10px 0;
}

.award2018 .award_detail h3 {
  width: 633px;
  margin: 0 auto;
  padding: 0 0 5px 0;
  background: url(/event/award2018/images/bg_award2018_01.png) repeat-x left bottom;
  font-size: 150%;
}
@media only screen and (max-width: 768px) {
	.award2018 .award_detail h3 {
		width: 100%;
		padding: 0 15px 5px;
		font-size: 130%;
	}
}

.award2018 .award_detail .box_detail01 {
  width: 633px;
  margin: 8px auto 0 auto;
  padding: 0 0 5px 0;
  background: url(/event/award2018/images/bg_award2018_01.png) repeat-x left bottom;
  clear: both;
}
@media only screen and (max-width: 768px) {
	.award2018 .award_detail .box_detail01 {
		width: 96%;
	}
}

.award2018 .award_detail .box_detail01 .title {
  width: 5em;
  float: left;
  padding: 0 0 0 5px;
}
@media only screen and (max-width: 768px) {
	.award2018 .award_detail .box_detail01 .title {
		width: 17.8%;
	}
}

.award2018 .award_detail .box_detail01 .inner {
  width: 545px;
  float: right;
}
@media only screen and (max-width: 768px) {
	.award2018 .award_detail .box_detail01 .inner {
		width: 82.2%;
	}
}

.award2018 .award_detail .box_detail01 .inner dl {
  width: 545px;
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
  background: url(/event/award2018/images/bg_award2018_01.png) repeat-x left bottom;
}
@media only screen and (max-width: 768px) {
	.award2018 .award_detail .box_detail01 .inner dl {
		width: 100%;
		padding: 0 10px 5px;
	}
}

.award2018 .award_detail .box_detail01 .inner dl.last {
  margin: 0;
  padding: 0;
  background: none;
}
@media only screen and (max-width: 768px) {
	.award2018 .award_detail .box_detail01 .inner dl.last {
		padding: 0 10px;
	}
}

.award2018 .award_detail .box_detail01 .inner dl dt {
  width: 9em;
  float: left;
  font-size: 116%;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
	.award2018 .award_detail .box_detail01 .inner dl dt {
		float: none;
	}
}

.award2018 .award_detail .box_detail01 .inner dl dd {
  padding: 0 0 0 10em;
}
@media only screen and (max-width: 768px) {
	.award2018 .award_detail .box_detail01 .inner dl dd {
		padding: 0;
	}
}

.award2018 .award_detail .box_detail01 .inner dl dd p {
  margin: 0;
  font-size: 116%;
  font-weight: bold;
}

.award2018 .award_detail .box_detail01 .inner dl dd .warning {
  margin: 0 0 0 5px;
}

.award2018 .award_detail .box_detail01 .inner dl dd .warning li {
  margin: 0 0 0 1em;
  text-indent: -1em;
}

.award2018 .award_detail .box_detail01 .inner dl dd .bt_link {
  padding: 0 0 5px 0;
}

.award2018 .award_detail .box_detail01 .inner dl dd .bt_link img {
  margin: 0 5px 0 0;
}

.award2018 .award_detail .box_detail02 {
  width: 633px;
  margin: 8px auto 0 auto;
  padding: 0 0 5px 0;
  background: url(/event/award2018/images/bg_award2018_01.png) repeat-x left bottom;
  clear: both;
}
@media only screen and (max-width: 768px) {
	.award2018 .award_detail .box_detail02 {
		width: 98%;
	}
}

.award2018 .award_detail .box_detail02 p {
  margin: 0;
}

.award2018 .award_detail .box_detail02 .title {
  width: 5em;
  float: left;
  padding: 0 0 0 5px;
}
@media only screen and (max-width: 768px) {
	.award2018 .award_detail .box_detail02 .title {
		width: 17.8%;
	}
}

.award2018 .award_detail .box_detail02 .inner {
  width: 545px;
  float: right;
}
@media only screen and (max-width: 768px) {
	.award2018 .award_detail .box_detail02 .inner {
		width: 82.2%;
	}
}

.award2018 .award_detail .box_detail02 .inner dl {
  width: 545px;
}
@media only screen and (max-width: 768px) {
	.award2018 .award_detail .box_detail02 .inner dl {
		width: 100%;
	}
}

.award2018 .award_detail .box_detail02 .inner dl dt {
  width: 9em;
  float: left;
}
@media only screen and (max-width: 768px) {
	.award2018 .award_detail .box_detail02 .inner dl dt{
		width: 100%;
		float:none;
	}
}

.award2018 .award_detail .box_detail02 .inner dl dd {
  padding: 0 0 0 10em;
}
@media only screen and (max-width: 768px) {
	.award2018 .award_detail .box_detail02 .inner dl dd {
		padding: 0;
	}
}

.award2018 .award_detail .box_detail02 .inner dl dd .bt_link {
  padding: 0 0 5px 5px;
}

.award2018 .award_detail .box_detail02 .inner dl dd .bt_link img {
  margin: 0 5px 0 0;
}
@media only screen and (max-width: 768px) {
	.award2018 .award_detail .box_detail02 .inner dl dd .bt_link img {
		margin: 5px 0 0;
		display: block;
	}
}

.award2018 .award_detail .presenter {
  width: 628px;
  margin: 0 auto;
  padding: 10px 0 0 0;
  clear: both;
}
@media only screen and (max-width: 768px) {
	.award2018 .award_detail .presenter {
		width: 98%;
		margin: 0 auto;
		padding: 10px 5px 0;
		clear: both;
	}
}