@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:600px; height:400px; margin:auto; padding:20px; text-align:center; }
.modal_wrap {width:600px;
height:500px;
box-shadow:0 0 10px rgba(0,0,0,0.4);
background:url(../img/check_normal.jpg) center top no-repeat;
background-color:#FFF;
background-size:100%;
position:relative;}
.modal a.box {width:180px;height:60px;display:table-cell; vertical-align:middle; border-radius:8px; 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:180px;height:60px;position:absolute; bottom:65px; left:50%; margin-left:-200px;}
.b_right {width:180px;height:60px;position:absolute; bottom:65px; left:50%; margin-left:20px;}
.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: 1000px;
	min-height: 100vh;
	font-size: 1.0rem;
	overflow-x: hidden;
}

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

@media screen and (max-width: 1000px) {
   /* 表示領域が320px以下の場合に適用するスタイル */
	#PageWrapper{overflow:hidden;}
}

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

#Menu {
	width:100%;
	height:80px;
	position: fixed;
	display: block;
	background:url("../img/menu_bg.png") left top repeat;
	top:0;
	left:0;
	z-index:500;
}

header {
	background:url("../img/head_title.png") center top no-repeat;
	width:400px;
	height:20px;
	margin:0 auto;
	display: block;
}

.menu_group {
	width:1000px;
	height:60px;
	margin:0 auto;
}

.menu_group ul {
	display: flex;
}

.menu_group ul li {
	display: block;
	height:60px;
	position: relative;
}

.menu_group ul li:after {
	content: "";
	display: block;
	width:70px;
	height:16px;
	position: absolute;
	left:50%;
	margin-left:-35px;
	bottom:-10px;
	background:url("../img/menew.png") left top no-repeat;
	opacity: 0;
	z-index:100;
}

/*.menu_group ul li.menu01:after {opacity: 1}*/
/*.menu_group ul li.menu02:after {opacity: 1}*/
/*.menu_group ul li.menu03:after {opacity: 1}*/
/*.menu_group ul li.menu04:after {opacity: 1}*/
/*.menu_group ul li.menu05:after {opacity: 1}*/
.menu_group ul li.menu06:after {opacity: 1}
/*.menu_group ul li.menu07:after {opacity: 1}*/
/*.menu_group ul li.menu08:after {opacity: 1}*/
/*.menu_group ul li.menu09:after {opacity: 1}*/

.menu_group ul li a {
	display: block;
	height:60px;
	position: relative;
}

.menu_group ul li em {
	display: block;
	height:60px;
	position: relative;
}

.menu_group ul li a:before {
	content: "";
	display: block;
	width:calc(100% - 1px);
	height:60px;
	position: absolute;
	left:0;
	top:0;
	z-index: 20;
	background:url("../img/menu_o.png") right bottom 3px no-repeat;
	opacity: 0;
	transition: all 0.3s;
}

.menu_group ul li a:hover:before {
	opacity: 1;
}

.menu_group ul li a:after {
	content: "";
	display: block;
	height:60px;
	position: absolute;
	left:0;
	top:0;
	z-index: 50;
}

.menu_group ul li.menu01 a {width:112px;}
.menu_group ul li.menu02 a {width:111px;}
.menu_group ul li.menu03 a {width:111px;}
.menu_group ul li.menu04 a {width:111px;}
.menu_group ul li.menu05 a {width:111px;}
.menu_group ul li.menu06 a {width:110px;}
.menu_group ul li.menu07 a {width:112px;}
.menu_group ul li.menu08 a {width:110px;}
.menu_group ul li.menu09 a {width:112px;}

.menu_group ul li.menu01 a:after {background:url("../img/menu_01.png") left top no-repeat;width:112px;}
.menu_group ul li.menu02 a:after {background:url("../img/menu_02.png") left top no-repeat;width:111px;}
.menu_group ul li.menu03 a:after {background:url("../img/menu_03.png") left top no-repeat;width:111px;}
.menu_group ul li.menu04 a:after {background:url("../img/menu_04.png") left top no-repeat;width:111px;}
.menu_group ul li.menu05 a:after {background:url("../img/menu_05.png") left top no-repeat;width:111px;}
.menu_group ul li.menu06 a:after {background:url("../img/menu_06.png") left top no-repeat;width:110px;}
.menu_group ul li.menu07 a:after {background:url("../img/menu_07.png") left top no-repeat;width:112px;}
.menu_group ul li.menu08 a:after {background:url("../img/menu_08.png") left top no-repeat;width:110px;}
.menu_group ul li.menu09 a:after {background:url("../img/menu_09.png") left top no-repeat;width:112px;}

#Mainvisual {
	width:100%;
	height:1100px;
	background-size:cover;
	position: relative;
	overflow: hidden;
}

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

.chara_elin {
	background:url("../img/main_elin.png") left top no-repeat;
	width:1200px;
	height:1100px;
	position: absolute;
	top:0px;
	left:50%;
	margin-left:-490px;
	z-index:10;
	opacity: 0;
	animation: 0.5s fadeIn forwards;
	animation-delay: 0.5s;
}

.chara_crone {
	background:url("../img/main_crone.png") left top no-repeat;
	width:1123px;
	height:978px;
	position: absolute;
	top:55px;
	right:50%;
	margin-right:-130px;
	z-index:20;
	opacity: 0;
	animation: 0.5s fadeIn forwards;
	animation-delay: 1s;
}

.chara_noa {
	background:url("../img/main_noa.png") left top no-repeat;
	width:792px;
	height:935px;
	position: absolute;
	top:147px;
	left:50%;
	margin-left:-345px;
	z-index:30;
	opacity: 0;
	animation: 0.5s fadeIn forwards;
	animation-delay: 1.5s;
}

.catch {
	background:url("../img/catch.png") left top no-repeat;
	width:100px;
	height:514px;
	position: absolute;
	right:50%;
	margin-right:-600px;
	top:90px;
	z-index:40;
	opacity: 0;
	animation: 0.3s fadeIn forwards;
	animation-delay: 2.5s;
}

.logo_days {
	background:url("../img/logo_days.png") left top no-repeat;
	width:784px;
	height:550px;
	position: absolute;
	z-index:50;
	left:50%;
	margin-left:-392px;
	bottom:125px;
	opacity: 0;
	animation: 0.3s fadeIn forwards;
	animation-delay: 2s;
}

.badge {
	background:url("../img/badge_bg.png") left top no-repeat;
	width:252px;
	height:250px;
	position: absolute;
	top:720px;
	left:50%;
	margin-left:-620px;
	z-index:80;
	opacity: 0;
	animation: 0.3s fadeIn forwards;
	animation-delay: 2s;
}

.badge a {
	background:url("../img/badge.png") left top no-repeat;
	width:252px;
	height:250px;
	display: block;
	transition: all 0.3s;
}

.badge a:hover {
	opacity: 0.6;
}

.badge2 {
	background:url("../img/badge2_bg.png") left top no-repeat;
	width:252px;
	height:250px;
	position: absolute;
	top:720px;
	right:50%;
	margin-right:-620px;
	z-index:80;
	opacity: 0;
	animation: 0.3s fadeIn forwards;
	animation-delay: 2s;
}

.badge2 a {
	background:url("../img/badge2.png") left top no-repeat;
	width:252px;
	height:250px;
	display: block;
	transition: all 0.3s;
}

.badge2 a:hover {
	opacity: 0.6;
}

.countdown {
	width:250px;
	height:350px;
	position: absolute;
	top:610px;
	right:50%;
	margin-right:-620px;
	z-index:80;
	opacity: 0;
	animation: 0.3s fadeIn forwards;
	animation-delay: 2s;
}

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

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

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

#Log:before {
	content: "";
	display: block;
	background:url("../img/log_left.png") right bottom no-repeat;
	width:400px;
	height:350px;
	position: absolute;
	left:0;
	top:0;
	z-index:5;
}

#Log:after {
	content: "";
	display: block;
	background:url("../img/log_right.png") left top no-repeat;
	width:400px;
	height:350px;
	position: absolute;
	right:0;
	bottom:0;
	z-index:5;
}

.log_center {
	width:1000px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index:20;
}

.news_box {
	background:url("../img/news_bg.png") left top no-repeat;
	width:480px;
	height:336px;
	padding-top:64px;
}

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

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

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

.logtxt dl {
	display: flex;
	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;
}

.tweet_box {
	background:url("../img/tweet_bg.png") left top no-repeat;
	width:480px;
	height:336px;
	padding-top:64px;
	position: relative;
}

.twitter_bt {
	background:url("../img/follow_bt.png") left top no-repeat;
	width:166px;
	height:34px;
	background-size:contain;
	border-radius: 17px;
	overflow: hidden;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	position: absolute;
	right:20px;
	top:21px;
}

.twitter_bt a {
	background:url("../img/follow_bt_o.png") left top no-repeat;
	width:166px;
	height:34px;
	display: block;
	transition: all 0.3s;
	opacity: 0;
}

.twitter_bt a:hover {
	opacity: 1;
}

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

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

.topics_head {
	background:url("../img/topics_head.png") left top no-repeat;
	width:355px;
	height:34px;
	margin:0 auto 48px;
	text-indent: -9999px;
	overflow: hidden;
}

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

.topics_group ul {
	width:1000px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.topics_group ul li {
	width:470px;
	height:180px;
	border:5px solid #3a2d25;
	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:68px;
	height:68px;
	display: block;
	position: absolute;
	left:10px;
	top:-39px;
}

.topics_group ul li:nth-last-child(-n+2) {
	margin-bottom:0!important;
}

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

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

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

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

.more {
	background:url("../img/more.png") center 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 {
	background:url("../img/more_o.png") left top no-repeat;
	width:266px;
	height:42px;
	display: block;
	opacity: 0;
	transition: all 0.3s;
}

.more a:hover {
	opacity: 1;
}

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

.outline_group {
	width:901px;
	margin:0 auto;
	display: flex;
}

.outline_box {
	width:450px;
	border-right:1px solid #4a3616;
	position: relative;
}

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

.outline_txt {
	background:url("../img/in_outline_txt.png") center top no-repeat;
	background-size:contain;
	width:100%;
	height:367px;
}

.spec_box {
	width:450px;
	position: relative;
}

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

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

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 {
	color:#fff;
	font-size:1.4rem;
	margin-bottom:40px;
}

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

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

.minato6th {
	background:url("../img/foot_6th.png") left top no-repeat;
	background-size:contain;
	width:312px;
	height:19px;
	margin:0 auto 20px;
}

.foot_logo {
	background:url("../img/foot_logo.png") left top no-repeat;
	background-size:contain;
	width:402px;
	height:100px;
	margin:0 auto 40px;
}

.share {
	background:url("../img/foot_share.png") left top no-repeat;
	background-size:contain;
	width:74px;
	height:14px;
	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;
}

.share_group ul li a:hover {
	opacity: 1;
}

.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;}

.sns_01 a {background:url("../img/foot_tweet_o.png") left top no-repeat; background-size:contain;}
.sns_02 a {background:url("../img/foot_fb_o.png") left top no-repeat; background-size:contain;}
.sns_03 a {background:url("../img/foot_line_o.png") left top no-repeat; background-size:contain;}

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

/*サブページ*/

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

h3 {
	width:477px;
	height:74px;
	margin:0 auto 72px;
	text-indent: -9999px;
	overflow: hidden;
}

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

h4 {
	width:798px;
	height:97px;
	margin:0 auto 40px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

h4.heroine {background:url("../img/chara/head_heroine.png") left top no-repeat;}
h4.charalist {background:url("../img/chara/head_chara.png") left top no-repeat;}

/*キャラクター*/

ul.charawrap {
	width:1000px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin:0 auto 100px;
}

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

ul.charawrap li.none {
	width:160px;
	background:transparent;
}

ul.wrap_heroine li a {
	width:328px;
	height:600px;
	display: block;
}

ul.wrap_charalist li a {
	width:160px;
	height:320px;
	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/c01.jpg") left top no-repeat;}
.c02 a {background:url("../img/chara/select/c02.jpg") left top no-repeat;}
.c03 a {background:url("../img/chara/select/c03.jpg") left top no-repeat;}

.c04 a {background:url("../img/chara/select/c04.jpg") left top no-repeat;}
.c05 a {background:url("../img/chara/select/c05.jpg") left top no-repeat;}
.c06 a {background:url("../img/chara/select/c06.jpg") left top no-repeat;}
.c07 a {background:url("../img/chara/select/c07.jpg") left top no-repeat;}
.c08 a {background:url("../img/chara/select/c08.jpg") left top no-repeat;}
.c09 a {background:url("../img/chara/select/c09.jpg") left top no-repeat;}
.c10 a {background:url("../img/chara/select/c10.jpg") left top no-repeat;}
.c11 a {background:url("../img/chara/select/c11.jpg") left top no-repeat;}
.c12 a {background:url("../img/chara/select/c12.jpg") left top no-repeat;}
.c13 a {background:url("../img/chara/select/c13.jpg") left top no-repeat;}
.c14 a {background:url("../img/chara/select/c14.jpg") left top no-repeat;}
.c15 a {background:url("../img/chara/select/c15.jpg") left top no-repeat;}
.c16 a {background:url("../img/chara/select/c16.jpg") left top no-repeat;}
.c17 a {background:url("../img/chara/select/c17.jpg") left top no-repeat;}
.c18 a {background:url("../img/chara/select/c18.jpg") left top no-repeat;}
.c19 a {background:url("../img/chara/select/c19.jpg") left top no-repeat;}
.c20 a {background:url("../img/chara/select/c20.jpg") left top no-repeat;}
.c21 a {background:url("../img/chara/select/c21.jpg") left top no-repeat;}
.c22 a {background:url("../img/chara/select/c22.jpg") left top no-repeat;}
.c23 a {background:url("../img/chara/select/c23.jpg") left top no-repeat;}
.c24 a {background:url("../img/chara/select/c24.jpg") left top no-repeat;}
.c25 a {background:url("../img/chara/select/c25.jpg") left top no-repeat;}
.c26 a {background:url("../img/chara/select/c26.jpg") left top no-repeat;}
.c27 a {background:url("../img/chara/select/c27.jpg") left top no-repeat;}
.c28 a {background:url("../img/chara/select/c28.jpg") left top no-repeat;}
.c29 a {background:url("../img/chara/select/c29.jpg") left top no-repeat;}
.c30 a {background:url("../img/chara/select/c30.jpg") left top no-repeat;}
.c31 a {background:url("../img/chara/select/c31.jpg") left top no-repeat;}
.c32 a {background:url("../img/chara/select/c32.jpg") left top no-repeat;}
.c33 a {background:url("../img/chara/select/c33.jpg") left top no-repeat;}
.c34 a {background:url("../img/chara/select/c34.jpg") left top no-repeat;}
.c35 a {background:url("../img/chara/select/c35.jpg") left top no-repeat;}
.c36 a {background:url("../img/chara/select/c36.jpg") left top no-repeat;}
.c37 a {background:url("../img/chara/select/c37.jpg") left top no-repeat;}
.c38 a {background:url("../img/chara/select/c38.jpg") left top no-repeat;}
.c39 a {background:url("../img/chara/select/c39.jpg") left top no-repeat;}
.c40 a {background:url("../img/chara/select/c40.jpg") left top no-repeat;}
.c41 a {background:url("../img/chara/select/c41.jpg") left top no-repeat;}
.c42 a {background:url("../img/chara/select/c42.jpg") left top no-repeat;}
.c43 a {background:url("../img/chara/select/c43.jpg") left top no-repeat;}
.c44 a {background:url("../img/chara/select/c44.jpg") left top no-repeat;}
.c45 a {background:url("../img/chara/select/c45.jpg") left top no-repeat;}
.c46 a {background:url("../img/chara/select/c46.jpg") left top no-repeat;}
.c47 a {background:url("../img/chara/select/c47.jpg") left top no-repeat;}
.c48 a {background:url("../img/chara/select/c48.jpg") left top no-repeat;}
.c49 a {background:url("../img/chara/select/c49.jpg") left top no-repeat;}
.c50 a {background:url("../img/chara/select/c50.jpg") left top no-repeat;}

.add {
	background:url("../img/chara/select/add.png") left top no-repeat;
	width:439px;
	height:24px;
	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/ar_left.png") left top no-repeat;
	width:60px;
	height:60px;
	position: absolute;
	left:50%;
	margin-left:-530px;
	top:510px;
	z-index:50;
}

.c_right {
	background:url("../img/chara/ar_right.png") left top no-repeat;
	width:60px;
	height:60px;
	position: absolute;
	right:50%;
	margin-right:-530px;
	top:510px;
	z-index:50;
}

a.circle {
	width:60px;
	height:60px;
	border-radius: 30px;
	display: block;
	background-color:#fff;
	opacity: 0;
	transition: all 0.3s;
}

a:hover.circle {
	opacity: 0.4;
}

.chara_body {
	width:100%;
	height:1000px;
	background:url("../img/chara/chara_bg.jpg") center bottom 70px no-repeat;
	position: relative;
	margin-top:-72px;
	margin-bottom:32px;
}

.c_stand {
	width:100%;
	height:1000px;
	
	position: absolute;
	left:0;
	top:0;
}

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


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

.c_escudo .c_phrase {
	margin-right:340px!important;
}

.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:75px;}
p.li2 {margin-top:150px;}

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

.chara_status {
	width:600px;
	position: absolute;
	left:50%;
	margin-left:-500px;
	padding-top:115px;
}

.c_escudo .chara_status {
	width:500px!important;
	margin-left:-50px!important;
}

.c_name {
	display: block;
	text-align: left;
	height:75px;
	line-height:75px;
	font-size:5.4rem;
	font-family: 'Noto Serif JP', serif;
}

.c_escudo .c_name {
	margin-right:-50px;
	text-align: right!important;
}

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

.c_embrem {
	width:450px;
	height:129px;
	margin-top:32px;
	margin-left:50px;
}

.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:450px;
	height:64px;
	line-height: 64px;
	font-size:5rem;
	margin-left:50px;
	display: block;
	text-align: center;
	font-family: amador, sans-serif;
	font-weight: 400;
	font-style: normal;
	border-bottom:1px solid #472c09;
	margin-bottom:20px;
}

.spell_long {
	font-size:4.2rem!important;
}

.c_cv {
	width:450px;
	margin-left:50px;
	display: flex;
	justify-content: center;
	margin-bottom: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 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:450px;
	margin-left:50px;
	text-align: left;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	font-size:1.4rem;
	margin-bottom: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:450px;
	margin-left:50px;
	box-sizing: border-box;
	padding:12px;
	text-align: left;
	font-size:1.4rem;
	line-height: 1.6;
	background-color:rgba(245,244,241,0.8);
	color:#472c09;
}

.chara_select_mini {
	width:1000px;
	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 {
	width:100%;
	display: block;
	height:100px;
	transition: all 0.3s;
	opacity: 0;
	background-color:#fff;
}

.chara_select_mini ul li a:hover {
	opacity: 0.4;
}

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

/*プロダクト*/

h4.head_outline {background:url("../img/product/head_outline.png") left top no-repeat;}
h4.head_staff {background:url("../img/product/head_staff.png") left top no-repeat;}
h4.head_spec {background:url("../img/product/head_spec.png") left top no-repeat;}

.product_group {
	width:900px;
	margin:60px auto 120px;
	display: flex;
	flex-wrap: wrap;
}

.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:50%;
	text-align: center;
}

/*ワールド*/

h4.head_concept {background:url("../img/world/head_concept.png") left top no-repeat;}
h4.head_story {background:url("../img/world/head_story.png") left top no-repeat;}
h4.head_world {background:url("../img/world/head_world.png") left top no-repeat;}
h4.head_keyword {background:url("../img/world/head_keyword.png") left top no-repeat;}

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

.concept_txt {
	font-family: 'Noto Serif JP', serif;
	margin-bottom:36px;
	color:#1e264e;
}

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

.expe {
	font-size:2.5rem;
}

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

.chara_lough a {
	width:820px;
	height:643px;
	display: block;
	background-color:#fff;
	opacity: 0;
	transition: all 0.3s;
}

.chara_lough a:hover {
	opacity: 0.4;
}

.story_body {
	background:url("../img/world/story_body.png") left top no-repeat;
	width:875px;
	height:590px;
	margin:0 auto 120px;
}

.map {
	background:url("../img/world/map.jpg") left top no-repeat;
	width:820px;
	height:700px;
	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;
	margin-bottom:120px;
	color:#1e264e;
	font-size:2.5rem;
}

.keyword_wrap {
	width:1000px;
	margin:0 auto 120px;
}

.keyword_box dl {
	width:1000px;
	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:2rem;
	line-height: 1.8;
}

/*レポート*/

.report_select {
	width:1000px;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	margin:0 auto 24px;
	padding:50px 40px 40px 60px;
	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:1000px;
	background:url("../report/img/rep_bg.png") left top repeat;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	margin:0 auto 120px;
	box-sizing: border-box;
	padding:100px 50px 80px;
	position: relative;
}

.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:hover {
	text-decoration: underline;
}

.report_area:before {
	background:url("../report/img/rep_head.png") left top no-repeat;
	content: "";
	display: block;
	width:1000px;
	height:75px;
	position: absolute;
	left:0;
	top:0;
}

#Info .report_area:before {
	background:url("../special/img/info_head.png") left top no-repeat!important;
	content: "";
	display: block;
	width:1000px;
	height:75px;
	position: absolute;
	left:0;
	top:0;
}

.report_area:after {
	background:url("../report/img/rep_foot.png") left top no-repeat;
	content: "";
	display: block;
	width:1000px;
	height:75px;
	position: absolute;
	left:0;
	bottom:0px;
}

.imgbox {
	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 {
}

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

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

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

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

.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:70%;
	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 a {
	text-decoration: none;
	color:deepskyblue;
}

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

/*ギャラリー*/

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

.gallery_group ul {
	width:1000px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

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

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

.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:320px;
	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;
}

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

h4.sph_retweet_01 {background:url("../special/img/sph_retweet_01.png") left top no-repeat;}
h4.sph_retweet_02 {background:url("../special/img/sph_retweet_02.png") left top no-repeat;}
h4.sph_retweet_03 {background:url("../special/img/sph_retweet_03.png") left top no-repeat;}
h4.sph_retweet_04 {background:url("../special/img/sph_retweet_04.png") left top no-repeat;}
h4.sph_retweet_05 {background:url("../special/img/sph_retweet_05.png") left top no-repeat;}
h4.sph_retweet_06 {background:url("../special/img/sph_retweet_06.png") left top no-repeat;}
h4.sph_retweet_07 {background:url("../special/img/sph_retweet_07.png") left top no-repeat;}
h4.sph_retweet_08 {background:url("../special/img/sph_retweet_08.png") left top no-repeat;}
h4.sph_retweet_09 {background:url("../special/img/sph_retweet_09.png") left top no-repeat;}
h4.sph_retweet_10 {background:url("../special/img/sph_retweet_10.png") left top no-repeat;}
h4.sph_enquete {background:url("../special/img/sph_enquete.png") left top no-repeat;}
h4.sph_vote01 {background:url("../special/img/sph_vote01.png") left top no-repeat;}
h4.sph_wallpaper {background:url("../special/img/sph_download_wp.png") left top no-repeat;}

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

.retweet02_body {
	background:url("../special/img/retweet_02.jpg") left top no-repeat;
	width:1000px;
	height:1180px;
	position: relative;
	margin:0 auto 36px;
}

.retweet03_body {
	background:url("../special/img/retweet_03.jpg") left top no-repeat;
	width:1000px;
	height:1180px;
	position: relative;
	margin:0 auto 36px;
}

.retweet04_body {
	background:url("../special/img/retweet_04.jpg") left top no-repeat;
	width:1000px;
	height:1180px;
	position: relative;
	margin:0 auto 36px;
}

.retweet05_body {
	background:url("../special/img/retweet_05.jpg") left top no-repeat;
	width:1000px;
	height:1180px;
	position: relative;
	margin:0 auto 36px;
}

.retweet06_body {
	background:url("../special/img/retweet_06.jpg") left top no-repeat;
	width:1000px;
	height:1180px;
	position: relative;
	margin:0 auto 36px;
}

.retweet07_body {
	background:url("../special/img/retweet_07.jpg") left top no-repeat;
	width:1000px;
	height:1180px;
	position: relative;
	margin:0 auto 36px;
}

.retweet08_body {
	background:url("../special/img/retweet_08.jpg") left top no-repeat;
	width:1000px;
	height:1180px;
	position: relative;
	margin:0 auto 36px;
}

.retweet09_body {
	background:url("../special/img/retweet_09.jpg") left top no-repeat;
	width:1000px;
	height:1180px;
	position: relative;
	margin:0 auto 36px;
}

.retweet10_body {
	background:url("../special/img/retweet_10.jpg") left top no-repeat;
	width:1000px;
	height:1180px;
	position: relative;
	margin:0 auto 36px;
}


.retweet_txt {
	
}

.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 {
	font-size:1.4rem;
	color:#717171;
	text-align: left;
	display: inline-block;
	margin:36px 0 80px;
}

/*特典情報*/

h4.sph_early {background:url("../special/bonus/sph_early.png") left top no-repeat;}
h4.sph_preorder {background:url("../special/bonus/sph_preorder.png") left top no-repeat;}
h4.sph_firstlot {background:url("../special/bonus/sph_firstlot.png") left top no-repeat;}
h4.sph_shopbonus {background:url("../special/bonus/sph_shopbonus.png") left top no-repeat;}
h4.sph_original {background:url("../special/bonus/sph_original.png") left top no-repeat;}

.early_body {
	background:url("../special/bonus/bonus_early.jpg") left top no-repeat;
	margin:0 auto 32px;
	position: relative;
	width:1000px;
	height:1200px;
}

.preorder_body {
	background:url("../special/bonus/bonus_preorder.jpg") left top no-repeat;
	margin:0 auto 120px;
	position: relative;
	width:1000px;
	height:500px;
}

.preorder_list {
	width:800px;
	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:1000px;
	height:500px;
}

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

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

.sh_wrap {
	width:960px;
	display: flex;
	box-sizing: border-box;
	padding:20px 50px;
	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 {
	background:url("../special/bonus/badge_4th.png") left top no-repeat;
	width:86px;
	height:132px;
	position: absolute;
	right:70px;
	top:13px;
	z-index:80;
	text-indent: -9999px;
	overflow: hidden;
}

.badge_5th {
	background:url("../special/bonus/badge_5th.png") left top no-repeat;
	width:86px;
	height:132px;
	position: absolute;
	right:70px;
	top:13px;
	z-index:80;
	text-indent: -9999px;
	overflow: hidden;
}

.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:48%;
	text-align: left;
}

.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:48%;
	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:354px;
	height:510px;
	border:5px solid #fff;
	background-color:rgba(176,176,176,1.00);
	margin:0 auto 12px;
}

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

.sh_plus {
	display: block;
	width:412px;
	background:#eeeeee;
	position: absolute;
	left:50px;
	bottom:140px;
	padding:24px;
	box-sizing: border-box;
}

.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_link {
	width:100%;
	display: block;
}

.sh_link2 {
	width:300px;
	display: block;
	position: absolute;
	left:50px;
	bottom:44px;
}

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);
	transition: all 0.3s;
}

a:hover.shoplink {
	background-color:#ffffff;
	color:#1e264e;
}

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

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

.original_body {
	background:url("../special/bonus/comingsoon.png") center top no-repeat;
	width:600px;
	height:600px;
	margin:0 auto;
}

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

.oribox {
	width:330px;
	display: flex;
	box-sizing: border-box;
	border:10px 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:hover {
	background-color:#ffffff;
	color:#1e264e;
}

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

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

/*  キャンペーン*/

h4.sph_campaign01 {background:url("../special/img/sph_campaign01.png") left top no-repeat;}
h4.sph_campaign02 {background:url("../special/img/sph_campaign02.png") left top no-repeat;}

.campaign01 {
	background:url("../special/img/campaign01.jpg") left top no-repeat;
	width:1000px;
	height:1500px;
	position: relative;
	margin:0 auto 120px;
}

.campaign02 {
	background:url("../special/img/campaign02.jpg") left top no-repeat;
	width:1000px;
	height:1500px;
	position: relative;
	margin:0 auto 120px;
}

.campaign03 {
	background:url("../special/img/campaign03.jpg") left top no-repeat;
	width:1000px;
	height:1500px;
	position: relative;
	margin:0 auto 120px;
}

.campaign04 {
	background:url("../special/img/campaign04.jpg") left top no-repeat;
	width:1000px;
	height:1500px;
	position: relative;
	margin:0 auto 120px;
}

.c_red {
	color:red;
}

/*  体験版*/

h4.sph_trial {background:url("../special/img/sph_trial.png") left top no-repeat;}
h4.sph_trial2 {background:url("../special/img/sph_trial2.png") left top no-repeat;}

.trial_img {
	width:1000px;
	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:980px;
	height:520px;
}

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

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

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

.mirror_list {
	width:1000px;
	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:20%;
	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:1000px;
	margin:0 auto 72px;
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.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:50%;
	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:50%;
	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;
}

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

h4.sph_trial_play {background:url("../special/img/sph_trial_play.png") left top no-repeat;}

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

h4.sph_trial_play2 {background:url("../special/img/sph_trial_play2.png") left top no-repeat;}

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

/*ムービー*/

h4.sph_opmovie {background:url("../special/img/sph_opmovie.png") left top no-repeat;}

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

.enki_link a {
	width:900px;
	height:115px;
	display: block;
	transition: all 0.3s;
	background:url("../topics/tp10_long.jpg") left top no-repeat;
}

.enki_link a:hover {
	opacity: 0.6;
}

.enkibox {
	background:url("../special/enki.png") left top no-repeat;
	width:800px;
	height:800px;
	margin:0 auto;
}

.nervion {
	background:url("../special/nervion.png") left top no-repeat;
	width:800px;
	height:610px;
	margin:0 auto;
}

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

h4.sph_banner {background:url("../special/img/sph_banner.png") left top no-repeat;}

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

.bwrap {
	margin-bottom:120px;
}

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

ul.b_icon {
	width:950px;
	margin:0 auto;
}

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

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

ul.b_header {
	width:950px;
	margin:0 auto;
}

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

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

ul.b_250 {
	width:900px;
	margin:0 auto;
}

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

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:600px;
	margin:0 auto;
}

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

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:500px;
	margin:0 auto;
}

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

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:80%;
	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:800px;
}

.enquete_form table {
	width:800px;
	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;
}

.off {display:none;}

.inpcheck em {
	display: inline-block;
}

.vote_info {
	background:url("../special/img/vote-info.png") center top no-repeat;
	width:900px;
	height:300px;
	margin:0 auto 60px;
	border-radius: 10px;
	border:2px solid #B8B8B8;
}

.vote_wrap {
	width:800px;
	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:20%;
	background-color:#fff;
	box-sizing: border-box;
	padding:12px 8px;
	border-right:1px solid #A3A3A3;
	border-bottom:1px solid #A3A3A3;
}

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

.votebox p {
	text-align: left;
}