/* CSS Document */

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html {
	margin: 0;
	width: 100%;
	height: 100%;
	font-size: 62.5%;
}
body {
	margin: 0;
	width: 100%;
	height: 100%;
	font-size: 1.0rem;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック';
}
div {
	font-size: 1.4rem;
}
footer {
}
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
}
.brsp {
	display: block;
}
.brpc {
	display: none;
}
.hidden {
	display: none;
}
/* 各ページ共通 */
.box {
	padding: 10px 0;
}
h1 span {
	padding-left: 0.5em;
	font-size: 50%;
}
.box h1 {
	background: url(https://wwwstatic.starlet-game.jp/images/title_area_bg.png) bottom center no-repeat;
	background-size: 100% auto;
	font-size: 1.6em;
	padding-bottom: 20px;
	padding-left: 10px;
	border-bottom: 1px solid #e3e8eb;
	position: relative;
}
#title_area {
	border-bottom: 1px solid #e3e8eb;
	background-color: #FFFFFF;
}
#pagetitle h1 {
	margin: 0;
	padding-left: 10px;
	font-size: 2.4rem;
}
div#sp_menu {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: right;
	z-index: 200;
}
/* slimmenu custom */
ul.slimmenu li {
	background-color: rgba(0, 0, 0, 0.9);
}
ul.slimmenu>li {
	border: none;
}
ul.slimmenu li a, ul.slimmenu li em {
	display: block;
	padding: 10px 15px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}
ul.slimmenu li a {
	text-shadow: 0px 0px 5px #1ebee3, 0px 0px 15px #52a8d5, 0px 0px 25px #83d7e6;
}
ul.slimmenu.collapsed li a, ul.slimmenu.collapsed li em {
	border-bottom: 1px solid rgba(255,255,255,0.075);
}
ul.slimmenu li span {
	font-weight: normal;
	font-size: 0.8rem;
}
div#sp_menu ul li.gray em {
	color: #afafaf;
	font-style: normal;
}
ul.slimmenu li a:hover, ul.slimmenu li.visited a {
	text-decoration: none;
	background-color: #4d5e63;
}
.collapse-button .icon-bar {
	height: 3px;
	width: 20px;
	margin: 2px 0;
	background-color: #35d4fd;
}
#nav_area {
	background: url(https://wwwstatic.starlet-game.jp/images/header_bg_pc.png) bottom center;
}
#nav_area nav {
	display: none;
}
#logo_nav h1 {
	text-align: center;
}
#logo_nav h1 a {
	display: block;
}
#logo_nav h1 img {
	width: 90px;
	height: auto;
}
#pagetitle {
	background: url(https://wwwstatic.starlet-game.jp/images/title_area_bg.png) bottom center no-repeat;
	background-size: cover;
	padding-bottom: 20px;
}
.opera_logo {
	background-color: #FFFFFF;
}
/* home */
body#home {
}
#home div#sp_menu {
	padding-top: 59.687%;
	margin-top: -48px;
}
#keyvisual_area {
	position: relative;
	width: 100%;
}
#sp_key {
}
#sp_key h1 img {
	width: 100%;
	height: auto;
}
#entry_area_pv, #soundswitch {
	display: none;
}
#home #logo_nav {
	display: none;
}
#home #nav_area {
	background: none;
}
#white_area {
	background-color: #FFFFFF;
	position: relative;
}
.entry_area {
}
.entry_area p {
	margin: 0;
}
.entry_area img {
	width: 100%;
	height: auto;
}
.news_area {
	width: 100%;
	height: 400px;
	background-color: #FFFFFF;
}
ul#newslist {
	margin: 0;
	padding: 0;
	height: 300px;
	overflow: auto;
	border-bottom: 1px solid #e3e8eb;
}
ul#newslist li {
	padding: 15px 10px;
	border-bottom: 1px solid #e3e8eb;
}
ul#newslist li:last-child {
	border-bottom: none;
}
ul#newslist li div {
	overflow: hidden;
}
ul#newslist li mark {
	float: left;
	display: block;
	margin-top: 7px;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	font-size: 1.2rem;
	width: 64px;
	height: 20px;
	border-radius: 2px;
	line-height: 20px;
	margin-right: 0.5em;
}
ul#newslist li span {
	float: left;
	display: block;
	margin-top: 7px;
	text-align: right;
	font-size: 0.8rem;
	line-height: 20px;
}
.sorry {
	background-color: #0d67d2;
	text-shadow: 0 -1px 0px #333, 0 1px 0px #555;
}
.notice {
	background-color: #58c77d;
	text-shadow: 0 -1px 0px #09b500, 0 1px 0px #3ead63;
}
.important {
	background-color: #e70413;
	text-shadow: 0 -1px 0px #b30000, 0 1px 0px #cb0000;
}
.event {
	background-color: #fabb00;
	text-shadow: 0 -1px 0px #e9ff34, 0 1px 0px #e0a100;
}
.twitter_area {
	width: 100%;
	background-color: #FFFFFF;
}
.timeline-Header {
	padding: 10px;
	display: none;
}
#twitter {
	margin: 0 auto;
	padding: 0;
	width: 85%;
}
#twitter img {
	width: 100%;
	height: auto;
}
.pv_area {
}
.pv_area p {
	margin: 0 0 1em;
	text-align: center;
	font-size: 1.2rem;
}
.popuplink img {
	width: 100%;
	height: auto;
}
#home .banner_area {
	margin-top: 0;
}
.screenshot_outer {
	width: 100%;
	height: 420px;
	overflow: scroll;
	border-bottom: 1px solid #e3e8eb;
}
.screenshot_inner {
	width: 735px;
	height: 400px;
}
.screenshot {
	width: 225px;
	margin: 10px;
	float: left;
}
.screenshot img {
	height: 400px;
	width: auto;
}
.contentbanner_area {
	width: 100%;
}
.contentbanner {
	display: block;
	width: 230px;
	height: auto;
	margin: 1em auto;
}
.contentbanner img {
	width: 100%;
	height: auto;
}
.chibichara {
	position: absolute;
	opacity: 0;
	height: auto;
}
#s-tiara {
	width: 100px;
	top: -30px;
	right: 0;
}
#s-mina {
	width: 100px;
	top: -30px;
	right: 30px;
}
#s-kanade {
	width: 80px;
	top: -30px;
	right: 0;
}
#s-mari {
	width: 100px;
	top: -20px;
	right: 0;
}
/* news_page */
#news_page .news_area {
	height: auto;
}
#news_page ul#newslist {
	height: auto;
	overflow: inherit;
}
#news_page .news_area {
	padding-top: 0;
	border-top: none;
}
/* prologue */
#prologue-shell {
	width: 100%;
}
.prologue-content {
	width: 100%;
	overflow: hidden;
	padding: 20px 0;
	margin: 0 auto;
}
.prologue-content::before {
	background: url(https://wwwstatic.starlet-game.jp/images/prologue/galaxy_bg.jpg) no-repeat center top;
	background-size: 100% auto;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 120vh;
	content: "";
	z-index: -1;
}
.prologue-text {
	width: 100%;
}
.prologue-img-sp {
	margin-top: 0;
}
.prologue-text-img {
	margin-top: 20px;
}
.prologue-img-sp, .prologue-text-img {
	opacity: 0;
	width: 100%;
	height: auto;
}
/* character */
#character-shell {
	width: 100%;
}
.character-content {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}
.emblem {
	color: #FFFFFF;
	margin: 0 auto;
	padding: 20px;
	text-align: left;
}
.emblem h1 {
	color: #FFFFFF;
	text-shadow: 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 8px #FFFFFF;
	background-position: left 50%;
	background-repeat: no-repeat;
	background-size: contain;
	padding-left: 1.4em;
}
.emblem p {
	margin: 1.4em 0 0;
	font-size: 1.2rem;
}
.emblem h1, .emblem p {
	line-height: 1.4em;
}
.speech {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background-position: 0 bottom;
	background-repeat: no-repeat;
	background-size: contain;
	text-indent: -9999px;
}
#starlet_area {
	max-height: 2000px;
	color: #FFFFFF;
}
#starlet_area::before {
	background: url(https://wwwstatic.starlet-game.jp/images/chara/starlet_bg.jpg) no-repeat 50% 50%;
	background-size: 100% auto;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	padding: 10vh 0;
	content: "";
	z-index: -1;
}
#starlet_area .emblem h1 {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/starlet_emblem.png);
}
#starlet_list ul {
	padding: 0;
	margin: auto;
	overflow: hidden;
	width: 308px;
}
.btn-c, .comingsoon-c {
	width: 150px;
	height: 57px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 150px 56px;
	border-radius: 5px;
	border-width: 1px;
	border-style: solid;
	box-sizing: border-box;
	display: inline-block;
	float: left;
	margin: 2px;
	text-indent: -9999px;
}
.btn-c {
	border-color: #23bff0;
	cursor: pointer;
}
.btn-c:hover {
	border-color: #fff;
}
.comingsoon-c {
	border-color: #9f9f9f;
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-coming.png);
}
.stella {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-stella.png);
}
.risa {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-risa.png);
}
.tiara {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-tiara.png);
}
.marry {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-marry.png);
}
.mirei {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-mirei.png);
}
.rui {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-rui.png);
}
.kanade {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-kanade.png);
}
.mina {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-mina.png);
}
.elise {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-elise.png);
}
.natalia {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-natalia.png);
}
.meihua {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-meihua.png);
}
.parfait {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-parfait.png);
}
.olivia {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-olivia.png);
}
.towa {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-towa.png);
}
.toma {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-toma.png);
}
.miyabi {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-miyabi.png);
}
.souffle {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-souffle.png);
}
.kasumi {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-kasumi.png);
}
.mizuha {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-mizuha.png);
}
.yuzuriha {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-yuzuriha.png);
}
.marya {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-marya.png);
}
.nia {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-nia.png);
}
.noah {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-noah.png);
}
.chelsea {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-chelsea.png);
}
.fran {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-fran.png);
}
.laura{
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-laura.png);
}
.claire{
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-claire.png);
}
.iris{
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-iris.png);
}
.loew{
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-loew.png);
}
.grace{
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-grace.png);
}
.ein{
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-ein.png);
}
.mew{
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-mew.png);
}
.fai{
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn-c-fai.png);
}


/*swiper*/
.swiper-button-next, .swiper-button-prev {
	top: 69%;
}
.character-pagenation-wrapper {
	clear: both;
	background-color: #000;
	width: 100vw;
	padding: 2vh 0;
}
.character-pagenation.list {
	display: none;
}
.character-pagenation {
	box-sizing: content-box;
	border: 2px #23bff0 solid;
	border-radius: 25px;
	box-shadow: 0 0 10px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	width: 6em;
	height: 8vh;
	line-height: 8vh;
	margin: auto;
	background-color: rgba(255,255,255,0.8);
	color: #00a3ff;
	transition: all 0.1s ease;
}
.character-pagenation:hover {
	border: 2px #fff solid;
	background-color: rgba(255,255,255,0.96);
}
.swiper-container-h {
}
.starlet-img-wrapper {
	width: 100%;
	text-align: center;
	background: url(https://wwwstatic.starlet-game.jp/images/chara/image.gif) 50% 50% no-repeat;
	background-size: 20px auto;
	position: relative;
}
.starlet-img-wrapper::before {
	content: "";
	display: block;
	padding-top: 150%;
}
.starlet-img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: auto;
}
.voice {
	position: absolute;
	top: 64%;
	left: 50%;
	margin-left: -22.5%;
	width: 45%;
}
.voice-btn {
	width: 100%;
	text-indent: -9999px;
	background: url(https://wwwstatic.starlet-game.jp/images/chara/btn_voice.png) 50% 50% no-repeat;
	background-size: contain;
}
.voice-btn.comingsoon-v {
	background: url(https://wwwstatic.starlet-game.jp/images/chara/btn_voice_coming.png) 50% 50% no-repeat;
	background-size: contain;
}
.voice-btn:before {
	content: "";
	display: block;
	padding-top: 36.111%;
}
.voice-btn.play {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/btn_voice_play.png);
}
#stella_area {
	background: url(https://wwwstatic.starlet-game.jp/images/chara/stella_bg.jpg) center no-repeat;
	background-size: cover;
}
#stella {
	position: relative;
	text-align: center;
	width: 100%;
}
#stella:before {
	content: "";
	display: block;
	padding-top: 117.187%;
}
#stella p {
	margin-top: 0;
	margin-bottom: 0;
}
#stella_img {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: url(https://wwwstatic.starlet-game.jp/images/chara/stella.png) 0 bottom no-repeat;
	background-size: contain;
	opacity: 0;
}
#stella_speech {
	height: 55.909%;
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/stella_speech.png);
}
#durand_area {
	background: url(https://wwwstatic.starlet-game.jp/images/chara/palace_bg.jpg) center no-repeat;
	background-size: cover;
}
#durand_area .emblem h1 {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/gff_emblem.png);
}
#emilia {
	position: relative;
	text-align: center;
	width: 100%;
}
#emilia:before {
	content: "";
	display: block;
	padding-top: 103.125%;
}
#emilia p {
	margin-top: 0;
	margin-bottom: 0;
}
#emilia_img {
	position: absolute;
	left: 0;
	bottom: -30px;
	opacity: 0;
	width: 100%;
	height: 100%;
	background: url(https://wwwstatic.starlet-game.jp/images/chara/emilia.png) 0 bottom no-repeat;
	background-size: contain;
}
#emilia_speech {
	bottom: 20px;
	height: 62.121%;
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/emilia_speech.png);
	opacity: 0;
}
#aludra_area {
	background-image: -webkit-linear-gradient(top, #000000 80%, #ffffff 100%);
	background-image: linear-gradient(top, #000000 80%, #ffffff 100%);
}
#aludra_area .emblem h1 {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/raviria_emblem.png);
}
#distrra {
	background: url(https://wwwstatic.starlet-game.jp/images/chara/aludra_bg.jpg) top center no-repeat;
	background-size: 100% auto;
	position: relative;
	text-align: center;
	opacity: 0;
}
#distrra:before {
	content: "";
	display: block;
	padding-top: 88.593%;
}
#distrra_speech {
	height: 35.273%;
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/distrra_speech.png);
	bottom: 40px;
}
#fourguardians {
	width: 100%;
	position: relative;
	background-image: -webkit-linear-gradient(bottom, #000, #FFFFFF 25%, #FFFFFF 100%);
	background-image: linear-gradient(to bottom, #000, #FFFFFF 25%, #FFFFFF 100%);
	margin-top: -60px;
}
#fourguardians:before {
	content: "";
	display: block;
	padding-top: 110%;
}
.fg-list-wrapper {
	padding: 0;
	overflow: hidden;
	width: 308px;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -154px;
}
.fg-list {
	width: 150px;
	height: 150px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 150px 150px;
	display: inline-block;
	float: left;
	margin: 2px 2px 44px;
	text-indent: -9999px;
}
.fg-list.silvill {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/fg_silvill.png);
}
.fg-list.dioghouleo {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/fg_dioghouleo.png);
}
.fg-list.comingsoon-fg {
	background-image: url(https://wwwstatic.starlet-game.jp/images/chara/fg_coming.png);
}
#fg-name {
	width: 100%;
	height: 44px;
	position: absolute;
	top: 153px;
	left: 0;
	background: url(https://wwwstatic.starlet-game.jp/images/chara/fg_name.png) 50% 50% no-repeat;
	background-size: contain;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}
/* syetem */
#system-shell::before {
	background: url(https://wwwstatic.starlet-game.jp/images/system/systembg.jpg) no-repeat 50% top;
	background-size: cover;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	padding: 10vh 0;
	content: "";
	z-index: -1;
}
.system_content {
	margin: 0 0 1em;
}
.system_content h2 {
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.system_content img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	padding: 0;
}
.sysytem_movie {
	width: 320px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.sysytem_movie li {
	display: inline-block;
	width: 120px;
	height: 60px;
	margin: 10px;
}
.sysytem_movie li a {
	display: block;
	position: relative;
}
.sysytem_movie li a:after {
	content: "";
	width: 16px;
	height: 12px;
	position: absolute;
	top: 6px;
	left: 6px;
	background: url(https://wwwstatic.starlet-game.jp/images/system/yticon.png) 0 0 no-repeat;
	background-size: contain;
}
.system_content .s3ss {
	width: 74.37%;
	margin-top: -50px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(https://wwwstatic.starlet-game.jp/images/system/s3_anime_sp.gif), url(https://wwwstatic.starlet-game.jp/images/system/ssbg_sp.png);
	background-position: 50% 50%, 50% 50%;
	background-repeat: no-repeat, no-repeat;
	background-size: contain, contain;
}
.system_content .s3ss:before {
	content: "";
	display: block;
	padding-top: 154.621%;
}
.hcon {
	opacity: 1;
}
/* movie_page */
#movie-shell {
}
#movie_page #movie-shell #movie_area h1 {
	background: none;
	padding-bottom: 0;
	font-size: 2.0rem;
	border: none;
}
#movie-shell p {
	text-align: center;
}
#movie-shell img {
	width: 100%;
	height: auto;
}
/* special */
#special-shell {
	background-color: #FFFFFF;
	width: 100%;
}
#special_page #special-shell #special_area h1 {
	background: none;
	padding-bottom: 0;
	font-size: 1.8rem;
	border: none;
}
.video-container {
	margin: 10px auto;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-container a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-container img {
	width: 100%;
	height: auto;
	display: block;
}
.video-container .video-title {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2em;
	line-height: 2em;
	text-align: left;
	background: -moz-linear-gradient(left, rgba(0,0,0,0.66) 0%, rgba(0,0,0,0.66) 1%, rgba(0,0,0,0) 60%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.66) 0%, rgba(0,0,0,0.66) 1%, rgba(0,0,0,0) 60%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,0.66) 0%, rgba(0,0,0,0.66) 1%, rgba(0,0,0,0) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8000000', endColorstr='#00000000', GradientType=1 ); /* IE6-9 */
	color: #fff;
	padding: 0 0 0 0.5em;
}
#special_page #pagetitle {
	background-size: 100%;
}
.specialmenu {
	margin: 0 auto;
	padding: 0 10px;
	height: 50px;
}
.specialmenu .visit {
	background-color: #6ed5f5;
	color: #fff;
}
.dropmenu {
	width: 60%;
	float: left;
	position: relative;
}
.btnmenu {
	width: 36%;
	float: right;
}
.dropmenu a,
.btnmenu a {
	display: block;
	line-height: 50px;
	padding: 0 10px;
	border-radius: 5px;
	border: 2px solid #e3e8eb;
	color: #000;
	font-size: 0.9em;
}
.dropmenu > a {
	position: relative;
}
.dropmenu > a:after {
	content: "▼";
	color: #6ed5f5;
	position: absolute;
	top: 0;
	right: 10px;
	width: 1.4em;
    text-align: center;
	text-shadow: 1px 1px rgba(0,0,0,0.33);
}
.dropmenu.open > a:after {
	content: "▲";
}
.dropmenu img,
.btnmenu img {
	width: 30px;
	height: auto;
	padding-right:5px; 
}
.dropmenu ul {
	display: none;
	transform: 0.5s;
	position: absolute;
	z-index: 998;
	top: 100%;
	left: 5%;
	width: 90%;
	margin: 0.5em 0;
	padding: 0;
	background-color: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.33);
	border: 1px solid #e3e8eb;
	border-radius: 5px;
}
.dropmenu ul li a {
	height: 50px;
	border: none;
	border-bottom: 1px solid #e3e8eb;
	border-radius: 0;
}
.dropmenu ul li:first-child a {
	border-radius: 5px 5px 0 0;
}
.dropmenu ul li:last-child a {
	border-radius: 0 0 5px 5px;
}
/* preregist */
.keycon {
	position: absolute;
	height: auto;
}
.keycon1 {
	width: 150px;
	top: 5px;
	left: 50%;
	margin-left: -75px;
}
.keycon2 {
	width: 159px;
	left: 0;
	bottom: 0;
}
.keycon3 {
	width: 159px;
	right: 0;
	bottom: 0;
}
.preregist-area {
	padding: 0.5em 0;
	position: relative;
}
.preregist-area.blue {
	background-color: rgba(0,0,0,0.66);
}
.preregist-area img {
	display: block;
	height: auto;
	margin: auto;
}
.preregist1 {
	width: 221px;
}
.triangle {
	width: 30px;
	animation: vertical 1s ease-in-out infinite alternate;
}
@keyframes vertical {
 0% {
transform:translateY(-10px);
}
 100% {
transform:translateY( 0px);
}
}
.preregist-menu-wrapper {
	margin: 0;
	padding: 0 1vw 10px;
	text-align: center;
	overflow: hidden;
}
.preregist-menu-wrapper-under {
	margin: 0;
	padding: 10px 1vw 10px;
	text-align: center;
	overflow: hidden;
}
.preregist-menu {
	width: 90%;
	text-align: center;
	color: #fff;
	font-size: 1.2rem;
	margin: auto;
}
.preregist-line, .preregist-mail {
	width: 49vw;
	float: left;
}
.preregist-top10 {
	clear: both;
}
.preregist-btn {
	display: block;
	width: 49vw;
	margin: auto;
	cursor: pointer;
}
.preregist-btn img {
	width: 100%;
	height: auto;
}
.form-group {
	display: none;
}
.preregist-top10 .preregist-btn {
	width: 20em;
	background-color: #fff;
	border-radius: 15px;
	color: #069;
	text-align: center;
	font-size: 11px;
	padding: 1.5em 0 1em;
}
.preregist-top10 .preregist-btn a {
	color: #f00;
	text-decoration: underline;
	font-weight: bold;
	font-size: 13px;
	line-height: 2.5em;
}
#about_area {
	background-color: #FFFFFF;
}
.tokuten-title {
	width: 300px;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
.tokuten-title img {
	width: 100%;
	height: auto;
}
.tokuten-wrapper {
	padding: 0.5em 0 0;
}
.preregist-area.tokuten-wrapper::before {
	background: url(https://wwwstatic.starlet-game.jp/images/preregist/tokutenbg.jpg) no-repeat 50% top;
	background-size: cover;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	padding: 10vh 0;
	content: "";
	z-index: -1;
}
.tokuten {
	width: 300px;
	height: 82px;
	margin: 0.5em 0;
	text-align: center;
	background-color: rgba(0, 246, 255, 0.54);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 300px auto;
	border: 2px #fff solid;
	border-radius: 10px;
	box-sizing: content-box;
	display: inline-block;
	text-indent: -9999px;
}
.t1 {
	background-image: url(https://wwwstatic.starlet-game.jp/images/preregist/tokuten1.png);
}
.t2 {
	background-image: url(https://wwwstatic.starlet-game.jp/images/preregist/tokuten2.png);
}
.t3 {
	background-image: url(https://wwwstatic.starlet-game.jp/images/preregist/tokuten3.png);
}
.t4 {
	background-image: url(https://wwwstatic.starlet-game.jp/images/preregist/tokuten4.png);
}
.t5 {
	background-image: url(https://wwwstatic.starlet-game.jp/images/preregist/tokuten5.png);
}
.t6 {
	background-image: url(https://wwwstatic.starlet-game.jp/images/preregist/tokuten6.png);
	background-color: rgba(0, 81, 255, 0.42);
}
.toppa {
	position: relative;
}
.toppa:after {
	content: "";
	display: block;
	width: 300px;
	height: 82px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(https://wwwstatic.starlet-game.jp/images/preregist/tokuten-toppa.png) 0 0 no-repeat;
	background-size: 300px auto;
}
.attention {
	margin: 5vw;
	padding: 1em;
	border-radius: 10px;
	background-color: #f3f3f3;
}
.support {
}
.support h3 {
	text-align: left;
	margin: 0;
	padding: 1em 0 0;
}
.support h4 {
	margin: 1em 0 0;
}
.support h5 {
	margin: 0;
}
.support p {
	margin: 0 0 1em;
}
.support ol, .support ul {
	margin: 0 0 1em;
	padding: 0 0 0 1.6em;
}
.support li {
	margin: 0 0 0.5em;
}
.support li li {
	margin: 0;
}
.disc {
	list-style-type: disc;
}
.decimal {
	list-style-type: decimal;
}
.katakana {
	list-style-type: katakana;
}
.aright {
	text-align: right;
}
.aleft {
	text-align: left;
}
.support table {
	margin: 0 0 1em;
}
.support .td1 {
	width: 5em;
	padding-right: 1em;
}
.support .nostyle {
	margin: 0;
	padding-left: 1em;
	text-indent: -1em;
}
.am-wrapper {
	display: block;
	position: relative;
}
.am {
	display: block;
	width: 70px;
	height: 109px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	animation: vertical 1s ease-in-out infinite alternate;
	opacity: 0;
}
.am1 {
	background-image: url(https://wwwstatic.starlet-game.jp/images/preregist/amuu1.png);
}
.am2 {
	background-image: url(https://wwwstatic.starlet-game.jp/images/preregist/amuu2.png);
}
.am3 {
	background-image: url(https://wwwstatic.starlet-game.jp/images/preregist/amuu3.png);
}
.am-a {
	top: -35px;
	left: 0;
}
.am-b {
	top: -45px;
	right: 0;
}
.am-c {
	top: -20px;
	right: 0;
}
.am-d {
	top: -35px;
	left: 20px;
}
.am-btn {
	width: 100%;
	height: 90px;
	margin: 0 auto 15px;
}
.am-serif {
	width: 200px;
	height: 90px;
	background: url(https://wwwstatic.starlet-game.jp/images/preregist/amu-serif.png) 0 0 no-repeat;
	background-size: contain;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 100px;
}
#preregist #twitter_area h1 {
	margin-bottom: 0;
}
#preregist #twitter {
	height: 350px;
}
#preregist .banner_area {
	padding-top: 0;
}
.back-btn-area {
	background-color: #fff;
	padding: 5vw 0;
}
.back-btn {
	box-sizing: content-box;
	border: 2px #23bff0 solid;
	border-radius: 1.5em;
	display: block;
	width: 8em;
	height: 2.4em;
	line-height: 1.2em;
	padding: 0.5em;
	margin: auto;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
}
li.preregist-menu.preregist-form {
	clear: both;
}
.form-mail {
	padding-top: 20px;
}
input.mailinput {
	display: block;
	width: 100%;
	padding: .5rem 1rem;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #55595c;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
}
label.error {
	color: red;
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
}
input.mailregist {
	width: 35vw;
	height: auto;
	margin-top: 20px;
}
div#response {
	margin-top: 0;
	padding: 1rem;
}
h2.attention-btn {
	margin: 10px 0;
	display: block;
	font-size: 1.8rem;
	color: #FFF;
	text-decoration: underline;
}
h2.attention-btn {
	display: block;
	cursor: pointer;
}
div#attention-area {
	display: none;
	text-align: left;
}
.white_inner {
	background-color: #FFF;
	padding-bottom: 10px;
}
/* launch */
.playnow {
	width: 175px;
}
.tokuten-wrapper h2.attention-btn {
	text-align: center;
}
.am-serif2 {
	background: url(https://wwwstatic.starlet-game.jp/images/preregist/amu-serif2.png) 0 0 no-repeat;
	background-size: contain;
}
/* store download */
.dl-wrapper {
	margin: 0;
	padding: 0 1vw;
}
.dl {
	width: 49vw;
	float: left;
}
.dl-btn {
	display: block;
	width: 47vw;
	margin: auto;
	cursor: pointer;
	transition: 0.3s;
}
.dl-btn:hover {
	opacity: 0.66;
}
.dl-btn img {
	width: 100%;
	height: auto;
}
.dl-img {
	width: 96vw;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6px;
	text-align: left;
}
.dl-img img {
	width: auto;
	height: 60px;
}
/* top audition link */
.audition-btn {
	background: linear-gradient(135deg, rgba(255,153,34,1) 0%,rgba(255,34,119,1) 100%);
	display: block;
	text-align: center;
	margin: 10px 2vw 0;
	padding: 10px;
	transition: 0.3s;
}
.audition-btn:hover {
	opacity: 0.66;
}
.audition-btn img {
	width: 280px;
	height: auto;
}
/* audition_detail */
#audition_detail::before, #audition_vote::before {
	background: url(https://wwwstatic.starlet-game.jp/images/preregist/tokutenbg.jpg) no-repeat 50% top;
	background-size: cover;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	padding: 10vh 0;
	content: "";
	z-index: -1;
}
#audition_detail h1 {
	width: 100%;
	height: 0;
	margin-top: 25px;
	padding-top: 135.93%;
	background: url(https://wwwstatic.starlet-game.jp/images/audition/detail_KV640.png) 0 0 no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#audition_detail h2, #audition_vote h2 {
	text-align: center;
	color: #FFFFFF;
}
#audition_detail .topics {
	padding: 10px;
}
#audition_detail .topics h2 {
	color: #FFFFFF;
	text-shadow: 0 0 1px #b2cfff, 0 0 10px #253a84, 0 0 20px #b6c6ff, 0 0 30px #80c1ff, 0 0 40px #5e5bff, 0 0 70px #23335a, 0 0 80px #061f42, 0 0 110px #061f42;
	margin: 0;
}
#audition_detail .topics ul {
	background-color: rgba(0,0,0,0.33);
    height: 235px;
    margin: 0;
    padding: 10px 20px 10px 10px;
}
.scroll {
    display: block;
    overflow: auto;
}
.scroll::-webkit-scrollbar { /* スクロールバー本体 */
	width: 10px;
}
.scroll::-webkit-scrollbar-thumb { /* スクロールバー */
	background: #23bff0;
	border-radius: 2px;
}
.scroll::-webkit-scrollbar-track { /* スクロールバー背景 */
	background: rgba(255,255,255,0.15);
}
#audition_detail .topics li {
	margin-bottom: 0.5em;
}
#audition_detail .topics li .date {
	font-size: 0.8rem;
	display: block;
}
#audition_detail .overview {
}
#audition_detail .overview_area {
	margin: 6vw 0 0;
	overflow: hidden;
}
#audition_detail .overview_area .content {
	margin: 0 0 6vw;
}
#audition_detail .overview_area .contentheader {
	margin: 3vw;
	padding: 0;
}
#audition_detail .overview_area .contentheader h2 {
	text-align: left;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.4;
	margin: 0;
	padding:0 0 1.4em 1.4em;
	background: url(https://wwwstatic.starlet-game.jp/images/audition/star.png) 0 0 no-repeat;
	background-size: 1.4em auto;
	color: #fff;
	display: inline-block;
	position: relative;
}
#audition_detail .overview_area .contentheader h2:after {
	content: "";
	display: block;
	width: 100%;
	height: 0.2em;
	position: absolute;
	left: 0;
	bottom: 0;
	background: linear-gradient(135deg, rgba(255,153,34,1) 0%,rgba(255,34,119,1) 100%);
}
.overview_area .contentbody {
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.7) 100%);
	margin: 3vw;
	padding: 1.6em;
}
.overview_area .contentbody p {
	margin: 0;
	font-size: 1em;
}
.overview_area .contentbody strong {
    font-size: 130%;
	font-weight: bold;
	color: #fff9aa;
	text-shadow: 0 0 1px #fd2277, 0 0 2px #fd2277, 0 0 3px #fd2277, 0 0 6px #6f66dd;
	padding: 0 0.25em;
}
.overview_area .contentbody ul {
	margin: 0;
	padding: 0;
}
.overview_area .contentbody ul li {
	margin:0 0 0.8em;
	padding-left: 1em;
	text-indent: -1em;
}
.privilegea .contentbody {
	background: linear-gradient(135deg, rgba(255,153,34,1) 0%,rgba(255,34,119,1) 100%);
	padding: 1.6em 0.8em;
}
.privilegea .contentbody p {
	text-align: center;
	color: #fff;
}
.privilegea .p1 {
	margin-bottom: 1vw;
}
.privilegea .p1 img {
	width: 80%;
    height: auto;
    display: block;
    margin: auto;
}
.privilegea .p2 {
	margin: 0 1vw 6vw 3vw;
	width: 50vw;
	float: left;
}
.privilegea .p3 {
	margin: 0 3vw 6vw 0;
	width: 43vw;
	float: left;
}
.capacity li:before {
	content: "◎";
	color: #FF4400;
	font-weight: bold;
}
a.damtomo {
	color: #fff;
	display: block;
	font-size: 100%;
	text-align: center;
	height: 4em;
	line-height: 3.6em;
	border: 3px #fff solid;
	border-radius: 2em;
	box-shadow: 0 0 10px rgba(0,0,0,0.33);
	box-sizing: border-box;
	background: linear-gradient(135deg, rgba(255,34,119,1) 0%,rgba(102,102,219,1) 100%);
	margin: 0.8em 0 0;
}

.freesea-title {
	text-align: center;
	font-weight: bold;
	padding: 1em;
	box-shadow: 0 0 0 2px #99eedd, 0 0 0 6px #00bbdd;
	background-color: #fff;
	border-radius: 8px;
	color: #0033dd;
	margin: 0 0 8px;
}
.overview_area .contentbody p.damnum {
	font-size: 90%;
	text-align: center;
	margin-bottom: 1em;
}
a.freesia-link {
    color: #fff;
    display: block;
    font-size: 87%;
    text-align: center;
    height: 4em;
    line-height: 3.6em;
    border: 3px #fff solid;
    border-radius: 2em;
    box-shadow: 0 0 10px rgba(0,0,0,0.33);
    box-sizing: border-box;
    background: linear-gradient(135deg, rgba(0,187,221,1) 0%,rgba(102,102,219,1) 100%);
    margin: 0.8em 0 0;
}
#audition_vote .youtube.freesia-karaoke {
	width: 90%;
	margin: auto;
	float: none;
}
.freesia-lyrics {
	color: #fff;
}
#audition_vote .freesia-lyrics h2,
.freesia-lyrics p {
	width: 320px;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.overview_area .review {
	position: relative;
background: linear-gradient(135deg, rgba(238,218,181,1) 0%,rgba(251,209,136,0.9) 50%,rgba(253,153,34,0.8) 100%);
	background-clip: border-box;
	border-radius:5px;
    margin: 3vw 3vw 6vw;
    padding: 1.6em;

}
.overview_area .review:after,
.overview_area .review:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.overview_area .review:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ff336a;
	border-width: 15px;
	margin-left: -15px;
	
}
.overview_area .review:before {
	border-color: rgba(245, 171, 235, 0);
	border-top-color: #ff336a;
	border-width: 16px;
	margin-left: -16px;
}
.overview_area .review:last-child:after,
.overview_area .review:last-child:before {
	content:none;
}
.overview_area .review h4 {
	margin:0;
	color: #fff;
	position: relative;
	padding: 12px 0;
	font-size: 120%;
	line-height: 1.4em;
	letter-spacing: 0.05em;
	text-shadow: 0 0 2px #552200, 0 0 6px #552200;
} 
.overview_area .review h4:before,
.overview_area .review h4:after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
}
.overview_area .review h4:before {
	top: 0;
	border-top: 2px solid #ffeecc;
	border-bottom: 1px solid #ffeecc;
}
.overview_area .review h4:after {
	bottom: 0;
	border-top: 1px solid #ffeecc;
	border-bottom: 2px solid #ffeecc;
}
.overview_area .review h4 span {
	display: inline-block;
	width: 100%;
	height: 1.4em;
	text-align: center;
}
.overview_area .review h4 .left {
	color: #fffeaa;
	text-align: left;
}
.overview_area .review h4 .right {
	text-align: right;
}
.overview_area .review h4.grandprix{
    color: #ffff77;
    text-shadow: 0 0 1px #fd2277, 0 0 2px #fd2277, 0 0 3px #fd2277, 0 0 6px #6f66dd;
	font-size:28px;
	font-size:2.8rem;
}
.overview_area .review small {
	font-size:80%;
}
.overview_area .review p {
	margin: 0.4em 0 0.8em;
	font-size: 110%;
}
.overview_area .auditionschedule table {
	width: 100%;
	margin-bottom: 1em;
	border-collapse: collapse;
}
.overview_area .auditionschedule th,
.overview_area .auditionschedule td {
	padding: 0.5em;
	border: 1px solid #f9c769;
	background-color: #fff;
}
.overview_area .auditionschedule .center {
	text-align: center;
	font-weight: bold;
}
.overview_area .auditionschedule .kumi {
	text-align: center;
	background-color: #F7DE05;
	width: 5em;
    font-weight: normal;
}
.overview_area .auditionschedule .date {
	font-family: "ＭＳ ゴシック", MS Gothic," Osaka－等幅"," Osaka-mono", monospace;
}
.overview_area .auditionschedule .thead {
      background-image: linear-gradient(to top left, #EDAC06, #F7DE05);
	  padding:5px 0 5px 10px ;
} 

.overview_area .Judges ul li {
	margin:0 0 1em;
	padding:0;
}
.Judges h4 {
	position: relative;
	padding-left:3em;
	margin: 0;
}
.Judges h4::before,
.Judges h4::after {
	position: absolute;
	content: '';
	border-radius: 100%
}
.Judges h4::before {
	top: .2em;
	left: .2em;
	z-index: 2;
	width: 18px;
	height: 18px;
	background: rgba(150, 150, 150, .5);
}
.Judges h4::after {
	top: .7em;
	left: .7em;
	width: 13px;
	height: 13px;
	background: rgba(210, 210, 210, .5);
}
.Judges .thin {
	padding-left: 18px;
}

.audition_info {
	padding: 0;
}
.audition_info .group {
	position: relative;
	padding: 0;
	border-bottom: 1px solid #7899bf;
}
.audition_info .puplepink {
	background: linear-gradient(rgba(110, 56, 179,0.2), rgba(96, 78, 206,0.6));
	color: #ffffff;
}
.audition_info .glass {
	background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.8));
	color: #ffffff;
}
.audition_info .frosted {
	background-color: rgba(255, 255, 255, 1.0);
	color: #000000;
}
.audition_info .group h3 {
	margin: 0;
	padding:10px 10px 15px;
	position: relative;
}
.audition_info .group h3 img {
	width: 55%;
}
.audition_info .togglebtn:after {
	content: "▼";
	font-size: 60%;
	display: block;
	position: absolute;
	bottom: 30%;
	right: 1em;
}
.audition_info .togglebtn.close:after {
	content: "▲";
}
#topics.audition_info .togglebtn:after {
	content: "";
}
.puplepink h4 {
	color: #FFFFFF;
	text-shadow: 0 0 1px #b2cfff, 0 0 10px #253a84, 0 0 20px #b6c6ff, 0 0 30px #80c1ff, 0 0 40px #5e5bff, 0 0 70px #23335a, 0 0 80px #061f42, 0 0 110px #061f42;
	margin-bottom: 6px;
}
.audition_info .hide {
	display: none;
}
.audition_info .group h5 {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 5px;
	text-align: center;
}
.votepage a p {
	font-size: 14px;
	font-size: 1.4rem;
	color: #FFFFFF;
}
.group_info {
	margin:10px;
}
.audition_info .votepage .group_info {
	border-top: none;
	border-radius: 5px;
	margin: 5px 10px 15px;
	padding: 10px;
	background: url(https://wwwstatic.starlet-game.jp/images/audition/votpagrbtnbg.jpg) 50% bottom no-repeat;
	box-shadow: 0 0 10px rgba(0,0,0,0.66);
}
.youtube {
	width:100%;
	padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
	position:relative;
}
/* ラッパー */
.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.youtube img {
	width: 100%;
	height: auto;
}/* サムネイル */
.youtube_play:hover {
	cursor: pointer;
}/* サムネイル */
.youtube_btn {/* YouTubeアイコン */
	width: 42px;
	height: 30px;
	background-image: url(https://wwwstatic.starlet-game.jp/images/audition/YouTube-icon-dark2.png);
	background-size: contain;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#audition_detail .youtube_btn {
	width: 84px;
	height: 60px;
}
.singerinfo {
	margin:10px;
}
.group_info h4 {
	font-size: 24px;
	font-size: 2.4rem;
	margin: 0;
	text-align: center;
}
.group_info p {
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0;
	text-align: center;
}
.singerinfo h4 {
	font-size:12px;
	font-size:1.2rem;
	font-weight:normal;
	margin:0 0 0.5em;
}
.singerinfo h4 span {
	font-size: 10px;
	font-size: 1rem;
}

.group_info .timeschedule {
	float: left;
	width: 32%;
	margin: 0 0.5%;
}
.audition_info .group_info .timeschedule h5 {
	margin: 0;
	padding: 5px 0;
	background-color: #000;
}
.audition_info .group_info .timeschedule p {
	font-size: 14px;
	font-size: 1.4rem;
	padding: 8px 0;
}
#audition_detail .attention,
#audition_vote .attention {
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.7) 100%);
	margin: 3vw;
	padding:0;
	border: 3px solid #ff4c27;
}
#audition_detail .open,
#audition_vote .open {
	border-color:#eee;
}
#audition_detail .attention h2,
#audition_vote .attention h2 {
	color: #000;
	text-align: center;
	padding:10px 0; 
	text-decoration:none;
}
#audition_vote .attention h2 {
	line-height:1.2em;
}
#audition_vote .open h2::before {
	content:"【";
}
#audition_vote .open h2::after {
	content:"】";
}
.attention h3 {
	margin-left:1em;
}
.main .attention .content {
	width:100%;
}
.attention .content .contentbody {
	display:none;
}
.attention .content .contentbody ol {
	list-style-type:decimal;
	margin:0;
	padding:0 1.6em 1.6em;
}
.attention .content .contentbody ol li {
	margin:1em 0 1.6em 1em;
}
.attention .content .contentbody ul {
	margin:0;
	padding:0;
}
.attention .content .contentbody ul li {
	margin:0 0 0.25em;
	padding-left: 1em;
	text-indent: -1em;
}
.attention .content .contentbody li p {
	margin:0 0 0.25em;
}
#audition_detail p.address {
	font-weight:bold;
}
	
/* audition_vote */
#audition_vote article > h1 {
	width: 100%;
	height: 0;
	padding-top: 39.06%;
	background: url(https://wwwstatic.starlet-game.jp/images/audition/vote_KV640.png) 0 0 no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#audition_vote .group {
	background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.8));
	color: #ffffff;
	padding:10px;
}
#audition_vote .youtube {
	width: 50%;
	padding-bottom:28.125%;
	float: left;
}
#audition_vote .singerinfo {
	width: 50%;
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
}
#audition_vote .singerinfo h4 {
	color: #ccc;
	text-align: center;
}
a.gotodetail {
	box-sizing: content-box;
	border: 2px #23bff0 solid;
	border-radius: 1.5em;
	display: block;
	width: 8em;
	height: 2.4em;
	line-height: 1.2em;
	padding: 0.5em;
	margin: 1em auto;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	background-color: #FFFFFF;
	margin-bottom: 10px;
}
a.popup-with-form {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */
	background: rgb(246,248,249); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9', GradientType=0 ); /* IE6-9 */
	display: block;
	width: 100%;
	padding: 12px;
	color: #1E1E1E;
	text-shadow: 0 -1px #ffffff;
	text-align: center;
	font-size: 14px;
	font-size: 1.8rem;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.white-popup-block {
	background: #FFF;
	padding: 20px 30px;
	text-align: left;
	max-width: 650px;
	margin: 40px auto;
	position: relative;
}
#audition_vote input[type="text"] {
	width: 100%;
	height: 40px;
	padding: .5rem 1rem;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #55595c;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.submitbtn {
	display: block;
	width: 288px;
	background-color: #44adf7;
	text-shadow: 0 -1px 0px #1486d6, 0 1px 0px #35b1da;
	color: #FFFFFF;
	text-align: center;
	margin: 15px auto;
	padding: 15px;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.vote_ng, .vote_ok {
	display: none;
}
/*audition award*/
.award .contentbody {
	padding: 1.6em 0.8em;
}
.award .p1 {
	background: linear-gradient(135deg, rgba(255,153,34,1) 0%,rgba(255,34,119,1) 100%);
}
.award .p2 {
	background: #ff7733;
}
.award .p3 {
	background: #ff4455;
}
.award .contentbody p {
	text-align: center;
	color: #fff;
}
.award img {
	width: 100%;
	height: auto;
}
.award h4 {
	font-size: 1.6rem;
	font-size: 16px;
	color: #fff;
	text-align: center;
	margin: 0 0 1em;
}
.award img.announcement {
	display:block;
	margin:auto;
	height:50px;
	width:auto;
}

/*comic*/
#comic-shell::before {
	background: url(https://wwwstatic.starlet-game.jp/images/system/systembg.jpg) no-repeat 50% top;
	background-size: cover;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	padding: 10vh 0;
	content: "";
	z-index: -1;
}
.comich, .comicimg {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
}
.comich {
	width: 90%;
	max-width: 300px;
	margin-bottom: 15px;
}
.comicinfo {
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	width: 90%;
	padding: 1em;
	background-color: rgba(125,134,178,0.8);
	border-radius: 1em;
}
.comicinfo h2, .comicinfo a {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	text-shadow: 2px 2px 1px #3d6dcc, -2px 2px 1px #3d6dcc, 2px -2px 1px #3d6dcc, -2px -2px 1px #3d6dcc;
}
.comicinfo p {
	margin: 0 0 1em;
	padding: 0;
	text-align: left;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	text-shadow: 2px 2px 1px #4c88ff, -2px 2px 1px #4c88ff, 2px -2px 1px #4c88ff, -2px -2px 1px #4c88ff;
}
.comicinfo a {
	display: block;
	margin: auto;
	font-size: 20px;
	border-bottom: 1px dashed #fff;
	color: #abfcdd;
}
/* subpage
-----------------------
preregist-mailthanks
preregist-line
privacypolicy
contact
contactform
confirm
complete
rules
trade
shikin
faq
*/
.preregist-subtitle {
	width: 218px;
	height: auto;
	margin: auto;
	display: block;
}
.subpage .box h1 {
	background: none;
	padding-bottom: 0;
	font-size: 1.8rem;
}
.line-group {
	text-align: center;
}
#line_entry_pc {
	display: none;
}
#line_entry_sp {
	margin-top: 1em;
}
#line_entry_sp a img {
	height: 36px;
}
.thanks-message {
	margin: 1em;
}
.subpage article.box {
	padding: 0;
}
.subpage #nav_area .logo {
	text-align: center
}
.subpage #nav_area .logo img {
	width: 90px;
	height: auto;
}
.subpage #pagetitle {
	text-align: center;
}
.subpage #pagetitle h1 {
	border-bottom: none;
	height: 30px;
	padding-left: 0;
}
.subtitle h3 {
	padding: 0 10px;
	border-bottom: 1px solid #e3e8eb;
}
.subtitle p {
	padding: 0.5em 10px;
}
#faq_btn a {
	display: block;
	width: 288px;
	background-color: #58c77d;
	text-shadow: 0 -1px 0px #09b500, 0 1px 0px #3ead63;
	color: #FFFFFF;
	text-align: center;
	margin: 15px auto;
	padding: 15px;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
}
#contact_btn a {
	display: block;
	width: 288px;
	background-color: #ff9d05;
	text-shadow: 0 -1px 0px #ffa71e, 0 1px 0px #bf7400;
	color: #FFFFFF;
	text-align: center;
	margin: 15px auto 0;
	padding: 15px;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
}
span.required {
	color: #ff0000;
}
.subpage label {
	font-weight: bold;
}
.subpage input {
	display: block;
	width: 100%;
	margin-bottom: 1.5em;
	padding: .5rem 1rem;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #55595c;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.subpage select {
	padding: .5rem 1rem;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #55595c;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.subpage textarea {
	display: block;
	width: 100%;
	height: 160px;
	margin-bottom: 1.5em;
	padding: .5rem 1rem;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #55595c;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
}
#contactform .form-userid p {
	margin-bottom: 0;
}
.form-os select, .form-contacttype select, div.form-date {
	margin-bottom: 1.5em;
}
.label_cap {
	font-size: 12px;
	font-size: 1.2rem;
}
#confirm form label + p {
	background-color: #FFFFFF;
}
#confirm input.revision {
	display: block;
	width: 288px;
	background-color: #ea4c4c;
	text-shadow: 0 -1px 0px #da0000, 0 1px 0px #d25656;
	color: #FFFFFF;
	text-align: center;
	margin: 15px auto;
	padding: 15px;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
}
#confirm input.transmit, #contactform input.transmit {
	display: block;
	width: 288px;
	background-color: #44adf7;
	text-shadow: 0 -1px 0px #1486d6, 0 1px 0px #35b1da;
	color: #FFFFFF;
	text-align: center;
	margin: 15px auto;
	padding: 15px;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
}
.attention h4:first-child {
	margin: 0;
}
#faq_menu h3 {
	padding-left: 0.2em;
	border-left: 4px solid #000000;
	border-bottom: 1px solid #e3e8eb;
}
#faq_menu ul {
	padding: 0 0 0 1.8em;
	list-style-type: circle;
}
#faq_menu ul li {
	padding: 0 0 0.3em 0;
	color: #f95503;
}
#faq_menu ul li a {
	color: #f95503;
	transition: opacity 0.6s;
}
#faq_menu ul li a:hover {
	opacity: 0.65;
	transition: opacity 0.3s;
}
#faq_a ul {
	padding: 0;
}
#faq_a ul li {
	padding: 0 0 0.3em 0;
}
#faq_a ul li h3 {
	padding: 0 0 0 1.4em;
	background-image: url(https://wwwstatic.starlet-game.jp/images/faq/fukidashi_icon.svg);
	background-position: top 2px left 0;
	background-repeat: no-repeat;
	background-size: 1.3em 1.3em;
	color: #f95503;
}
#faq_a ul li p {
	padding: 0 0 0 0.3em;
}
#faq_a ul li p:last-child {
	text-align: right;
	font-size: 12px;
	font-size: 1.2rem;
}
/* footer */
.banner_area {
	padding-top: 20px;
	text-align: center;
	background: url(https://wwwstatic.starlet-game.jp/images/title_area_bg.png) bottom center no-repeat #fff;
	background-size: 100% auto;
}
.banner_area p {
	margin: 0;
}
.banner_area img {
	width: 60%;
	height: auto;
	max-width: 475px;
}
#character .banner_area {
	margin-top: -1px;
}
#character .banner_area img {
	margin-bottom: -1px;
}
footer {
	background-color: #23bff0;
	text-align: center;
	color: #FFFFFF;
}
footer p {
	margin: 0;
	padding: 5px 0;
}
.spmenu {
	padding: 0;
	margin: 0 0 1em;
}
.spmenu li {
	border-bottom: 1px #83d7e6 solid;
	box-sizing: border-box;
}
.spmenu li a {
	color: #fff;
	text-shadow: 0px 0px 5px #1ebee3, 0px 0px 15px #52a8d5, 0px 0px 25px #83d7e6;
}
.spmenu li.gray em {
	color: #83d7e6;
	font-style: normal;
}
.spmenu li a, .spmenu li em {
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding-left: 1em;
	height: 40px;
	line-height: 40px;
	text-align: left;
}
.spmenu li span {
	font-weight: normal;
	font-size: 0.8rem;
}
.spmenu li a:hover, .spmenu li.visited a {
	background-color: rgba(255,255,255,0.33);
}
#detail {
	display: inline-block;
	border-left: 3px solid #FFFFFF;
	margin: 1em 0;
	padding-left: 0.5em;
	text-align: left;
	width: 94vw;
}
#footer_link_area {
	padding-top: 0.5em;
}
#footer_link_area a {
	padding: 0 4px;
	color: #ffffff;
	font-size: 12px;
	font-size: 1.2rem;
}

@media screen and (max-width: 320px) {
	.swiper-container-h {
		height: 480px;
	}
}

@media screen and (min-width: 641px) {
	#nav_list a {
		transition: all 0.2s ease;
		border: none;
		display: block;
		padding-left: 0px;
	}
	#nav_list a:hover, #nav_list .visit a {
		color: #fff;
		text-shadow: 0px 0px 5px #1ebee3, 0px 0px 15px #52a8d5, 0px 0px 25px #83d7e6;
		font-size: 107%;
	}
	#title_area {
		border-bottom: 1px solid #e3e8eb;
	}
	.box {
		padding: 20px 0;
	}
	.box h1 {
		background: none;
		border-left: 4px solid #000000;
		font-size: 2em;
		padding-bottom: 0;
		margin-bottom: 30px;
	}
	.opera_logo {
		background: none;
	}
	.brsp {
		display: none;
	}
	.brpc {
		display: block;
	}
	/* home */
	body#home {
	}
	#keyvisual_area {
		position: relative;
		width: 100%;
		min-width: 1069px;
		min-height: 723px;
	}
	#movie, #movie-cover {
		position: absolute;
		top: 85px;
		left: 0;
		width: 100%;
		min-width: 1069px;
		min-height: 723px;
	}
	#movie {
	}
	#movie-cover {
		background-image: url(https://wwwstatic.starlet-game.jp/images/top.png), url(https://wwwstatic.starlet-game.jp/images/topbg.jpg);
		background-position: center top, center top;
		background-repeat: no-repeat, no-repeat;
		background-size: auto, cover;
	}
	#sp_key {
		display: none;
	}
	#sp_menu {
		display: none;
	}
	div#entry_area_pv {
		display: block;
		position: absolute;
		top: 470px;
		right: 60px;
	}
	div#soundswitch {
		cursor: pointer;
		display: block;
		position: absolute;
		top: 120px;
		right: 80px;
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: bold;
		color: #FFFFFF;
		border-radius: 100%;
		width: 75px;
		height: 75px;
		line-height: 24px;
		text-align: center;
	}
	#soundswitch {
		transition: all 0.15s linear;
		text-shadow: 0px 0px 5px #e31e80, 0px 0px 15px #fff, 0px 0px 25px #e583b4;
	}
	#soundswitch.clicked:hover {
		text-shadow: 0px 0px 5px #e31e80, 0px 0px 15px #fff, 0px 0px 25px #e583b4;
	}
	#soundswitch.clicked {
		text-shadow: black 1px 1px 0px, black -1px 1px 0px, black 1px -1px 0px, black -1px -1px 0px;
		;
	}
	div#soundswitch span {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.clicked .soundoff {
		display: none;
	}
	.soundon {
		display: none;
	}
	.clicked .soundon {
		display: inline;
	}
	#nav {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -640px;
		width: 1066px;
		height: 70px;
		text-align: center;
		line-height: 70px;
	}
	#home #logo_nav {
		display: block;
	}
	#home #nav_area {
		background: url(https://wwwstatic.starlet-game.jp/images/header_bg_pc.png) bottom center transparent;
	}
	#home.is-fixed #nav_area {
		position: fixed;
		top: 0;
	}
	#white_area {
		padding: 100px 0;
		background-color: #FFFFFF;
	}
	#home #white_area {
		padding-top: 60px;
	}
	.white_inner {
		width: 1060px;
		margin: 0 auto;
		clear: both;
	}
	.entry_area {
		width: 800px;
		height: 140px;
		margin: auto;
	}
	.whiteinbox {
		float: left;
		width: 305px;
		height: 1080px;
		margin-right: 35px;
	}
	.whiteinbox_l {
		float: left;
		width: 380px;
		height: 1080px;
		margin-right: 35px;
		overflow: hidden;
	}
	.whiteinbox:last-child {
		margin-right: 0;
	}
	.news_area {
		float: left;
		width: 100%;
		background-color: #FFFFFF;
	}
	ul#newslist {
		padding: 0;
		height: 950px;
	}
	ul#newslist li {
	}
	ul#newslist li span {
		display: block;
		margin-top: 7px;
		text-align: right;
		font-size: 0.8rem;
	}
	.twitter_area {
		float: left;
		width: 100%;
		background-color: #FFFFFF;
	}
	#twitter {
		width: 100%;
		height: 950px;
	}
	.pv_area {
		width: 100%;
	}
	nav {
		width: 1060px;
		margin: 0 auto;
		height: 124px;
		line-height: 20px;
		position: relative;
	}
	ul#nav_list {
		margin: 0;
		padding: 0 0 0 170px;
	}
	ul#nav_list li {
		float: left;
		font-size: 20px;
		font-size: 2.0rem;
		font-weight: bold;
		color: #FFFFFF;
		text-align: center;
		padding: 30px 0 0;
	}
	ul#nav_list li {
		color: #808080;
	}
	ul#nav_list li:nth-child(1) {
		width: 96px;
	}
	ul#nav_list li:nth-child(2) {
		width: 96px;
	}
	ul#nav_list li:nth-child(3) {
		width: 156px;
	}
	ul#nav_list li:nth-child(4) {
		width: 160px;
	}
	ul#nav_list li:nth-child(5) {
		width: 120px;
	}
	ul#nav_list li:nth-child(6) {
		width: 90px;
	}
	ul#nav_list li:nth-child(7) {
		width: 130px;
	}
	ul#nav_list li a {
		color: #FFFFFF;
	}
	ul#nav_list li a span, ul#nav_list li.gray span {
		font-size: 1.2rem;
	}
	#title_area {
		background: url(https://wwwstatic.starlet-game.jp/images/title_area_bg_pc.jpg) bottom center no-repeat;
		padding-bottom: 0;
		height: 195px;
	}
	#title_area #pagetitle {
		width: 1066px;
		margin: 0 auto;
		padding: 145px 0 0 10px;
		background: none;
	}
	#nav_area #logo_nav {
		margin-top: 30px;
		width: 1060px;
		margin: 0 auto;
		position: relative;
	}
	#nav_area {
		width: 100%;
		background: url(https://wwwstatic.starlet-game.jp/images/header_bg_pc.png) top center repeat-x;
		height: 124px;
		position: fixed;
		z-index: 999;
		padding-bottom: 4px;
	}
	#nav_area h1 {
		width: 172px;
		margin: 5px 0 0;
		padding: 0;
		position: absolute;
		top: 5px;
		left: 0;
		z-index: 100;
	}
	#nav_area h1 img {
		width: 172px;
		height: auto;
	}
	#nav_area nav {
		display: block;
	}
	#home .screenshot_area {
		padding-top: 100px;
	}
	.screenshot_outer {
		height: 560px;
		overflow: hidden;
	}
	.screenshot_inner {
		width: 100%;
		height: 560px;
		text-align: center;
	}
	.screenshot {
		width: 315px;
		float: none;
		display: inline-block;
		margin: 0 10px;
	}
	.screenshot img {
		height: 560px;
	}
	.contentbanner_area {
		text-align: center;
		position: absolute;
		top: -360px;
		right: 0;
		width: 280px;
	}
	.contentbanner {
		display: inline-block;
		width: 280px;
		margin: 5px;
		transition: 0.3s;
	}
	.contentbanner:hover {
		opacity: 0.66;
	}
	.chibichara {
		width: 200px;
		left: 50%;
	}
	#c-kanade {
		top: 1280px;
		margin-left: 380px;
	}
	#c-mina {
		top: 1270px;
		margin-left: -600px;
	}
	#c-tiara {
		top: 2010px;
		margin-left: 380px;
	}
	#c-mari {
		top: 2020px;
		margin-left: 140px;
	}
	/* news_page */
	#news-shell {
		width: 1060px;
		margin: 0 auto;
		padding-bottom: 100px;
	}
	#news_page ul#newslist {
		border-top: none;
		height: auto;
		overflow: inherit;
		width: 850px;
		margin: auto;
	}
	#news_page .news_area {
		padding-top: 0;
		border-top: none;
		height: auto;
	}
	/* prologue */
	.prologue-img-pc {
		display: block;
	}
	.prologue-img-sp {
		display: none;
	}
	.prologue-content {
		background: url(https://wwwstatic.starlet-game.jp/images/prologue/galaxy_bg_pc.jpg) no-repeat center center;
		background-size: cover;
		height: 897px;
		padding: 0;
	}
	.prologue-content::before {
		display: none;
	}
	.prologue-inner {
		width: 1060px;
		margin: auto;
		overflow: hidden;
	}
	.prologue-img-pc {
		width: 550px;
		float: left;
		margin-top: 40px;
		opacity: 0;
	}
	.prologue-text {
		width: 510px;
		padding-top: 44px;
		float: left;
	}
	.prologue-text-img {
		width: inherit;
		margin-top: -45px;
	}
	/* character */
	#character-shell {
		background-color: #FFFFFF;
		width: 100%;
		min-width: 1066px;
	}
	.character-content {
		position: relative;
		width: 100%;
		height: 100%;
		min-width: 1066px;
		overflow: hidden;
		margin: 0 auto;
	}
	#starlet_area {
		background: url(https://wwwstatic.starlet-game.jp/images/chara/starlet_bg_pc.jpg) no-repeat center;
		background-size: cover;
		height: 720px;
	}
	#durand_area {
		background: url(https://wwwstatic.starlet-game.jp/images/chara/palace_bg_pc.jpg) no-repeat center top;
		background-size: cover;
		height: 550px;
	}
	#aludra_area {
		background: url(https://wwwstatic.starlet-game.jp/images/chara/aludra_bg_pc.jpg) no-repeat center 0;
		background-size: 100% auto;
		height: 880px;
	}
	.character-inner {
		width: 1060px;
		height: 550px;
		margin: 0 auto;
		position: relative;
	}
	.emblem {
		margin: 0;
		padding: 0;
	}
	.emblem h1 {
		font-size: 24px;
		font-size: 2.4rem;
		background-size: inherit;
	}
	.emblem p {
		margin: 10px 0 0;
		font-size: 16px;
		font-size: 1.6rem;
	}
	.speech {
		background-size: inherit;
	}
	#starlet_area .emblem {
		margin: 15px 0;
		height: 70px;
	}
	#starlet_area .emblem h1 {
		width: 6em;
		height: 70px;
		line-height: 70px;
		float: left;
		margin: 0 16px 0 0;
		padding-left: 70px;
	}
	#starlet_area .emblem p {
		margin: 0;
		padding-top: 14px;
	}
	#starlet_list ul {
		width: 100%;
	}
	.btn-c, .comingsoon-c {
		width: 174px;
		height: 64px;
		background-position: 50% 50%;
		background-size: 174px 64px;
		margin: 1px;
	}
	.btn-c {
		transition: border-width 0.1s ease;
	}
	.btn-c:hover {
		border-width: 3px;
	}
	/*swiper*/
	.swiper-button-next, .swiper-button-prev {
		top: 50%;
	}
	#starlet_list ul li:not(.ic_noimage) img, .character-pagenation, .voice-btn {
		cursor: pointer;
	}
	.character-pagenation-wrapper {
		background-color: transparent;
		padding: 0;
	}
	.character-pagenation {
		width: 5em;
		height: 2em;
		line-height: 2em;
		margin: 30px 10px 0;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
	}
	.swiper-button-next, .swiper-button-prev {
		top: 50%;
		margin-top: -22px;
	}
	.swiper-container-h {
		height: 720px;
	}
	.swiper-container-h .swiper-slide {
		background: url(https://wwwstatic.starlet-game.jp/images/chara/starlet_bg_pc.png) 50% 50% no-repeat;
		width: 1060px;
		height: 720px;
	}
	.starlet-img-wrapper {
		position: relative;
		background: url(https://wwwstatic.starlet-game.jp/images/chara/image.gif) 95% 22% no-repeat;
		background-size: 40px auto;
	}
	.starlet-img {
		width: 1060px;
		height: auto;
	}
	.voice {
		top: 442px;
		margin-left: -104px;
	}
	.voice-btn {
		width: 208px;
		height: 75px;
	}
	#stella_area {
		background: url(https://wwwstatic.starlet-game.jp/images/chara/stella_bg_pc.jpg) no-repeat center top;
		background-size: cover;
		height: 600px;
	}
	#stella:before {
		display: none;
	}
	#stella {
		height: 630px;
	}
	#stella_img {
		left: 50%;
		margin-left: -310px;
		width: 620px;
		height: 630px;
		background: url(https://wwwstatic.starlet-game.jp/images/chara/stella_pc.png) 0 bottom no-repeat;
		background-size: inherit;
		opacity: 0;
	}
	#stella_speech {
		height: 465px;
		background-image: url(https://wwwstatic.starlet-game.jp/images/chara/stella_speech_pc.png);
	}
	#durand_area .emblem, #aludra_area .emblem {
		margin: 0;
		position: absolute;
		top: 20px;
		left: 0px;
		width: 240px;
	}
	#durand_area .emblem h1 {
		height: 80px;
		line-height: 80px;
		padding-left: 70px;
	}
	#emilia {
		position: static;
	}
	#emilia:before {
		display: none;
	}
	#emilia_img {
		bottom: -30px;
		left: 50%;
		margin-left: -315px;
		background: url(https://wwwstatic.starlet-game.jp/images/chara/emilia_pc.png) center center no-repeat;
		width: 630px;
		height: 550px;
	}
	#emilia_speech {
		height: 385px;
		background-image: url(https://wwwstatic.starlet-game.jp/images/chara/emilia_speech_pc.png);
	}
	#aludra_area .emblem h1 {
		height: 85px;
		line-height: 85px;
		padding-left: 70px;
	}
	#distrra {
		background: none;
		height: 440px;
	}
	#distrra:before {
		display: none;
	}
	#distrra_speech {
		width: 336px;
		height: 169px;
		background-image: url(https://wwwstatic.starlet-game.jp/images/chara/distrra_speech_pc.png);
		bottom: 0px;
		left: 700px;
	}
	#fourguardians {
		margin-top: 0;
		background-image: none;
	}
	#fourguardians:before {
		display: none;
	}
	.fg-list-wrapper {
		width: 100%;
		position: static;
		top: inherit;
		left: inherit;
		margin: 0;
	}
	.fg-list {
		width: 256px;
		height: 256px;
		background-size: 256px auto;
		margin: 2px;
	}
	#fg-name {
		width: 100%;
		height: 89px;
		position: static;
		top: inherit;
		left: inherit;
		background-size: 640px auto;
		margin: 0;
	}
	/* system */
	#system_area {
		width: 1060px;
		margin: 0 auto;
		padding: 60px 0 20px;
	}
	.system_content {
		clear: both;
		overflow: hidden;
		margin: 0 0 60px;
	}
	.system_content h2 {
		margin-bottom: 20px;
	}
	.system_content img {
		width: inherit;
	}
	.system_content .sysytem_movie img {
		width: 100%;
	}
	.system_l {
		float: left;
	}
	.system_r {
		float: right;
	}
	.sysytem_movie {
		width: 400px;
	}
	.sysytem_movie li {
		width: 140px;
		height: 70px;
	}
	.sysytem_movie li a:after {
		width: 30px;
		height: 21px;
		top: auto;
		top: 2px;
		left: 2px;
	}
	.system_content .s3ss {
		width: 328px;
		margin-top: -5px;
	}
	.system_content .s3ss:before {
		padding-top: 507px;
	}
	.s2 .system_l {
		padding-left: 32px;
	}
	.s4 .system_l {
		padding-left: 40px;
	}
	.s1 .system_r {
		padding-right: 70px;
	}
	.s2 .system_r {
		padding-right: 44px;
	}
	.s3 .system_r {
		padding-right: 34px;
	}
	.hcon {
		opacity: 0;
		transform: translate(0, 20px);
		transition: 0.6s;
	}
	.mcon {
		opacity: 1.0;
		transform: translate(0, 0);
	}
	/* movie_page */
	#movie-shell {
		width: 1060px;
		margin: 0 auto;
		padding-bottom: 100px;
	}
	#movie_page #movie-shell #movie_area h1 {
		font-size: 2.0rem;
		margin-left: 20px;
		border-left: 4px solid #000000;
		border-bottom: 1px solid #e3e8eb;
	}
	#movie-shell p {
		text-align: center;
	}
	#movie-shell p img {
		width: initial;
		height: auto;
	}
	/* special */
	#special-shell {
		width: 1060px;
		margin: 0 auto;
		padding-bottom: 100px;
	}
	#special_page #special-shell #special_area h1 {
		font-size: 1.8rem;
		width: 250px;
		margin-left: 20px;
		border-left: 4px solid #000000;
		border-bottom: 1px solid #e3e8eb;
	}
	#special_area div iframe {
		width: 480px;
		height: 270px;
	}
	#special_area div img {
		width: 100%;
		height: auto;
	}
	.video-container {
		margin: 20px;
		position: relative;
		padding-bottom: 0;
		width: 480px;
		height: 270px;
		float: left;
		border: 1px #ccc solid;
	}
	#home .video-container {
		margin: 0;
		position: relative;
		padding-bottom: 0;
		width: 380px;
		height: 214px;
		float: none;
		border: none;
	}
	#movie_page .video-container {
		margin-top: 0;
		margin-bottom: 30px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		padding-bottom: 0;
		width: 640px;
		height: 360px;
		float: none;
		border: none;
	}
	#preregist .video-container {
		margin: 0;
		position: relative;
		padding-bottom: 0;
		width: 510px;
		height: 287px;
		float: none;
		border: none;
	}
	#special_page #pagetitle h1 {
		width: 30%;
		float: left;
	}
	.specialmenu {
		width: 35%;
		float: right;
		margin: -20px 70px 0 0;
	}
	.specialmenu a:hover {
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(222,238,242,1) 100%);
		color: #000;
	}
	.dropmenu {
		width: 68%;
	}
	.btnmenu {
		width:28%;
	}
	#voicemessage, #insertsong {
		margin-top: -120px;
		padding-top: 120px;
		clear: both;
	}
	/* preregist */
	#preregist #keyvisual_area {
		min-height: 638px;
	}
	#preregist #movie-cover {
		top: 0;
		background: url(https://wwwstatic.starlet-game.jp/images/preregist/logo.png) center 240px no-repeat, url(https://wwwstatic.starlet-game.jp/images/preregist/keyv.png) center bottom no-repeat, url(https://wwwstatic.starlet-game.jp/images/topbg.jpg) center bottom no-repeat;
		background-size: auto, auto, cover;
		min-height: 638px;
	}
	.keycon1 {
		width: 212px;
		margin-left: -106px;
		top: 30px;
	}
	.keycon2 {
		width: 318px;
	}
	.keycon3 {
		width: 319px;
	}
	.preregist-area {
		padding: 20px;
	}
	.preregist-area img.preregist1 {
		width: 442px;
		position: absolute;
		top: -150px;
		left: 50%;
		margin-left: -221px;
	}
	.preregist-area img.triangle {
		width: 42px;
		position: absolute;
		top: -20px;
		left: 50%;
		margin-left: -21px;
	}
	.preregist-area.tokuten-wrapper::before {
		width: 100%;
		height: 100%;
		padding: 10% 0;
	}
	.preregist-menu-wrapper {
		width: 800px;
		overflow: visible;
		margin: auto;
		padding: 20px 0;
	}
	.preregist-menu-wrapper, .preregist-menu-wrapper-under {
		width: 800px;
		overflow: visible;
		margin: auto;
		padding: 20px 0;
	}
	.preregist-menu {
		width: 400px;
		float: left;
		font-size: 14px;
	}
	.preregist-btn {
		width: 320px;
	}
	.preregist-menu p {
		width: 350px;
		margin: auto;
	}
	.preregist-menu.preregist-top10 {
		clear: both;
		width: 100%;
		padding-top: 20px;
	}
	.tokuten-title {
		width: 621px;
	}
	.tokuten-wrapper {
		padding: 20px 0 0;
	}
	.tokuten-wrapper .preregist-menu-wrapper {
		width: 440px;
	}
	.tokuten {
		width: 440px;
		height: 120px;
		background-size: 440px auto;
	}
	.toppa:after {
		width: 440px;
		height: 120px;
		background-size: 440px auto;
	}
	.attention {
		width: 700px;
		margin: auto;
		padding: 2em 3em;
	}
	.am {
		width: 200px;
		height: 315px;
	}
	.am-a {
		top: -35px;
		left: -170px;
	}
	.am-b {
		top: -135px;
		right: 610px;
	}
	.am-c {
		top: 100px;
		right: -290px;
	}
	.am-d {
		top: 20px;
		left: -100px;
	}
	.am-btn {
		width: 300px;
		height: 315px;
		margin: auto;
	}
	.am-serif {
		width: 500px;
		height: 110px;
		top: 70px;
		left: 100px;
	}
	#preregist #white_area {
		padding: 50px 0;
	}
	#preregist .whiteinbox_l, #preregist .whiteinbox {
		width: 510px;
		height: 410px;
	}
	.back-btn-area {
		padding: 0 0 20px;
	}
	.back-btn {
		margin-top: 0;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		padding: 1em;
		font-size: 1.8rem;
	}
	#footer_innner .preregist-menu-wrapper {
		padding: 0;
	}
	li.preregist-menu.preregist-form {
		width: 800px;
	}
	.mailentry_shell {
		width: 800px;
	}
	.form-mail {
		float: left;
		width: 500px;
		margin-top: 9px;
		margin-left: 55px;
		padding-top: 20px;
	}
	.col-xs-4 {
		float: left;
		margin-left: 30px;
	}
	input.mailinput {
		width: 100%;
		height: 40px;
		padding: .5rem 1rem;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.5;
		color: #55595c;
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 5px;
	}
	input.mailregist {
		width: 160px;
		height: auto;
		margin-top: 20px;
	}
	div#response {
		float: left;
		width: 100%;
		margin: 0 auto;
	}
	h2.attention-btn {
		clear: both;
		margin: 0;
		padding: 20px 0 0;
		display: block;
		color: #FFFFFF;
		font-size: 20px;
		text-decoration: underline;
	}
	/* launch */
	.preregist-area img.playnow {
		width: 350px;
		position: absolute;
		top: -95px;
		left: 50%;
		margin-left: -175px;
	}
	/* store download */
	.dl-wrapper {
		width: 480px;
		margin: auto;
		padding: 0;
	}
	.dl {
		width: 240px;
	}
	.dl-btn {
		width: 220px;
		height: 64px;
	}
	.dl-btn img {
		width: auto;
		height: 64px;
	}
	.dl-img {
		width: auto;
		margin-bottom: 20px;
	}
	.white_inner .dl-wrapper {
		margin-top: -40px;
		margin-bottom: 10px;
	}
	footer .dl-wrapper {
		width: 340px;
		position: absolute;
		top: -345px;
		left: 0;
	}
	footer .dl {
		width: 170px;
	}
	footer .dl-btn {
		width: 170px;
		height: 48px;
		text-align:left;
	}
	footer .dl-btn img {
		width: auto;
		height: 48px;
	}
	footer .dl-img img {
		height: 70px;
	}
	/* top audition link */
	.audition-btn {
		margin: 20px auto;
		width: 340px;
		border-radius: 10px;
	}
	.audition-btn img {
		width: 300px;
	}
	/* audition_detail */
	#audition_detail article {
		width: 1200px;
		margin: 0 auto;
	}
	#audition_detail h1 {
		background: url(https://wwwstatic.starlet-game.jp/images/audition/detail_KV640.png) 0 0 no-repeat;
		background-size: 100%;
		float: left;
	    width: 50%;
		padding-top:68%;
	}
	#audition_detail #topics{
		float: left;
    	width: 50%;
	    margin-top: 240px;
	}
	#audition_detail.auditon_start #topics{
		/*margin-top: 40px;*/
	}
	#audition_detail .topics {
		margin: 0 6%;
		padding: 1.6em;
	}
	#audition_detail .topics h2 {
		margin-bottom: 20px;
		font-size: 24px;
	}
	#audition_detail .topics li {
		font-size: 16px;
	}
	#audition_detail .overview_area {
    	margin: 0 0 1em;
		overflow: hidden;
	}
	#audition_detail .overview_area .content {
	    margin: 0 ;
	}
	#audition_detail .overview_area .contentheader {
	    margin: 0 3% 1em;
	    padding: 0;
	}
	.overview_area .contentbody {
		margin: 0 0 1em;
		padding: 2.4em;
	}
	.main .content {
		width:50%;
		float:left;
	}
	#audition_detail .overview_area .contentheader h2 {
		font-size: 20px;
		padding-bottom: 1em;
	}
	.overview_area .contentbody p {
		font-size: 16px;
	}
	.overview_area .contentbody strong {
		font-size: 24px;
	}
	.overview_area .contentbody ul li {
		font-size: 18px;
		margin: 0 0 2em;
	}
	.privilegea .contentbody {
		padding: 1.6em 0;
		margin: 0 3% 1em;
	}
	.privilegea .p1 img {
		width: 360px;
	}
	.privilegea .p2 {
	    margin: 0 0 0 3%;
	    width: 48%;
	    float: left;
	}
	.privilegea .p3 {
	    margin: 0 3% 0 0;
	    width: 44%;
	    float: right;
	}
	#audition_detail .overview_area .leftbox {
		margin: 0 0 1em;
		width:50%;
		float:left;
	}
	#audition_detail .overview_area .leftbox .content {
	   width:100%;
	}
	#audition_detail .overview_area .leftbox .contentbody {
	   padding: 2.4em 2.4em 1.6em;
	}
	#audition_detail .overview_area .rightbox .contentbody {
		margin: 0 3% 1em;
	}
	.overview_area .contentbody p.damnum {
		font-size: 100%;
	}
	.freesea-title {
		padding: 0.6em 1em;
	}
	a.damtomo, a.freesia-link {
		width: 80%;
		margin: auto;
		transition: 0.3s;
	}
	a.damtomo:hover, a.freesia-link:hover {
		opacity: 0.66;
	}
	a.freesia-link {
		margin-bottom: 1em;
	}
	#audition_detail .overview_area .centerbox{
	   width:100%;
	   float: left;
	}
	.overview_area .review {
	    margin: 0 3% 1.8em;
		padding: 2em 2.4em;
	}
	.overview_area .review h4 {
		font-size: 22px;
	}
	.overview_area small,
	.overview_area .review small {
		font-size: 14px;
	}
	#audition_detail .overview_area .centerbox + .content{
	   width:100%;
		clear:both;
	}
	.overview_area .auditionschedule {
		margin: 0 3% 1em;
		padding: 1em 1em 0.8em;
	}
	.overview_area .auditionschedule tr,
	.overview_area .auditionschedule td {
		font-size: 13px;
		padding: 0.4em;
	}
	.overview_area .auditionschedule .thead {
		font-size: 16px;
	}
	.overview_area .Judges {
		margin: 0 3% 1em;
	}
	.overview_area .Judges ul {
		overflow: hidden;
	}
	.overview_area .Judges ul li {
		width: 25%;
		float: left;
		margin: 0;
	}
	.overview_area .Judges .thin {
		font-size: 70%;
    	display: block;
    	padding: 0;
    	margin-left: 50px;
	}
	
	.audition_info .votepage .group_info {
		max-width: 640px;
		margin: 15px auto;
	}
	#audition_detail .puplepink a {
		display: block;
		max-width: 640px;
		margin: 15px auto;
	}
	.audition_info .votepage a .group_info {
		transition: 0.6s;
	}
	.group_info h4 {
		font-size: 24px;
		font-size: 2.4rem;
	}
	.votepage a p, .overview, .singerinfo h4, .group_info p {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.audition_info .group h5 {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.audition_info .votepage a:hover .group_info {
		transition: 0.6s;
		box-shadow: 0 0 8px rgba(255, 255, 255, 0.66);
	}
	.audition_info .votepage a:hover .group_info h4 {
		transition: 0.6s;
		color: #fff;
		text-shadow: 0 0 1px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #80c1ff, 0 0 40px #5e5bff, 0 0 70px #23335a, 0 0 80px #061f42, 0 0 110px #061f42;
	}
	
	#audition_detail .attention,
	#audition_vote .attention {
    	margin: 3vw auto;
    	padding: 0;
		width:400px;
		transition:0.3s;

	}
	#audition_vote .attention h2 {
		line-height:2.2em;
	}
	#audition_detail .open,
	#audition_vote .open {
		width:740px;
	}
	.attention .content .contentbody {
		padding:0 1em;
	}
	
	
	/*group*/
	/*topics下 投票受付中*/
	#topics .group {
		border: none;
		margin: 0 6%;
		padding: 10px;
	}
	.auditon_start #topics .group .group_info {
		max-width: 508px;
	}
	.auditon_start #topics .puplepink .group_info {
		max-width: 320px;
	}
	.togglebtn:after {
		content: "";
		display: none;
	}
	/*得点下 第1組から第10組*/
	.overview_area .group {
		width: 220px;
		height: 220px;
		float: left;
		margin: 10px;
		padding: 10px;
	}
	.overview_area .group .group_info {
		height: 160px;
		margin-top: 10px;
	}
	.overview_area .group .group_info h4 {
		margin-top: 45px;
	}
	.overview_area .group .group_info.hide h4 {
		margin-top: 75px;
	}
	.audition_info .overview_area .hide {
		display: block;
	}
	.audition_info .overview_area .togglebtn:after {
		content: "";
		display: none;
	}
	.audition_info .overview_area .group h3 img {
		width: 100%;
	}
	.audition_info .group h3 {
		padding: 0;
	}
	.singerinfo {
		margin: 20px 0 0;
	}
	.overview_area .group_info .timeschedule {
		float: none;
		width: 100%;
		margin: 0;
	}
	.overview_area .group_info .timeschedule h5 {
		color: #556688;
		padding: 3px 0;
	}
	.overview_area .group_info .timeschedule p {
		padding: 3px 0;
	}
	/*投票*/
	#audition_vote .audition_info {
		width: 1060px;
		margin: auto;
	}
	#audition_vote .group {
		width: 500px;
		height: 160px;
		float: left;
		margin: 10px 15px;
	}
	/*youtube*/
	#topics .youtube iframe,
	#freesia .youtube iframe {
		width: 100%;
		height: 280px;
	}
	#audition_vote .group .youtube iframe {
		width: 240px;
		height: 135px;
	}
	#audition_detail .youtube_btn {
		width: 54px;
		height: 38px;
	}
	/* audition_vote */
	#audition_vote article > h1 {
		background: url(https://wwwstatic.starlet-game.jp/images/audition/vote_KV640.png) 0 0 no-repeat;
		background-size: contain;
		width: 460px;
		height: 180px;
		margin: auto;
		padding-top: 0;
	}
	#audition_vote article {
		width: 1200px;
		margin: 0 auto;
	}
	#audition_vote h2 :not(.attention h2) {
		margin: 0 0 40px;
	}
	#audition_vote h2 img {
		max-width: 460px;
	}
	#audition_vote .youtube_btn {
		width: 54px;
		height: 38px;
	}
	a.popup-with-form {
		margin-top: 20px;
		font-size: 24px;
		font-size: 2.4rem;
		transition: 0.3s;
		width: 230px;
	}
	a.popup-with-form:hover {
		transition: 0.3s;
		color: #bfc3ce;
		text-shadow: 0 0 1px #fff, 0 0 10px #fff, 0 0 20px #fff;
		box-shadow: 0 0 12px rgba(255, 255, 255, 0.86);
	}
	a.gotodetail {
		padding: 1.0em;
		font-size: 16px;
		font-size: 1.6rem;
		margin-top: 10px;
		margin-bottom: 30px;
		transition: 0.3s;
	}
	a.gotodetail:hover {
		color: #bfc3ce;
		text-shadow: 0 0 1px #fff, 0 0 10px #fff, 0 0 20px #fff;
		box-shadow: 0 0 12px rgba(255, 255, 255, 0.86);
	}
	#freesia {
		position: relative;
		width: 960px;
		height: 780px;
		margin: auto;
		padding: 0 0 20px;
	}
	.freesia-karaoke,
	.freesia-lyrics {
		position: absolute;
	}
	#audition_vote .youtube.freesia-karaoke {
		width: 480px;
		top: 50px;
		right: 100px;
	}
	.freesia-lyrics {
		top: 0;
		left: 100px;
	}
	/*audition kessen*/
	.kessen {
		width: 400px;
		margin-top: -60px;
		margin-left: auto;
		margin-right: auto;
	}
	/*audition award*/
	.award {
		width: 900px;
		margin: auto;
		padding: 0;
	}
	.award .contentbody {
		padding: 16px 0;
	}
	.award .p1 .contentinner {
		width: 500px;
		margin: auto;
	}
	.award .p2 {
		width: 442px;
		float: left;
		margin-right: 16px;
	}
	.award .p2 .contentinner {
		width: 400px;
		margin: auto;
	}
	.award .p3 {
		width: 442px;
		float: left;
	}
	.award .p3 .contentinner {
		width: 400px;
		margin: auto;
	}
	#audition_detail .award .topics {
		margin: 0 6%;
		padding: 10px;
	}
	.winner {
		padding: 0;
	}
	#audition_detail .winner .attention {
		margin-top: 0;
	}
	#audition_detail .winner .attention h2 {
		font-size: 16px;
	}
	.award img.announcement {
		margin-top;0;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:20px;
		height:inherit;
		width:auto;
	}

	/*comic*/
	.comich {
		width: 484px;
		max-width: 484px;
	}
	.comicimg {
		width: 879px;
	}
	.comicinfo {
		width: 700px;
		padding: 20px 40px;
		border-radius: 20px;
	}
	.comicinfo h2 {
		font-size: 30px;
	}
	.comicinfo p {
		font-size: 17px;
	}
	.comicinfo a {
		font-size: 24px;
		text-align: right;
	}
	/* subpage
	-----------------------
	preregist-mailthanks
	preregist-line
	privacypolicy
	contact
	contactform
	confirm
	complete
	rules
	trade
	shikin
	faq
	*/
	.subpage #nav_area h1 {
		left: 50%;
		margin-left: -86px;
	}
	.subpage #title_area #pagetitle {
		padding-top: 120px;
	}
	.preregist-subtitle {
		width: 436px;
	}
	.subpage .box {
		width: 690px;
		margin: auto;
	}
	#line_entry_pc {
		display: block;
	}
	#line_entry_sp {
		display: none;
	}
	.subpage #nav_area .logo img {
		width: 172px;
		height: auto;
		padding-top: 10px;
	}
	.subpage #pagetitle h1 {
		font-size: 36px;
	}
	.subtitle h3 {
		border-left: 4px solid #000000;
		margin-bottom: 30px;
		font-size: 1.8rem;
		font-size: 18px;
	}
	div#faq_btn {
		float: left;
	}
	div#contact_btn {
		float: right;
	}
	#faq_btn a, #contact_btn a {
		margin: 30px 20px;
		transition: opacity 0.6s;
	}
	#faq_btn a:hover, #contact_btn a:hover {
		opacity: 0.8;
		transition: opacity 0.6s;
	}
	#contactform .box, #confirm .box, #rules .box, #privacypolicy .box, #trade .box, #shikin .box, #faq_page .box {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#confirm input.revision, #confirm input.transmit, #contactform input.transmit {
		/*	margin: 30px 20px;*/
		margin-top: 30px;
		transition: opacity 0.6s;
	}
	#confirm input.revision:hover, #confirm input.transmit:hover, #contactform input.transmit:hover {
		cursor: pointer;
		opacity: 0.8;
		transition: opacity 0.6s;
	}
	#complete .box {
		margin-top: 0;
		margin-bottom: 30px;
	}
	.subtitle h3 {
		margin-top: 0;
	}
	#complete footer {
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 100px;
	}
	br.era {
		display: none;
	}
	#faq_a ul li {
		margin-top: -110px;
		padding: 110px 0 0.3em 0;
	}
	#faq_a ul li p {
		padding: 0 0 0 0.3em;
	}
	/* footer */
	.banner_area {
		margin-top: 0;
		text-align: center;
		background: #FFFFFF url(https://wwwstatic.starlet-game.jp/images/banner_area_bg_pc.jpg) bottom center no-repeat;
	}
	.banner_area p {
		margin: 0;
	}
	#character .banner_area {
		margin-top: 0;
	}
	#character .banner_area img {
		margin-bottom: 0;
	}
	footer {
		padding: 0.8em 0 0.2em;
	}
	#footer_innner {
		width: 1060px;
		margin: 0 auto;
		position: relative;
	}
	#detail {
		display: block;
		position: absolute;
		top: -200px;
		left: 0;
		color: #23bff0;
		border-left: 3px solid #23bff0;
		width: 300px;
	}
	#corporation_banner {
		position: absolute;
		top: -125px;
		right: 50px;
	}
	.page-top {
		position: fixed;
		bottom: 20px;
		right: 20px;
		transition: bottom 0.5s ease-out;
	}
	.page-top.fitfooter {
		bottom: 70px;
	}
	.page-top a {
		background-color: rgba(35,191,240,0.66);
		color: #fff;
		width: 60px;
		padding: 20px 0;
		text-align: center;
		display: block;
		border-radius: 5px;
	}
	.page-top a:hover {
		background-color: rgba(35,191,240,0.99);
	}
	#footer_link_area {
		margin: 10px;
		padding-top: 0;
	}
	#footer_link_area a {
		display: inline;
		margin: 0;
		padding: 0;
		padding: 0 12px;
		color: #ffffff;
		font-size: 14px;
		font-size: 1.4rem;
		border-bottom: none;
		border-left: 1px solid #FFFFFF;
	}
	#footer_link_area a:first-child {
		border-left: none;
	}
}

@media screen and (min-width: 1400px) {
	.banner_area {
		margin-top: 0;
		text-align: center;
		background: #FFFFFF url(https://wwwstatic.starlet-game.jp/images/banner_area_bg_pc.jpg) bottom center no-repeat;
		background-size: 100% auto;
	}
	#title_area {
		background: url(https://wwwstatic.starlet-game.jp/images/title_area_bg_pc.jpg) bottom center no-repeat;
		background-size: 100% auto;
	}
}

/* for iOS7 vh follow */
/** 
 * iPad with portrait orientation.
 */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	.prologue-content::before {
		height: 1228px; /*1024x120%*/
	}
	#starlet_area::before {
		height: 1024px;
		padding: 102px 0; /*1024x10%*/
	}
	.character-pagenation-wrapper {
		padding: 20px 0; /*1024x2%*/
	}
	.character-pagenation {
		height: 82px; /*1024x8%*/
		line-height: 82px; /*1024x8%*/
	}
	#system-shell::before {
		height: 1024px;
		padding: 102px 0; /*1024x10%*/
	}
	.preregist-area.tokuten-wrapper::before {
		height: 1024px;
		padding: 102px 0; /*1024x10%*/
	}
}

/** 
 * iPad with landscape orientation.
 */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
	.prologue-content::before {
		height: 920px; /*768x120%*/
	}
	#starlet_area::before {
		height: 768px;
		padding: 76px 0; /*768x10%*/
	}
	.character-pagenation-wrapper {
		padding: 15px 0; /*768x2%*/
	}
	.character-pagenation {
		height: 61px; /*768x8%*/
		line-height: 61px; /*768x8%*/
	}
	#system-shell::before {
		height: 768px;
		padding: 76px 0; /*768x10%*/
	}
	.preregist-area.tokuten-wrapper::before {
		height: 768px;
		padding: 76px 0; /*768x10%*/
	}
}

/**
 * iPhone 5
 * You can also target devices with aspect ratio.
 */
@media screen and (device-aspect-ratio: 40/71) {
	.prologue-content::before {
		height: 682px; /*568x120%*/
	}
	#starlet_area::before {
		height: 568px;
		padding: 57px 0; /*568x10%*/
	}
	.character-pagenation-wrapper {
		padding: 11px 0; /*568x2%*/
	}
	.character-pagenation {
		height: 45px; /*568x8%*/
		line-height: 45px; /*568x8%*/
	}
	#system-shell::before {
		height: 568px;
		padding: 57px 0; /*568x10%*/
	}
	.preregist-area.tokuten-wrapper::before {
		height: 568px;
		padding: 57px 0; /*500x10%*/
	}
}
