@charset "utf-8";

/* font size
10px = 77%    11px = 85%    12px = 93%    13px = 100%
14px = 108%    15px = 116%    16px = 123%    17px = 131%
18px = 139%    19px = 147%    20px = 154%    21px = 162%
22px = 170%    23px = 177%    24px = 185%    25px = 193%
26px = 200%    27px = 208%    28px = 214%    29px = 223%
30px = 230%
------------------------------------------------------------ */


/* base
------------------------------------------------------------ */
html {
	background: #4d9e37;
}
body,
form * {
	background: #4d9e37;
	color: #fff;
	font-family: Helvetica, Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", YuGothic, "游ゴシック", "メイリオ", Meiryo, sans-serif;
}
a {
	color: #fff;
	text-decoration: underline;
}
a:hover {
	color: #fff;
	text-decoration: none;
}
.image {
	font-size: 0;
	line-height: 0;
}

/* header
------------------------------------------------------------ */
header {
}
h1 {
	text-align: center;
}

/* footer
------------------------------------------------------------ */
footer {
	margin-bottom: 60px;
}
footer p {
	text-align: center;
}

/* entry-list
------------------------------------------------------------ */
@media (min-width: 768px) {
	ul.entry-list {
		width: 1080px;
		margin: 0 auto;
	}
	ul.entry-list li {
		width: 330px;
		padding: 0 15px;
	}
}
@media (max-width: 767px) {
	ul.entry-list {
		width: 100%;
	}
	ul.entry-list li {
		width: 94%;
		padding: 0 3%;
	}
	ul.entry-list li img {
		width: 100%;
		height: auto;
	}
}
ul.entry-list {
}
ul.entry-list li {
	float: left;
	margin-bottom: 30px;
}
ul.entry-list li a {
	text-decoration: none;
}
ul.entry-list li a:hover {
	text-decoration: underline;
}

/* detail
------------------------------------------------------------ */
html#detail {
	background: #fff !important;
	height: 100%;
}
body#detail {
	background: #fff !important;
	color: #4d9e37 !important;
	display: table;
	width:100%;
	height: 100%;
}
body#detail div.movie {
	display: table-cell;
    text-align: center;
    vertical-align: middle;
	position: relative;
}
body#detail div.close {
	position: fixed;
	right: 30px;
	top: 30px;
}
body#detail div.close a {
	color: #4d9e37 !important;
	text-decoration: none;
}
@media (max-width: 767px) {
	body#detail div.movie iframe {
		width: 94%;
		height: auto;
		padding: 0 3%;
	}
	body#detail div.close {
		right: 9px;
		top: 9px;
	}
}