@charset "UTF-8";
.pc * {
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	-ms-transition: all 400ms;
	-o-transition: all 400ms;
	transition: all 400ms;
}
.header_next {
	text-align: left;
	background-size: cover;
	background-position: 50%;
	overflow: hidden;
	z-index: 1
}
.header_next section {
	height: 300px; line-height: 300px;
	background-position: 0 100%;
}
.header_next section.marugo {
	top: 115px;
	height: 300px;
	font-size: 160px;
	font-weight: bold;
	color: #ffffff;
}
.header_next::before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	display: block;
	width: 100%; height: 100%;
	background-image: url(../_img/titlebg_pattern.png);
}
/* ---------- Staff List ---------- */
.staff_list {
	float: right;
	width: 800px;
	font-size: 14px;
}
.staff_list dt, .staff_list dd {
	float: left;
	margin: 0 0 12px;
	height: 20px;
}
.staff_list dt {
	clear: both;
	width: 150px;
	margin-right: 8px;
	color: #ffffff;
	background-color: #F06292;
	border-radius: 4px;
}
.staff_list dd {
	width: 600px;
	text-align: left;
}
.staff_list dt.half {
	clear: none;
}
.staff_list dt.half + dd {
	width: 240px;
}

/* ---------- Dot Border ---------- */
.dotborder, .dotborderw {
	padding-bottom: 16px;
	line-height: 55px;
	text-indent: 55px;
	letter-spacing: 1px;
	font-size: 50px;
	font-weight: bold;
	text-align: left;
}
.dotborder { color: #ea68a2;
	background-image: url(../_img/subtitle-hearts.png);
}
.dotborderw { color: #ffffff;
	background-image: url(../_img/subtitle-heartsw.png);
}
.dotborder span, .dotborderw span {
	top: -10px;
	padding-left: 5px;
	line-height: 30px;
	font-size: 20px;
	letter-spacing: 10px;
}
.dotborder::after, .dotborderw::after {
	content: "";
	position: absolute;
	bottom: 0; left: 0;
	display: block;
	width: 100%; height: 4px;
	background-repeat: repeat-x;
}
.dotborder::after {
	background-image: url(../_img/dotline.png);
}
.dotborderw::after {
	background-image: url(../_img/dotline_w.png);
}

/* ========== ========== ========== ========== ========== */
/* TOP PAGE */
/* ========== ========== ========== ========== ========== */
.description-seo {
	position: absolute;
	top: 0; left: 0;
	width: 50%;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	display: none;
}
.description-seo::after {
	content: "";
	position: absolute;
	top: 0; left: 0;
	display: block;
	width: 100%; height: 100%;
	background-color: #fefefe;
}
.description-seo p {
	display: inline-block;
}
/* ---------- Main Visual ---------- */
#top-visual {
	width: 100%; height: 700px;
	text-indent: 0;
	background-image: url(../_img/background-top.jpg);
	background-position: 50%;
	background-size: cover;
	z-index: 8;
}
#top-visual section {
	position: relative;
	height: 100%;
}
#top-visual ul {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
}
#top-visual ul li {
	position: absolute;
	left: 0; bottom: 0;
	width: 100%;
	text-align: center;
	transition: none;
}
#particles-js {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
}
/* ---------- Logo Area ---------- */
#top-logo_area {
	background-color: #f069a3;
	padding-bottom: 50px;
	background-image: url(../_img/mainstaff.png);
	background-position: 50% 100%;
	z-index: 9;
}
#top-logo_area .wrap {
	overflow: visible;
}
#top-logo_area section {
	height: 50px;
	bottom: 0px;
}
#top-logo_area section div {
	position: absolute;
	bottom: 0;
}
#top-logo_area #onikiss_package a {
	top: 0px;
	transition: all 200ms;
}
#top-logo_area #onikiss_package a:hover {
	top: -8px;
}
#top-logo_area #onikiss_package {
	left: -60px;
}
#top-logo_area #onikissh_logo {
	left: 275px;
}
#top-logo_area #release_date {
	bottom: 20px;
	right: 0px;
}

/* ---------- Countdown ---------- */
#top-countdown {
	height: 240px;
	border-top: 20px solid #f069a3;
	background-color: #f6ab00;
}
#top-countdown::before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	display: block;
	width: 100%; height: 100%;
	background-image: url(../image/countdown/pattern.png);
	background-repeat: repeat-x;
	background-position: 0 100%;
	opacity: 0;
	transition: all 400ms;
	-webkit-animation: playinganime 2s linear infinite;
	-moz-animation: playinganime 2s linear infinite;
	-ms-animation: playinganime 2s linear infinite;
	-o-animation: playinganime 2s linear infinite;
	animation: playinganime 2s linear infinite;
}
@-webkit-keyframes playinganime {
	0% { background-position: 0 100% }
	100% { background-position: -50px 100% }
}
@-moz-keyframes playinganime {
	0% { background-position: 0 100% }
	100% { background-position: -50px 100% }
}
@-ms-keyframes playinganime {
	0% { background-position: 0 100% }
	100% { background-position: -50px 100% }
}
@-o-keyframes playinganime {
	0% { background-position: 0 100% }
	100% { background-position: -50px 100% }
}
@keyframes playinganime {
	0% { background-position: 0 100% }
	100% { background-position: -50px 100% }
}
#top-countdown.playing::before {
	opacity: 1;
}
#top-countdown section {
	text-align: left;
}
#top-countdown figure {
	cursor: pointer;
	margin: 0 0 0 60px;
	width: 550px;
	height: 100%;
}
#top-countdown figure::before {
	content: "";
	position: absolute;
	bottom: 0; left: 450px;
	display: block;
	width: 100px; height: 100px;
	background-image: url(../image/countdown/voiceicon.png);
	background-position: 50%;
	background-repeat: no-repeat;
	z-index: 5;
}
#top-countdown figure:hover {
	opacity: 0.7;
}
#countdown-text {
	position: absolute;
	top: 30px; right: 80px;
	width: 400px; height: 160px;
	letter-spacing: -2px;
	text-align: center;
	background-color: #ffffff;
	border-radius: 6px;
}
#countdown-text::before {
	content: "";
	position: absolute;
	top: 65px; left: -24px;
	display: block;
	width: 0; height: 0;
	border-top: 15px solid transparent;
	border-right: 25px solid #ffffff;
	border-left: 0px solid transparent;
	border-bottom: 15px solid transparent;
}
#countdown-text p {
	height: 80px;
	line-height: 70px;
	color: #ed6c2e;
	white-space: nowrap;
	font-weight: bold;
}
#countdown-text p:first-of-type {
	line-height: 100px;
}
#countdown-text p:last-of-type {
	position: absolute;
	bottom: -20px;
	width: 100%; height: auto;
	line-height: 1;
	letter-spacing: 0;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
}

#release_date.countdown {
	width: 300px;
}
#release_date.countdown img {
	cursor: pointer;
	position: absolute;
	bottom: 0; left: 0;
	-webkit-animation: countdownanime 2.2s infinite;
	-moz-animation: countdownanime 2.2s infinite;
	-o-animation: countdownanime 2.2s infinite;
	-ms-animation: countdownanime 2.2s infinite;
	animation: countdownanime 2.2s infinite;
}
@-webkit-keyframes countdownanime {
	0%  {bottom: 0px}
	5%  {bottom: 15px}
	10% {bottom: 0px}
	15% {bottom: 10px}
	20% {bottom: 0px}
	100% {bottom: 0px}
}
@-moz-keyframes countdownanime {
	0%  {bottom: 0px}
	5%  {bottom: 15px}
	10% {bottom: 0px}
	15% {bottom: 10px}
	20% {bottom: 0px}
	100% {bottom: 0px}
}
@-ms-keyframes countdownanime {
	0%  {bottom: 0px}
	5%  {bottom: 15px}
	10% {bottom: 0px}
	15% {bottom: 10px}
	20% {bottom: 0px}
	100% {bottom: 0px}
}
@-o-keyframes countdownanime {
	0%  {bottom: 0px}
	5%  {bottom: 15px}
	10% {bottom: 0px}
	15% {bottom: 10px}
	20% {bottom: 0px}
	100% {bottom: 0px}
}
@keyframes countdownanime {
	0%  {bottom: 0px}
	5%  {bottom: 15px}
	10% {bottom: 0px}
	15% {bottom: 10px}
	20% {bottom: 0px}
	100% {bottom: 0px}
}

/* ---------- Banner Area ---------- */
#top-banner_area {
	background-color: #f069a3;
}
#top-banner_area section {
	padding: 20px 0 20px;
}
#top-banner_area ul::after {
	content: "";
	display: block;
	clear: both;
}
#top-banner_area li {
	float: left;
	margin: 8px 8px 12px;
}
#top-banner_area .new::before {
	content: "";
	position: absolute;
	top: 0; right: 0;
	display: block;
	width: 50px; height: 50px;
	background-image: url(../_img/new.png);
	background-repeat: no-repeat;
	background-position: 100% 0%;
	z-index: 1;
}
#top-banner_area li a {
	display: block;
}
#top-banner_area li a:hover {
	opacity: 0.9;
}
#top-banner_area li a::after {
	content: "";
	position: absolute;
	top: 0; left: 0;
	display: block;
	width: 100%; height: 100%;
	background-color: #ffffff;
	opacity: 0;
	transition: all 400ms;
}
#top-banner_area li a:hover::after {
	opacity: 0.5;
}
.banner_area3 li { width: 350px }
.banner_area2 li { width: 530px }
.banner_area1 li { width: 1085px }
.banner_area2 li:nth-of-type(2n-1) {
	margin-right: 14px !important;
}

/* ---------- Information Area ---------- */
#top-information {
	margin-top: 60px;
}

#top-news {
	position: absolute;
	top: 0; left: 0;
	width: 744px; height: 100%;
}
#top-news h3 {
	margin-bottom: 26px;
	z-index: 2;
}
#top-news dl {
	overflow-y: scroll;
	width: 100%; height: 746px;
	text-align: left;
	/*background-color: rgba(234,104,162,0.1);*/
	border: 2px dashed #aaaaaa;
	border-radius: 5px;
}
#top-news dt {
	padding: 20px 4px 15px;
	color: #ea68a2;
	font-size: 20px;
	font-weight: bold;
}
#top-news dt span {
	top: -3px;
	margin-left: 20px;
	padding: 0 8px;
	display: inline-block;
	height: 30px; line-height: 33px;
	font-size: 16px;
	color: #ffffff;
	background-color: #ea68a2;
	border-radius: 4px;
}
#top-news dd {
	padding: 0 40px 12px;
	border-bottom: 2px solid #aaaaaa;
}
#top-news dd p {
	padding: 5px 0;
}
/*#top-news .image1,
#top-news .image2,
#top-news .image3,
#top-news .image4 {
	overflow: hidden;
}*/
.newsimage img {
	max-width: 32%;
}
.newsimage.image4 img {
	max-width: 24%;
}

/* twitter timeline */
#top-twitter {
	float: right;
	width: 284px;
}
#top-twitter h3 {
	height: 60px;
	text-indent: 100%;
	overflow-x: hidden;
	white-space: nowrap;
	text-align: left;
	background-image: url(../_img/subtitle-twitter.png);
	z-index: 2;
}
#top-twitter div {
	top: -32px;
	height: 500px;
	padding: 35px 0 25px;
	background-color: #588dcb;
	border: 2px solid #588dcb;
	border-radius: 5px;
}
#top-twitter * {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

/* blog link */
#top-blog {
	clear: both;
	float: right;
}

/* ---------- Outline ---------- */
#top-products {
	margin-top: 60px;
	padding: 100px 0;
	background-color: #fff899;
	background-image: url(../_img/products_asahi.gif);
	background-position: 100% 100%;
}
#top-products::before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	display: block;
	width: 100%; height: 80px;
	background-image: url(../_img/dot_white2transp.png);
	background-repeat: repeat-x;
}
#top-outline h3 {
	margin-bottom: 26px;
}
#top-outline img {
	float: left;
	width: 250px; height: 358px;
}
#top-outline dl {
	float: left;
	width: 774px;
	margin-left: 72px;
	text-align: left;
}
#top-outline dt {
	cursor: default;
	clear: both; float: left;
	width: 168px; height: 30px;
	margin: 0 16px 20px 0;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	color: #ffffff;
	background-color: #ea68a2;
	border-radius: 4px;
}
#top-outline dd {
	float: left;
	height: 30px;
	line-height: 30px;
}

#top-outline .half dt {
	clear: none;
	/*width: 216px;*/
}
#top-outline .half dd {
	width: 200px;
}

#outline-link {
	float: left;
	width: 774px;
	margin-top: 16px;
	margin-left: 72px;
	text-align: left;
}
#outline-link a {
	display: inline-block;
	width: 360px; height: 38px;
	line-height: 38px;
	text-align: center;
	color: #ea68a2;
	background-color: #ffffff;
	border: 2px solid #ea68a2;
	border-radius: 6px;
}
#outline-link a:hover {
	opacity: 0.7;
}
.line_dotted {
	line-height: 80px;
	background-image: url(../_img/dotline.png);
	background-position: 50%;
	background-repeat: repeat-x;
}
/* ---------- Staff ---------- */
#top-staff {
	padding-top: 100px;
}
#top-staff h3 {
	margin-bottom: 26px;
}
#top-staff dt {
	cursor: default;
	float: left;
	width: 168px; height: 30px;
	margin: 0 16px 20px 0;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	color: #ffffff;
	background-color: #ea68a2;
	border-radius: 4px;
}
#top-staff dt.wide2 {
	width: 364px;
}
#top-staff dd {
	float: left;
	width: 180px; height: 30px;
	line-height: 30px;
	text-align: left;
}
#top-staff dd.wide2 {
	width: 348px;
}
#top-staff dd.wide3 {
	width: 544px;
}
#top-staff dd.wide4 {
	width: 708px;
}
#top-staff dd.wide5 {
	width: 904px;
}


/* ========== ========== ========== ========== ========== */
/* CONCEPT */
/* ========== ========== ========== ========== ========== */
#concept_title {
	background-image: url(../_img/titlebg-concept.png);
}

/* ---------- Story ---------- */
#concept-story {
	margin-top: 60px;
	height: 1265px;
	background-image: url(../_img/story-bg.jpg);
	background-position: 50% 385px;
	background-size: 1731px 945px;
}
#story-text {
	margin-top: 36px;
	height: 546px;
	background-image: url(../_img/story-text.png);
	background-position: 50%;
}
#story-chara {
	position: absolute;
	top: 385px; left: 0;
	width: 100%; height: 100%;
	z-index: -1;
}
#story-chara div {
	position: absolute;
}
/*#story-chara div.active {
	-webkit-animation: charajump 700ms ease;
	   -moz-animation: charajump 700ms ease;
		-ms-animation: charajump 700ms ease;
		 -o-animation: charajump 700ms ease;
			animation: charajump 700ms ease;
}
@-webkit-keyframes charajump {
	0% { margin-top: 0px }
	20% { margin-top: -15px }
	50% { margin-top: 0px }
	70% { margin-top: -15px }
	100% { margin-top: 0px }
}
@-moz-keyframes charajump {
	0% { margin-top: 0px }
	20% { margin-top: -15px }
	50% { margin-top: 0px }
	70% { margin-top: -15px }
	100% { margin-top: 0px }
}
@-ms-keyframes charajump {
	0% { margin-top: 0px }
	20% { margin-top: -15px }
	50% { margin-top: 0px }
	70% { margin-top: -15px }
	100% { margin-top: 0px }
}
@keyframes charajump {
	0% { margin-top: 0px }
	20% { margin-top: -15px }
	50% { margin-top: 0px }
	70% { margin-top: -15px }
	100% { margin-top: 0px }
}
*/
#story-yayoi {
	top: 270px; left: 160px;
	width: 224px; height: 428px;
	background-image: url(../_img/story-yayoi.png);
}
#story-mahiru {
	top: 261px; left: -59px;
	width: 500px; height: 715px;
	background-image: url(../_img/story-mahiru.png);
}
#story-asahi {
	top: 230px; left: 252px;
	width: 552px; height: 780px;
	background-image: url(../_img/story-asahi.png);
}
#story-saya {
	top: 165px; right: -120px;
	width: 552px; height: 780px;
	background-image: url(../_img/story-saya.png);
}

/* ---------- Hint ---------- */
#concept-hint {
	padding: 28px 0 60px;
	background-color: #ffffff;
}
#concept-hint::before {
	content: "";
	position: absolute;
	top: -76px; left: 0;
	width: 100%; height: 76px;
	background-image: url(../_img/dot_transp2white.png);
	background-repeat: repeat-x;
}

#hint-mh {
	height: 154px;
	background-image: url(../_img/hint-title.png);
	background-position: 20px 0;
}
#hint-mh::before {
	content: "";
	position: absolute;
	top: 59px; left: 825px;
	display: block;
	width: 275px; height: 75px;
	background-color: #ea68a2;
	border-radius: 5px;
}
#hint-mh p {
	margin: 0 0 0 auto;
	width: 940px; height: 34px;
	line-height: 36px;
	font-size: 18px;
	letter-spacing: 3px;
	text-align: center;
	border: 1px solid #9f8c84;
	border-radius: 17px;
}
#hint-mh p::before {
	content: "";
	position: absolute;
	bottom: -11px; left: 218px;
	width: 0; height: 0;
	border-top: 11px solid #9f8c84;
	border-left: 7px solid transparent;
	border-bottom: 0px solid transparent;
	border-right: 7px solid transparent;
}
#hint-mh p::after {
	content: "";
	position: absolute;
	bottom: -9px; left: 220px;
	width: 0; height: 0;
	border-top: 9px solid #ffffff;
	border-left: 5px solid transparent;
	border-bottom: 0px solid transparent;
	border-right: 5px solid transparent;
}
#hint-mh q { /* おにキスH */
	quotes: none;
	position: absolute;
	top: 60px; left: 0px;
	display: block;
	height: 100px; line-height: 100px;
	padding-left: 154px;
	letter-spacing: -4px;
	text-align: left;
	font-size: 90px;
	font-weight: bold;
}
#hint-mh span {
	position: absolute;
	font-weight: bold;
}
#hint-mh span:nth-of-type(1) { /* をより楽しむための */
	left: 565px; top: 70px;
	height: 30px; line-height: 30px;
	letter-spacing: -2px;
	font-size: 30px;
}
#hint-mh span:nth-of-type(2) { /* キーワードは */
	left: 565px; top: 98px;
	height: 45px; line-height: 45px;
	letter-spacing: -2px;
	font-size: 44px;
}
#hint-mh span:nth-of-type(3) { /* MH */
	left: 820px; top: 56px;
	height: 105px; line-height: 105px;
	font-size: 101px;
	letter-spacing: -22px;
	color: #ffffff;
}
#hint-mh span:nth-of-type(4) { /* x3 */
	left: 975px; top: 82px;
	height: 70px; line-height: 70px;
	font-size: 70px;
	letter-spacing: -16px;
	color: #ffffff;
}
#hint-mh span:nth-of-type(5) { /* ! */
	left: 1033px; top: 57px;
	height: 105px; line-height: 105px;
	font-size: 105px;
	letter-spacing: -16px;
	color: #ffffff;
	font-weight: normal;
	transform: rotate(4deg);
}
#hint-mh span:nth-of-type(6) { /* もっとえっち */
	left: 986px; top: 62px;
	width: 93px; height: 19px;
	line-height: 22px;
	font-size: 15px;
	letter-spacing: -4px;
	color: #ea68a2;
	font-weight: normal;
	background-color: #ffffff;
	border-radius: 10px;
}

.moreh {
	margin-top: 25px;
	padding-left: 294px;
	height: 166px;
	text-align: left;
	background-position: 100% 0;
}
.moreh h4 {
	text-indent: 100%;
	overflow-x: hidden;
	white-space: nowrap;
}
.moreh p {
	line-height: 28px;
	font-size: 20px;
}
#MH1 {
	background-image: url(../_img/hint-mh1.png);
}
#MH1 h4 { height: 130px }
#MH2 {
	background-image: url(../_img/hint-mh2.png);
}
#MH2 h4 { height: 98px }
#MH3 {
	background-image: url(../_img/hint-mh3.png);
}
#MH3 h4 { height: 102px }

/* ---------- Point ---------- */
#concept-point {
	padding: 120px 0;
	background-image: url(../_img/point-bg.png);
	background-repeat: repeat;
}
#concept-point::before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100px;
	background-image: url(../_img/dot_white2transp.png);
	background-repeat: repeat-x;
}

.point_text {
	margin: 50px 0;
}
.point_text p {
	line-height: 44px;
	font-size: 25px;
	color: #ffffff;
	text-align: left;
}

.point-system li {
	cursor: pointer;
	float: left;
	margin: 0 8px;
}
.point-system li::after {
	content: "";
	position: absolute;
	top: 0; left: 0;
	display: block;
	width: 100%; height: 100%;
	background-image: url(../_img/point-system.png);
	z-index: 1;
	transition: all 400ms;
}
.point-system li:hover::after {
	opacity: 0;
}
.point-system li.non {
	cursor: default;
}
.point-system li.non::after {
	display: none;
}

/* ---------- Outline ---------- */
#concept #top-products {
	margin: 0;
	padding-bottom: 300px;
}
#concept #top-products::before {
	top: -76px;
	background-color: transparent;
	background-image: url(../_img/dot_transp2yellow.png);
}

/* ---------- Spec ---------- */
#concept-spec {
	padding-top: 100px;
}
#concept-spec h3 {
	margin-bottom: 26px;
}
#concept-spec dt {
	cursor: default;
	float: left;
	width: 168px; height: 30px;
	margin: 0 16px 20px 0;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	color: #ffffff;
	background-color: #ea68a2;
	border-radius: 4px;
}
#concept-spec dd {
	float: left;
	width: 360px; height: 30px;
	line-height: 30px;
	font-size: 13px;
	text-align: left;
}

/* ---------- Concept Modal ---------- */
#concept_modal #modal-main {
	overflow: hidden;
}
#concept_modal ul {
	width: 100%; height: 100%;
}
#concept_modal li {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	text-align: center;
	display: none;
}
#concept_modal li img {
	max-width: 100%;
}

/* ========== ========== ========== ========== ========== */
/* CHARACTER */
/* ========== ========== ========== ========== ========== */
#character_title {
	background-image: url(../_img/titlebg-character.png);
}

/* ---------- Character Select Button ---------- */
#character_select {
	margin: 32px 0 16px;
}
#character_select ul {
	width: 100%; height: 140px;
	background-image: url(../_img/chara/btn1.png);
	background-position: 0 50%;
}
#character_select ul li {
	float: left;
	width: 207px; height: 140px;
	text-indent: 100%;
	overflow-x: hidden;
	white-space: nowrap;
}
#character_select ul li:nth-of-type(n+2) {
	margin-left: 12px;
}
#character_select ul li a {
	display: block;
	width: 100%; height: 100%;
	opacity: 0;
	background-image: url(../_img/chara/btn2.png);
}
#character_select ul li a:hover {
	opacity: 1;
}
#character_select ul li:nth-of-type(1) a {
	background-position: 0 0;
}
#character_select ul li:nth-of-type(2) a {
	background-position: -219px 0;
}
#character_select ul li:nth-of-type(3) a {
	background-position: -438px 0;
}
#character_select ul li:nth-of-type(4) a {
	background-position: -657px 0;
}
#character_select ul li:nth-of-type(5) a {
	background-position: -876px 0;
}

/* ---------- Character Introduction ---------- */
.character_intro {
	height: 750px;
	background-repeat: repeat;
}
.character_intro::before {
	content: "";
	position: absolute;
	top: -3px; left: 0;
	display: block;
	width: 100%; height: 34px;
	background-color: #ffffff;
	z-index: -4;
}
.character_intro::after {
	content: "";
	position: absolute;
	top: 30px; left: 0;
	display: block;
	width: 100%; height: 100px;
	background-image: url(../_img/dot_white2transp.png);
	background-repeat: repeat-x;
	z-index: -3;
}

.character_intro section {
	height: 604px;
	padding-top: 138px;
	text-align: left;
}
.character_intro section::before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	display: block;
	width: 100%; height: 100%;
	background-position: 100% 138px;
	background-repeat: no-repeat;
	z-index: 0;
}

.character_intro section div {
	position: absolute;
}
#charaimage {
	bottom: 0; left: -50px;
	height: 100%;
	z-index: -1;
}
#charaimage li {
	position: absolute;
	top: 0; left: -25px;
	width: 620px; height: 750px;
	opacity: 0;
	z-index: 1;
}
#charaimage li.active {
	opacity: 1 !important;
	left: 0 !important;
	z-index: 0 !important;
}

#charaimage::after {
	content: "";
	position: absolute;
	top: 0; left: 0;
	display: block;
	width: 620px; height: 750px;
	background-position: 120px 55px;
	background-repeat: no-repeat;
}

#charainfo {
	top: 140px; left: 395px;
	width: 696px; height: 140px;
	font-size: 20px;
	color: #ffffff;
	background-position: 100% 0;
}
.voice-off #charainfo {
	background-image: url(../_img/chara/voice-non.png);
}
.voice-on #charainfo {
	background-image: url(../_img/chara/voice-sample.png);
}
#charainfo p {
	position: absolute;
	top: 23px; left: 75px;
}
#charainfo h4 {
	position: absolute;
	top: 59px; left: 75px;
	height: 85px; line-height: 85px;
	letter-spacing: -3px;
	font-size: 82px;
	font-weight: bold;
}
#charainfo h5 {
	width: 60px; height: 100%;
	line-height: 60px;
	font-size: 52px;
	font-weight: bold;
	text-align: center;
	background-color: #ffffff;
	border-radius: 10px 10px 0 0;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
}
#charainfo q {
	quotes: none;
	position: absolute;
	top: 10px; left: 500px;
	height: 30px; line-height: 30px;
	font-size: 29px;
	letter-spacing: -3px;
}
#charainfo span {
	position: absolute;
	top: 38px; left: 467px;
	height: 25px; line-height: 25px;
	width: 120px; text-align: center;
	font-size: 22px;
}

/*#character_mahiru #charachatch {
	top: 160px;
	font-size: 17px;
}
#character_saya #charachatch {
	top: 162px;
	font-size: 16px;
}
.character_intro section h4 {
	position: absolute;
	top: 180px;
	font-size: 82px;
}*/
/*.voice-off #samplevoice { display: none }*/
.voice-on #samplevoice { display: block }
#samplevoice {
	position: absolute;
	width: 140px; height: 36px;
	top: 221px; left: 976px;
}
#samplevoice span {
	cursor: pointer;
	float: left;
	width: 26px; height: 34px;
	margin-right: 7px;
	/*outline: 1px solid #000;*/
	background-image: url(../_img/chara/voice-icon.png);
}
#samplevoice span:hover {
	opacity: 0.6;
}
#samplevoice p {
	cursor: default;
	position: absolute;
	top: 3px; left: -90px;
	letter-spacing: 1px;
	line-height: 16px;
	font-size: 16px;
	font-weight: bold;
	color: transparent;
}
#charaintro {
	overflow: hidden;
	top: 279px; left: 381px;
	padding-top: 10px;
	width: 712px; height: 185px;
	font-size: 16px;
	color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 5px;
	background-repeat: repeat;
}
#charaintro p {
	padding-left: 13px;
	font-size: 16px;
	line-height: 27px;
}
#charaintro ul {
	position: absolute;
	bottom: 0; left: 0;
	width: 100%; height: 40px;
	padding-left: 13px;
	line-height: 40px;
	background-repeat: repeat;
}
#charaintro li {
	float: left;
	margin-right: 16px;
	font-size: 14px;
}
#charaintro li span {
	color: #FFFF00;
}

#charaintro strong {
	font-size: 17px;
	color: #e60012;
	font-weight: normal;
}
#character_etc #charaintro p {
	line-height: 28px;
	text-shadow: 1px 1px 4px rgba(237,108,46,0.3);
}

/*;
#charaspec {
	top: 436px; left: 400px;
	width: 750px;
	line-height: 40px;
	font-size: 14px;
	color: #ffffff;
}
#charaspec p {
	float: left;
	margin-right: 16px;
}
#charaspec span {
	color: #FFFF00;
}*/
#characostume {
	top: 495px; left: 380px;
	width: 720px; height: 80px;
	background-image: url(../_img/chara/costume_balloon.png);
}
#characostume p {
	position: absolute;
	width: 190px;
	text-align: center;
	font-weight: bold;
}
#characostume p:nth-of-type(1) {
	top: 15px;
	height: 30px; line-height: 30px;
	letter-spacing: 1px;
	font-size: 29px;
}
#characostume p:nth-of-type(2) {
	bottom: 12px;
	height: 30px; line-height: 30px;
	letter-spacing: 1px;
	font-size: 16px;
}
#characostume ul {
	position: absolute;
	top: 0; right: 0;
	width: 500px; height: 72px;
}
#characostume li {
	float: left;
	width: 116px; height: 100%;
	text-indent: 100%;
	overflow-x: hidden;
	white-space: nowrap;
}
#characostume li:nth-of-type(n+2) {
	margin-left: 11px;
}
#characostume li span {
	cursor: pointer;
	display: block;
	width: 100%; height: 100%;
	opacity: 0;
	transition: all 300ms;
}
#characostume li span:hover {
	opacity: 1;
}
#characostume li:nth-of-type(1) span {
	background-position: 0 0;
}
#characostume li:nth-of-type(2) span {
	background-position: -127px 0;
}
#characostume li:nth-of-type(3) span {
	background-position: -254px 0;
}
#characostume li:nth-of-type(4) span {
	background-position: -381px 0;
}
#characomment {
	top: 578px; right: 0;
	width: 800px; height: 130px;
	padding-top: 40px;
	background-position: 100% 0;
}
#characomment p {
	width: 560px;
	margin: 0 0 0 auto;
	line-height: 24px;
	font-size: 18px;
	letter-spacing: 1px;
}
#characomment span {
	color: #ea68a2;
}

#character_lips {
	height: 538px;
	overflow: hidden;
}
#character_lips::before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	display: block;
	width: 100%; height: 100%;
	background-position: 50% 0%;
	background-size: cover;
	transition: 300ms all;
	-webkit-transform-origin: center top;
	   -moz-transform-origin: center top;
		-ms-transform-origin: center top;
		 -o-transform-origin: center top;
			transform-origin: center top;
}
#character_lips.chu::before {
	-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		 -o-transform: scale(1.1);
			transform: scale(1.1);
}
#character_lips section { height: 100% }
#character_lips #kiss {
	margin-top: 30px;
	width: 560px; height: 100%;
	background-position: 0 20%;
}
#kissclick {
	position: absolute;
	width: 15%; height: 100%;
}
#kissclick span {
	position: absolute;
	top: 0; left: 0;
	display: block;
	margin: -35px 0 0 -35px;
	width: 70px; height: 70px;
	opacity: 0;
	background-image: url(../_img/chara/heart.png);
	background-size: 50px;
	background-position: 50%;
	transition: none;
}

/* ---------- Character Introduction - ASAHI ---------- */
#character_asahi .character_intro {
	background-image: url(../_img/chara/asahi-bg.png);
}
#character_asahi #charainfo p {
	font-size: 17px;
}
#character_asahi #charainfo h5 {
	color: #ed7c97;
}
#character_asahi .voice-on #charainfo q,
#character_asahi .voice-on #charainfo span,
#character_asahi .voice-on #samplevoice,
#character_asahi .voice-on #samplevoice p {
	color: #ed7c97;
}
#character_asahi #charaintro {
	background-image: url(../_img/chara/asahi-descript_bg.png);
}
#character_asahi #charaintro ul {
	background-image: url(../_img/chara/asahi-spec_bg.png);
}
#character_asahi #characostume ul {
	background-image: url(../_img/chara/asahi_costume_btn1.png);
}
#character_asahi #characostume li span {
	background-image: url(../_img/chara/asahi_costume_btn2.png);
}
#character_asahi #characostume p {
	color: #ed7c97;
}
#character_asahi #characomment {
	background-image: url(../_img/chara/asahi-comment_bg.png);
}

#character_asahi #charaimage::after {
	background-image: url(../_img/chara/asahi_text.png);
}
#character_asahi #character_lips {
	border-top: 5px solid #ed7c97;
}
#character_asahi #character_lips::before {
	background-image: url(../_img/chara/asahi_lips.png);
}
#character_asahi #kiss {
	background-image: url(../_img/chara/asahi_kiss.png);
}

/* ---------- Character Introduction - MAHIRU ---------- */
#character_mahiru .character_intro {
	background-image: url(../_img/chara/mahiru-bg.png);
}
#character_mahiru #charainfo p {
	font-size: 17px;
}
#character_mahiru #charainfo h5 {
	color: #55b772;
}
#character_mahiru .voice-on #charainfo q,
#character_mahiru .voice-on #charainfo span,
#character_mahiru .voice-on #samplevoice,
#character_mahiru .voice-on #samplevoice p {
	color: #55b772;
}
#character_mahiru #charaintro {
	background-image: url(../_img/chara/mahiru-descript_bg.png);
}
#character_mahiru #charaintro ul {
	background-image: url(../_img/chara/mahiru-spec_bg.png);
}
#character_mahiru #characostume ul {
	background-image: url(../_img/chara/mahiru_costume_btn1.png);
}
#character_mahiru #characostume li span {
	background-image: url(../_img/chara/mahiru_costume_btn2.png);
}
#character_mahiru #characostume p {
	color: #55b772;
}
#character_mahiru #characomment {
	background-image: url(../_img/chara/mahiru-comment_bg.png);
}

#character_mahiru #charaimage::after {
	background-image: url(../_img/chara/mahiru_text.png);
}
#character_mahiru #character_lips {
	border-top: 5px solid #55b772;
}
#character_mahiru #character_lips::before {
	background-image: url(../_img/chara/mahiru_lips.png);
}
#character_mahiru #kiss {
	background-image: url(../_img/chara/mahiru_kiss.png);
}

/* ---------- Character Introduction - YAYOI ---------- */
#character_yayoi .character_intro {
	background-image: url(../_img/chara/yayoi-bg.png);
}
#character_yayoi #charainfo p {
	font-size: 18px;
}
#character_yayoi #charainfo h5 {
	color: #588dcb;
}
#character_yayoi .voice-on #charainfo q,
#character_yayoi .voice-on #charainfo span,
#character_yayoi .voice-on #samplevoice,
#character_yayoi .voice-on #samplevoice p {
	color: #588dcb;
}
#character_yayoi #charaintro {
	background-image: url(../_img/chara/yayoi-descript_bg.png);
}
#character_yayoi #charaintro ul {
	background-image: url(../_img/chara/yayoi-spec_bg.png);
}
#character_yayoi #characostume ul {
	background-image: url(../_img/chara/yayoi_costume_btn1.png);
}
#character_yayoi #characostume li span {
	background-image: url(../_img/chara/yayoi_costume_btn2.png);
}
#character_yayoi #characostume p {
	color: #588dcb;
}
#character_yayoi #characomment {
	background-image: url(../_img/chara/yayoi-comment_bg.png);
}

#character_yayoi #charaimage::after {
	background-image: url(../_img/chara/yayoi_text.png);
}
#character_yayoi #character_lips {
	border-top: 5px solid #588dcb;
}
#character_yayoi #character_lips::before {
	background-image: url(../_img/chara/yayoi_lips.png);
}
#character_yayoi #kiss {
	background-image: url(../_img/chara/yayoi_kiss.png);
}

/* ---------- Character Introduction - SAYA ---------- */
#character_saya .character_intro {
	background-image: url(../_img/chara/saya-bg.png);
}
#character_saya #charainfo p {
	font-size: 16px;
}
#character_saya #charainfo h5 {
	color: #ed6c2e;
}
#character_saya .voice-on #charainfo q,
#character_saya .voice-on #charainfo span,
#character_saya .voice-on #samplevoice,
#character_saya .voice-on #samplevoice p {
	color: #ed6c2e;
}
#character_saya #charaintro {
	background-image: url(../_img/chara/saya-descript_bg.png);
}
#character_saya #charaintro ul {
	background-image: url(../_img/chara/saya-spec_bg.png);
}
#character_saya #characostume ul {
	background-image: url(../_img/chara/saya_costume_btn1.png);
}
#character_saya #characostume li span {
	background-image: url(../_img/chara/saya_costume_btn2.png);
}
#character_saya #characostume p {
	color: #ed6c2e;
}
#character_saya #characomment {
	background-image: url(../_img/chara/saya-comment_bg.png);
}

#character_saya #charaimage::after {
	background-image: url(../_img/chara/saya_text.png);
}
#character_saya #character_lips {
	border-top: 5px solid #ed6c2e;
}
#character_saya #character_lips::before {
	background-image: url(../_img/chara/saya_lips.png);
}
#character_saya #kiss {
	background-image: url(../_img/chara/saya_kiss.png);
}

/* ---------- Character Introduction - YOUKOU ---------- */
#character_etc .character_intro {
	overflow: hidden;
	background-image: url(../_img/chara/youkou-bg.png);
}
#character_etc #charainfo p {
	font-size: 18px;
}
#character_etc #charainfo h4 {
	font-size: 74px;
	letter-spacing: -5px;
}
#character_etc #charainfo h5 {
	color: #e9a53a;
}
#character_etc .voice-on #charainfo q,
#character_etc .voice-on #charainfo span,
#character_etc .voice-on #samplevoice,
#character_etc .voice-on #samplevoice p {
	color: #e9a53a;
}
#character_etc #charaintro {
	background-image: url(../_img/chara/youkou-descript_bg.png);
}
#character_etc #charaintro ul {
	background-image: url(../_img/chara/youkou-spec_bg.png);
}
#character_etc #charaimage li {
	left: 100px !important;
}
#character_etc #charaimage::after {
	background-image: url(../_img/chara/youkou_text.png);
}

/* ---------- Character Introduction - ONICHAN ---------- */
#character_onichan {
	height: 670px;
	background-image: url(../_img/chara/onichan-bg.png);
	background-repeat: repeat;
	border-top: 5px solid #c76cb7;
}
#character_onichan section {
	height: 100%;
	background-image: url(../_img/chara/onichan.png);
	background-position: 85px 8px;
}
#intro_onichan {
	position: absolute;
	top: 200px; right: 0;
	padding-top: 148px;
	height: 100%; width: 715px;
	line-height: 27px;
	font-size: 16px;
	text-align: left;
	background-image: url(../_img/chara/onichan-frame.png);
	background-position: 100% 0;
}
#intro_onichan p {
	padding-left: 20px;
	color: #ffffff;
	text-shadow: 1px 1px 2px rgba(196,95,185,0.4);
}

/* ========== ========== ========== ========== ========== */
/* GALLERY */
/* ========== ========== ========== ========== ========== */
#gallery_title {
	background-image: url(../_img/titlebg-gallery.png);
}


/* ---------- Gallery List ---------- */
#gallery-list {
	min-width: 1240px;
	margin-top: 150px;
	padding: 150px 0;
	background-image: url(../_img/gallery_bg.png);
	background-position: 50% 0;
	background-size: cover;
}
#gallery-list::before {
	content: "";
	position: absolute;
	top: -150px; left: 0;
	display: block;
	width: 100%; height: 300px;
	background-image: url(../_img/sd4.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
#gallery-list li {
	cursor: pointer;
	overflow: hidden;
	float: left;
	width: 263px; height: 200px;
	margin: 0 12px 12px 0;
	outline: 1px solid #ffffff;
}
#gallery-list li::after {
	content: "";
	position: absolute;
	top: 0; left: 0;
	display: block;
	width: 100%; height: 100%;
	opacity: 0;
	background-color: #ffffff;
	transition: all 300ms;
}
#gallery-list li:hover::after {
	opacity: 0.3;
}

#gallery-list li img {
	width: 100%;
}
#gallery-list li p {
	position: absolute;
	bottom: 0; left: 0;
	padding: 12px 0 0 12px;
	width: 100%; height: 53px;
	line-height: 22px;
	font-size: 14px;
	text-align: left;
	background-image: url(../_img/gallery-textarea.png);
	text-shadow: 0 0 1px #ffffff,
	0 0 2px #ffffff;
}

/* ---------- Gallery Modal ---------- */
#gallery_modal #modal-main {
	width: 1024px; height: 576px;
	overflow: hidden;
}
#gallery_modal .modal-prev,
#gallery_modal .modal-next {
	cursor: pointer;
	position: absolute; top: 0;
	width: 25%; height: 100%;
	opacity: 0;
	background-size: 50px;
}
#gallery_modal .modal-prev {
	left: 0px;
	background-image: url(../_img/modal-prevbtn.png);
	background-position: 5% 50%;
}
#gallery_modal .modal-next {
	right: 0px;
	background-image: url(../_img/modal-nextbtn.png);
	background-position: 95% 50%;
}
#gallery_modal .modal-prev:hover {
	opacity: 1;
	background-position: 2% 50%;
}
#gallery_modal .modal-next:hover {
	opacity: 1;
	background-position: 98% 50%;
}
.modal #modal-main div.modal-close {
	cursor: pointer;
	position: absolute;
	top: 0; right: 0;
	padding-right: 3px;
	width: 50px; height: 50px;
	line-height: 35px;
	text-align: right;
	font-size: 25px;
	font-weight: bold;
	color: #ffffff;
	z-index: 5;
}
.modal #modal-main div.modal-close::before {
	content: "";
	position: absolute;
	top: 0; right: 0;
	width: 0; height: 0;
	border-top: 25px solid #000000;
	border-right: 25px solid #000000;
	border-bottom: 25px solid transparent;
	border-left: 25px solid transparent;
	z-index: -10;
}
#gallery_bg img {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
}
#gallery_textarea {
	position: absolute;
	bottom: 0; left: 0px;
	width: 100%; height: 100px;
	font-size: 22px;
	text-align: left;
	background-color: rgba(255,255,255,0.5);
}
#gallery_textarea p {
	padding-left: 40px;
}
#gallery_textarea span {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

/* ========== ========== ========== ========== ========== */
/* DOWNLOAD */
/* ========== ========== ========== ========== ========== */
#download_title {
	background-image: url(../_img/titlebg-download.png);
}

#download-navi {
	margin: 80px 0;
}
#download-navi ul {
	text-align: center;
}
#download-navi li {
	cursor: pointer;
	display: inline-block;
	height: 20px; line-height: 20px;
}
#download-navi li:hover {
	color: #f44336;
}
#download-navi li:nth-of-type(n+2)::before {
	content: " ｜ ";
	height: 20px; line-height: 20px;
	background-color: #ffffff;
}
#download-navi li:hover::before { color: #000000 }

/* ---------- Download Contents ---------- */
.download_contents {
	margin-bottom: 50px;
}
.download_contents h2,
h2.contents_title {
	cursor: default;
	margin-bottom: 80px;
	height: 200px;
	line-height: 210px;
	font-size: 76px;
	letter-spacing: 10px;
	text-indent: 30px;
	text-align: center;
	color: #ffffff;
	background-image: url(../_img/point-bg.png);
	background-repeat: repeat;
}
.download_contents section > img {
	max-width: 100%;
}
.download_contents .narrow {
	width: 900px;
}
.download_contents dl {
	margin: 20px auto 40px;
	padding-bottom: 10px;
	background-image: url(../_img/dotline.png);
	background-repeat: repeat-x;
	background-position: 0% 100%;
}
.download_contents dt {
	float: left;
	margin-bottom: 15px;
	width: 200px; height: 48px;
	line-height: 48px;
	text-align: center;
	color: #ffffff;
	background-color: #ea68a2;
}

.download_contents dt_b {
	float: left;
	margin-bottom: 15px;
	font-size: 12px;
	width: 200px; height: 48px;
	line-height: 48px;
	text-align: center;
	color: #ffffff;
	background-color: #ea68a2;
}

.download_contents dd {
	float: left;
	margin: 0 0 15px 20px;
	width: 230px; height: 48px;
	line-height: 48px;
	text-align: left;
}
.download_contents div {
	margin: auto;
}
.download_contents div p {
	padding-bottom: 8px;
	line-height: 26px;
	text-align: left;
}

/* ---------- Banner ---------- */
.download_banner ul {
	margin: 50px 0;
}
.download_banner li {
	float: left;
}
.tatenaga li {
	width: 275px;
	text-align: center;
}
.yokonaga li {
	width: 500px;
	margin: 0 15px 10px;
}
.yokonaga li img { width: 100% }
.yokonaga li div { text-align: right }

.download_banner li div {
	margin: 10px 0;
}
.download_banner li span, .download_banner li i, .download_banner li a {
	cursor: pointer;
	display: inline-block;
	width: 50px; height: 50px;
	margin: 0 10px;
	white-space: nowrap;
	background-color: #ed7c97;
	background-size: 31px;
	background-position: 50%;
	border-radius: 50%;
}
.download_banner li span, .download_banner li i {
	left: 2px;
}
.download_banner li a {
	left: -2px;
}

/* 吹き出し */
.download_banner li span::before,
.download_banner li i::before,
.download_banner li a::before {
	position: absolute; top: -15px;
	display: block;
	height: 24px; line-height: 24px;
	font-size: 14px;
	opacity: 0;
	color: #ffffff;
	text-align: center;
	border-radius: 4px;
	transition: all 400ms;
}
.download_banner li span::after,
.download_banner li i::after,
.download_banner li a::after {
	content: "";
	position: absolute;
	top: 8px; left: 18px;
	width: 0; height: 0;
	opacity: 0;
	border-right: 8px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 8px solid transparent;
	transition: all 400ms;
}

.download_banner li span::before {
	content: "URLをコピーする";
	left: -42px;
	width: 130px;
	background-color: #55b772;
}
.download_banner li span::after {
	border-top: 12px solid #55b772;
}
.download_banner li i::before {
	content: "ソースコードをコピーする";
	left: -64px;
	width: 180px;
	color: #ffffff;
	background-color: #588dcb;
}
.download_banner li i::after {
	border-top: 12px solid #588dcb;
}
.download_banner li a::before {
	content: "画像を保存する";
	left: -42px;
	width: 130px;
	color: #ffffff;
	background-color: #f6ab00;
}
.download_banner li a::after {
	border-top: 12px solid #f6ab00;
}
.download_banner li span:hover::before,
.download_banner li i:hover::before,
.download_banner li a:hover::before {
	top: -30px; opacity: 1;
}
.download_banner li span:hover::after,
.download_banner li i:hover::after,
.download_banner li a:hover::after {
	top: -8px; opacity: 1;
}
.download_banner li span {
	background-image: url(../_img/icon/link_white.png);
}
.download_banner li i {
	background-image: url(../_img/icon/code_white.png);
}
.download_banner li a {
	background-image: url(../_img/icon/download_white.png);
}

.safari .download_banner li span,
.safari .download_banner li i {
	display: none;
}


/* Twitter Icon & Header */
#twitterbanner img {
	max-width: 100%;
}
#twittericon li{
	width: 240px;
	margin: 0 15px 30px;
}
#twitterheader li {
	width: 500px;
	margin: 0 20px 40px;
}
#twitterheader li img {
	width: 100%;
}

.download_contents h3 .zipdownloadbtn {
	position: absolute;
	top: 40px; right: 0;
	display: block;
	width: 150px; height: 25px;
	line-height: 25px;
	text-indent: 0;
	letter-spacing: 0;
	font-size: 12px;
	text-align: center;
	white-space: nowrap;
}
.download_contents h3 .zipdownloadbtn:hover {
	opacity: 0.7;
}
.download_contents h3 .zipdownloadbtn::before {
	content: "";
	position: absolute;
	top: -50px; left: 50px;
	display: block;
	width: 50px; height: 50px;
	background-color: #ED6B2D;
	background-image: url(../_img/icon/download_white.png);
	background-position: 50% 50%;
	background-size: 50px;
	transition: all 400ms;
}

/* ---------- Complete Copy to Clipboard ---------- */
#complete_copy {
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: rgba(0,0,0,0.3);
	opacity: 0;
	z-index: -100;
	transition: none;
}
#complete_copy div {
	width: 500px; height: 200px;
	line-height: 200px;
	font-size: 28px;
	background-color: #ffffff;
	border: 4px solid #ea68a2;
	border-radius: 10px;
	box-shadow: 0 0 0 5px #ffffff,
	0 0 0 10px #f6ab00;
}

/* ========== ========== ========== ========== ========== */
/* SPECIAL */
/* ========== ========== ========== ========== ========== */
#special_title {
	background-image: url(../_img/titlebg-special.png);
}
#privilege article {
	float: left;
	margin-top: 32px;
	width: 536px;
	min-height: 490px;
	overflow: hidden;
}
#privilege article::before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
}
#privilege article:nth-of-type(2n+1) {
	margin-right: 20px;
}
#privilege article h4 {
	cursor: default;
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 54px;
	font-size: 34px;
	line-height: 60px;
	text-indent: 48px;
	text-align: left;
	color: #ffffff;
	font-weight: bold;
	background-color: #ea68a2;
	background-image: url(../_img/subtitle-heartsw.png);
	background-position: 6px 50%;
	background-size: 36px;
}
#privilege article img {
	width: 100%;
	z-index: -1;
}
#privilege article .shop_link {
	position: absolute;
	top: 16px; right: 0;
}
#privilege article .shop_link a {
	margin: 0 8px;
	padding: 4px 24px;
	color: #ffffff;
	border: 1px solid #ffffff;
}
#privilege article .shop_link a:hover,
#privilege article .package_link a:hover {
	color: #ea68a2;
	background-color: #ffffff;
}
#privilege article .package_link {
	position: absolute;
	bottom: 0; left: 0;
	width: 100%; height: 38px;
	background-color: #ea68a2;
}
#privilege article .package_link a {
	top: 7px;
	margin: 0 8px;
	padding: 2px 24px;
	color: #ffffff;
	border: 1px solid #ffffff;
}
#privilege article .package_link a[href^=javascript] {
	cursor: default;
	border: 1px solid transparent;
}
#privilege article .package_link a[href^=javascript]:hover {
	color: #ffffff;
	background-color: transparent;
}

#privilege article .privilege_txt_top,
#privilege article .privilege_txt_btm {
	position: absolute;
	left: 0;
	width: 100%; height: 30px;
	line-height: 42px;
	letter-spacing: 1px;
	font-size: 14px;
	text-align: center;
	color: #ffffff;
	background-color: rgba(234,104,162,0.65);
}
#privilege article .privilege_txt_top {
	bottom: 88px;
}
#privilege article .privilege_txt_btm {
	bottom: 44px;
}
#privilege article .privilege_txt_btm a {
	padding: 0 2px;
	letter-spacing: 0;
	font-size: 13px;
	color: #fff899;
	text-shadow: 0 0 1px #ea68a2,
		0px 1px 1px #ea68a2,
		1px 0px 1px #ea68a2,
		1px 1px 1px #ea68a2,
		0px -1px 1px #ea68a2,
		-1px 0px 1px #ea68a2,
		-1px -1px 1px #ea68a2;
}
#privilege article .privilege_txt_btm a:hover {
	color: #ffffff;
	/*opacity: 0.65;*/
}
#privilege article .privilege_txt_btm a::before {
	content: "";
	position: absolute;
	bottom: 2px; left: 0;
	display: block;
	width: 100%; height: 1px;
	background-color: #fff899;
	/*border: 1px solid #ea68a2;*/
	border-radius: 1px;
	transition: 400ms all;
	z-index: -5;
}
#privilege article .privilege_txt_btm a:hover::before {
	background-color: #ffffff;
}

#privilege article .privilege_txt_btm a[href^=javascript] {
	color: #898989;
	cursor: default;
	text-shadow: none;
}
#privilege article .privilege_txt_btm a[href^=javascript]:hover {
	opacity: 1;
}
#privilege article .privilege_txt_btm a[href^=javascript]::before {
	display: none;
}
#privilege #modal-main {
	overflow: hidden;
}

/* ========== ========== ========== ========== ========== */
/* SPECIAL テレカ (もっと良い方法がある気がする）*/
/* ========== ========== ========== ========== ========== */

#privilege_t article {
	float: left;
	margin-top: 32px;
	width: 535px;
	min-height: 394px;
	overflow: hidden;
}
#privilege_t article::before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
}
#privilege_t article:nth-of-type(2n+1) {
	margin-right: 20px;
}
#privilege_t article h4 {
	cursor: default;
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 54px;
	font-size: 32px;
	line-height: 60px;
	text-indent: 48px;
	text-align: left;
	color: #ffffff;
	font-weight: bold;
	background-color: #ea68a2;
	background-image: url(../_img/subtitle-heartsw.png);
	background-position: 6px 50%;
	background-size: 36px;
}

#privilege_t article h5 {
	cursor: default;
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 54px;
	font-size: 22px;
	line-height: 60px;
	text-indent: 48px;
	text-align: left;
	color: #ffffff;
	font-weight: bold;
	background-color: #ea68a2;
	background-image: url(../_img/subtitle-heartsw.png);
	background-position: 6px 50%;
	background-size: 36px;
}

#privilege_t article img {
	width: 100%;
	z-index: -1;
}
#privilege_t article .shop_link {
	position: absolute;
	top: 16px; right: 0;
}
#privilege_t article .shop_link a {
	margin: 0 8px;
	padding: 4px 24px;
	color: #ffffff;
	border: 1px solid #ffffff;
}
#privilege_t article .shop_link a:hover,
#privilege_t article .package_link a:hover {
	color: #ea68a2;
	background-color: #ffffff;
}
#privilege_t article .package_link {
	position: absolute;
	bottom: 0; left: 0;
	width: 100%; height: 38px;
	background-color: #ea68a2;
}
#privilege_t article .package_link a {
	top: 7px;
	margin: 0 8px;
	padding: 2px 24px;
	color: #ffffff;
	border: 1px solid #ffffff;
}
#privilege_tarticle .package_link a[href^=javascript] {
	cursor: default;
	border: 1px solid transparent;
}
#privilege_t article .package_link a[href^=javascript]:hover {
	color: #ffffff;
	background-color: transparent;
}

#privilege_t article .privilege_txt_top,
#privilege_t article .privilege_txt_btm {
	position: absolute;
	left: 0;
	width: 100%; height: 30px;
	line-height: 42px;
	letter-spacing: 1px;
	font-size: 14px;
	text-align: center;
	color: #ffffff;
	background-color: rgba(234,104,162,0.65);
}
#privilege_t article .privilege_txt_top {
	bottom: 88px;
}
#privilege_t article .privilege_txt_btm {
	bottom: 44px;
}
#privilege_t article .privilege_txt_btm a {
	padding: 0 2px;
	letter-spacing: 0;
	font-size: 13px;
	color: #fff899;
	text-shadow: 0 0 1px #ea68a2,
		0px 1px 1px #ea68a2,
		1px 0px 1px #ea68a2,
		1px 1px 1px #ea68a2,
		0px -1px 1px #ea68a2,
		-1px 0px 1px #ea68a2,
		-1px -1px 1px #ea68a2;
}
#privilege_t article .privilege_txt_btm a:hover {
	color: #ffffff;
	/*opacity: 0.65;*/
}
#privilege_t article .privilege_txt_btm a::before {
	content: "";
	position: absolute;
	bottom: 2px; left: 0;
	display: block;
	width: 100%; height: 1px;
	background-color: #fff899;
	/*border: 1px solid #ea68a2;*/
	border-radius: 1px;
	transition: 400ms all;
	z-index: -5;
}
#privilege_t article .privilege_txt_btm a:hover::before {
	background-color: #ffffff;
}

#privilege_t article .privilege_txt_btm a[href^=javascript] {
	color: #898989;
	cursor: default;
	text-shadow: none;
}
#privilege_t article .privilege_txt_btm a[href^=javascript]:hover {
	opacity: 1;
}
#privilege_t article .privilege_txt_btm a[href^=javascript]::before {
	display: none;
}
#privilege #modal-main {
	overflow: hidden;
}


/* ---------- Creator's Topic ---------- */
#special article {
	float: left;
	margin: 32px 10px 0;
	width: 530px;
	text-align: center;
	background-image: url(../_img/sp_bg.png);
	background-repeat: repeat;
}
#special article.wide {
	width: 1080px;
}
#special article h4 {
	cursor: default;
	width: 100%; height: 54px;
	font-size: 34px;
	line-height: 60px;
	text-indent: 48px;
	letter-spacing: 1px;
	text-align: left;
	color: #ffffff;
	/*font-weight: bold;*/
	background-color: #ea68a2;
	background-image: url(../_img/subtitle-heartsw.png);
	background-position: 6px 50%;
	background-size: 36px;
}
#special article h4.small {
	font-size: 32px;
}
#special article h4 span,
#special article h4 a {
	display: inline-block;
	float: right;
	margin: 16px 20px 0 0;
	width: 125px; height: 20px;
	line-height: 22px;
	text-indent: 0;
	font-size: 14px;
	text-align: center;
	outline: 1px solid #ffffff;
	color: #ffffff;
}
#special article h4 a:hover {
	background-color: #ffffff;
	color: #ea68a2;
}
#special article > img {
	width: 500px;
	margin: 10px auto;
}
#special article.wide > img {
	width: 1000px;
	margin: 20px auto;
}
#special article img[modal] {
	cursor: pointer;
}
.creator_code img {
	width: 500px;
	margin-bottom: 10px;
}
.creator_anchor {
	padding: 10px 0;
	text-align: center;
	background-color: #ea68a2;
}
#special article.wide .creator_anchor {
	padding-right: 10px;
	text-align: right;
}
.creator_anchor span {
	cursor: default;
	display: inline-block;
	line-height: 40px;
	padding-right: 10px;
	margin-right: 10px;
	color: #ffffff;
}
.creator_anchor span::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 12px; right: -5px;
	width: 0; height: 0;
	border-top: 8px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 10px solid #ffffff;
}
.creator_anchor a img {
	height: 40px;
	border: 2px solid transparent;
}
.creator_anchor.nobanner a {
	cursor: default;
	line-height: 42px;
}
.creator_anchor.nobanner a[href^=http] {
	cursor: pointer;
	display: inline-block;
	width: 200px; line-height: 40px;
	background-size: 40px;
	background-position: 50%;
	border: 2px solid #ffffff;
}
.creator_anchor.nobanner.hp a {
	background-image: url(../_img/icon/home_white.png);
}
.creator_anchor.nobanner.blog a {
	background-image: url(../_img/icon/home_white.png);
}
.creator_anchor.nobanner.twitter a {
	background-image: url(../_img/icon/twitter_white.png);
}
.creator_anchor.nobanner span {
	height: 40px;
}

#special article.bb {
	border-bottom: 3px solid #ea68a2;
}
#special_modal #modal-main { overflow: hidden; }
#special_modal #image-area {
	width: 100%; height: 100%;
	transition: none;
}
#special_modal #image-area img {
	width: 100%;
}


#rt-twitter {
	width: 500px;
}
#rt-twitter h3 {
	height: 60px;
	text-indent: 100%;
	overflow-x: hidden;
	white-space: nowrap;
	text-align: left;
	background-image: url(../_img/subtitle-rt.png);
	z-index: 2;
}
#rt-twitter h4 {
	height: 60px;
	text-indent: 100%;
	overflow-x: hidden;
	white-space: nowrap;
	text-align: left;
	background-image: url(../_img/subtitle-rt-twitter.png);
	z-index: 2;
}
#rt-twitter div {
	top: -32px;
	height: 530px;
	padding: 35px 0 25px;
	background-color: #f069a3;
	border: 2px solid #f069a3;
	border-radius: 5px;
}

#rt-twitter * {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

#rt02-twitter {
	width: 500px;
}
#rt02-twitter h3 {
	height: 60px;
	text-indent: 100%;
	overflow-x: hidden;
	white-space: nowrap;
	text-align: left;
	background-image: url(../_img/subtitle-rt.png);
	z-index: 2;
}
#rt02-twitter h4 {
	height: 60px;
	text-indent: 100%;
	overflow-x: hidden;
	white-space: nowrap;
	text-align: left;
	background-image: url(../_img/subtitle-rt-twitter.png);
	z-index: 2;
}
#rt02-twitter div {
	top: -32px;
	height: 500px;
	padding: 35px 0 25px;
	background-color: #588dcb;
	border: 2px solid #588dcb;
	border-radius: 5px;
}

#rt02-twitter * {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
#rt03-twitter {
	width: 520px;
}

#rt03-twitter div {
	top: -5px;
	height: 552px;
	padding: 5px 0 25px;
	background-color: #f069a3;
	border: 2px solid #f069a3;
	border-radius: 5px;
}

#rt03-twitter * {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

/* ========== ========== ========== ========== ========== */
/* NICOLIVE */
/* ========== ========== ========== ========== ========== */
#nico25 {
	text-align: left;
}
#nico25 h3 {
	margin-bottom: 20px;
}
#nico25 h4 {
	color: #ea68a2;
	font-weight: bold;
	font-size: 22px;
}
#nico25 h5 {
	color: #ea68a2;
	font-weight: bold;
	font-size: 18px;
}
#nico25 aside {
	clear: both;
	float: left;
	width: 400px; height: 100%;
	text-align: center;
}
#nico25 iframe#liveintro {
	width: 320px; height: 160px;
	border: 1px solid #d0d0d0;
}
#nico25 .nico25live iframe {
	width: 320px; height: 176px;
	border: 1px solid #d0d0d0;
	background-color: #f6f6f6;
}
#nico25 .rside {
	float: right;
	width: 700px;
	margin-bottom: 20px;
}
#mailform {
	width: 868px;
	margin: auto;
	padding-top: 20px;
	border-bottom: 2px solid #ea68a2;
}
#mailform dt {
	clear: both;
	float: left;
	width: 300px;
	line-height: 34px;
	padding: 8px 4px;
	border-top: 2px solid #ea68a2;
}
#mailform dd {
float: left;
	padding: 8px 0;
	width: 560px;
	border-top: 2px solid #ea68a2;
}
#mailform dt span {
	position: absolute;
	top: 8px; right: 16px;
	line-height: 20px;
	padding: 4px;
	font-size: 12px;
	color: #ffffff;
	background-color: #ea68a2;
	border-radius: 3px;
}
#mailform textarea {
	width: 536px;
	height: 120px;
}
#mailform select {
	background-image: url(../_img/icon/expand_more_black.png);
	background-position: top 50% right 0px;
	background-size: 32px;
}
#mailform input[required], #mailform textarea[required], #mailform select[required] {
	background-color: #fdf2f8;
}
#check {
	text-align: center;
}
#check span {
	cursor: pointer;
	display: block;
	margin: auto;
	width: 140px;
	height: 40px;
	line-height: 40px;
	color: #ffffff;
	background-color: #ea68a2;
	border-radius: 3px;
}
#check span:hover { opacity: 0.7 }
#support_message {
	color: #7f0527;
	text-align: center;
}

#verification h3.dotborder {
	margin: 40px;
}
#verification dt {
	clear: both;
	float: left;
	width: 160px;
	padding-top: 20px;
}
#verification dd {
	float: left;
	width: 560px;
	padding-top: 20px;
	text-align: left;
}
#verification dd span {
	display: block;
	width: 100%;
	min-height: 20px;
	padding-left: 8px;
	border-left: 4px solid #BDBDBD;
}
#verification dl pre {
	width: 100%;
	padding-left: 8px;
	font-size: 16px;
	border-left: 4px solid #BDBDBD;
}
#verification #modal-main {
	overflow: hidden;
}
#verification dl {
	overflow-y: scroll;
	width: 900px; height: 220px;
	margin: auto;
	padding-bottom: 20px;
	border: 1px solid #BDBDBD;
}
#verification #submitarea input {
	cursor: pointer;
	top: -1px;
	display: inline-block;
	text-align: center;
	min-width: auto;
	width: 300px; height: 40px;
	line-height: 30px;
	padding: 4px 0;
	font-size: 18px;
	color: #ffffff;
	border: 1px solid #BDBDBD;
}
#verification #submitarea span {
	cursor: pointer;
	display: inline-block;
	text-align: center;
	min-width: auto;
	width: 300px; height: 30px;
	line-height: 30px;
	padding: 4px 0;
	font-size: 18px;
	color: #ffffff;
	border: 1px solid #BDBDBD;
}
#verification #submitarea input {
	background-color: #ef5350;
}
#verification #submitarea span {
	background-color: #2196F3;
}
#verification #submitarea {
	padding: 40px 0;
}
#send_message figure {
	float: left;
	width: 150px;
}
#send_message div {
	float: right;
	width: 800px;
	margin-top: 30px;
	padding: 10px 24px;
	line-height: 3;
	font-size: 20px;
	border: 2px solid #ea68a2;
	border-radius: 4px;
}
#send_message div::before {
	content: "";
	position: absolute;
	top: 24px; left: -24px;
	border-top: 16px solid transparent;
	border-right: 24px solid #ea68a2;
	border-bottom: 16px solid transparent;
	border-left: 0px solid transparent;
}
#send_message div::after {
	content: "";
	position: absolute;
	top: 24px; left: -21px;
	border-top: 16px solid transparent;
	border-right: 24px solid #ffffff;
	border-bottom: 16px solid transparent;
	border-left: 0px solid transparent;
}

/* ========== ========== ========== ========== ========== */
/* LIVE PAGE */
/* ========== ========== ========== ========== ========== */
#onikisslive {
	margin-top: 72px;
	padding-bottom: 80px;
	background-image: url(../live/title_bg.png);
	background-size: cover;
	background-position: 50% 0%;
}
#onikisslive::before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	display: block;
	width: 100%; height: 500px;
	border-top: 160px solid #ffffff;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}
#onikisslive_head h4 {
	margin-top: -168px;
	font-size: 56px;
}
#onikisslive_head h4 text {
	fill: #f6ab00;
	letter-spacing: 5px;
	font-weight: bold;
}
#onikisslive_head h4 text:nth-of-type(1),
#onikisslive_head h4 text:nth-of-type(2) {
	stroke: #f6ab00;
	stroke-width: 16px;
}
#onikisslive_head h4 text:nth-of-type(3) {
	stroke: #ffffff;
	stroke-width: 8px;
}
#onikisslive_head p {
	font-size: 30px;
	font-weight: bold;
}
#onikisslive_head p text {
	fill: #ea68a2;
}
#onikisslive_head p text:nth-of-type(1) {
	fill: none;
	stroke: #ffffff;
	stroke-width: 8px;
}

/* ---------- Ticket ---------- */
#onikisslive_ticket {
	padding: 30px 0 100px;
	background-image: url(../live/ticket_bg.png);
	background-repeat: repeat;
	background-position: 50% -2px;
}
#onikisslive_ticket::before {
	content: "";
	position: absolute;
	top: -80px; left: 0;
	display: block;
	width: 100%; height: 80px;
	background-image: url(../live/ticket_bg2.png);
	background-repeat: repeat-x;
	background-position: 50% 0;
}
#onikisslive_ticket-text {
	padding-top: 30px;
}
#onikisslive_ticket-text pre {
	padding: 30px 0;
	font-size: 25px;
	line-height: 2.2;
	text-align: left;
	color: #ffffff;
}

/* ---------- Event Information ---------- */
#onikisslive_evinfo {
	padding: 60px 0 100px;
	background-image: url(../live/evinfo_bg.png);
	background-repeat: repeat;
	background-position: 50% -2px;
}
#onikisslive_evinfo::before {
	content: "";
	position: absolute;
	top: -80px; left: 0;
	display: block;
	width: 100%; height: 80px;
	background-image: url(../live/evinfo_bg2.png);
	background-repeat: repeat-x;
	background-position: 50% 0;
}
#onikisslive_evinfo dl {
	margin-top: 30px;
	font-size: 18px;
}
#onikisslive_evinfo dl::after {
	content: "";
	display: block;
	clear: both;
}
#onikisslive_evinfo dt {
	cursor: default;
	float: left; clear: both;
	display: block;
	width: 168px; height: 30px;
	text-align: center;
	line-height: 30px;
	color: #ffffff;
	background-color: #ea68a2;
	border-radius: 4px;
}
#onikisslive_evinfo dd {
	float: left;
	display: block;
	width: 900px;
	margin-bottom: 20px;
	margin-left: 20px;
	line-height: 30px;
	text-align: left;
	color: #000000;
}
#onikisslive_evinfo iframe {
	margin-bottom: 60px;
	border: 9px solid #ffffff;
	outline: 1px solid #bfbfbf;
}

/* ---------- Performer ---------- */
#onikisslive_performer {
	margin-top: 30px;
	margin-bottom: 40px;
}
#onikisslive_performer ul {
	margin-top: 10px;
}
#onikisslive_performer ul::after {
	content: "";
	display: block;
	clear: both;
}
#onikisslive_performer li {
	float: left;
	display: block;
	height: 30px;
	line-height: 30px;
	margin-right: 16px;
	letter-spacing: 1px;
	font-size: 18px;
	border-radius: 4px;
	text-align: left;
}
#onikisslive_performer li:nth-of-type(1) {
	width: 180px;
	text-align: center;
	color: #ffffff;
	background-color: #ea68a2;
}
#onikisslive_performer li:nth-of-type(2) {
	width: 180px;
	text-align: center;
	color: #ffffff;
	background-color: #55b772;
}
#onikisslive_performer li:nth-of-type(3) {
	font-weight: bold;
	/*width: 180px;*/
}
#onikisslive_performer li:nth-of-type(4) {
	float: right;
}
#onikisslive_performer li a {
	display: inline-block;
	padding: 0 10px;
	height: 30px;
	font-size: 16px;
	color: #ffffff;
	border-radius: 4px;
}
#onikisslive_performer li a[href^=javascript] {
	cursor: default;
	background-color: #bfbfbf !important;
	opacity: 0.7;
}
#onikisslive_performer li a + a {
	margin-left: 10px;
}
#onikisslive_performer li a:hover {
	color: #ffffff;
	opacity: 0.7;
}
#onikisslive_performer li a.hp {
	background-color: #c45fb9;
}
#onikisslive_performer li a.blog {
	background-color: #ed6c2e;
}
#onikisslive_performer li a.twitter {
	background-color: #588dcb;
}

/* ---------- Goods ---------- */
#onikisslive_goods {
	padding: 60px 0 100px;
	background-color: #ffffff;
}
#onikisslive_goods::before {
	content: "";
	position: absolute;
	top: -76px; left: 0;
	display: block;
	width: 100%; height: 76px;
	background-image: url(../_img/dot_transp2white.png);
	background-repeat: repeat-x;
	background-position: 50% 0;
}
#onikisslive_goods article {
	margin-top: 30px;
	text-align: center;
}
#onikisslive_goods h4 {
	padding-top: 10px;
	padding-left: 180px;
	margin-bottom: 40px;
	line-height: 40px;
	font-size: 28px;
	text-align: left;
	font-weight: bold;
}
#onikisslive_goods h4 strong {
	position: absolute;
	top: 0; left: 0;
	padding-top: 8px;
	display: block;
	width: 156px;
	height: 44px;
	line-height: 44px;
	font-size: 28px;
	text-align: center;
	color: #ffffff;
	background-color: #588dcb;
	border-radius: 4px;
}
#onikisslive_goods .new h4 strong {
	background-color: #ea68a2;
}
#onikisslive_goods h4 span {
	float: right;
}


/* ---------- daki ---------- */
#daki-list {
	min-width: 1000px;
	padding: 20px 0;
}

#daki-list li {
	cursor: pointer;
	overflow: hidden;
	float: left;
	width: 230px; height: 175px;
	margin: 0 12px 12px 0;
	outline: 1px solid #ffffff;
}
#daki-list li::after {
	content: "";
	position: absolute;
	top: 0; left: 0;
	display: block;
	width: 100%; height: 100%;
	opacity: 0;
	background-color: #ffffff;
	transition: all 300ms;
}
#daki-list li:hover::after {
	opacity: 0.3;
}

#daki-list li img {
	width: 100%;
}


/* ---------- FAQ ---------- */
#onikisslive_faq {
	padding: 60px 0 100px;
	background-image: url(../live/faq_bg.png);
	background-repeat: repeat;
	background-position: 50% -2px;
}
#onikisslive_faq::before {
	content: "";
	position: absolute;
	top: -80px; left: 0;
	display: block;
	width: 100%; height: 80px;
	background-image: url(../live/faq_bg2.png);
	background-repeat: repeat-x;
	background-position: 50% 0;
}
#onikisslive_faq pre {
	padding: 30px 0;
	font-size: 21px;
	line-height: 2.2;
	text-align: left;
	color: #ffffff;
}