/* import */
/* Google Font */
	/* Noto Sans Japanese - General Font*/
	@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
	/* Playball - Design Font */
	@import url(https://fonts.googleapis.com/css?family=Playball);


/* click effect */
	@import url(https://cdnjs.cloudflare.com/ajax/libs/node-waves/0.7.5/waves.min.css);

/* bootstrap */
	/* Base Framework */
	@import url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css);
	/* bootstrap-FontAwesome */
	@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css);
	/* bootstrap-Drawer */
	@import url(https://cdnjs.cloudflare.com/ajax/libs/bootstrap-drawer/1.0.6/css/bootstrap-drawer.min.css);

/* Lightbox2 */
	@import url(https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/css/lightbox.min.css);

/* Animate.css */
	@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css);

/* Carousel Slider */
	@import url(https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.3.1/css/swiper.min.css);

/* MediaElement */
	@import url(https://cdnjs.cloudflare.com/ajax/libs/mediaelement/2.21.1/mediaelementplayer.min.css);

/* Card System Import */
	@import url(card.css);

/* Drawer System Import */
	@import url(drawer.css);

/* header Import */
	@import url(header.css);

/* Btn Hover Import */
	@import url(color-btn.css);

/* 00.general */
* {
	font-family: 'Noto Sans Japanese', メイリオ, serif;
	text-decoration:none;
}
a:hover, a:active, a:visited, a:link {
	text-decoration:none;
}

html {
}
body {
	background :linear-gradient(#E00, #000), url(../img/base/base.jpg);
	background-blend-mode: overlay;
	background-attachment:fixed;
	font-size:1em;
	margin:0;
}
.main {
	background:rgba(255,224,224,0.25);
	border-left:1px solid #AAA;
	border-right:1px solid #AAA;
}
/* 01.index */
/* 01-1.Header and Navigation Bar */

.index-button {
	font-weight:100;
	color:#FFF;
	padding:0.25em 3em;
	border-radius:0.2em;
	border:1px solid rgba(255,255,255,0.75);
	background:rgba(255,255,255,0.25);
	text-decoration:none;
	-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}
.index-button:hover {
	font-weight:700;
	color:#FFF;
	border-radius:1em;
	border:1px solid rgba(255,255,255,1.0);
	background:rgba(255,255,255,0.75);
	text-decoration:none;
	text-shadow:
		0px 0px 1px #000,0px 0px 1px #000,0px 0px 1px #000,0px 0px 1px #000,0px 0px 1px #000,0px 0px 1px #000,0px 0px 1px #000,0px 0px 1px #000,0px 0px 1px #000;
	-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}

.index-cell {
	font-size:1.25vw;
	color:#FFF;
	line-height:2.5em;
	width:100%;
	padding:3vw 0vw 2vw;
}
/* */
.index-graphic {
	width:100%;
	font-size:1.25vw;
	height:37.5vw;
	text-align:center;
	background:url(../img/base/index-graphic.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	padding-top:2.5vw;
}


/* index-character */
.pagetitle {
	width:100%;
	margin:2.5vw 0 1vw;
}
.index-character {
	width:100%;
	height:37.5vw;
	text-align:center;
	background:linear-gradient(#FFF, #009, #000, #000), url(../img/base/index-character.jpg);
	background-blend-mode: multiply;
	padding:0;
}
.incell-character {
	width:100%;
	height:100%;
	padding-top:26.5vw;
	background-image:url(../img/ch/all.png);
	background-position:center center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
.darkindex-button {
	font-size:1.25vw;
	font-weight:100;
	color:#000;
	padding:0.25em 3em;
	border-radius:0.2em;
	border:1px solid rgba(0,0,0,0.75);
	background:rgba(0,0,0,0.25);
	text-decoration:none;
	text-shadow:
		0px 0px 1px #FFF,0px 0px 1px #FFF,0px 0px 1px #FFF,0px 0px 1px #FFF,0px 0px 1px #FFF,0px 0px 1px #FFF,0px 0px 1px #FFF,0px 0px 1px #FFF,0px 0px 1px #FFF;
	-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}
.darkindex-button:hover {
	font-weight:700;
	color:#000;
	border-radius:1em;
	border:1px solid rgba(0,0,0,1.0);
	background:rgba(0,0,0,0.75);
	text-decoration:none;
	text-shadow:
		0px 0px 1px #FFF,0px 0px 1px #FFF,0px 0px 1px #FFF,0px 0px 1px #FFF,0px 0px 1px #FFF,0px 0px 1px #FFF,0px 0px 1px #FFF,0px 0px 1px #FFF,0px 0px 1px #FFF;
	-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}

.index-logo {
	height:13vw;
	margin:3vw 0 0 5vw;
}
.index-base {
	width:37.5vw;
	margin:0 0 0 10vw;
	text-align:center;
}
.index-text {
	width:37.5vw;
	margin:0 0 0 10vw;
	background-image:url(../img/_sm/ft_base.png);
/*
	background:rgba(0,0,0,0.75);
*/
	border-top:3px solid #999;
	border-bottom:3px solid #999;
	padding:0.75vw;
	font-size:1.0vw;
	line-height:1.5vw;
	color:#000;
	text-shadow:
		0px 0px 1px #FFF,0px 0px 1px #FFF,0px 0px 1px #FFF,0px 0px 1px #FFF,0px 0px 1px #FFF,0px 0px 1px #FFF,0px 0px 1px #FFF,0px 0px 1px #FFF,
		0px 0px 1px #FFF,0px 0px 1px #FFF,0px 0px 1px #FFF,0px 0px 1px #FFF,0px 0px 1px #FFF,0px 0px 1px #FFF,0px 0px 1px #FFF,0px 0px 1px #FFF;
}
.story-text {
}
.world-text {
	background-image:url(../img/base/index-world.jpg);
	background-position: center center;
	background-size:cover;
	width:100%;
	height:auto;
	min-height: 20vw;
}
.character-text {
	width:100%;
	height:auto;
	min-height: 30vw;
}
.r-rote {
	transform: rotate(0deg) scale(1.0,1.0);
	-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}
.l-rote {
	transform: rotate(0deg) scale(1.0,1.0);
	-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}
.r-rote:hover {
	transform: rotate(-3deg) scale(1.05,1.05);
	-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}
.l-rote:hover {
	transform: rotate(3deg) scale(1.05,1.05);
	-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}
.character-cell {
	margin:2vw 1vw 4vw;
	border:1px solid rgba(255,0,0,0.75);
	width:19.2vw;
	height:10.8vw;
	box-shadow:3px 5px 8px rgba(224,0,0,0.25);
}
.horizonal {
	display:inline;
	width:10%;
	margin:1vw;

}
.footercontainer {
	background:url(../img/_sm/ft_base.png);
	border-left:1px solid #AAA;
	border-right:1px solid #AAA;
}
.header_panel {
	margin:-0.5vw 0.25vw 0.75vw;
	padding:0.3vw;
	font-size:1.5vw;
	border:1px solid #FFF;
	border-radius:1.5vw;
	width:3vw;
	height:3vw;
	color:#FFF;
	-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}
.header-cell {
	margin:0 0 0 20vw;
}
.footer_panel {
	font-size:2.0vmin;
	color:#999;
	margin:0.5em 0px 1em;
	padding:0.25em 1.25em;
}
.footer_panel {
	background:rgba(255,255,255,0.1);
	border-left:1px dotted #FFF;
	-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}
.header_panel:hover, .footer_panel:hover {
	background:rgba(255,255,255,0.5);
	color:#000;
	-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}
.header_panel:hover {
	box-shadow:
		0px 5px 0px #000;
}

.footer {
	padding:1em;
	text-align:center;
	text-shadow:
		 0px  0px 2px #FFF,0px 0px 2px #FFF,0px  0px 2px #FFF,
		 0px  0px 2px #FFF,0px 0px 2px #FFF,0px  0px 2px #FFF,
		 0px  0px 2px #FFF,0px 0px 2px #FFF,0px  0px 2px #FFF,
		 0px  0px 2px #FFF,0px 0px 2px #FFF,0px  0px 2px #FFF,
		-1px -1px 0px #DDD,0px 0px 0px #DDD,1px -1px 0px #DDD,
		-1px  0px 0px #DDD,0px 0px 0px #DDD,1px  0px 0px #DDD,
		-1px  1px 0px #DDD,0px 0px 0px #DDD,1px  1px 0px #DDD;
}
.bnr {
	margin:10px 0;
}

/* 01-2.Carousel Slider * Swiper */
.swiper-container {
	width: 100%;
	height:40vw;
}
.swiper-slide {
	width: 100%;
	height:40vw;
	margin:0px 0 35px;
	font-size:1.8vw;
	font-weight:100;
	background-position: center;
	background-size: cover;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	color:#000;
	text-shadow:
		0px 0px 1px #FFF, 0px 0px 1px #FFF, 0px 0px 1px #FFF, 0px 0px 1px #FFF,
		0px 0px 1px #FFF, 0px 0px 1px #FFF, 0px 0px 1px #FFF, 0px 0px 1px #FFF,
		0px 0px 2px #FFF, 0px 0px 2px #FFF, 0px 0px 2px #FFF, 0px 0px 2px #FFF;
}
.slider01 {background:url(../img/slider/01.png); background-position:center center; -moz-background-size:cover; background-size:cover; -moz-background-size:100% auto; background-size:100% auto; background-repeat:no-repeat;}
.slider02 {background:url(../img/slider/02.png); background-position:center center; -moz-background-size:cover; background-size:cover; -moz-background-size:100% auto; background-size:100% auto; background-repeat:no-repeat;}
.slider03 {background:url(../img/slider/03.png); background-position:center center; -moz-background-size:cover; background-size:cover; -moz-background-size:100% auto; background-size:100% auto; background-repeat:no-repeat;}
.slider04 {background:url(../img/slider/04.png); background-position:center center; -moz-background-size:cover; background-size:cover; -moz-background-size:100% auto; background-size:100% auto; background-repeat:no-repeat;}
.slider05 {background:url(../img/slider/05.png); background-position:center center; -moz-background-size:cover; background-size:cover; -moz-background-size:100% auto; background-size:100% auto; background-repeat:no-repeat;}
.slider06 {background:url(../img/slider/06.png); background-position:center center; -moz-background-size:cover; background-size:cover; -moz-background-size:100% auto; background-size:100% auto; background-repeat:no-repeat;}
.swiper-pagination-bullet {
	box-shadow:
		-1px  0px 0px #fff,  1px  0px 0px #fff,  0px -1px 0px #fff,  0px 1px 0px #fff,
		-1px -1px 0px #fff, -1px  1px 0px #fff,  1px -1px 0px #fff,  1px 1px 0px #fff,
		-2px -2px 1px #CCC, -2px -1px 1px #CCC,	-2px  0px 1px #CCC, -2px 1px 1px #CCC, -2px 2px 1px #CCC,
		-1px -2px 1px #CCC, -1px  2px 1px #CCC,
		 0px -2px 1px #CCC,  0px  2px 1px #CCC,
		 1px -2px 1px #CCC,  1px  2px 1px #CCC,
		 2px -2px 1px #CCC,  2px -1px 1px #CCC,	 2px  0px 1px #CCC,  2px 1px 1px #CCC,  2px 2px 1px #CCC;
}

/* 01-2.Animate.css * Custom */
.characterfade {
	-vendor-animation-duration: 3s;
	-vendor-animation-delay: 2s;
	-vendor-animation-iteration-count: infinite;
}


/* 01-3.HoverEffect */
.ch-img-field1 {background-image: url(../img/field/thumb/field1.jpg);}
.ch-img-field2 {background-image: url(../img/field/thumb/field2.jpg);}
.ch-img-field3 {background-image: url(../img/field/thumb/field3.jpg);}
.ch-img-field4 {background-image: url(../img/field/thumb/field4.jpg);}
.ch-img-field5 {background-image: url(../img/field/thumb/field5.jpg);}
.ch-img-field6 {background-image: url(../img/field/thumb/field6.jpg);}
.ch-img-field7 {background-image: url(../img/field/thumb/field7.jpg);}
.ch-grid {
	margin: 1vw 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}
.ch-grid > li {
	width: 10vw;
	height: 10vw;
	display: inline-block;
	margin: 1vw;
}
.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	cursor: default;
	box-shadow:inset 0 0 0 10px rgba(255,255,255,0.6),0 1px 2px rgba(0,0,0,0.1);
}
.ch-info {position: absolute;
	background: rgba(63,147,147, 0.3);
	width: inherit;
	height: inherit;
	border-radius: 50%;
	overflow: hidden;
	opacity: 1;
}
.ch-item {width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
	box-shadow: inset 0 0 0 0 rgba(200,95,66, 0.4),inset 0 0 0 0.5vw rgba(255,255,255,0.6),0 1px 2px rgba(0,0,0,0.1);
	transition: all 0.4s ease-in-out;
}
.ch-info {position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
	opacity: 0;
	transition: all 0.4s ease-in-out;
	transform: scale(0);
	backface-visibility: hidden;
}
.ch-info h3 {color: #fff;
	text-transform: uppercase;
	text-align:center;
	osition: relative;
	letter-spacing: 2px;
	font-size: 1vw;
	margin: 3vw 0;
	padding: 1.2vw 0 0;
	height: 60px;
	text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3);
}
.ch-info p a:hover {
	color: rgba(255,242,34, 0.8);
}
.ch-item:hover {
	box-shadow:inset 0 0 0 10vw rgba(0,0,0, 0.25),inset 0 0 0 0.5vw rgba(255,255,255,0.8),0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info {opacity: 1;transform: scale(1);}
.thumb2modal, .thumb2modal:hover {color:#FFF;text-decoration:none;}
.fieldimage {border:1px solid #666;margin-bottom:1em;box-shadow:0px 5px 5px rgba(0,0,0,0.6);}
.modal-body {font-size:1.5em; color:#666;}

/* 02. */
@font-face {
	font-family: 'kokoro';
	src: url(../font/kokoro.eot);
	src: local('kokoro Regular'), local('kokoro'),
		url(../font/kokoro.otf) format('opentype');
}
.stagetext {
	font-size:1.75em;
	color:#FFF;
	line-height:1.5em;
	margin:0.25em 0;
	padding-left:15px;
}
.stagecaption {
	font-family: 'kokoro';
	font-style:oblique;
	font-size:2.5em;
	color:#FFF;
	line-height:2em;
	margin:2em 0;
	padding-left:15px;
}
.stagename {
	font-size:2em;
	color:#FFF;
	font-weight:900;
	margin:0;
	padding-left:5px;
	border-left:10px solid #D60 ;
	border-bottom:1px dotted #DDD;
}
.contents {
	padding:1em 0;
}

/* 03. */
.storytext {
	font-size:1.75em;
	color:#FFF;
	line-height:2em;
	margin:1.5em 0;
	padding-left:15px;
}
.storycaption {
	font-family: 'kokoro';
	font-style:oblique;
	font-size:2.5em;
	color:#FFF;
	line-height:2em;
	margin:2em 0;
	padding-left:15px;
}
.storyname {
	font-size:2em;
	color:#FFF;
	font-weight:900;
	margin:0;
	padding-left:5px;
	border-left:10px solid #D60 ;
	border-bottom:1px dotted #DDD;
}

/* Keyword */
.card4word {
	background:rgba(255,255,255,0.75);
	border:1px solid #666;
	box-shadow:0px 5px 10px rgba(0,0,0,0.5);
	padding:0em;
	height:45em;
}

.key-caption {
	margin:0em 0;
	padding:10.5em 0 0.5em;
	border-bottom:1px solid #666;
	font-size:1.9em;
	font-weight:700;
	color:#FFF;
	width:100%;
	text-align:center;
	box-shadow:inset 0px -45px 65px -20px #FFF;
	text-shadow:0px 0px 1px #000,0px 0px 1px #000,0px 0px 1px #000,0px 0px 1px #000,0px 0px 1px #000,0px 0px 1px #000,0px 0px 1px #000,0px 0px 1px #000,0px 0px 1px #000;
}
.keyword01 {background-image:url(../img/keyword/01.png);background-position: center center;background-size:cover;}
.keyword02 {background-image:url(../img/keyword/02.png);background-position: center center;background-size:cover;}
.keyword03 {background-image:url(../img/keyword/03.png);background-position: center center;background-size:cover;}
.keyword04 {background-image:url(../img/keyword/04.png);background-position: center center;background-size:cover;}
.keyword05 {background-image:url(../img/keyword/05.png);background-position: center center;background-size:cover;}
.keyword06 {background-image:url(../img/keyword/06.png);background-position: center center;background-size:cover;}
.keyword07 {background-image:url(../img/keyword/07.png);background-position: center center;background-size:cover;}
.keyword08 {background-image:url(../img/keyword/08.png);background-position: center center;background-size:cover;}
.keyword09 {background-image:url(../img/keyword/09.png);background-position: center center;background-size:cover;}
.keyword10 {background-image:url(../img/keyword/10.png);background-position: center center;background-size:cover;}
.keyword11 {background-image:url(../img/keyword/11.png);background-position: center center;background-size:cover;}
.keyword12 {background-image:url(../img/keyword/12.png);background-position: center center;background-size:cover;}
.keyword13 {background-image:url(../img/keyword/13.png);background-position: center center;background-size:cover;}
.keyword14 {background-image:url(../img/keyword/14.png);background-position: center center;background-size:cover;}
.key-text {
	margin:0.5em 1em 0.75em;
	padding-bottom:0.5em;
	font-size:1.5em;
	font-weight:400;
	letter-spacing:-0.05em;
	color:#000;
}

/* 04. */
.groupname {
	font-size:2em;
	color:#FFF;
	font-weight:900;
	margin:1em 0 0;
}
.god {
	padding-left:5px;
	border-left:10px solid #DD0;
	border-bottom:1px dotted #DDD;
}
.demon {
	padding-left:5px;
	border-left:10px solid #A00;
	border-bottom:1px dotted #DDD;
}
.unknown {
	padding-left:5px;
	border-left:10px solid #0F6;
	border-bottom:1px dotted #DDD;
}
.mainrole {
	padding-left:5px;
	border-left:10px solid #06F;
	border-bottom:1px dotted #DDD;
}

/* 05. */
.modal-header {
	padding:10px 10px 10px 15px;
}
.modalwords {
	font-family: 'kokoro';
	font-size:1.5em;
	letter-spacing:-0.15em;
}
.modalcaption {
	font-size:1.25em;
	font-weight:700;
	color:#666;
	border-left:10px solid #900;
	border-bottom:1px dotted #666;
	padding-left:7px;
}
.modaltext {
	font-size:1em;
	font-weight:200;
	color:#000;
	padding-left:17px;
	padding-bottom:1em;
}

/* 06.media */
.openclose_btn:hover, .openclose_btn:active, .openclose_btn:visited, .openclose_btn:link {
	color:#FFF;
}

.openclose_btn {
	font-size:1.5em;
	font-weight:100;
	padding:0.25em 1.5em;
	margin:0.75em 0.25em;
	background:rgba(255,255,255,0.25);
	border:1px solid rgba(255,255,255,0.2);
	border-radius:0.2em;
	-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}
.openclose_btn:hover {
	font-weight:700;
	background:rgba(255,255,255,0.75);
	border:1px solid rgba(255,255,255,1.0);
	border-radius:1.5em;
	text-shadow:0px 0px 1px #000,0px 0px 1px #000,0px 0px 1px #000,0px 0px 1px #000,0px 0px 1px #000,0px 0px 1px #000,0px 0px 1px #000,0px 0px 1px #000,0px 0px 1px #000;
	-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}
p.bnr-name {
	border-left:45% solid #0F9;
	border-right:45% solid #0F9;
}

p.subject {
	border-bottom:1px dotted #DDD;
	margin-bottom:1em;
}
p.square-name {
	padding-left:5px;
	border-left:10px solid #0F9;
}
p.large-name {
	padding-left:5px;
	border-left:10px solid #F60;
}
p.skyscraper-name {
	padding-left:5px;
	border-left:10px solid #09F;
}

p.tw-header-name {
	padding-left:5px;
	border-left:10px solid #9F0;
}
p.tw-avatar-name {
	padding-left:5px;
	border-left:10px solid #90F;
}
.square, .large, .skyscraper, .tw_header, .tw_avatar {
	margin:0 0 2em;
	box-shadow:0px 5px 10px rgba(0,0,0,0.75);
}
.download-btn {
	border:1px solid rgba(0,0,0,0.85);
	box-shadow:0px 5px 5px #000;
	-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}
.download-openclose {
	background-color:#FFF;
	margin:1em 0 2em;
	-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}
.download-openclose:hover .download-btn {
	cursor:pointer;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;              /* Safari 1.x */
	opacity:0.6;
	zoom:1;
	background:rgba(255,255,255,0.5);
	-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}
.thumb-bgm {
	max-width:;
}

.audiocell, .videocell {
	padding:1em;
}

/* 07. */
/* 08.Spec */
hr.separate1 {
	margin:0.5em 0;
	border-top:3px double rgba(255,255,255,0.75);
}
hr.separate2 {
	border:0px;
	height:7px;
	background:url(img/_sm/stripe.png);
}
.mv {
	text-align:center;
	width:70%;
	padding:1em;
}

dd.songname {
	font-family: 'Playball', cursive;
	font-size:1.75em;
}