@charset "utf-8";
/* CSS Document */



/* clearfix */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* 画像センタリング */

.cr {margin:0 auto;}

/* 点滅 */
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/* ページトップ */

#page-top {
	position: fixed;
	bottom: 3vw;
	right: 3vw;
	width:50px;
	z-index:550;
}
#page-top a {
	background: #ff698a;
	width:50px;
	height:50px;
	border-radius:5px;
	display:block;
	margin-bottom:12px;
	transition:all 0.3s;
	line-height:50px;
	font-size:3rem;
	color:#fff;
	text-align: center;
}

#page-top a:hover {
	transform: scale(1.2);
}

/* FireFoxFadeブレ防止 */

img { display:block; box-shadow: #000 0 0 0; }

/* NotoSans読込 */

@font-face {
  font-family: "NotoSans_subset";
  font-style: normal;
  src: url(../font/NotoSans_subset.woff) format("woff");
}

/* 全体・枠作り */

html,body {
	height:100%;
}

html {
	font-size:62.5%;
}

img { display:block; }


body {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, sans-serif;
}

/* エントランス */

body#Entrance {
	background:url(../img/mainvisual.jpg) center top no-repeat;
	background-size:cover;
}

.entrance {
	width:90%;
	height:60%;
	background:#fff;
	border-radius: 20px;
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	box-shadow:0 0 10px rgba(255,114,187,1.00);
	overflow: hidden;
}

.entrance_wrap {
	width:100%;
	padding:50px 0;
	position: relative;
}

.entrance_wrap:before {
	content: "";
	width:100%;
	height: 150%;
	position: absolute;
	left:0;
	top:0;
	z-index:0;
	background:url(../img/character/chara_rt.png) right top no-repeat;
	background-size:cover;
	opacity: 0.5;
}

.en_head {
	font-family: 'Passion One', cursive;
	font-size:2.5rem;
	text-align: center;
	position: relative;
	z-index: 10;
	color:#ff72bb;
}

.en_logo {
	width:90%;
	margin:0 auto;
	position: relative;
	z-index: 10;
	margin-bottom:2%;
}

.en_logo img {
	width:100%;
}

.en_date {
	font-family: 'Passion One', cursive;
	font-size:4rem;
	color:#ff72bb;
	text-align: center;
	position: relative;
	z-index: 10;
}

.en_os {
	font-family: 'Passion One', cursive;
	font-size:2.2rem;
	color:dimgray;
	text-align: center;
	position: relative;
	z-index: 10;
	margin-bottom:5%;
}

.jump {
	width:100%;
	margin:0 auto;
	text-align: center;
	position: relative;
	z-index: 10;
	margin-bottom:5%;
}

.jump a {
	background:#ff72bb;
	width:30%;
	line-height: 50px;
	text-align: center;
	display: inline-block;
	margin:0 5%;
	font-family: 'Passion One', cursive;
	color:#fff;
	font-size:2.5rem;
	border-radius: 10px;
	text-decoration: none;
	transition: all 0.3s;
}

.jump a:hover {
	background:#FFB3DA;
}

.en_cp {
	font-size:1.2rem;
	color:dimgray;
	text-align: center;
	position: relative;
	z-index: 10;
}

#PageWrapper {
	height: auto !important;
	position: relative;
	width:100%;
	overflow: hidden;
}

body#Entrance #PageWrapper {
	background-color:rgba(255,255,255,0.8);
	min-height: 100vh;
}

/* メニュー*/

header {
	display: block;
	width:100%;
	position: fixed;
	z-index:500;
}

#Menugroup {
	
}

#Menu:after {
	content:"";
	width:100%;
	height:100%;
	display: block;
	background-image: linear-gradient(
	-45deg,
	rgba(255,255,255,0.1) 25%,
	rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%,
	rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 75%,
	rgba(255,255,255,0) 75%, rgba(255,255,255,0)
	);
	/* 幅8px、高さ8pxで背景画像のサイズを指定 */
	background-size: 32px 32px;
	position: absolute;
	top:0;
	left:0;
	z-index:599;
	transition: all 0.3s;
}

#Menu {
	width:100%;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9d92+0,fa6ec9+50,b57bff+100 */
	background: rgb(255,157,146); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(255,157,146,1) 0%, rgba(250,110,201,1) 50%, rgba(181,123,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,157,146,1) 0%,rgba(250,110,201,1) 50%,rgba(181,123,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,157,146,1) 0%,rgba(250,110,201,1) 50%,rgba(181,123,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d92', endColorstr='#b57bff',GradientType=1 ); /* IE6-9 */
	
	position: absolute;
	top:0;
	left:0;
	border-bottom:1px solid #ffc7cd;
	transition: all 0.3s;
	z-index:600;
}

.menu_wrap {
	margin:0 auto;
	position: relative;
	transition: all 0.3s;
	z-index:1000;
}

.head_logo {
	width:170px;
	height:7vh;
	position: relative;
	z-index:700;
}

.head_logo img {
	width:100%;
	transition: all 0.3s;
}

.button_mobile {
	width:100%;
	height:7vh;
	position:absolute;
	right:0;
	top:0;
	color:#fff;
	font-size:4.2rem;
	line-height: 7vh;
	z-index:600;
	text-align: right;
	background: #ff698a;
}

.button_mobile a.open {
	width:7vh;
	height: 7vh;
	display:inline-block;
	color:#fff;
	text-align: center;
	background-color: #ff698a;
	border-left:1px solid #FFB2C3;
}

#Menugroup:not(:target) .button_mobile a.close {
	display: none;
}

#Menugroup:target .button_mobile a.close {
	width:7vh;
	height: 7vh;
	display:inline-block;
	color:#fff;
	text-align: center;
	background-color: #ff698a;
	border-left:1px solid #54769F;
	z-index:250;
	position:absolute;
	right:0;
	top:0;
}


#Menugroup:not(:target) .menuclick_bg {
	display: none;
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background-color:#fff;
	opacity: 0;
	transition: all 0.3s;
	z-index:200;
}

#Menugroup:target .menuclick_bg {
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background-color:#fff;
	opacity: 0.5;
	transition: all 0.3s;
	z-index:200;
}

.menuclick_bg a {
	width:100vw;
	height:100vh;
	display: block;
}

.head_logo p {
	display: none;
}

#Menugroup:not(:target) .head_menu{
	transition: all 0.3s;
	margin-top:-360px;
}

#Menugroup:target .head_menu{
	transition: all 0.3s;
	margin-top:0;
}

.head_menu ul li br {
	display: none;
}

.head_menu ul li a {
	color:#fff;
	display: block;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s;
}

.head_menu ul li a:hover {
	background:#fff!important;
}

.head_menu ul li a p {
	font-family: 'Passion One', cursive;
	font-size:2.8rem;
	line-height: 50px;
	display: block;
	transition: all 0.3s;
	border-top:1px dotted #fff;
}

.head_menu ul li a:hover p {
	color:#ff698a!important;
}

.head_menu ul li a span {
	font-size:1.4rem;
	font-family:"NotoSans_subset", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
}

.menu_language {
	padding-right:50%;
	height:20px;
	background-color:#fff;
	position: absolute;
	bottom:-20px;
	right:0;
	margin-right:-45vw;
}

.menu_language:before {
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 20px 20px 0;
	border-color: transparent #fff transparent transparent;
	display:block;
	position: absolute;
	bottom:0;
	left:-20px;
}

.menu_language a {
	font-family: 'Passion One', cursive;
	color:#ff6989;
	line-height: 20px;
	padding:0 20px;
	font-size:1.6rem;
	text-decoration: none;
}

a.lang_select:before {
	content:"";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #ff698a;
	position: absolute;
	top:0;
	bottom:0;
	left:5px;
	margin:auto 0;
}


/* メインビジュアル */

#Mainvisual {
	background:url(../img/mainvisual.jpg) center top no-repeat;
	background-size:cover;
	width:100%;
	overflow: hidden;
}

.visual {
	width:100%;
	padding-top:120%;
	position: relative;
	margin:0 auto;
}

.visual h1 {
	background:url(../img/logo.png) left top no-repeat;
	width:80%;
	padding-top:30%;
	background-size:contain;
	position: absolute;
	bottom:28%;
	left:0;
	right:0;
	margin:0 auto;
	text-indent: -9999px;
	overflow: hidden;
}

.visual h2 {
	background:url(../img/date.png) center top no-repeat;
	background-size:contain;
	width:100%;
	padding-top:14%;
	position: absolute;
	left:0;
	bottom:16%;
	text-indent: -9999px;
	overflow: hidden;
}

.catch {
	background:url(../img/catch.png) left top no-repeat;
	background-size:contain;
	width:55%;
	padding-top:46%;
	position: absolute;
	left:0;
	top:23%;
}

.badge {
	background-size:contain;
	width:20%;
	padding-top:25%;
	position: absolute;
	right:5%;
	bottom:1%;
}

.badge img {
	width:100%;
}

.badge a img {
	transition: all 0.3s;
	opacity: 1;
}

.badge a:hover img {
	transition: all 0.3s;
	opacity: 0.7;
}

.badge2 {
	background-size:contain;
	width:20%;
	padding-top:25%;
	position: absolute;
	right:27%;
	bottom:1%;
}

.badge2 img {
	width:100%;
}

.badge2 a img {
	transition: all 0.3s;
	opacity: 1;
}

.badge2 a:hover img {
	transition: all 0.3s;
	opacity: 0.7;
}


.badge3 {
	background-size:contain;
	width:20%;
	padding-top:25%;
	position: absolute;
	left:27%;
	bottom:1%;
}

.badge3 img {
	width:100%;
}

.badge3 a img {
	transition: all 0.3s;
	opacity: 1;
}

.badge3 a:hover img {
	transition: all 0.3s;
	opacity: 0.7;
}

.audiojs {
	display: none;
}

.badge4 {
	background-size:contain;
	width:20%;
	padding-top:25%;
	position: absolute;
	left:5%;
	bottom:1%;
}

.badge4 img {
	width:100%;
}

.badge4 a img {
	transition: all 0.3s;
	opacity: 1;
}

.badge4 a:hover img {
	transition: all 0.3s;
	opacity: 0.7;
}

/* サブカテゴリ汎用 */

.contents_head {
	width:100%;
	text-align: center;
	position: relative;
}

.contents_head h3 {
	font-family: 'Passion One', cursive;
	font-size:3rem;
	display: inline-block;	
}

.contents_head h3:before {
	content: "";
	width:15%;
	height:2px;
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	margin:auto 0;
}

.contents_head h3:after {
	content: "";
	width:15%;
	height:2px;
	position: absolute;
	right:0;
	top:0;
	bottom:0;
	margin:auto 0;
}

.contents_head h3 span {
	display: none;
}

#News .contents_head {margin-top:3vw;color:#ff72bb;} #News .contents_head h3:before, #News .contents_head h3:after {background-color:#ff72bb;}
#Gallery .contents_head {color:#ffffff;} #Gallery .contents_head h3:before, #Gallery .contents_head h3:after {background-color:#ffffff;}
#Story .contents_head {color:#ff43a0;} #Story .contents_head h3:before, #Story .contents_head h3:after {background-color:#ff43a0;}
#Character .contents_head {color:#ff72bb;} #Character .contents_head h3:before, #Character .contents_head h3:after {background-color:#ff72bb;}
#Special .contents_head {color:#ff72bb;} #Special .contents_head h3:before, #Special .contents_head h3:after {background-color:#ff72bb;}
#Product .contents_head {color:#ffffff;} #Product .contents_head h3:before, #Product .contents_head h3:after {background-color:#ffffff;}

/* ニュース */

#News {
	padding:24px 0;
	background:url(../img/news_bg.png) center center no-repeat;
	position: relative;
}

.button_fb {
	width:6vw;
	position: absolute;
	top:-2vw;
	left:2vw;
}

.button_fb a img {
	width: 100%;
	transition: all 0.3s;
}

.button_fb a:hover img {
	opacity: 0.7;
}

.button_line {
	width:15vw;
	position: absolute;
	top:-2vw;
	left:10vw;
}

.button_line a img {
	width: 100%;
	transition: all 0.3s;
}

.button_line a:hover img {
	opacity: 0.7;
}

.button_tw {
	width:6vw;
	position: absolute;
	top:-2vw;
	left:27vw;
}

.button_tw a img {
	width: 100%;
	transition: all 0.3s;
}

.button_tw a:hover img {
	opacity: 0.7;
}

.newsbox {
	width:96%;
	height:220px;
	overflow: hidden;
	margin:24px auto 0;
}

.newsbox dl:before,
.newsbox dl:after {
    content: " ";
    display: table;
}

.newsbox dl:after {
    clear: both;
}

.newsbox dl {
	width:100%;
    *zoom: 1;
	padding-bottom:5px;
	border-bottom:1px dashed #747474;
	margin-bottom:12px;
}

.newsbox dl dt {
	width:130px;
	line-height: 1.8;
	display: inline-block;
	background-color:#ff72bb;
	border-radius: 5px;
	color:#fff;
	font-size:1.6rem;
	text-align: center;
}

.newsbox dl dd {
	display: inline-block;
	font-size:1.6rem;
	line-height: 1.8;
	color:#747474;
}

.newsbox a {
	color:rgba(255,16,127,1.00);
	text-decoration: none;
}

.newsbox a:hover {
	text-decoration: underline;
}

.movie-wrap {
    position: relative;
	margin:2vh auto 2vh;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
}
 
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.owabi_link {
	width:96%;
	margin:1vh auto;
}

.owabi_link a img {
	width:100%;
	opacity: 1;
	transition: all 0.3s;
}

.owabi_link a:hover img {
	opacity: 0.7;
}

.frillandlace_link {
	width:96%;
	margin:0 auto;
}

.frillandlace_link a img {
	width:100%;
	opacity: 1;
	transition: all 0.3s;
}

.frillandlace_link a:hover img {
	opacity: 0.7;
}

/* ギャラリー */

#Gallery {
	width:100%;
	position: relative;
	overflow: hidden;
}

#Gallery .contents_head {
	position: absolute;
	top:24px;
	left:0;
	z-index:10;
}

.cgbox {
	width:100%;
	display: block;
	position: relative;
	padding:80px 0 65vw;
}

.cgbox:before {
	content:"";
	width:100%;
	height:100%!important;
	display: block;
	-webkit-filter: blur(10px);
	filter: blur(10px);
	position: absolute;
	top:0;
	left:0;
	z-index:-1;
}

.cgbox:after {
	content:"";
	width:100%;
	height:100%!important;
	display: block;
	background:url(../img/shadow_b.png) left top repeat;
	position: absolute;
	top:0;
	left:0;
}

.cg01:before {background:url(../img/gallery/cg01.jpg) center center no-repeat;	background-size:cover;}
.cg02:before {background:url(../img/gallery/cg02.jpg) center center no-repeat;	background-size:cover;}
.cg03:before {background:url(../img/gallery/cg03.jpg) center center no-repeat;	background-size:cover;}
.cg04:before {background:url(../img/gallery/cg04.jpg) center center no-repeat;	background-size:cover;}
.cg05:before {background:url(../img/gallery/cg05.jpg) center center no-repeat;	background-size:cover;}
.cg06:before {background:url(../img/gallery/cg06.jpg) center center no-repeat;	background-size:cover;}
.cg07:before {background:url(../img/gallery/cg07.jpg) center center no-repeat;	background-size:cover;}
.cg08:before {background:url(../img/gallery/cg08.jpg) center center no-repeat;	background-size:cover;}
.cg09:before {background:url(../img/gallery/cg09.jpg) center center no-repeat;	background-size:cover;}
.cg10:before {background:url(../img/gallery/cg10.jpg) center center no-repeat;	background-size:cover;}
.cg11:before {background:url(../img/gallery/cg11.jpg) center center no-repeat;	background-size:cover;}
.cg12:before {background:url(../img/gallery/cg12.jpg) center center no-repeat;	background-size:cover;}
.cg13:before {background:url(../img/gallery/cg13.jpg) center center no-repeat;	background-size:cover;}
.cg14:before {background:url(../img/gallery/cg14.jpg) center center no-repeat;	background-size:cover;}
.cg15:before {background:url(../img/gallery/cg15.jpg) center center no-repeat;	background-size:cover;}

.inner_cg {
	width:96%;
	position:relative;
	margin:0 auto;
	box-shadow:0 0 5px rgba(0,0,0,0.1);
	z-index:10;
}

.inner_cg figure img {
	width:100%;
}

.inner_cg a figcaption {
	position: absolute;
	left:0;
	top:0;
	opacity: 0;
	transition: all 0.3s;
}

.inner_cg a:hover figcaption {
	opacity: 1;
}

.cg_menu {
	width:100%;
	margin:0 auto;
	position: absolute;
	bottom:24px;
	left:0;
	right:0;
	z-index:10;
}

.cg_menu ul {
	margin-right:-12px;
}

.cg_menu ul li {
	width:25%;
	display: block;
	float:left;
}

.cg_menu ul li a {
	width:100%;
	display: block;
	background-color:#fff;
	box-shadow:0 0 5px rgba(0,0,0,0.1);
	overflow: hidden;
}

.cg_menu ul li a img {
	width:100%;
	transition: all 0.3s;
}

.cg_menu ul li a:hover img {
	opacity: 0.7;
}

/* ストーリー */

#Story {
	background: url(../img/story_bg.jpg) center center no-repeat;
	background-size:cover;
	width:100%;
}

.story_catch {
	background:url(../img/story_catch.png) center top no-repeat;
	width:100%;
	background-size:contain;
	padding-top:23%;
	text-indent: -9999px;
	overflow: hidden;
	margin:24px auto;
}

.story_wrap {
	background:url(../img/silhouette.png) center bottom no-repeat;
	background-size:cover;
	width:100%;
	padding:24px 0;
	position: relative;
	z-index:10;
	overflow: hidden;
}

.story_wrap:before {
	content: "";
	display: block;
	background:url(../img/shadow_w.png) left top repeat;
	width:100%;
	height:1100px;
	position: absolute;
	z-index:-1;
	top:0;
	left:0;
}

.story_body {
	width:96%;
	margin:0 auto;
}

.story_body p {
	font-family:"NotoSans_subset", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
	font-size:1.6rem;
	color:#5F5F5F;
	line-height: 2;
	text-align: left;
	text-shadow:1px 1px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff,-1px -1px 1px #fff, 2px 2px 1px #fff,-2px 2px 1px #fff,2px -2px 1px #fff,-2px -2px 1px #fff;
}

br.mn {display: none;}

.story_body p rt {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
	font-weight: bold;
	font-size:1rem;
}

.story_body p strong {
	font-size:130%;
}

.alice {color:#ff43a0;background: linear-gradient(transparent 60%, rgba(255,159,230,0.7) 60%);padding:0 2px;}
.reiji {color:rgba(124,92,75,1.00);background: linear-gradient(transparent 60%, rgba(124,92,75,0.7) 60%);padding:0 2px;}

/* キャラクター */

#Character {
	width:100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fa6ec9+50,ff9d92+100&0+0,0.3+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(250,110,201,0.15) 50%, rgba(255,157,146,0.3) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(250,110,201,0.15) 50%,rgba(255,157,146,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(250,110,201,0.15) 50%,rgba(255,157,146,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#4dff9d92',GradientType=0 ); /* IE6-9 */
	overflow: hidden;
}

.chara_wrap {
	width:100%;
	height:1500px;
	background:url(../img/character/chara_pat.png) left top repeat;
	position: relative;
}

#Character .contents_head {
	position: absolute;
	top:24px;
	left:0;
	z-index:150;
}

.chara_body:before {
	content: "";
	background:url(../img/character/chara_rt.png) left top no-repeat;
	width:384px;
	height:607px;
	position: absolute;
	right:0;
	top:0;
	z-index:1;
}

.chara_body:after {
	content: "";
	background:url(../img/character/chara_lb.png) left top no-repeat;
	width:384px;
	height:607px;
	position: absolute;
	left:0;
	bottom:0;
	z-index:-1;
}

.chara_body {
	width:100%;
	height:1500px;
	position: relative;
	z-index:20;
}

.chara_stand {
	width:100%;
	height:1500px;
	position: absolute;
	z-index:25;
}

.formchange {
	position: absolute;
	bottom:50%;
	right:2%;
	z-index:500;
}

.formchange a {
	display: block;
	margin-bottom:1vw;
}

.stand_alice01 {
	background:url(../img/character/ch_stand_01.png) center 350px no-repeat;background-size:cover;;
	width:100%;
	height:1400px;
	position: absolute;
	z-index:25;
	transition: all 0.2s;
}

.stand_alice02 {
	background:url(../img/character/ch_stand_01b.png) center 350px no-repeat;background-size:cover;;
	width:100%;
	height:1400px;
	position: absolute;
	z-index:25;
	transition: all 0.2s;
}

#Alice:not(:target) .stand_alice01 {
	opacity: 1;
}

#Alice:target .stand_alice01 {
	opacity: 0;
}

#Alice:not(:target) .stand_alice02 {
	opacity: 0;
}

#Alice:target .stand_alice02 {
	opacity: 1;
}

.chara_phrase {
	width:50%;
	height:70vh;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	top:450px;
	left:10%;
	z-index:50;
}

.chara_catch {
	width:100%;
	height:40px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	top:70px;
	margin-top:20vw;
	right:0;
	z-index:50;
}

.chara_name {
	width:100%;
	height:115px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	top:110px;
	margin-top:21vw;
	right:0;
	z-index:50;
}

.chara_voice {
	width:100%;
	height:50px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	top:240px;
	margin-top:22vw;
	right:0;
	z-index:50;
}

.chara_spec {
	width:80%;
	padding-top:12%;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	bottom:15vw;
	right:0;
	left:0;
	margin:0 auto;
	z-index:50;
}

.chara_txt {
	position: absolute;
	width:94%;
	padding:3% 3% 40vw 3%;
	background:rgba(255,255,255,0.8);
	bottom:0;
	right:0;
	left:0;
	margin:0 auto;
	z-index:40;
	font-family:"NotoSans_subset", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
	font-size:1.4rem;
	text-align: left;
	color:#5F5F5F;
	line-height: 1.6;
	text-shadow:1px 1px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff,-1px -1px 1px #fff, 2px 2px 1px #fff,-2px 2px 1px #fff,2px -2px 1px #fff,-2px -2px 1px #fff;
}

.chara_status {
	width:90%;
	padding-top:15%;
	text-indent: -9999px;
	border-radius: 5px;
	overflow: hidden;
	position: absolute;
	bottom:0;
	right:0;
	left:0;
	margin:0 auto;
	z-index:50;
}

#Chara01 .chara_phrase {background:url(../img/character/ch_phrase_01.png) left top no-repeat;background-size:contain;}
#Chara01 .chara_catch {background:url(../img/character/ch_catch_01.png) center top no-repeat;background-size:contain;}
#Chara01 .chara_name {background:url(../img/character/ch_name_01.png) center top no-repeat;background-size:contain;}
#Chara01 .chara_voice {background:url(../img/character/ch_voice_01.png) center top no-repeat;background-size:contain;}
#Chara01 .chara_spec {background:url(../img/character/ch_spec_01.png) center top no-repeat;background-size:contain;}
#Chara01 .chara_status {background:url(../img/character/ch_status_01.png) center top no-repeat;background-size:contain;}

#Chara02 .chara_stand {background:url(../img/character/ch_stand_02.png) center 350px no-repeat;background-size:cover;}
#Chara02 .chara_phrase {background:url(../img/character/ch_phrase_02.png) left top no-repeat;background-size:contain;}
#Chara02 .chara_catch {background:url(../img/character/ch_catch_02.png) center top no-repeat;background-size:contain;}
#Chara02 .chara_name {background:url(../img/character/ch_name_02.png) center top no-repeat;background-size:contain;}
#Chara02 .chara_voice {background:url(../img/character/ch_voice_02.png) center top no-repeat;background-size:contain;}
#Chara02 .chara_spec {background:url(../img/character/ch_spec_02.png) center top no-repeat;background-size:contain;}
#Chara02 .chara_status {background:url(../img/character/ch_status_02.png) center top no-repeat;background-size:contain;}

#Chara03 .chara_stand {background:url(../img/character/ch_stand_03.png) center 350px no-repeat;background-size:cover;}
#Chara03 .chara_phrase {background:url(../img/character/ch_phrase_03.png) left top no-repeat;background-size:contain;}
#Chara03 .chara_catch {background:url(../img/character/ch_catch_03.png) center top no-repeat;background-size:contain;}
#Chara03 .chara_name {background:url(../img/character/ch_name_03.png) center top no-repeat;background-size:contain;}
#Chara03 .chara_voice {background:url(../img/character/ch_voice_03.png) center top no-repeat;background-size:contain;}
#Chara03 .chara_spec {background:url(../img/character/ch_spec_03.png) center top no-repeat;background-size:contain;}
#Chara03 .chara_status {background:url(../img/character/ch_status_03.png) center top no-repeat;background-size:contain;}

#Chara04 .chara_stand {background:url(../img/character/ch_stand_04.png) center 350px no-repeat;background-size:cover;}
#Chara04 .chara_phrase {background:url(../img/character/ch_phrase_04.png) left top no-repeat;background-size:contain;}
#Chara04 .chara_catch {background:url(../img/character/ch_catch_04.png) center top no-repeat;background-size:contain;}
#Chara04 .chara_name {background:url(../img/character/ch_name_04.png) center top no-repeat;background-size:contain;}
#Chara04 .chara_voice {background:url(../img/character/ch_voice_04.png) center top no-repeat;background-size:contain;}
#Chara04 .chara_spec {background:url(../img/character/ch_spec_04.png) center top no-repeat;background-size:contain;}
#Chara04 .chara_status {background:url(../img/character/ch_status_04.png) center top no-repeat;background-size:contain;}

#Chara05 .chara_stand {background:url(../img/character/ch_stand_05.png) center 350px no-repeat;background-size:cover;}
#Chara05 .chara_phrase {background:url(../img/character/ch_phrase_05.png) left top no-repeat;background-size:contain;}
#Chara05 .chara_catch {background:url(../img/character/ch_catch_05.png) center top no-repeat;background-size:contain;}
#Chara05 .chara_name {background:url(../img/character/ch_name_05.png) center top no-repeat;background-size:contain;}
#Chara05 .chara_voice {background:url(../img/character/ch_voice_05.png) center top no-repeat;background-size:contain;}
#Chara05 .chara_spec {background:url(../img/character/ch_spec_05.png) center top no-repeat;background-size:contain;}
#Chara05 .chara_status {background:url(../img/character/ch_status_05.png) center top no-repeat;background-size:contain;}

#Chara06 .chara_stand {background:url(../img/character/ch_stand_06.png) center 350px no-repeat;background-size:cover;}
#Chara06 .chara_phrase {background:url(../img/character/ch_phrase_06.png) left top no-repeat;background-size:contain;}
#Chara06 .chara_catch {background:url(../img/character/ch_catch_06.png) center top no-repeat;background-size:contain;}
#Chara06 .chara_name {background:url(../img/character/ch_name_06.png) center top no-repeat;background-size:contain;}
#Chara06 .chara_voice {background:url(../img/character/ch_voice_06.png) center top no-repeat;background-size:contain;}
#Chara06 .chara_spec {background:url(../img/character/ch_spec_06.png) center top no-repeat;background-size:contain;}
#Chara06 .chara_status {background:url(../img/character/ch_status_06.png) center top no-repeat;background-size:contain;}

#Chara07 .chara_stand {background:url(../img/character/ch_stand_07.png) center 350px no-repeat;background-size:cover;}
#Chara07 .chara_name {background:url(../img/character/ch_name_07.png) center top no-repeat;background-size:contain;}
#Chara07 .chara_status {background:url(../img/character/ch_status_07.png) center top no-repeat;background-size:contain;}

/*　ボイス　*/

.voice_area {
	width:100%;
	position: absolute;
	left:0;
	bottom:28vw;
	z-index:500;
}

.voice_area ul {
	margin-left:2.5%;
}

.voice_area ul li {
	width:30%;
	margin-right:3.3%;
	margin-bottom:1%;
	display: block;
	text-align: center;
	font-family: 'Passion One', cursive;
	float:left;
}

.voice_area ul li a {
	display: block;
	border-radius: 18px;
	background-image: linear-gradient(
	-45deg,
	rgba(255,121,193,1.00) 25%,
	rgba(255,153,207,1.00) 25%, rgba(255,153,207,1.00) 50%,
	rgba(255,121,193,1.00) 50%, rgba(255,121,193,1.00) 75%,
	rgba(255,153,207,1.00) 75%, rgba(255,153,207,1.00)
	);
	/* 幅8px、高さ8pxで背景画像のサイズを指定 */
	background-size: 32px 32px;
	color:#fff;
	text-decoration: none;
	font-size:2.4vw;
	transition: all 0.3s;
}

.voice_area ul li a:hover {
	opacity: 0.7;
}

.chara01_txt {
	font-size:1.4rem;
	line-height: 1.35;
}



.chara_select {
	background:url(../img/character/select_bg.gif) left top repeat;
	width:100%;
	padding-top:80px;
	height:18vw;
	position: absolute;
	top:0;
	left:0;
	z-index:100;
}

.select_wrap {
	width:100%;
	position:absolute;
	text-align: center;
	left:0;
	z-index:200;
}

.chara_select ul {
	display: inline-block;
	position: relative;
}

.chara_select ul:before{
	content: "";
	width:100%;
	padding-top:4%;
	background:url(../img/character/subchara_mobile.png) center top no-repeat;
	background-size:99%;
	position: absolute;
	left:0;
	bottom:-5vw;
}

/*.chara_select ul:before{
	content: "-------------SUB CHARACTERS-------------";
	font-family: 'Passion One', cursive;
	font-size:2rem;
	color:#d3a2fc;
	position: absolute;
	bottom:-24px;
	width:100%;
	left:0;
}*/

.chara_select ul li {
	display: table-cell;
	float:left;
	padding:0 0.5vw;
	text-align: center;
	font-family:"NotoSans_subset", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
	color:#5F5F5F;
	font-size:1.4rem;
	position: relative;
}

.chara_select ul li a {
	display: block;
	width:12vw;
	border-radius: 5px;
	overflow: hidden;
	background:rgba(255,114,187,1);
}

.chara_select ul li span {
	display: none;
}

.chara_select ul li a img {
	width:100%;
	opacity: 1;
	transition: all 0.3s;
}

.chara_select ul li a:hover img {
	opacity: 0.5;
}

.chara_select ul li a figcaption {
	display: none;
}

/*.chara_select ul li a figcaption {
	position: absolute;
	width:100%;
	bottom:-24px;
	left:0;
	font-family: 'Passion One', cursive;
	font-size:2rem;
	color:#d3a2fc;
}

.chara_select ul li.s_n a figcaption {
	display: none;
}*/


/* スペシャル */

#Special {
	width:100%;
	display: block;
	background:rgba(255,202,225,1.00);
}

.special_list {
	width:96%;
	margin:42px auto 0;
}

.special_list ul {
}

.special_list ul li {
	width:100%;
	margin:0 auto 36px;
	background-color:#fff;
	display: block;
	position: relative;
}

.special_list ul li a {
	width:100%;
}

.special_list ul li a img {
	width:100%;
	opacity: 1;
	transition: all 0.3s;
}

.special_list ul li a:hover img {
	opacity: 0.7;
}

.cdv {
	cursor: pointer;
}

.special_wrap {
	width:100%;
	padding:60px 0;
	background-color:#FFE2ED;
background-image: radial-gradient(white 15%, transparent 16%),
radial-gradient(white 15%, transparent 16%);
background-size:60px 60px;
background-position: 0 0, 30px 30px;
}


.sub_content_1k {
	width:100%;
	margin:3% auto 0;
}

#Special h4 {
	width:80%;
	height:60px;
	line-height: 70px;
	text-align: center;
	font-size:3rem;
	font-weight: bold;
	border:4px solid rgba(255,130,165,1.00);
	margin:80px auto 48px;
	color:rgba(255,130,165,1.00);
	position: relative;
}

#Special h4:before {
	content: "";
	display: block;
	position: absolute;
	right:5px;
	bottom:5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 20px 20px;
	border-color: transparent transparent rgba(255,130,165,1.00) transparent;
}

.goods_title {
	width:96%;
	margin:0 auto;
}

.goods_title img {
	width:100%;
}

.goods_image {
	width:80%;
	margin:0 auto;
	padding-top:113.12%;
	background:#FFF;
	box-shadow:0 0 4px rgba(104,104,104,0.5);
	overflow:hidden;
	position:relative;
	margin-bottom:2vh;
}

.goods_image img {
	width:100%;
	position:absolute;
	left:0;
	top:0;
}

.goods_yoko {
	transform:rotate(270deg) scale(0.8);
}

.goods_explain {
	background:#FFF2F5;
	width:92%;
	text-align:left;
	font-size:1.5rem;
	padding:4%;
	line-height:1.8;
	margin:0 auto;
	font-color:rgba(100,100,100,1.00);
	text-shadow:0 0 6px rgba(104,104,104,0.5);
	margin-bottom:2vh;
}

.goods_explain i {
	font-size:1.3rem;
}

.goods_link {
}

.goods_link a {
	display:block;
	width:90%;
	margin:0 auto;
	background:#faa4d4;
	color:#FFF;
	border-radius:5px;
	font-size:1.8rem;
	line-height:3.5vh;
	text-decoration:none;
	transition:all 0.3s;
	margin-bottom:0.7vh;
	text-align: center;
}

.goods_link a:hover {
	background:#FF3EA9;
}

.goods_space {
	font-size:2rem;
	color:rgba(215,215,215,1.00);
	margin:60px 0;
	text-align:center;
}

.goods_attention {
	color:rgba(100,100,100,1.00);
	font-size:1.5rem;
	text-shadow:0 0 6px rgba(104,104,104,0.5);
}



/* プロダクト */

#Product {
	width:100%;
	display: block;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9d92+0,fa6ec9+50,b57bff+100 */
	background: rgb(255,157,146); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(255,157,146,1) 0%, rgba(250,110,201,1) 50%, rgba(181,123,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,157,146,1) 0%,rgba(250,110,201,1) 50%,rgba(181,123,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,157,146,1) 0%,rgba(250,110,201,1) 50%,rgba(181,123,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d92', endColorstr='#b57bff',GradientType=1 ); /* IE6-9 */
}

.product_wrap {
	width:100%;
	padding:60px 0;
	background-image: linear-gradient(
	-45deg,
	rgba(255,255,255,0.1) 25%,
	rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%,
	rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 75%,
	rgba(255,255,255,0) 75%, rgba(255,255,255,0)
	);
	/* 幅8px、高さ8pxで背景画像のサイズを指定 */
	background-size: 32px 32px;
	text-align: center;
}

.staff_wrap {
	width:100%;
	margin-top:48px;
	display: inline-block;
	margin-bottom:60px;
}

.staff_wrap dl:before,
.staff_wrap dl:after {
    content: " ";
    display: table;
}

.staff_wrap dl:after {
    clear: both;
}

.staff_wrap dl {
    *zoom: 1;
	margin-bottom:24px;
}

.staff_wrap dl dt {
	width:33%;
	height:32px;
	border-radius: 16px;
	background-color:#fff;
	color:#eb6e8f;
	line-height: 32px;
	font-family:"NotoSans_subset", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
	font-size:2.2vw;
	float:left;
	text-align: center;
	margin-right:2%;
	overflow: hidden;
}

.staff_wrap dl dd {
	width:65%;
	font-family:"NotoSans_subset", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
	line-height: 32px;
	color:#fff;
	font-size:1.4rem;
	float:left;
	text-align: left;
}

.spec_wrap {
	margin-top:48px;
	margin-bottom:60px;
}

.spec_wrap table {
	border-collapse: separate;
	border-spacing: 3px;
	display: inline-block;
}

.spec_wrap table th {
	border:1px dotted #eb6e8f;
	font-size:1.4rem;
	color:#eb6e8f;
	background:#fff;
	text-align: center;
	padding:2px 24px;
}

.spec_wrap table td {
	border:1px dotted #fff;
	font-size:1.4rem;
	color:#fff;
	text-align: left;
	padding:2px 12px;
}

#Product hr {
	width:100%;
	border-top:1px solid #fff;
	margin:0 auto 48px;
}

.banner {
	width:200px;
	height:40px;
	background-color:#fff;
	margin:0 auto 12px;
}

.banner a img {
	transition: all 0.3s;
}

.banner a:hover img {
	opacity: 0.7;
}

.copyright {
	color:#fff;
	font-size:1.2rem;
}

/* ショップボーナス */

.shopbonus_wrap {
	width:100%;
	margin:0 auto;
}

.shopbonus_box {
	width:46%;
	padding:2%;
	float:left;
	margin-bottom:3vh;
}

.shopbonus_img {
	width:100%;
	background:#FFF;
	box-shadow:0 0 4px rgba(104,104,104,0.5);
}

.shopbonus_img img {
	width:100%;
}

.shopbonus_txt {
	margin-top:1vh;
	background:#f2f6f7;
	width:90%;
	height:100px;
	text-align:left;
	font-size:1.5rem;
	padding:1vh 5%;
	line-height:1.4;
	color:rgba(100,100,100,1.00);
	text-shadow:0 0 6px rgba(104,104,104,0.5);
	float:left;
}

.shopbonus_txt span {
	font-size:120%;
	font-weight:bold;
}

.shopbonus_link {
	width:100%;
	float:left;
	margin-top:1vh;
}

.shopbonus_link p.blank {
	display:block;
	width:100%;
	font-size:1.5rem;
	line-height:2;
	text-decoration:none;
	transition:all 0.3s;
	margin-bottom:1vh;
}

.shopbonus_link a {
	display:block;
	width:100%;
	background:#9fc7d4;
	color:#FFF;
	font-size:1.5rem;
	line-height:2;
	text-decoration:none;
	transition:all 0.3s;
	margin-bottom:1vh;
}

.shopbonus_link a:hover {
	background:#2593B7;
}

.trial_img {
	width:100%;
	background-color:#fff;
	margin:0 auto 5vw;
}

.trial_img img {
	width:100%;
}

.trial_attention {
	width:90%;
	background-color:rgba(255,255,255,0.8);
	padding:12px;
	font-size:1.4rem;
	color:dimgray;
	margin:0 auto 48px;
	text-align: left;
}

.trial_attention span {
	width:100%;
	display: inline-block;
	margin-bottom:12px;
	text-align: center;
	font-size:1.7rem;
	font-weight: bold;
	color:deeppink;
}

a.trial_link {
	width:80%;
	line-height: 1.8;
	color:#fff;
	border-radius: 5px;
	background-color:rgba(245,54,149,1.00);
	display: block;
	margin:0 auto 80px;
	transition: all 0.3s;
	font-size:1.9rem;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	border-bottom: 3px solid rgba(152,40,96,1.00);
}

a.trial_link span {
	font-weight: normal;
	font-size:90%;
}

a:hover.trial_link {
	background-color:rgba(255,155,205,1.00);
}

.new:after {
	content:"";
	background:url(../topics/new.png) left top no-repeat;
	background-size:cover;
	position:absolute;
	display: block;
	width:50px;
	height:50px;
	left:10px;
	top:-20px;
}

.on_pc {
	display: none!important;
}

.on_mo {
}


.broadcast {
	background:url(../special/broadcast.jpg) left top no-repeat;
	width:96%;
	padding-top:90%;
	background-size:contain;
	border:2px solid #fff;
	margin:0 auto 64px;
	position: relative;
}

.broadcast a {
	width:60%;
	padding-top:12%;
	display: block;
	border-radius: 5px;
	background-color:#fff;
	position: absolute;
	z-index:100;
	bottom:2%;
	left:20%;
	opacity: 0;
}

.messagepaper {
	background:url(../special/messagepaper.jpg) left top no-repeat;
	width:96%;
	padding-top:90%;
	background-size:contain;
	border:2px solid #fff;
	margin:0 auto 64px;
	position: relative;
}

.tweet_campaign {
	background:url(../special/tweet.jpg) left top no-repeat;
	width:96%;
	padding-top:90%;
	background-size:contain;
	border:2px solid #fff;
	margin:0 auto 64px;
	position: relative;
}

.cafe_head {
	background:url(../special/cafe_head.png) left top no-repeat;
	width:100%;
	padding-top:30%;
	margin:0 auto 36px;
	background-size:contain;
}

.bsd_head {
	background:url(../special/cafe_head2.png) left top no-repeat;
	width:100%;
	padding-top:35%;
	margin:0 auto 16px;
	background-size:contain;
}

.mei_head {
	background:url(../special/cafe_head3.png) left top no-repeat;
	width:100%;
	padding-top:35%;
	margin:0 auto 16px;
	background-size:contain;
}


.cafe_shop {
	width:98%;
	background-color:#fff;
	border-radius: 10px;
	padding:10px 0;
	margin-bottom:36px;
}

.shop1 {
	width:96%;
	background:url(../special/cafe_bg1.png) left top repeat;
	margin:0 auto ;
	border-radius: 10px;
}

.shop2 {
	width:96%;
	background:url(../special/cafe_bg2.png) left top repeat;
	margin:0 auto;
	border-radius: 10px;
}

.cafe_bsd {
	background:url(../special/cafe_bsd.png) center center no-repeat;
	width:100%;
	padding-top:23%;
	background-size:76%;
	margin:0 auto;
}

.cafe_mai {
	background:url(../special/cafe_mai.png) center center no-repeat;
	width:100%;
	padding-top:23%;
	background-size:76%;
	margin:0 auto;
}

.cafe_bt {
	width:80%;
	margin-left:10%;
}

.cafe_bt ul {
	margin-top:5px;
}

.cafe_bt ul li {
	width:50%;
	float:left;
}

.cafe_bt ul li a {
	width:100%;
	display: block;
	box-shadow:3px 3px 3px rgba(128,88,88,1.00);
}

.dist_block {
	width:92%;
	padding:2%;
	background-color:#fff;
	border-radius: 15px;
	margin:0 auto 16px;
}

.dist_title {
	width:92%;
	padding:0 4%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9d92+0,fa6ec9+50,b57bff+100 */
	background: rgb(255,157,146); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(255,157,146,1) 0%, rgba(250,110,201,1) 50%, rgba(181,123,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,157,146,1) 0%,rgba(250,110,201,1) 50%,rgba(181,123,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,157,146,1) 0%,rgba(250,110,201,1) 50%,rgba(181,123,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d92', endColorstr='#b57bff',GradientType=1 ); /* IE6-9 */
	color:#fff;
	font-size:2.2rem;
	font-weight: bold;
	border-radius: 5px;
	margin-bottom: 16px;
}

.dist_icon {
	width:100%;
	margin-bottom:8px;
}

.dist_icon img {
	width: 100%;
}

.dist_txt {
	width:90%;
	margin:0 auto 8px;
	font-size:1.5rem;
	line-height: 1.9;
	color:#777777;
}

.dist_txt p span {
	background-color:#777;
	display: inline-block;
	width:32px;
	line-height: 32px;
	border-radius: 16px;
	color:#fff;
	margin-bottom:8px;
	text-align: center;
}

.dist_txt p strong {
	font-weight: bold;
	color:rgba(0,171,255,1.00);
}

.dist_txt ul {
	margin-bottom:8px;
}

.dist_link {
	width:90%;
	margin:0 auto 8px;
	text-align: center;
}

.dist_link a {
	display: inline-block;
	width:29%;
	text-align: center;
	margin:0 1.5%;
	line-height: 32px;
	background:rgba(255,157,146,1);
	border-radius: 3px;
	color:#fff;
	text-decoration: none;
	box-shadow:2px 2px 1px rgba(212,180,176,1.00);
	font-size:1.3rem;
	opacity: 1;
	transition: all 0.3s;
}

.dist_link a:hover {
	opacity: 0.7;
}

ul.download_list {
	width:100%;
	margin:0 auto 4vh;
	text-align: center;
}

ul.download_list li {
	width:46%;
	padding:0 2%;
	float:left;
	margin-bottom:2vh;
}

ul.download_list li a {
	width:100%;
	padding:5% 0;
	border-radius:10px;
	background-color:#FF99C5;
	display:block;
	vertical-align:middle;
	transition:all 0.3s;
	color:#fff;
	font-size:2.3rem;
	text-decoration:none;
	font-weight:bold;
}

ul.download_list li a em {
	font-size:60%;
	font-weight:normal;
}

ul.download_list li a span {
	font-size:80%;
	font-weight:normal;
}

ul.download_list li a:hover {
	background-color:rgba(192,43,159,1.00);
	box-shadow:0 0 10px rgba(192,43,145,0.70);
}

.lyrics_box {
}

.lyrics {
	width:100%;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom:12px;
}

.lyrics img {
	width:100%;
}