@charset "utf-8";
.mark {
    background: linear-gradient(transparent 60%, #ffc000b3 60%);
}

.recommend-list {
    font-size: 1.4em;
}
#c25 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c26 {
	clear: both;
	background-image: url(../images/contents/main-bg.jpg);
	margin:    ;
	padding:    ;
}
#c26 h3,
#c26 div {
	text-align: left;
}
#c27 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c8 {
	clear: both;
	margin: 80px 0 0 0;
	padding:    ;
}
#c8 h2,
#c8 div {
	text-align: center;
}
#c2 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c1 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c1 h2,
#c1 div {
	text-align: left;
}
#c5 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c5 h3,
#c5 div {
	text-align: left;
}
#c7 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c6 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c6 a.itext, #c6 img, #c6 video {
	width: 400px;
	height: 267px;
}
#c24 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c94 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c94 h2,
#c94 div {
	text-align: center;
}
#c95 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c95 {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
#c95 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c62 {
	clear: both;
	margin: 80px 0 80px 0;
	padding:    ;
}
#c62 h2,
#c62 div {
	text-align: center;
}
#c67 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c67 h3,
#c67 div {
	text-align: center;
}
#c12 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c12 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c12 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c12 > div:nth-of-type(1) img {
	width: 400px;
}
#c12 > div:nth-of-type(2) img {
	width: 400px;
}
#c12 > div:nth-of-type(3) img {
	width: 400px;
}
#c93 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c93 h3,
#c93 div {
	text-align: center;
}
#c68 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c68 h2,
#c68 div {
	text-align: center;
}
#c69 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c70 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c70 h3,
#c70 div {
	text-align: center;
}
#c71 {
	clear: both;
	margin: 20px 0 0 0;
	padding:    ;
}
#c71 h3,
#c71 div {
	text-align: center;
}
#c83 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c84 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c84 h3,
#c84 div {
	text-align: center;
}
#c85 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c85 h3,
#c85 div {
	text-align: center;
}
#c86 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c76 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c76 a.itext, #c76 img, #c76 video {
	width: 58px;
	height: 76px;
}
#c77 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c77 h3,
#c77 div {
	text-align: center;
}
#c87 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c87 h3,
#c87 div {
	text-align: center;
}
#c78 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c78 a.itext, #c78 img, #c78 video {
	width: 58px;
	height: 76px;
}
#c79 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c79 h3,
#c79 div {
	text-align: center;
}
#c80 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c80 h3,
#c80 div {
	text-align: center;
}
#c82 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c82 h3,
#c82 div {
	text-align: center;
}
#c88 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c88 h2,
#c88 div {
	text-align: center;
}
#c89 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c89 h3,
#c89 div {
	text-align: center;
}
#c90 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c90 h3,
#c90 div {
	text-align: left;
}
#c91 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c91 dl dt {
	width: 20%;
}
#c91 dl dd {
	width: 80%;
}
#c92 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c92 h3,
#c92 div {
	text-align: center;
}
@media screen and (min-width: 641px) and (max-width: 834px) {
#c25 {
}
#c26 {
}
#c27 {
}
#c8 {
}
#c2 {
}
#c1 {
}
#c5 {
}
#c7 {
}
#c6 {
}
#c24 {
}
#c94 {
}
#c95 {
}
#c95 {
}
#c62 {
}
#c67 {
}
#c12 {
}
#c12 {
}
#c93 {
}
#c68 {
}
#c69 {
}
#c70 {
}
#c71 {
}
#c83 {
}
#c84 {
}
#c85 {
}
#c86 {
}
#c76 {
}
#c77 {
}
#c87 {
}
#c78 {
}
#c79 {
}
#c80 {
}
#c82 {
}
#c88 {
}
#c89 {
}
#c90 {
}
#c91 {
}
#c92 {
}
}
@media screen and (max-width: 640px) {
#c25 {
}
#c26 {
}
#c27 {
}
#c8 {
}
#c2 {
}
#c1 {
}
#c5 {
}
#c7 {
}
#c6 {
}
#c24 {
}
#c94 {
}
#c95 {
}
#c95 {
}
#c62 {
}
#c67 {
}
#c12 {
}
#c12 {
}
#c93 {
}
#c68 {
}
#c69 {
}
#c70 {
}
#c71 {
}
#c83 {
}
#c84 {
}
#c85 {
}
#c86 {
}
#c76 {
}
#c77 {
}
#c87 {
}
#c78 {
}
#c79 {
}
#c80 {
}
#c82 {
}
#c88 {
}
#c89 {
}
#c90 {
}
#c91 {
}
#c92 {
}
}