@charset "utf-8";

/* CSS Documents */


/*
font-size list (base: 12px)
 67% =  8px
 75% =  9px
 83% = 10px
 92% = 11px        175% = 21px
100% = 12px        184% = 22px
108% = 13px        192% = 23px
117% = 14px        200% = 24px
125% = 15px        209% = 25px
133% = 16px        217% = 26px
142% = 17px
150% = 18px
159% = 19px
167% = 20px
*/


/* tags
-------------------------------------------------- */

html,
body,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		list-style: none;
		font-weight: normal;
		font-style: normal;
}

html {
		font-size: ;
		background: ;
}

body {
		margin: 0 auto;
		font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS P Gothic", sans-serif;
		font-size: 75%;
		background: #f5ecce;
		text-align: ;
		color: #fff;
}

img {
		max-width: 100%;
		vertical-align: bottom;
}

.imgFadeout {
		-webkit-transition: 0.3s;
		transition: 0.3s;
}

.imgFadeout:hover {
		opacity: 0.6;
}


/* wrap
-------------------------------------------------- */

.wrap {
		width: 980px;
		margin: 0 auto;
}


/* mainHeader
-------------------------------------------------- */

.mainHeader {
		background: #000;
		padding: 8px 0 8px;
		margin: 0;
}

.main_logo {
		width: 980px;
		margin: 0 auto;
}

.headerBg {
		width: 980px;
		height: 120px;
		margin: 0 auto;
}

.header_right li {
		float: left;
}

.header_right li:nth-child(1) {
		margin-right: 170px;
}

.header_right li:nth-child(2) {
		text-align: center;
		margin: 30px 16px 0 0;
}

.header_right li:nth-child(3) {
		text-align: center;
		margin: 30px 0 0;
}

.header_left {
		float: right;
}

.header_left ul {
		margin: 32px 0 0;
}

.header_left li {
		margin-bottom: 6px;
}


/* main
-------------------------------------------------- */

.main {
		margin-top: 24px;
}

.kv {
		float: left;
		width: 740px;
		height: 340px;
}

.notice {
		width: 240px;
		height: 340px;
		float: left;
		background: #f2f2f2;
}

.noticeText {
		overflow: hidden;
		height: 305px;
}

.notice h2 {
		text-align: center;
		background: #424242;
		padding: 4px 0 4px;
		font-weight: bold;
}

.notice li {
		border-bottom: 1px solid #d8d8d8;
}

.notice li:nth-child(1) {
		border-top: 1px solid #d8d8d8;
}

.notice li p:nth-child(1) {
		color: #6e6e6e;
}

.notice li p:nth-child(2) {
		color: #424242;
		margin-top: 6px;
}

.notice li a {
		position: relative;
		display: block;
		padding: 12px 24px 12px 12px;
		text-decoration: none;
		-webkit-transition: 0.3s;
		transition: 0.3s;
}

.notice li a:hover {
		background: #fff;
}

.notice li a:before,
.notice li a:after {
		position: absolute;
		top: 50%;
		right: 5px;
		display: block;
		content: "";
		width: 12px;
		height: 3px;
		background: #888;
		border-radius: 4px;
}

.notice li a:before {
		margin-top: -4px;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
}

.notice li a:after {
		margin-top: 3px;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
}

.notice_n {
		background: #faac58;
		padding: 1px 8px 1px;
		color: #fff;
		margin: 0 8px 0 0;
		font-weight: bold;
}


/* contents
-------------------------------------------------- */

.contents {
		margin: 24px 0 0;
}

.contents dl {
		width: 240px;
		height: 150px;
}

.contents li {
		position: relative;
		overflow: hidden;
		float: left;
}

.contents li img:hover {
	opacity: .8;
}

.contents li img {
	transition: .3s;
}

.contents li a {
		text-decoration: none;
}

.contents li:nth-child(2) {
		margin-left: 4px;
}

.contents li:nth-child(3) {
		margin-left: 4px;
}

.contents li:nth-child(4) {
		margin-left: 4px;
}

.contents li dl {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		position: absolute;
		top: 0;
		margin: 0;
		padding: 32px 20px 0;
		color: #2e2e2e;
		text-align: center;
		background: rgba(255, 255, 255, 0.9);
		opacity: 0;
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
		transition: opacity 0.6s, transform 0.6s;
}

.contents li:hover dl {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
}

.contents li dl dt {
		font-size: 117%;
		font-weight: bold;
		margin: 0 0 12px;
		padding: 8px;
		border: 1px solid #2e2e2e;
}

.contents li dl dt dd {
		font-weight: bold;
}

.dl {
		margin-top: 6px;
		text-align: center;
		background: #1c1c1c;
		padding: 8px;
		border-radius: 10px;
}

.dl a:link {
		color: #fafafa;
}

.dl a:visited | {
		color: #fafafa;
}

.contents01 {
		display: inline-block;
		width: 240px;
		height: 150px;
		background: url(../img/img_movies01.jpg);
}

.contents01::before,
.contents01::after {
		position: absolute;
		z-index: -1;
		display: block;
		content: '';
}

.contents01,
.contents01::before,
.contents01::after {
		-webkit-transition: all .3s;
		transiton: all .3s;
}

.contents01:hover {
		background: url(../img/img_movies01b.jpg);
}

.contents02 {
		display: inline-block;
		width: 240px;
		height: 150px;
		background: url(../img/img_movies02.jpg);
}

.contents02::before,
.contents02::after {
		position: absolute;
		z-index: -1;
		display: block;
		content: '';
}

.contents02,
.contents02::before,
.contents02::after {
		-webkit-transition: all .3s;
		transiton: all .3s;
}

.contents02:hover {
		background: url(../img/img_movies02b.jpg);
}

.contents03 {
		display: inline-block;
		width: 240px;
		height: 150px;
		background: url(../img/img_movies03.jpg);
}

.contents03::before,
.contents03::after {
		position: absolute;
		z-index: -1;
		display: block;
		content: '';
}

.contents03,
.contents03::before,
.contents03::after {
		-webkit-transition: all .3s;
		transiton: all .3s;
}

.contents03:hover {
		background: url(../img/img_movies03b.jpg);
}


/* summary
-------------------------------------------------- */

.summary {
		position: relative;
		overflow: hidden;
		margin: 40px 0 0 -33px;
		float: left;
}

.summary section p:nth-last-child(1) {
		color: #2e2e2e;
}

.summary section p:nth-last-child(2) {
		color: #2e2e2e;
}

.summary_text {
		position: relative;
		margin: 12px auto 12px;
		text-align: left;
}

.summary_text ul {
		text-align: center;
		position: relative;
		float: left;
		left: 50%;
}

.summary_text li {
		font-size: 150%;
		font-weight: bold;
		position: relative;
		float: left;
		left: -50%;
		display: table-cell;
		vertical-align: middle;
}

.summary_01 {
		margin: 20px 0 20px;
}

.summary_01 li:nth-child(1) {
		margin: 26px 12px 0 0;
}

.summary_01 li:nth-child(2) a {
		display: inline-block;
		padding: 12px 17px 12px;
		border: 4px solid #848484;
		border-radius: 14px;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #00e4ff), color-stop(1.00, #00bdce));
		background: -webkit-linear-gradient(#00e4ff, #00bdce);
		background: -moz-linear-gradient(#00e4ff, #00bdce);
		background: -o-linear-gradient(#00e4ff, #00bdce);
		background: -ms-linear-gradient(#00e4ff, #00bdce);
		background: linear-gradient(#00e4ff, #00bdce);
		text-shadow: -1px 0 #424242, 1px 0 #424242, 0 1px #424242, 0 -1px #424242, -1px -1px #424242, 1px -1px #424242, -1px 1px #424242, 1px 1px #424242;
		cursor: pointer;
}

.summary_01 li:nth-child(2) span {
		font-size: 67%;
		background: #084b8a;
		padding: 4px 6px 4px;
		border-radius: 8px;
		text-shadow: none;
}

.summary_01 li:nth-child(3) {
		margin: 26px 0 0 12px;
}

.summary_02 li:nth-child(1) a {
		display: inline-block;
		padding: 12px 11px 12px;
		border: 4px solid #848484;
		border-radius: 14px;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #0cdb00), color-stop(1.00, #169900));
		background: -webkit-linear-gradient(#0cdb00, #169900);
		background: -moz-linear-gradient(#0cdb00, #169900);
		background: -o-linear-gradient(#0cdb00, #169900);
		background: -ms-linear-gradient(#0cdb00, #169900);
		background: linear-gradient(#0cdb00, #169900);
		text-shadow: -1px 0 #424242, 1px 0 #424242, 0 1px #424242, 0 -1px #424242, -1px -1px #424242, 1px -1px #424242, -1px 1px #424242, 1px 1px #424242;
		cursor: pointer;
}

.summary_02 li:nth-child(1) span {
		font-size: 67%;
		background: #0b3b0b;
		padding: 4px 6px 4px;
		border-radius: 8px;
		text-shadow: none;
}

.summary_02 li:nth-child(2) {
		margin-top: 8px;
}

.summary_02 li:nth-child(3) a {
		display: inline-block;
		padding: 12px 17px 12px;
		border: 4px solid #848484;
		border-radius: 14px;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ff3600), color-stop(1.00, #cd0000));
		background: -webkit-linear-gradient(#ff3600, #cd0000);
		background: -moz-linear-gradient(#ff3600, #cd0000);
		background: -o-linear-gradient(#ff3600, #cd0000);
		background: -ms-linear-gradient(#ff3600, #cd0000);
		background: linear-gradient(#ff3600, #cd0000);
		text-shadow: -1px 0 #424242, 1px 0 #424242, 0 1px #424242, 0 -1px #424242, -1px -1px #424242, 1px -1px #424242, -1px 1px #424242, 1px 1px #424242;
		cursor: pointer;
}

.summary_02 li:nth-child(3) span {
		font-size: 67%;
		background: #610b21;
		padding: 4px 6px 4px;
		border-radius: 8px;
		text-shadow: none;
}

.summary_text p:nth-last-child(2) {
		margin: 20px 10px 0;
}

.summary_text p:nth-last-child(1) {
		margin: 12px 10px 12px;
}

#modal-content01 {
		width: 70%;
		max-width: 640px;
		margin: 0;
		padding: 10px 20px;
		border: 2px solid #aaa;
		border-radius: 20px;
		color: #424242;
		background: rgba(255, 255, 255, 0.9);
		position: fixed;
		display: none;
		z-index: 2;
}

#modal-content01 p:nth-last-child(n+2) {
		text-align: left;
}

#modal-content01 p:nth-child(3) {
		margin-bottom: 8px;
}

#modal-content01 p:nth-last-child(1) {
		display: inline-block;
		margin: 12px auto 0;
		padding: 4px 8px 4px;
		text-align: center;
		background: #848484;
		border: 2px solid #bdbdbd;
		border-radius: 8px;
		cursor: pointer;
}

#modal-content01 p:nth-last-child(2) {
		margin-bottom: 8px;
}

#modal-content01 img {
		margin-bottom: 8px;
}

#modal-content02 {
		width: 70%;
		max-width: 640px;
		margin: 0;
		padding: 10px 20px;
		border: 2px solid #aaa;
		border-radius: 20px;
		color: #424242;
		background: rgba(255, 255, 255, 0.9);
		position: fixed;
		display: none;
		z-index: 2;
}

#modal-content02 p:nth-last-child(n+2) {
		text-align: left;
}

#modal-content02 p:nth-child(3) {
		margin-bottom: 8px;
}

#modal-content02 p:nth-child(4) {
		margin-bottom: 8px;
}

#modal-content02 p:nth-last-child(1) {
		display: inline-block;
		margin-top: 12px;
		padding: 4px 8px 4px;
		background: #848484;
		border: 2px solid #bdbdbd;
		border-radius: 8px;
		cursor: pointer;
}

#modal-content03 {
		width: 70%;
		max-width: 640px;
		margin: 0;
		padding: 10px 20px;
		border: 2px solid #aaa;
		border-radius: 20px;
		color: #424242;
		background: rgba(255, 255, 255, 0.9);
		position: fixed;
		display: none;
		z-index: 2;
}

#modal-content03 p:nth-last-child(n+2) {
		text-align: left;
}

#modal-content03 p:nth-child(3) {
		margin-bottom: 8px;
}

#modal-content03 p:nth-child(4) {
		margin-bottom: 8px;
}

#modal-content03 p:nth-last-child(1) {
		display: inline-block;
		margin-top: 12px;
		padding: 4px 8px 4px;
		background: #848484;
		border: 2px solid #bdbdbd;
		border-radius: 8px;
		cursor: pointer;
}

.modalbutton-link {}

#modal-overlay {
		z-index: 1;
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 120%;
		background: rgba(0, 0, 0, 0.75);
}


/* twitter
-------------------------------------------------- */

.twitter {
		float: left;
		margin: 40px 0 0 12px;
		background: #f2f2f2;
}

.twitter div {
		padding: 0 14px 0;
}


/* sns
-------------------------------------------------- */

.sns {
		margin-top: 24px;
}

.sns02 {
		margin: 20px 0 20px;
}

.sns li {
		float: left;
}

.sns li:nth-child(2) {
		margin-left: 54px;
}

.sns li:nth-child(3) {
		margin-left: 54px;
}

.sns li:nth-child(4) {
		margin-left: 42px;
}

.sns li:nth-child(5) {
		margin-left: 8px;
}

.sns02 li:nth-child(3) {
		margin-left: 56px;
}

.sns02 li:nth-child(4) {
		margin-left: 20px;
}

.sns li img {
		-webkit-transition: 0.3s;
		transition: 0.3s;
}

.sns li img:hover {
		opacity: 0.6;
}


/* info
-------------------------------------------------- */

.info {
		margin: 32px 0 0;
		padding: 8px 0 16px;
		text-align: center;
		background: #000;
}

.info div {
		width: 980px;
		margin: 0 auto;
}

.info li {
		float: left;
		padding: 8px 0 8px;
}

.info ul li:nth-child(n+2) {
		margin-left: 12px;
}

.info p {
		color: #a4a4a4;
		font-size: 67%;
}

.statute {
		position: relative;
		overflow: hidden;
}

.statute ul {
		position: relative;
		float: left;
		left: 50%;
}

.statute li {
		position: relative;
		float: left;
		left: -50%
}

.statute li a {
		color: rgba(180, 180, 180, 1);
		border-bottom: 1px solid rgba(180, 180, 180, 1);
		text-decoration: none;
		-webkit-transition: border-color 0.3s, color 0.3s;
		transition: border-color 0.3s, color 0.3s;
}

.statute li a:hover {
		color: rgba(255, 255, 0, 1);
		border-color: rgba(255, 255, 0, 1);
}


/* mainFooter
-------------------------------------------------- */

.mainFooter {
		margin: 0 auto 0;
		text-align: center;
		padding: 16px 8px 16px;
		background: #000;
}

.mainFooter section {
		width: 980px;
		margin: 0 auto;
}

.mainFooter img {
		-webkit-transition: 0.3s;
		transition: 0.3s;
}

.mainFooter img:hover {
		opacity: 0.6;
}

.mainFooter p a {
		text-decoration: none;
}

.mainFooter p a:link {
		color: #fff;
}

.mainFooter p a:visited {
		color: #fff;
}

.mainFooter p:nth-child(2) {
		margin: 4px 0 4px 0;
}

.mainFooter p:nth-child(3) {
		margin: 12px 0 12px;
}

.mainFooter p:nth-child(n+4) {
		color: #a4a4a4;
}

#audio_button {}

#audio_button span {
		margin-right: 12px;
}

#btn_play,
#btn_pause {
		background: #f2f2f2;
		font-size: 50%;
		width: 44px;
		height: 44px;
		border-radius: 50%;
		border: none;
}


/* clearfix
-------------------------------------------------- */

.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		font-size: 0;
		clear: both;
		visibility: hidden;
}

.Release {
		margin: 6px 0 6px;
		padding: 12px 0 12px;
		border-top: 1px dashed #000;
		border-bottom: 1px dashed #000;
}