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

/* FireFoxFadeブレ防止 */

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

/* ページトップ */

#page-top {
	position: fixed;
	bottom: 70px;
	right: 20px;
	font-size: 1.4em;
	font-weight:bold;
	z-index:2000;
}
#page-top a {
	background:url(../img/pagetop.png) left top no-repeat;
	width: 190px;
	height:160px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	transition: all 0.3s;
	position:relative;
}
#page-top a:hover {
	top:-5px;
}

/* ----------------------------------　モーダル入口　---------------------------------- */

.modal { position:fixed; display:none; z-index:9999; top:0; left:0; right:0;bottom:0; width:70vw; padding-top:25%; margin:auto; text-align:center; }
.modal_wrap {
	width:70vw;
padding-top:100%; padding-bottom:60px;
box-shadow:0 0 10px rgba(0,0,0,0.4);
background:url("../img/mobile/check.jpg") center top no-repeat;
background-color:#FFF;
background-size:100%;
position:relative;}
.modal a.box {width:35vw;height:60px;display:table-cell; vertical-align:middle; transition:all 0.3s;}
a.box em {font-family: 'Nunito', sans-serif;font-weight:700;font-size:2.7rem;line-height: 1.0;}
a.box span {font-size:1.4rem;}
.b_left {width:35vw;height:60px;position:absolute; bottom:0; left:0;}
.b_right {width:35vw;height:60px;position:absolute; bottom:0; right:0;}
.b_left a {color:#fff;background-color:#1e264e; text-decoration:none;}
.b_right a {color:#fff;background-color:#a3a3a3; text-decoration:none;}
.b_left a:hover {background-color:#BC0606;}
.b_right a:hover {background-color:#cacaca;}
.modal a { cursor:pointer; }

/* 全体・枠作り */

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;
	text-align:center;
	min-width: 100%;
	min-height: 100vh;
	font-size: 1.0rem;
	overflow-x: hidden;
}

#PageWrapper {
	width:100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	background:url("../img/main_bg.jpg") center bottom no-repeat;
	background-size:cover;
	background-attachment: fixed;
}

#Menu {
	position: fixed;
	z-index:2000;
	top:0;
	left:0;
	width:10%;
	padding-top:10%;
	background:#fff;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
	background-size:cover;
}

h1 {font-family: 'Noto Serif JP', serif; display:none;}
h2 {display:none;}

#js__btn {
	background:url("../img/mobile/js_btn_a.png") left top no-repeat;
	background-size:cover;
	width:10%;
	padding-top:10%;
	display: block;
	position: fixed;
	left:0;
	top:0;
	z-index:2200;
	transition: all 0.3s;
}

.open #js__btn {
	background:url("../img/mobile/js_btn_b.png") left top no-repeat;
	background-size:cover;
	transform: rotate(90deg);
}

.menu_group {
    position: fixed;
    display: table;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:rgba(255,255,255,0.9);
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
	z-index: 2000;
}

.open .menu_group {
	visibility: visible;
    opacity: 1;
}

.menu_group {
}

.menu_group ul {
	width:100%;
	position: relative;
}

.menu_group ul:before {
	content: "";
	widows: 100%;
	padding-top:30%;
	display:block;
	position: relative;
	background:url("../img/mobile/menu_logo.png") center top no-repeat;
	background-size:cover;
}

.menu_group ul li {
}

.menu_group ul li a {
	width:80%;
	padding-top:12%;
	margin:0 auto;
	display: block;
	position: relative;
	border-bottom:1px solid #000;
}

.menu_group ul li em {
	width:80%;
	padding-top:12%;
	margin:0 auto;
	display: block;
	position: relative;
	border-bottom:1px solid #000;
}


.menu_group ul li.menu01 a {background:url("../img/mobile/menu01.png") center top no-repeat; background-size:contain;}
.menu_group ul li.menu02 a {background:url("../img/mobile/menu02.png") center top no-repeat; background-size:contain;}
.menu_group ul li.menu03 a {background:url("../img/mobile/menu03.png") center top no-repeat; background-size:contain;}
.menu_group ul li.menu04 a {background:url("../img/mobile/menu04.png") center top no-repeat; background-size:contain;}
.menu_group ul li.menu05 a {background:url("../img/mobile/menu05.png") center top no-repeat; background-size:contain;}
.menu_group ul li.menu06 a {background:url("../img/mobile/menu06.png") center top no-repeat; background-size:contain;}
.menu_group ul li.menu07 a {background:url("../img/mobile/menu07.png") center top no-repeat; background-size:contain;}
.menu_group ul li.menu08 a {background:url("../img/mobile/menu08.png") center top no-repeat; background-size:contain;}
.menu_group ul li.menu09 em {background:url("../img/mobile/menu09.png") center top no-repeat; background-size:contain;}

#Mainvisual {
	width:100%;
	padding-top:150%;
	background:url("../img/mobile/mv.jpg") left top no-repeat;
	background-size:cover;
	position: relative;
	overflow: hidden;
}

.countdown {
	width:35%;
	position: absolute;
	top:25%;
	left:3%;
	z-index:80;
}

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

.countdown a:hover img {
	opacity: 0.8;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.chara_elin {
	display: none;
}

.chara_crone {
	display: none;
}

.chara_noa {
	display: none;
}

.catch {
	display: none;
}

.logo_days {
	display: none;
}

#Log {
	background:url("../img/log_bg.png") left top repeat;
	width:100%;
	padding:36px 0;
	box-sizing: border-box;
	position: relative;
	margin:0 auto 0;
	z-index:100;
}

.log_center {
}

.news_box {
	background:url("../img/mobile/log_body.png") left top repeat-y;
	width:94%;
	margin:0 auto 24px;
	background-size:100%;
	padding:0 0 12px;
	position: relative;
}

.news_box:before {
	background:url("../img/mobile/log_head.png") left top no-repeat;
	background-size:100%;
	content:"";
	width:100%;
	padding-top:10.5%;
	display: block;
	position: relative;
}

.news_box:after {
	background:url("../img/mobile/log_foot.png") left bottom no-repeat;
	background-size:100%;
	content:"";
	width:100%;
	height:10px;
	display: block;
	position: absolute;
	left:0;
	bottom:0;
}

.logtxt {
	width:90%;
	margin:0 auto;
	height:320px;
	overflow: hidden;
	text-align: left;
	font-size:1.6rem;
}

.logtxt a {
	color:deepskyblue;
	text-decoration: none;
}

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

.logtxt dl {
	padding:8px 0;
	border-bottom:1px dotted #ac6a00;
}

.logtxt dl dt {
	color:#ac6a00;
	font-weight: bold;
	margin-right:12px;
	line-height: 1.8;
}

.logtxt dl dd {
	color:#4a3616;
	line-height: 1.8;
}

.logtxt dl dd br {
	display: none;
}

.tweet_box {
	background:url("../img/mobile/log_body.png") left top repeat-y;
	width:94%;
	margin:0 auto 0;
	background-size:100%;
	padding:0 0 12px;
	position: relative;
}

.tweet_box:before {
	background:url("../img/mobile/tweet_head.png") left top no-repeat;
	background-size:100%;
	content:"";
	width:100%;
	padding-top:10.5%;
	display: block;
	position: relative;
}

.tweet_box:after {
	background:url("../img/mobile/log_foot.png") left bottom no-repeat;
	background-size:100%;
	content:"";
	width:100%;
	height:10px;
	display: block;
	position: absolute;
	left:0;
	bottom:0;
}

.twitter_bt {
	background:url("../img/follow_bt.png") center top no-repeat;
	width:166px;
	height:34px;
	margin:0 auto;
	background-size:contain;
	overflow: hidden;
	position: relative;
}

.twidget {
	width:90%;
	height:320px;
	margin:0 auto 12px;
	overflow: hidden;
	text-align: left;
	font-size:1.6rem;
}

#Topics {
	width:100%;
	padding:48px 0 24px;
}

.topics_head {
	background:url("../img/topics_head.png") center top no-repeat;
	width:70%;
	padding-top:6.7%;
	background-size:contain;
	margin:0 auto 48px;
	text-indent: -9999px;
	overflow: hidden;
}

.topics_group {
	width:100%;
	margin:0 auto 40px;
}

.topics_group ul {
	width:94%;
	margin:0 auto;
	position: relative;
}

.topics_group ul li {
	width:100%;
	box-sizing: border-box;
	border:5px solid #3a2d25;
	display: block;
	margin-bottom:24px;
	background-color:#fff;
	color:#4a3616;
	text-align: left;
	font-size:1.6rem;
	position: relative;
}

.topics_group ul li.new:after {
	content: "";
	background:url("../topics/new.png") left top no-repeat;
	width:15%;
	padding-top:15%;
	background-size:cover;
	display: block;
	position: absolute;
	right:0;
	top:-21%;
}

.topics_group ul li:last-child {
	margin-bottom:0!important;
}

.topics_group ul li a {
	color:#4a3616;
	text-decoration: none;
}

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

.topics_group ul li figcaption {
	width:100%;
	box-sizing: border-box;
	padding:10px 8px;
	height:65px;
	display: table-cell;
	vertical-align: middle;
}

.topics_group ul li figcaption br {
	display: none;
}

.more {
	background:url("../img/more.png") left top no-repeat;
	background-size:100%;
	width:266px;
	height:42px;
	margin:0 auto 40px;
	border-radius: 21px;
	overflow: hidden;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
}

.more a:hover {
	opacity: 1;
}

#Outline {
	background:url("../img/outline_bg.jpg") center top no-repeat;
	width:100%;
	background-size:cover;
	padding:36px 0 0;
}

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

.outline_box {
	width:100%;
	position: relative;
}

.outline_head {
	background:url("../img/in_outline.png") center top no-repeat;
	width:100%;
	background-size:contain;
	padding-top:5%;
	margin-bottom:36px;
}

.outline_txt {
	background:url("../img/in_outline_txt.png") center top no-repeat;
	background-size:contain;
	width:100%;
	padding-top:110.5%;
	margin-bottom:48px;
}

.spec_box {
	width:100%;
	position: relative;
}

.spec_head {
	background:url("../img/in_specinfo.png") center top no-repeat;
	width:100%;
	background-size:contain;
	padding-top:5%;
	margin-bottom:36px;
}

.spec_txt {
	background:url("../img/in_specinfo_txt.png") center top no-repeat;
	background-size:contain;
	width:100%;
	padding-top:132.5%;
}

footer {
	background:url("../img/foot_bg.jpg") left top repeat;
	width:100%;
	position: relative;
	padding-bottom:36px;
}

footer:before {
	content: "";
	width:100%;
	height:70px;
	display: block;
	position: absolute;
	top:-70px;
	left:0;
	clip-path: polygon(50% 0, 0 100%, 100% 100%);
	background:url("../img/foot_bg.jpg") left bottom repeat;
}

.footlink {
	display: none;
}

.footlink a {
	color:#fff;
	text-decoration: none;
}

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

.minato6th {
	background:url("../img/foot_6th.png") center top no-repeat;
	width:100%;
	padding-top:4.5%;
	background-size:contain;
	margin:0 auto 20px;
}

.foot_logo {
	background:url("../img/foot_logo.png") center top no-repeat;
	width:94%;
	padding-top:23.9%;
	margin:0 auto 40px;
	background-size:contain;
}

.share {
	background:url("../img/foot_share.png") center top no-repeat;
	width:100%;
	padding-top:3.5%;
	background-size:contain;
	margin:0 auto 20px;
}

.share_group {
	width:260px;
	margin:0 auto 36px;
}

.share_group ul {
	display: flex;
	width:260px;
	justify-content: space-between;
}

.share_group ul li {
	display: block;
	width:70px;
	height:70px;
}

.share_group ul li a {
	display: block;
	width:70px;
	height:70px;
	opacity: 0;
	transition: all 0.3s;
}

.sns_01 {background:url("../img/foot_tweet.png") left top no-repeat; background-size:contain;}
.sns_02 {background:url("../img/foot_fb.png") left top no-repeat; background-size:contain;}
.sns_03 {background:url("../img/foot_line.png") left top no-repeat; background-size:contain;}

.copyright {
	width:90%;
	margin:0 auto;
	color:#fff;
	font-size:1.4rem;
}

/*サブページ*/

#Contents {
	width:100%;
	min-height: 55vh;
	padding-top:100px;
	padding-bottom:100px;
}

h3 {
	width:80%;
	padding-top:12.4%;
	margin:0 auto 72px;
	text-indent: -9999px;
	overflow: hidden;
}

h3#World {background:url("../img/shead_world.png") center top no-repeat;background-size:contain;}
h3#Character {background:url("../img/shead_chara.png") center top no-repeat;background-size:contain;}
h3#Gallery {background:url("../img/shead_gallery.png") center top no-repeat;background-size:contain;}
h3#Special {background:url("../img/shead_special.png") center top no-repeat;background-size:contain;}
h3#Report {background:url("../img/shead_report.png") center top no-repeat;background-size:contain;}
h3#Support {background:url("../img/shead_support.png") center top no-repeat;background-size:contain;}
h3#Product {background:url("../img/shead_product.png") center top no-repeat;background-size:contain;}
h3#Information {background:url("../img/shead_information.png") center top no-repeat;background-size:contain;}

h4 {
	width:86%;
	line-height: 54px;
	color:#fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#12162d+0,222a57+50,12162d+100 */
	background: #12162d; /* Old browsers */
	background: -moz-linear-gradient(top,  #12162d 0%, #222a57 50%, #12162d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #12162d 0%,#222a57 50%,#12162d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #12162d 0%,#222a57 50%,#12162d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12162d', endColorstr='#12162d',GradientType=0 ); /* IE6-9 */
	margin:0 auto 40px;
	font-family: 'Noto Serif JP', serif;
	display: block;
	font-size:3rem;
	border-left:10px solid #c3ad7c;
	border-right:10px solid #c3ad7c;
}

/*キャラクター*/

ul.charawrap {
	width:96%;
	margin:0 auto 60px;
}

ul.charawrap li {
	background-color:#fff;
	display: block;
	margin-bottom:8px;
}

ul.charawrap li.none {
	background-color:transparent;
	justify-content: space-between;
	flex-wrap: wrap;
}

ul.wrap_heroine {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

ul.wrap_heroine li {
	width:32%;
	display: block;
	position: relative;
}

ul.wrap_heroine li a {
	width:100%;
	padding-top:300%;
	display: block;
	transition: all 0.3s;
	opacity: 1;
}

ul.wrap_charalist {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

ul.wrap_charalist li {
	width:32%;
	display: block;
	position: relative;
}

ul.wrap_charalist li a {
	width:100%;
	padding-top:62.5%;
	display: block;
	transition: all 0.3s;
	opacity: 1;
}

ul.charawrap li a {
	transition: all 0.3s;
	opacity: 1;
}

ul.charawrap li a:hover {
	opacity: 0.6;
}

.c01 a {background:url("../img/chara/select/c01b.jpg") left top no-repeat;background-size:cover;}
.c02 a {background:url("../img/chara/select/c02b.jpg") left top no-repeat;background-size:cover;}
.c03 a {background:url("../img/chara/select/c03b.jpg") left top no-repeat;background-size:cover;}

.c04 a {background:url("../img/chara/select/th04.jpg") left top no-repeat;background-size:cover;}
.c05 a {background:url("../img/chara/select/th05.jpg") left top no-repeat;background-size:cover;}
.c06 a {background:url("../img/chara/select/th06.jpg") left top no-repeat;background-size:cover;}
.c07 a {background:url("../img/chara/select/th07.jpg") left top no-repeat;background-size:cover;}
.c08 a {background:url("../img/chara/select/th08.jpg") left top no-repeat;background-size:cover;}
.c09 a {background:url("../img/chara/select/th09.jpg") left top no-repeat;background-size:cover;}
.c10 a {background:url("../img/chara/select/th10.jpg") left top no-repeat;background-size:cover;}
.c11 a {background:url("../img/chara/select/th11.jpg") left top no-repeat;background-size:cover;}
.c12 a {background:url("../img/chara/select/th12.jpg") left top no-repeat;background-size:cover;}
.c13 a {background:url("../img/chara/select/th13.jpg") left top no-repeat;background-size:cover;}
.c14 a {background:url("../img/chara/select/th14.jpg") left top no-repeat;background-size:cover;}
.c15 a {background:url("../img/chara/select/th15.jpg") left top no-repeat;background-size:cover;}
.c16 a {background:url("../img/chara/select/th16.jpg") left top no-repeat;background-size:cover;}
.c17 a {background:url("../img/chara/select/th17.jpg") left top no-repeat;background-size:cover;}
.c18 a {background:url("../img/chara/select/th18.jpg") left top no-repeat;background-size:cover;}
.c19 a {background:url("../img/chara/select/th19.jpg") left top no-repeat;background-size:cover;}
.c20 a {background:url("../img/chara/select/th20.jpg") left top no-repeat;background-size:cover;}
.c21 a {background:url("../img/chara/select/th21.jpg") left top no-repeat;background-size:cover;}
.c22 a {background:url("../img/chara/select/th22.jpg") left top no-repeat;background-size:cover;}
.c23 a {background:url("../img/chara/select/th23.jpg") left top no-repeat;background-size:cover;}
.c24 a {background:url("../img/chara/select/th24.jpg") left top no-repeat;background-size:cover;}
.c25 a {background:url("../img/chara/select/th25.jpg") left top no-repeat;background-size:cover;}
.c26 a {background:url("../img/chara/select/th26.jpg") left top no-repeat;background-size:cover;}
.c27 a {background:url("../img/chara/select/th27.jpg") left top no-repeat;background-size:cover;}
.c28 a {background:url("../img/chara/select/th28.jpg") left top no-repeat;background-size:cover;}
.c29 a {background:url("../img/chara/select/th29.jpg") left top no-repeat;background-size:cover;}
.c30 a {background:url("../img/chara/select/th30.jpg") left top no-repeat;background-size:cover;}
.c31 a {background:url("../img/chara/select/th31.jpg") left top no-repeat;background-size:cover;}
.c32 a {background:url("../img/chara/select/th32.jpg") left top no-repeat;background-size:cover;}
.c33 a {background:url("../img/chara/select/th33.jpg") left top no-repeat;background-size:cover;}
.c34 a {background:url("../img/chara/select/th34.jpg") left top no-repeat;background-size:cover;}
.c35 a {background:url("../img/chara/select/th35.jpg") left top no-repeat;background-size:cover;}
.c36 a {background:url("../img/chara/select/th36.jpg") left top no-repeat;background-size:cover;}
.c37 a {background:url("../img/chara/select/th37.jpg") left top no-repeat;background-size:cover;}
.c38 a {background:url("../img/chara/select/th38.jpg") left top no-repeat;background-size:cover;}
.c39 a {background:url("../img/chara/select/th39.jpg") left top no-repeat;background-size:cover;}
.c40 a {background:url("../img/chara/select/th40.jpg") left top no-repeat;background-size:cover;}
.c41 a {background:url("../img/chara/select/th41.jpg") left top no-repeat;background-size:cover;}
.c42 a {background:url("../img/chara/select/th42.jpg") left top no-repeat;background-size:cover;}
.c43 a {background:url("../img/chara/select/th43.jpg") left top no-repeat;background-size:cover;}
.c44 a {background:url("../img/chara/select/th44.jpg") left top no-repeat;background-size:cover;}
.c45 a {background:url("../img/chara/select/th45.jpg") left top no-repeat;background-size:cover;}
.c46 a {background:url("../img/chara/select/th46.jpg") left top no-repeat;background-size:cover;}
.c47 a {background:url("../img/chara/select/th47.jpg") left top no-repeat;background-size:cover;}
.c48 a {background:url("../img/chara/select/th48.jpg") left top no-repeat;background-size:cover;}
.c49 a {background:url("../img/chara/select/th49.jpg") left top no-repeat;background-size:cover;}
.c50 a {background:url("../img/chara/select/th50.jpg") left top no-repeat;background-size:cover;}

.add {
	background:url("../img/chara/select/add.png") center top no-repeat;
	width:80%;
	padding-top:4.37%;
	background-size:cover;
	margin:-24px auto 40px;
}

/*キャラ個別*/

.grandstar .c_name {color:#b50a08;}
.grandstar .c_spell {color:#b50a08; text-shadow:0 0 5px rgba(181,10,8,0.4);}
.grandstar .c_phrase p {background-color:rgba(181,10,8,0.8);}

.tallo .c_name {color:#556fb5;}
.tallo .c_spell {color:#556fb5; text-shadow:0 0 5px rgba(85,111,181,0.4);}
.tallo .c_phrase p {background-color:rgba(85,111,181,0.8);}

.rancage .c_name {color:#76206c;}
.rancage .c_spell {color:#76206c; text-shadow:0 0 5px rgba(118,32,108,0.4);}
.rancage .c_phrase p {background-color:rgba(118,32,108,0.8);}

.none .c_name {color:#6A6A6A;}
.none .c_spell {color:#6A6A6A; text-shadow:0 0 5px rgba(106,106,106,0.4);}
.none .c_phrase p {background-color:rgba(106,106,106,0.8);}

.c_left {
	background:url("../img/chara/mob/ar_left.png") center top no-repeat;
	background-size:cover;
	width:48%;
	height:50px;
	position: absolute;
	left:2%;
	bottom:0;
	z-index:50;
}

.c_right {
	background:url("../img/chara/mob/ar_right.png") center top no-repeat;
	background-size:cover;
	width:48%;
	height:50px;
	position: absolute;
	right:2%;
	bottom:0;
	z-index:50;
}

a.circle {
	width:100%;
	height:50px;
	display: block;
	background-color:#fff;
	opacity: 0;
	transition: all 0.3s;
}

a:hover.circle {
	opacity: 0.4;
}

.chara_body {
	width:100%;
	position: relative;
	margin-top:-32px;
	margin-bottom:32px;
	padding-bottom:50px;
}

.c_stand {
	width:100%;
	padding-top:150%;
	position:relative;
}

#Chara01 .c_stand {background:url("../img/chara/mob/c01.png") center top no-repeat; background-size:cover;}
#Chara02 .c_stand {background:url("../img/chara/mob/c02.png") center top no-repeat; background-size:cover;}
#Chara03 .c_stand {background:url("../img/chara/mob/c03.png") center top no-repeat; background-size:cover;}
#Chara04 .c_stand {background:url("../img/chara/mob/c04.png") center top no-repeat; background-size:cover;}
#Chara05 .c_stand {background:url("../img/chara/mob/c05.png") center top no-repeat; background-size:cover;}
#Chara06 .c_stand {background:url("../img/chara/mob/c06.png") center top no-repeat; background-size:cover;}
#Chara07 .c_stand {background:url("../img/chara/mob/c07.png") center top no-repeat; background-size:cover;}
#Chara08 .c_stand {background:url("../img/chara/mob/c08.png") center top no-repeat; background-size:cover;}
#Chara09 .c_stand {background:url("../img/chara/mob/c09.png") center top no-repeat; background-size:cover;}
#Chara10 .c_stand {background:url("../img/chara/mob/c10.png") center top no-repeat; background-size:cover;}
#Chara11 .c_stand {background:url("../img/chara/mob/c11.png") center top no-repeat; background-size:cover;}
#Chara12 .c_stand {background:url("../img/chara/mob/c12.png") center top no-repeat; background-size:cover;}
#Chara13 .c_stand {background:url("../img/chara/mob/c13.png") center top no-repeat; background-size:cover;}
#Chara14 .c_stand {background:url("../img/chara/mob/c14.png") center top no-repeat; background-size:cover;}
#Chara15 .c_stand {background:url("../img/chara/mob/c15.png") center top no-repeat; background-size:cover;}
#Chara16 .c_stand {background:url("../img/chara/mob/c16.png") center top no-repeat; background-size:cover;}
#Chara17 .c_stand {background:url("../img/chara/mob/c17.png") center top no-repeat; background-size:cover;}
#Chara18 .c_stand {background:url("../img/chara/mob/c18.png") center top no-repeat; background-size:cover;}
#Chara19 .c_stand {background:url("../img/chara/mob/c19.png") center top no-repeat; background-size:cover;}
#Chara20 .c_stand {background:url("../img/chara/mob/c20.png") center top no-repeat; background-size:cover;}
#Chara21 .c_stand {background:url("../img/chara/mob/c21.png") center top no-repeat; background-size:cover;}
#Chara22 .c_stand {background:url("../img/chara/mob/c22.png") center top no-repeat; background-size:cover;}
#Chara23 .c_stand {background:url("../img/chara/mob/c23.png") center top no-repeat; background-size:cover;}
#Chara24 .c_stand {background:url("../img/chara/mob/c24.png") center top no-repeat; background-size:cover;}
#Chara25 .c_stand {background:url("../img/chara/mob/c25.png") center top no-repeat; background-size:cover;}
#Chara26 .c_stand {background:url("../img/chara/mob/c26.png") center top no-repeat; background-size:cover;}
#Chara27 .c_stand {background:url("../img/chara/mob/c27.png") center top no-repeat; background-size:cover;}
#Chara28 .c_stand {background:url("../img/chara/mob/c28.png") center top no-repeat; background-size:cover;}
#Chara29 .c_stand {background:url("../img/chara/mob/c29.png") center top no-repeat; background-size:cover;}
#Chara30 .c_stand {background:url("../img/chara/mob/c30.png") center top no-repeat; background-size:cover;}
#Chara31 .c_stand {background:url("../img/chara/mob/c31.png") center top no-repeat; background-size:cover;}
#Chara32 .c_stand {background:url("../img/chara/mob/c32.png") center top no-repeat; background-size:cover;}
#Chara33 .c_stand {background:url("../img/chara/mob/c33.png") center top no-repeat; background-size:cover;}
#Chara34 .c_stand {background:url("../img/chara/mob/c34.png") center top no-repeat; background-size:cover;}
#Chara35 .c_stand {background:url("../img/chara/mob/c35.png") center top no-repeat; background-size:cover;}
#Chara36 .c_stand {background:url("../img/chara/mob/c36.png") center top no-repeat; background-size:cover;}
#Chara37 .c_stand {background:url("../img/chara/mob/c37.png") center top no-repeat; background-size:cover;}
#Chara38 .c_stand {background:url("../img/chara/mob/c38.png") center top no-repeat; background-size:cover;}
#Chara39 .c_stand {background:url("../img/chara/mob/c39.png") center top no-repeat; background-size:cover;}
#Chara40 .c_stand {background:url("../img/chara/mob/c40.png") center top no-repeat; background-size:cover;}
#Chara41 .c_stand {background:url("../img/chara/mob/c41.png") center top no-repeat; background-size:cover;}
#Chara42 .c_stand {background:url("../img/chara/mob/c42.png") center top no-repeat; background-size:cover;}
#Chara43 .c_stand {background:url("../img/chara/mob/c43.png") center top no-repeat; background-size:cover;}
#Chara44 .c_stand {background:url("../img/chara/mob/c44.png") center top no-repeat; background-size:cover;}
#Chara45 .c_stand {background:url("../img/chara/mob/c45.png") center top no-repeat; background-size:cover;}
#Chara46 .c_stand {background:url("../img/chara/mob/c46.png") center top no-repeat; background-size:cover;}
#Chara47 .c_stand {background:url("../img/chara/mob/c47.png") center top no-repeat; background-size:cover;}
#Chara48 .c_stand {background:url("../img/chara/mob/c48.png") center top no-repeat; background-size:cover;}
#Chara49 .c_stand {background:url("../img/chara/mob/c49.png") center top no-repeat; background-size:cover;}
#Chara50 .c_stand {background:url("../img/chara/mob/c50.png") center top no-repeat; background-size:cover;}

.c_phrase {
	font-size:3rem;
	writing-mode:vertical-rl;
	font-family: 'Noto Serif JP', serif;
	position: absolute;
	right:10px;
	color:#fff;
	top:0;
	text-align: left;
}

.c_phrase p {
	padding:12px 5px;
	text-align: left;
	display: inline-block;
	margin-left:12px;
	line-height: 44px;
	width:44px;
}

.three_pt {
	display: inline-block;
	width:44px;
	height:52px;
	background:url("../img/chara/3pt.png") center top no-repeat;
}

p.li1 {margin-top:25px;}
p.li2 {margin-top:100px;}

#Chara01 p.li2 {margin-top:200px!important;}
#Chara03 p.li2 {margin-top:250px!important;}
#Chara04 p.li2 {margin-top:300px!important;}
#Chara08 p.li2 {margin-top:250px!important;}
#Chara09 p.li2 {margin-top:350px!important;}
#Chara10 p.li2 {margin-top:280px!important;}
#Chara11 p.li2 {margin-top:80px!important;}
#Chara15 p.li2 {margin-top:200px!important;}
#Chara18 p.li2 {margin-top:70px!important;}
#Chara22 p.li2 {margin-top:200px!important;}
#Chara26 p.li2 {margin-top:300px!important;}
#Chara29 p.li2 {margin-top:220px!important;}
#Chara31 p.li2 {margin-top:270px!important;}
#Chara38 p.li2 {margin-top:270px!important;}

.chara_status {
	width:96%;
	margin:0 auto;
	position: relative;
	background-color:#f8f4ee;
	box-sizing: border-box;
	padding:24px 0;
	border:2px solid #ad6b00;
}

.c_name {
	width:90%;
	margin:0 auto;
	display: block;
	text-align: center;
	line-height:1;
	font-size:3.5rem;
	font-family: 'Noto Serif JP', serif;
}

.c_name br {
	display: none;
}

/*.name_long {
	margin-top:-55px!important;
	height:130px!important;
	line-height:60px!important;
}*/

.c_embrem {
	display: none;
}

.grandstar .c_embrem {background:url("../img/chara/emb_grandstar.png") center top no-repeat;}
.tallo .c_embrem {background:url("../img/chara/emb_tallo.png") center top no-repeat;}
.rancage .c_embrem {background:url("../img/chara/emb_rancage.png") center top no-repeat;}
.none .c_embrem {}

.c_spell {
	width:90%;
	line-height: 2;
	font-size:3rem;
	display: block;
	text-align: center;
	font-family: amador, sans-serif;
	font-weight: 400;
	font-style: normal;
	border-bottom:1px solid #472c09;
	margin:0 auto 20px;
}

.c_cv {
	width:90%;
	display: flex;
	justify-content: center;
	margin:0 auto 36px;
}

.c_cv p {
	height:28px;
	line-height: 28px;
	font-size:1.8rem;
	border:1px solid #472c09;
	color:#472c09;
	display: block;
	font-family: 'Noto Serif JP', serif;
	padding:0 40px;
}

.c_cv_long {
	font-size:90%!important;
}

.c_cv a {
	display: block;
	height:28px;
	line-height: 28px;
	font-family: 'Noto Serif JP', serif;
	width:28px;
	color:#fff;
	margin-left:8px;
	position: relative;
	transition: all 0.3s;
}

.grandstar .c_cv a{background-color:#b50a08;border:1px solid #b50a08;}
.tallo .c_cv a{background-color:#556fb5;border:1px solid #556fb5;}
.rancage .c_cv a{background-color:#76206c;border:1px solid #76206c;}
.none .c_cv a{background-color:#6A6A6A;border:1px solid #6A6A6A;}

.c_cv a:hover {background-color:#fff;}

.c_cv a:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	border-width: 7px 0 7px 14px;
	position: absolute;
	left:8px;
	top:8px;
}

.grandstar .c_cv a:hover:after {border-color: transparent transparent transparent #b50a08;}
.tallo .c_cv a:hover:after {border-color: transparent transparent transparent #556fb5;}
.rancage .c_cv a:hover:after {border-color: transparent transparent transparent #76206c;}
.none .c_cv a:hover:after {border-color: transparent transparent transparent #6A6A6A;}

.c_spec {
	width:90%;
	text-align: left;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	font-size:1.4rem;
	margin:0 auto 16px;
}

.c_spec p {
	display:block;
	line-height: 24px;
	height:24px;
	margin-right:24px;
	margin-bottom:8px;
}

.c_spec p em {
	display:inline-block;
	line-height: 24px;
	height:24px;
	background:url("../img/chara/status_bg.png") left top repeat;
	padding:0 12px;
	margin-right:12px;
	color:#fff;
}

.c_spec p i {
	font-style:normal;
	text-shadow:1px 1px 0 #f5f4f1,-1px 1px 0 #f5f4f1,1px -1px 0 #f5f4f1,-1px -1px 0 #f5f4f1;
}

.c_txt {
	width:90%;
	margin:0 auto;
	box-sizing: border-box;
	padding:12px;
	text-align: left;
	font-size:1.4rem;
	line-height: 1.6;
	background-color:rgba(255,255,255,1.00);
	color:#472c09;
}

.chara_select_mini {
	width:96%;
	margin:0 auto 120px;
}

.chara_select_mini ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.chara_select_mini ul li {
	display: block;
	background-color:#fff;
	margin-bottom:8px;
	position: relative;
}

.chara_select_mini ul li a {
	display: block;
}

.cm00 {width:32%; background-color:transparent!important;}
.cm01 {width:32%;}
.cm02 {width:32%;}
.cm03 {width:32%;}
.cm04 {width:32%;}
.cm05 {width:32%;}
.cm06 {width:32%;}
.cm07 {width:32%;}
.cm08 {width:32%;}
.cm09 {width:32%;}
.cm10 {width:32%;}
.cm11 {width:32%;}
.cm12 {width:32%;}
.cm13 {width:32%;}
.cm14 {width:32%;}
.cm15 {width:32%;}
.cm16 {width:32%;}
.cm17 {width:32%;}
.cm18 {width:32%;}
.cm19 {width:32%;}
.cm20 {width:32%;}
.cm21 {width:32%;}
.cm22 {width:32%;}
.cm23 {width:32%;}
.cm24 {width:32%;}
.cm25 {width:32%;}
.cm26 {width:32%;}
.cm27 {width:32%;}
.cm28 {width:32%;}
.cm29 {width:32%;}
.cm30 {width:32%;}
.cm31 {width:32%;}
.cm32 {width:32%;}
.cm33 {width:32%;}
.cm34 {width:32%;}
.cm35 {width:32%;}
.cm36 {width:32%;}
.cm37 {width:32%;}
.cm38 {width:32%;}
.cm39 {width:32%;}
.cm40 {width:32%;}
.cm41 {width:32%;}
.cm42 {width:32%;}
.cm43 {width:32%;}
.cm44 {width:32%;}
.cm45 {width:32%;}
.cm46 {width:32%;}
.cm47 {width:32%;}
.cm48 {width:32%;}
.cm49 {width:32%;}
.cm50 {width:32%;}

.cm01 a {background:url("../img/chara/select/th01b.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm02 a {background:url("../img/chara/select/th02b.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm03 a {background:url("../img/chara/select/th03b.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm04 a {background:url("../img/chara/select/th04.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm05 a {background:url("../img/chara/select/th05.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm06 a {background:url("../img/chara/select/th06.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm07 a {background:url("../img/chara/select/th07.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm08 a {background:url("../img/chara/select/th08.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm09 a {background:url("../img/chara/select/th09.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm10 a {background:url("../img/chara/select/th10.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm11 a {background:url("../img/chara/select/th11.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm12 a {background:url("../img/chara/select/th12.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm13 a {background:url("../img/chara/select/th13.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm14 a {background:url("../img/chara/select/th14.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm15 a {background:url("../img/chara/select/th15.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm16 a {background:url("../img/chara/select/th16.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm17 a {background:url("../img/chara/select/th17.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm18 a {background:url("../img/chara/select/th18.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm19 a {background:url("../img/chara/select/th19.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm20 a {background:url("../img/chara/select/th20.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm21 a {background:url("../img/chara/select/th21.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm22 a {background:url("../img/chara/select/th22.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm23 a {background:url("../img/chara/select/th23.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm24 a {background:url("../img/chara/select/th24.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm25 a {background:url("../img/chara/select/th25.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm26 a {background:url("../img/chara/select/th26.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm27 a {background:url("../img/chara/select/th27.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm28 a {background:url("../img/chara/select/th28.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm29 a {background:url("../img/chara/select/th29.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm30 a {background:url("../img/chara/select/th30.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm31 a {background:url("../img/chara/select/th31.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm32 a {background:url("../img/chara/select/th32.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm33 a {background:url("../img/chara/select/th33.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm34 a {background:url("../img/chara/select/th34.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm35 a {background:url("../img/chara/select/th35.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm36 a {background:url("../img/chara/select/th36.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm37 a {background:url("../img/chara/select/th37.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm38 a {background:url("../img/chara/select/th38.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm39 a {background:url("../img/chara/select/th39.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm40 a {background:url("../img/chara/select/th40.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm41 a {background:url("../img/chara/select/th41.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm42 a {background:url("../img/chara/select/th42.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm43 a {background:url("../img/chara/select/th43.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm44 a {background:url("../img/chara/select/th44.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm45 a {background:url("../img/chara/select/th45.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm46 a {background:url("../img/chara/select/th46.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm47 a {background:url("../img/chara/select/th47.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm48 a {background:url("../img/chara/select/th48.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm49 a {background:url("../img/chara/select/th49.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}
.cm50 a {background:url("../img/chara/select/th50.jpg") left top no-repeat; width:100%;padding-top:62.5%;background-size:cover;}

/*プロダクト*/

.product_group {
	width:90%;
	margin:60px auto 120px;
}

.product_group dl {
	margin-bottom:60px;
}

.product_group dl dt {
	font-size:1.5rem;
	font-family: 'Noto Serif JP', serif;
	color:#fff;
	line-height: 32px;
	height:32px;
	background-color:#262D52;
	padding:0 24px;
	display: inline-block;
	margin-bottom:12px;
	border-radius: 3px;
}

.product_group dl dd {
	font-family: 'Noto Serif JP', serif;
	color:#1e264e;
}

.product_group dl dd em {
	font-size:3rem;
}

.product_group dl dd p {
	font-size:1.7rem;
}

.full {
	width:100%;
	text-align: center;
}

.half {
	width:100%;
	text-align: center;
}

/*ワールド*/

.catch_img {
	background:url("../img/world/catch_img.jpg") left top no-repeat;
	width:96%;
	padding-top:55.3%;
	background-size:cover;
	border-radius: 5px;
	overflow: hidden;
	box-shadow:0 0 3px rgba(0,0,0,0.5);
	margin:0 auto 36px;
}

.concept_txt {
	width:96%;
	font-family: 'Noto Serif JP', serif;
	margin:0 auto 36px;
	color:#1e264e;
	text-align: left;
}

.push {
	font-size:3.2rem;
	margin-bottom:36px;
}

.expe {
	font-size:1.7rem;
}

.mn {
	display: none;
}

.chara_lough {
	background:url("../img/world/lough_thum.jpg") left top no-repeat;
	width:96%;
	background-size:cover;
	border-radius: 5px;
	overflow: hidden;
	box-shadow:0 0 3px rgba(0,0,0,0.5);
	margin:0 auto 120px;
	position: relative;
}

.chara_lough a {
	width:100%;
	padding-top:78.41%;
	display: block;
	background-color:#fff;
	opacity: 0;
	transition: all 0.3s;
}

.story_body {
	background:url("../img/world/story_body.png") left top no-repeat;
	background-size:cover;
	width:100%;
	padding-top:67.43%;
	margin:0 auto 120px;
}

.map {
	background:url("../img/world/map.jpg") center top no-repeat;
	width:96%;
	padding-top:81.95%;
	background-size:cover;
	border-radius: 5px;
	overflow: hidden;
	box-shadow:0 0 3px rgba(0,0,0,0.5);
	margin:0 auto 36px;
}

.map_txt {
	font-family: 'Noto Serif JP', serif;
	width:96%;
	margin:0 auto 120px;
	color:#1e264e;
	font-size:1.7rem;
	text-align: left;
}

.keyword_wrap {
	width:96%;
	margin:0 auto 120px;
	position: relative;
}

.keyword_box dl {
	width:100%;
	font-family: 'Noto Serif JP', serif;
	color:#1e264e;
	margin-bottom:36px;
}

.keyword_box dt {
	font-size:2.4rem;
	border-bottom:1px solid #1e264e;
	margin-bottom:12px;
	padding-bottom:12px;
}

.keyword_box dt strong {
	font-size:140%;
}

.keyword_box dd {
	font-size:1.6rem;
	line-height: 1.8;
}

/*レポート*/

.report_select {
	width:96%;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	margin:0 auto 24px;
	padding:25px;
	position: relative;
	background-color:#fff;
	box-sizing: border-box;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.report_select a {
	display: block;
	width:50px;
	line-height: 32px;
	border-radius: 5px;
	background-color: #1e264e;
	color:#fff;
	text-decoration: none;
	font-size:1.5rem;
	margin-right:10px;
	font-weight: bold;
	margin-bottom:10px;
	transition: all 0.3s;
}

.report_select a:hover{
	background-color:rgba(229,128,0,1.00);
}

.report_area {
	width:96%;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	margin:0 auto 120px;
	box-sizing: border-box;
	padding:50px 25px 80px;
	position: relative;
	background-color:#fff;
}

.report_title {
	width:80%;
	margin:0 auto 32px;
	position: relative;
	border:2px solid #1e264e;
}

.report_title p {
	font-family: 'Noto Serif JP', serif;
	background-color:#1e264e;
	color:#fff;
	font-size:2.4rem;
	line-height: 48px;
	width:100%;
	display: block;
	border:1px solid #fff;
	box-sizing: border-box;
}

.report_title p a {
	text-decoration: none;
	color:deepskyblue;
}

.report_title p a {
	text-decoration: underline;
}


.imgbox {
	width:90%;
	display: inline-block;
	border:10px solid #fff;
	margin:0 auto 24px;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	position: relative;
}

.imgbox img {
	width:100%;
}

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

.report_contents p {
	color:#1e264e;
	font-size:1.6rem;
	line-height: 1.8;
	margin-bottom:32px;
	text-align: left;
}

.report_contents p br {
	display: none;
}

.report_contents p br.on {
	display:inline!important;
}

.report_contents a {
	color:deepskyblue;
	text-decoration: none;
}

.report_contents p strong {
	font-weight: bold;
}

.large {font-size:120%;}

.mk_yl {background: linear-gradient(transparent 60%, #ffff00 0%);}
.mk_gs {background: linear-gradient(transparent 60%, #FFD4D4 0%);}
.mk_tl {background: linear-gradient(transparent 60%, #CDD7FF 0%);}
.mk_rc {background: linear-gradient(transparent 60%, #E1CEEC 0%);}
.mk_nm {background: linear-gradient(transparent 60%, #ECECEC 0%);}

.small {
	font-size:1.3rem!important;
}

dl.qanda {
	width:100%;
	color:#1e264e;
	font-size:1.8rem;
	line-height: 1.8;
	margin:0 auto 32px;
	text-align: left;
}

dl.qanda dt {
	color:rgba(151,0,0,1.00);
	border-bottom:1px solid rgba(151,0,0,1.00);
	margin-bottom:8px;
}

dl.qanda dt br {
	display: none;
}

dl.qanda a {
	text-decoration: none;
	color:deepskyblue;
}

dl.qanda a:hover {
	text-decoration: underline;
}

/*ギャラリー*/

.gallery_group {
	width:100%;
	margin:0 auto 120px;
}

.gallery_group ul {
	width:100%;
}

.gallery_group ul:after {
	content: "";
	display: block;
	width:320px;
	height:0;
}

.gallery_group ul li {
	width:80%;
	position: relative;
	background-color:#fff;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	margin:0 auto 32px;
	border-bottom:3px solid #1e264e;
	overflow: hidden;
}

.gallery_group ul li img {
	width:100%;
}

.gallery_group ul li a img {
	transition: all 0.3s;
	box-sizing:border-box;
}

.gallery_group ul li a:hover img {
	opacity: 0.6;
}

.gallery_group ul li figcaption {
	width:1000px;
	box-sizing: border-box;
	padding:10px 8px;
	height:65px;
	display: table-cell;
	vertical-align: middle;
	color:#1e264e;
	text-align: center;
	font-size:1.6rem;
	font-family: 'Noto Serif JP', serif;
}

/*リツイートキャンペーン*/


.retweet01_body {
	background:url("../special/img/retweet_01.jpg") left top no-repeat;
	width:100%;
	padding-top:100%;
	background-size:cover;
	position: relative;
	margin:0 auto 36px;
}

.retweet02_body {
	background:url("../special/img/retweet_02.jpg") left top no-repeat;
	width:100%;
	padding-top:118%;
	background-size:cover;
	position: relative;
	margin:0 auto 36px;
}

.retweet03_body {
	background:url("../special/img/retweet_03.jpg") left top no-repeat;
	width:100%;
	padding-top:118%;
	background-size:cover;
	position: relative;
	margin:0 auto 36px;
}

.retweet04_body {
	background:url("../special/img/retweet_04.jpg") left top no-repeat;
	width:100%;
	padding-top:118%;
	background-size:cover;
	position: relative;
	margin:0 auto 36px;
}

.retweet05_body {
	background:url("../special/img/retweet_05.jpg") left top no-repeat;
	width:100%;
	padding-top:118%;
	background-size:cover;
	position: relative;
	margin:0 auto 36px;
}

.retweet06_body {
	background:url("../special/img/retweet_06.jpg") left top no-repeat;
	width:100%;
	padding-top:118%;
	background-size:cover;
	position: relative;
	margin:0 auto 36px;
}

.retweet07_body {
	background:url("../special/img/retweet_07.jpg") left top no-repeat;
	width:100%;
	padding-top:118%;
	background-size:cover;
	position: relative;
	margin:0 auto 36px;
}


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

.ret_group {
	margin-bottom:36px;
}

.retweet_txt p.exp {
	font-family: 'Noto Serif JP', serif;
	font-size:2rem;
	color:#1e264e;
	margin-bottom:24px;
}

.retweet_attention {
	width:96%;
	font-size:1.4rem;
	color:#717171;
	text-align: left;
	display: inline-block;
	margin:36px auto 80px;
}

/*特典情報*/


.early_body {
	background:url("../special/bonus/bonus_early.jpg") left top no-repeat;
	margin:0 auto 32px;
	position: relative;
	width:100%;
	padding-top:120%;
	background-size:cover;
}

.preorder_body {
	background:url("../special/bonus/bonus_preorder.jpg") left top no-repeat;
	margin:0 auto 120px;
	position: relative;
	width:100%;
	padding-top:50%;
	background-size:cover;
}

.preorder_list {
	width:100%;
	box-sizing: border-box;
	margin:0 auto 32px;
	position: relative;
	background-color:#D9D9D9;
	border:2px solid #ACACAC;
}

.preorder_list dl {
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	font-size:1.6rem;
	margin-bottom:1px;
}

.preorder_list dl:last-child {
	margin-bottom:0!important;
}

.preorder_list dl dd:first-child {
	width:calc(30% - 1px);
	background:#5f52a0;
	color:#fff;
	padding:4px 0;
}

.preorder_list dl dd:last-child {
	width:70%;
	background-color:#fff;
	padding:4px 0;
}

a.preorder_link {
	display: block;
	margin:0 auto 120px;
	background-color:#1e264e;
	width:300px;
	height:60px;
	line-height: 60px;
	text-decoration: none;
	color:#fff;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:2rem;
	position: relative;
	box-shadow:0 3px 5px rgba(0,0,0,0.5);
	transition: all 0.3s;
}

a:hover.preorder_link {
	background-color:#fff;
	color:#1e264e;
}

a.preorder_link::before {
	content: "";
	width:292px;
	height:52px;
	border:1px solid #fff;
	position: absolute;
	top:3px;
	left:3px;
}

a:hover.preorder_link::before {
	border:1px solid #1e264e;
}

.firstlot_body {
	background:url("../special/bonus/bonus_firstlot.jpg") left top no-repeat;
	margin:0 auto 120px;
	position: relative;
	width:100%;
	padding-top:50%;
	background-size:cover;
}

.shopbonus_wrap {
	width:100%;
	margin:0 auto 120px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.shopbox {
	width:100%;
	display: block;
	box-sizing: border-box;
	padding:20px;
	margin:0 auto 48px;
	background: #bcbcbc;
	position: relative;
}

.sh_wrap {
	width:100%;
	box-sizing: border-box;
	padding:10px 10px;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	text-align: center;
	background:url("../special/bonus/shop_bg.jpg") center top no-repeat;
	background-size:cover;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
	overflow: hidden;
}

.badge_4th {
	width:100%;
	background-color:#c24971;
	line-height: 50px;
	color:#fff;
	z-index:80;
	font-family: 'Noto Serif JP', serif;
	font-size:3rem;
}

.badge_5th {
	width:100%;
	background-color:#c24971;
	line-height: 50px;
	color:#fff;
	z-index:80;
	font-family: 'Noto Serif JP', serif;
	font-size:3rem;
}

.sh_bg {
	font-family: 'Noto Serif JP', serif;
	font-size:6.5rem;
	position: absolute;
	left:0;
	top:-20px;
	color:rgba(233,233,233,1.00);
}

.shmini1 {
	width:100%;
	text-align: center;
}

.sh_title {
	display: block;
	font-family: 'Noto Serif JP', serif;
	width:100%;
	font-size:3.5rem;
	color:#5f52a0;
	position: relative;
	z-index: 50;
}

.sh_volume {
	display: block;
	font-family: 'Noto Serif JP', serif;
	width:100%;
	font-size:2.7rem;
	margin-bottom:24px;
	color:#5f52a0;
	position: relative;
	z-index: 50;
}

.sh_one {
	width:100%;
	background:#eeeeee;
	border:1px solid rgba(236,236,236,1.00);
	margin-bottom:24px;
	text-align: left;
	padding:24px;
	box-sizing: border-box;
}

.sh_img {
	width:100%;
	border:5px solid #fff;
	background-color:rgba(176,176,176,1.00);
	margin:0 auto 12px;
}

.sh_img img {
	width:100%;
}

.sh_plus {
	display: block;
	width:100%;
	background:#eeeeee;
	padding:24px;
	box-sizing: border-box;
	margin-bottom:24px;
}

.sh_img_p {
	width:100%;
	border:5px solid #fff;
	box-sizing: border-box;
	margin:0 auto 12px;
}

.sh_img_p img {
	width:100%;
}

.sh_txt_p {
	font-family: 'Noto Sans JP', sans-serif;
	font-size:1.5rem;
	color:#5f52a0;
	line-height: 1.6;
	text-align: left;
}

.sh_txt {
	font-family: 'Noto Sans JP', sans-serif;
	font-size:1.5rem;
	color:#5f52a0;
	line-height: 1.6;
}

.sh_link {
	width:100%;
	display: block;
}

.sh_link2 {
	width:300px;
	display: block;
	margin:0 auto;
}

a.shoplink {
	display: block;
	margin:0 auto;
	background-color:#1e264e;
	width:300px;
	height:60px;
	line-height: 60px;
	text-decoration: none;
	color:#fff;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:2rem;
	position: relative;
	box-shadow:0 3px 5px rgba(0,0,0,0.5);
}

a.shoplink::before {
	content: "";
	width:292px;
	height:52px;
	border:1px solid #fff;
	position: absolute;
	top:3px;
	left:3px;
}

.original_body {
	background:url("../special/bonus/comingsoon.png") center top no-repeat;
	width:100%;
	padding-top:100%;
	background-size:cover;
	margin:0 auto;
}

.original_wrap {
	width:100%;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.oribox {
	width:100%;
	display: flex;
	box-sizing: border-box;
	border:20px solid #bcbcbc;
	padding:20px;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	text-align: center;
	background:url("../special/bonus/shop_bg.jpg") center top no-repeat;
	background-size:cover;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
	overflow: hidden;
	margin-bottom:40px;
}

.ori_shop {
	display: block;
	font-family: 'Noto Serif JP', serif;
	width:100%;
	font-size:2.2rem;
	color:#5f52a0;
	position: relative;
	z-index: 50;
	margin-bottom:12px;
}

.ori_img {
	width:100%;
	margin-bottom:12px;
}

.ori_img img {
	width:100%;
}

.ori_item {
	width:100%;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:1.5rem;
	color:#5f52a0;
	line-height: 1.6;
	margin-bottom:12px;
}

.ori_link {
	width:100%;
}

.ori_link a {
	display: block;
	margin:0 auto;
	background-color:#1e264e;
	width:100%;
	height:40px;
	line-height: 36px;
	text-decoration: none;
	color:#fff;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:2rem;
	position: relative;
	box-shadow:0 3px 5px rgba(0,0,0,0.5);
	transition: all 0.3s;
}

.ori_link a::before {
	content: "";
	width:calc(100% - 8px);
	height:32px;
	border:1px solid #fff;
	position: absolute;
	top:3px;
	left:3px;
}


/*  キャンペーン*/


.campaign01 {
	background:url("../special/img/campaign01.jpg") left top no-repeat;
	width:100%;
	padding-top:150%;
	background-size:cover;
	position: relative;
	margin:0 auto 120px;
}

.campaign02 {
	background:url("../special/img/campaign02.jpg") left top no-repeat;
	width:100%;
	padding-top:150%;
	background-size:cover;
	position: relative;
	margin:0 auto 120px;
}

.campaign03 {
	background:url("../special/img/campaign03.jpg") left top no-repeat;
	width:100%;
	padding-top:150%;
	background-size:cover;
	position: relative;
	margin:0 auto 120px;
}

.campaign04 {
	background:url("../special/img/campaign04.jpg") left top no-repeat;
	width:100%;
	padding-top:150%;
	background-size:cover;
	position: relative;
	margin:0 auto 120px;
}

.c_red {
	color:red;
}

/*  体験版*/


.trial_img {
	width:96%;
	margin:0 auto 16px;
	box-sizing: border-box;
	background: #fff;
	padding:10px;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}

.trial_img img {
	width:100%;
}

.trial_img iframe {
	width:100%;
	height:20vh;
}

.trial_ss {
	width:96%;
	margin:0 auto 16px;
	box-sizing: border-box;
	background: #fff;
	padding:10px;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	position: relative;
}

.trial_ss img {
	width:calc(100%);
}

.trial_spec {
	font-size:1.6rem;
	padding:4px 16px;
	background-color:#fff;
	color:#989898;
	display: block;
	width:80%;
	margin:0 auto 32px;
	border:3px solid #EBEBEB;
}

.mirror_list {
	width:96%;
	margin:0 auto 72px;
	position: relative;
}

.mirror_list p {
	background-color:#1e264e;
	color:#fff;
	font-weight: bold;
	font-size:1.8rem;
	text-align: center;
	display: block;
	width:100%;
	box-sizing: border-box;
	padding:8px 0;
	margin-bottom:12px;
}

.mirror_list dl {
	width:100%;
	position: relative;
	margin-bottom:12px;
	background-color:#fff;
	color:#575757;
	display: flex;
	justify-content: space-between;
	font-size:1.7rem;
	padding:0 2%;
	box-sizing: border-box;
}

.mirror_list dl dt {
	box-sizing: border-box;
	padding:12px;
	text-decoration: none;
	line-height: 32px;
}

.mirror_list dl dt a {
	text-decoration: none;
	color:deepskyblue;
}

.mirror_list dl dt a:hover {
	text-decoration: underline;
}

.mirror_list dl dd {
	width:40%;
	position: relative;
	padding:12px;
	box-sizing: border-box;
}

.mirror_list dl dd a {
	box-sizing: border-box;
	text-decoration: none;
	background-color:deepskyblue;
	color:#fff;
	font-family: 'Noto Sans JP', sans-serif;
	display: block;
	width:100%;
	text-align: center;
	line-height: 32px;
	transition: all 0.3s;
}

.mirror_list dl dd a:hover {
	opacity: 0.6;
}

.mirror_list2 {
	width:96%;
	margin:0 auto 72px;
	position: relative;
}

.mirror_list2 p {
	background-color:#1e264e;
	color:#fff;
	font-weight: bold;
	font-size:1.8rem;
	text-align: center;
	display: block;
	width:100%;
	box-sizing: border-box;
	padding:8px 0;
	margin-bottom:12px;
}

.mirror_list2 dl {
	width:100%;
	position: relative;
	margin-bottom:12px;
	background-color:#fff;
	color:#575757;
	display: flex;
	justify-content: space-between;
	font-size:1.7rem;
	padding:0 2%;
	box-sizing: border-box;
}

.mirror_list2 dl dt {
	box-sizing: border-box;
	padding:12px;
	text-decoration: none;
	line-height: 32px;
}

.mirror_list2 dl dt a {
	text-decoration: none;
	color:deepskyblue;
}

.mirror_list2 dl dt a:hover {
	text-decoration: underline;
}

.mirror_list2 dl dd {
	width:40%;
	position: relative;
	padding:12px;
	box-sizing: border-box;
}

.mirror_list2 dl dd a {
	box-sizing: border-box;
	text-decoration: none;
	background-color:deepskyblue;
	color:#fff;
	font-family: 'Noto Sans JP', sans-serif;
	display: block;
	width:100%;
	text-align: center;
	line-height: 32px;
	transition: all 0.3s;
}

.mirror_list2 dl dd a:hover {
	opacity: 0.6;
}

/*体験版プレイキャンペーン*/


.trial_play_body {
	background:url("../special/img/trial_play.jpg") left top no-repeat;
	width:100%;
	padding-top:100%;
	background-size:cover;
	position: relative;
	margin:0 auto 36px;
}

.trial_play2_body {
	background:url("../special/img/trial_play2.jpg") left top no-repeat;
	width:100%;
	padding-top:100%;
	background-size:cover;
	position: relative;
	margin:0 auto 36px;
}

.enki_link {
	width:94%;
	margin:0 auto 36px;
	display: block;
	position: relative;
	background-color:#fff;
	z-index:100;
}

.enki_link a {
	width:100%;
	padding-top:24.4%;
	display: block;
	transition: all 0.3s;
	background:url("../topics/tp10.jpg") left top no-repeat;
	background-size:cover;
}

.enkibox {
	background:url("../special/enki.png") left top no-repeat;
	width:100%;
	padding-top:100%;
	margin:0 auto;
	background-size:cover;
}

.nervion {
	background:url("../special/nervion.png") left top no-repeat;
	width:100%;
	padding-top:76.25%;
	margin:0 auto;
	background-size:cover;
}

/*応援バナーアイコン*/

h5 {
	font-family: 'Noto Serif JP', serif;
	color:#1e264e;
	border-bottom:1px solid #1e264e;
	width:90%;
	margin:0 auto 15%;
	padding-bottom:12px;
	font-size:3.2rem;
}

.bwrap {
	margin-bottom:20%;
}

.bwrap ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

ul.b_icon {
	width:90%;
	margin:0 auto;
	position: relative;
}

ul.b_icon li {
	width:30%;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	position: relative;
	margin-bottom:5%;
}

ul.b_icon li img {
	width:100%;
}

ul.b_header {
	width:90%;
	margin:0 auto;
	position: relative;
}

ul.b_header li {
	width:100%;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	position: relative;
	margin-bottom:5%;
}

ul.b_header li img {
	width:100%;
}

ul.b_250 {
	width:90%;
	margin:0 auto;
}

ul.b_250 li {
	width:30%;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	position: relative;
	margin-bottom:5%;
}

ul.b_250 li img {
	width:100%;
}

ul.b_250 li textarea {
	width:100%;
	border:none;
	font-size:1.3rem;
	box-sizing: border-box;
	padding:4px;
}

ul.b_600 {
	width:90%;
	margin:0 auto;
	position: relative;
}

ul.b_600 li {
	width:100%;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	position: relative;
	margin-bottom:5%;
}

ul.b_600 li img {
	width:100%;
}

ul.b_600 li textarea {
	width:100%;
	border:none;
	font-size:1.3rem;
	box-sizing: border-box;
	padding:4px;
}

ul.b_150 {
	width:90%;
	margin:0 auto;
	position: relative;
}

ul.b_150 li {
	width:30%;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	position: relative;
	margin-bottom:5%;
}

ul.b_150 li img {
	width:100%;
}

ul.b_150 li textarea {
	width:100%;
	border:none;
	font-size:1.3rem;
	box-sizing: border-box;
	padding:4px;
}

a.repvoice {
	background:#1e264e;
	color:#fff;
	padding:0 12px;
	border-radius: 5px;
	font-size:1.5rem;
}
a.repvoice span {
	display: inline-block;
	transform: rotate(90deg);
}

.guidelinebox {
	width:100%;
	text-align: left;
	margin:0 auto;
}

.guide_dl {
	margin-bottom:36px;
	border:1px solid #DFDFDF;
	font-size:1.6rem;
}

.guide_dl dl {
	width:100%;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}

.guide_dl dt {
	border:1px solid #DFDFDF;
	width:100%;
	box-sizing: border-box;
	padding:12px;
	background-color:rgba(228,236,249,1.00);
}

.guide_dl dd {
	border:1px solid #DFDFDF;
	width:100%;
	box-sizing: border-box;
	padding:12px;
}

/*アンケートフォーム*/

.enquete_form {
	font-size:1.6rem;
	margin:0 auto;
	width:100%;
}

.enquete_form table {
	width:100%;
	background-color:#fff;
	border:1px solid #A3A3A3;
}

.enquete_form table tr td {
	box-sizing: border-box;
	padding:8px;
	border:1px solid #A3A3A3;
	color:#4A4A4A;
	line-height: 2;
}

.enquete_form input[type="text"],input[type="email"],select {
	margin:0 auto;
    box-sizing: border-box;
    outline: none;
    border: 1px solid lightgray;
    border-radius: 3px;
    padding: 4px;
    transition: all 0.1s ease-out;
	font-size:1.6rem;
	color:dimgray;
	position: relative;
}

.enquete_form textarea {
	width:100%;
	display: block;
	margin:0 auto;
	box-sizing: border-box;
    outline: none;
    border: 1px solid lightgray;
    border-radius: 3px;
    padding: 10px 10px 10px 10px;
    transition: all 0.1s ease-out;
	font-size:1.6rem;
	color:dimgray;
	position: relative;
}

.enquete_form input[type="submit"],input[type="reset"] {
	display: inline-block;
	width:200px;
	height:60px;
	color:#fff;
	background-color:#503989;
	outline: none;
	border:0;
	font-size: 1.6rem;
	font-weight: bold;
	cursor: pointer;
}

.enquete_form input[type="submit"] {
	background-color:#0B2A6C;
	transition: all 0.3s;
	border:5px solid #0B2A6C;
}

.enquete_form input[type="submit"]:hover {
	background-color:#fff;
	color:#0B2A6C;
	border:5px solid #0B2A6C;
}

.enquete_form input[type="reset"] {
	background-color:#838383;
	transition: all 0.3s;
	border:5px solid #838383;
}

.enquete_form input[type="reset"]:hover {
	background-color:#fff;
	color:#838383;
	border:5px solid #838383;
}

.inpcheck em {
	display: inline-block;
}

.vote_info {
	background:url("../special/img/vote-info.png") center top no-repeat;
	width:100%;
	padding-top:33%;
	background-size: cover;
	margin:0 auto 60px;
	border-radius: 10px;
	border:2px solid #B8B8B8;
}

.vote_wrap {
	width:100%;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	border-left:1px solid #A3A3A3;
	border-top:1px solid #A3A3A3;
	background-color:#fff;
}

.vbox {
	width:50%;
	background-color:#fff;
	box-sizing: border-box;
	padding:12px 8px;
	border-right:1px solid #A3A3A3;
	border-bottom:1px solid #A3A3A3;
}

.votebox {
	width:96%;
	margin:0 auto 36px;
	background-color:#F3F3F3;
	box-sizing: border-box;
	padding:3%;
}

.votebox p {
	text-align: left;
}