@charset "utf-8";

/* ================ Style ================= */
#letter {
	background: url(../images/bg_episode01.jpg) left top repeat-y;
	background-size: cover;
}

.letter .bnr-area {
	margin: 0 auto 110px;
}
.letter .bnr-area ul {
	overflow: hidden;
}
.letter .bnr-area ul li {
	border: 2px dotted #f47789;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px!important;
	padding: 12px;
	box-sizing: border-box;
	margin: 0 auto;
	transition: all .3s;
	width: 100%;
}
.letter .bnr-area ul li a {
	border: 1px solid #f47789;
	display: block;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px!important;
	padding: 5px;
	box-sizing: border-box;
	background-color: #f47789;
	transition: all .3s;
}
.letter .bnr-area ul li span {
	display: block;
	/*padding: 20px;*/
	padding: 10px;
	background: url(../images/icon_window.png) right bottom no-repeat #f47789;
	transition: all .3s;
}

.letter .bnr-area ul li span dl {
	display: table;
	/*margin: 0 auto;*/
	text-align: center;
	/*width: 100%;*/
}
.letter .bnr-area ul li span dl dt {
	display: table-cell;
	vertical-align: middle;
}
.letter .bnr-area ul li span dl dd {
	display: table-cell;
	vertical-align: middle;
	transition: all .3s;
}

.letter .bnr-area ul li span dt img {
	width: 80%;
}
.letter .bnr-area ul li span dd img {
	width: 90%;
}