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


/* clearfix */

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

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

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

.cr {margin:0 auto;}

/* 点滅 */
.blinking{
    animation:blink 1s infinite alternate;
}

@keyframes blink{
  0% {opacity:0;}
100% {opacity:1;}
}

/* NotoSans読込 */

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


/* FireFoxFadeブレ防止 */

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

/* ----------------------------------　INVIEW　---------------------------------- */

.inv {opacity: 0; transition:0.7s;}
.vie {opacity: 1.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:400px;
border-radius:10px;
border:3px solid #3765b0;
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;}
a.box span {font-size:1.4rem;}
.b_left {width:180px;height:60px;position:absolute; bottom:75px; left:50%; margin-left:-200px;}
.b_right {width:180px;height:60px;position:absolute; bottom:75px; left:50%; margin-left:20px;}
.b_left a {color:#fff;background-color:#3765b0; text-decoration:none;}
.b_right a {color:#fff;background-color:#a3a3a3; text-decoration:none;}
.b_left a:hover {background-color:#ef7b0e;}
.b_right a:hover {background-color:#cacaca;}
.modal a { cursor:pointer; }

/*.modal { position:fixed; display:none; z-index:9999; top:0; left:0; right:0;bottom:0; width:806px; height:680px; margin:auto; padding:20px; text-align:center; }
.modal_wrap {width:806px;
height:680px;
background:url(../img/check3.png) center top no-repeat;

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;}
a.box span {font-size:1.4rem;}
.b_left {width:180px;height:60px;position:absolute; bottom:45px; left:50%; margin-left:-200px;}
.b_right {width:180px;height:60px;position:absolute; bottom:45px; left:50%; margin-left:20px;}
.b_left a {color:#fff;background-color:#2b2bc3; text-decoration:none;}
.b_right a {color:#fff;background-color:#a3a3a3; text-decoration:none;}
.b_left a:hover {background-color:#0ECFEF;}
.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/grandbg_star.png) left top repeat;
}

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

header {
	width:100%;
	padding-top:10px;
	height:70px;
	position: fixed;
	top:0;
	left:0;
	z-index:500;
	background:url(../img/header_bg.png) left top repeat;
}

header:before {
	content: "";
	z-index:501;
	width:100%;
	height:10px;
	display: block;
	position: absolute;
	left:0;
	top:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8aeb16+0,e7ffb2+51,8aeb16+100 */
	background: #8aeb16; /* Old browsers */
	background: -moz-linear-gradient(left,  #3962ad 0%, #99defc 51%, #3962ad 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #3962ad 0%, #99defc 51%, #3962ad 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #3962ad 0%, #99defc 51%, #3962ad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3962ad', endColorstr='#3962ad',GradientType=1 ); /* IE6-9 */
}

#Head {
	width:1000px;
	height:70px;
	margin:0 auto;
	position: relative;
}

#Logo {
	width:218px;
	height:70px;
	text-indent: -9999px;
	overflow: hidden;
	float:left;
}

#Logo a {
	display: block;
	width:218px;
	height:70px;
	background:url("../img/menu_logo.png") center center no-repeat;
	background-size:contain;
	transition: all 0.3s;
}

#Logo a:hover {
	opacity: 0.5;
}

#Menu {
	width:550px;
	float:left;
}

#Menu ul li {
	float:left;
}

#Menu ul li a {
	display: block;
	position: relative;
}

#Menu ul li a:after {
	content: "";
	display: none;
	width:50px;
	height:12px;
	background:url(../img/menew.jpg) left top no-repeat;
	position: absolute;
	bottom:53px;
	z-index:500;
}

/*#Menu ul li a.menu01:after {display: block;left:14px}*/
/*#Menu ul li a.menu02:after {display: block;left:15px}*/
/*#Menu ul li a.menu03:after {display:block;left:11px}*/
/*#Menu ul li a.menu04:after {display: block;left:12px}*/
/*#Menu ul li a.menu05:after {display: block;left:11px}/*
/*#Menu ul li a.menu06:after {display: block;left:12px}*/

#Icon {
	padding-top:11px;
	float:right;
}

#Icon ul li {
	float:left;
}

#Icon ul li a img {
	transition: all 0.3s;
}

#Icon ul li a:hover img {
	opacity: 0.5;
}

#Mainvisual {
	width:100%;
	height:1500px;
	background:url(../img/mainvisual.png) center top no-repeat;
	position: relative;
}

#MV_logo {
	width:630px;
	height:149px;
	background:url(../img/main_logo.png) left top no-repeat;
	position: absolute;
	left:50%;
	margin-left:-500px;
	top:630px;
}

.reserve {
	position: absolute;
	left:50%;
	margin-left:-335px;
	top:766px;
	width:300px;
	height:48px;
	border-radius:24px;
	overflow: hidden;
	background-color:#fff;
	box-shadow:0 0 5px rgba(255,0,47,0.5);
}

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

.reserve a:hover img {
	opacity: 0.6;
}

#MV_foot {
	width:100%;
	height:219px;
	background:url(../img/mainvisual_foot.png) center top no-repeat;
	z-index:150;
	position: absolute;
	top:860px;
	left:0;
}

#MV_phrase {
	width:440px;
	height:185px;
	z-index:150;
	position: absolute;
	right:50%;
	margin-right: 80px;
	top:380px;
}

#MV_phrase a {
	width:440px;
	height:185px;
	position: relative;
	display: block;
}

#MV_phrase a img {
	opacity: 1;
	transition: all 0.3s;
}

#MV_phrase a:hover img {
	opacity: 0.7;
	transition: all 0.3s;
}

#MV_mbt {
	width:200px;
	height:200px;
	z-index:150;
	position: absolute;
	right:50%;
	margin-right: -500px;
	top:700px;
}

#MV_mbt a {
	width:200px;
	height:200px;
	position: relative;
	display: block;
}

#MV_mbt a img {
	opacity: 1;
	transition: all 0.3s;
}

#MV_mbt a:hover img {
	opacity: 0.7;
	transition: all 0.3s;
}

#MV_mbt2 {
	width:420px;
	height:231px;
	z-index:150;
	position: absolute;
	right:50%;
	margin-right: 120px;
	top:120px;
}

#MV_mbt2 a {
	width:200px;
	height:200px;
	position: relative;
	display: block;
}

#MV_mbt2 a img {
	opacity: 1;
	transition: all 0.3s;
}

#MV_mbt2 a:hover img {
	opacity: 0.7;
	transition: all 0.3s;
}

.index_movie {
	width:310px;
	height:174px;
	position: absolute;
	left:50%;
	margin-left:-423px;
	top:36px;
}

#Contents {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background:url(../img/body_bg.png) left top repeat;
	padding-bottom:160px;
	position: relative;
	z-index:100;
	box-shadow:0 0 10px rgba(6,21,145,0.40);
}

#Contents2 {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background:url(../img/body_bg.png) left top repeat;
	padding-bottom:10px;
	position: relative;
	z-index:100;
	box-shadow:0 0 10px rgba(6,21,145,0.40);
}



Body#Index #Contents {
	margin-top:-400px;
}

#Topics {
	padding-top:24px;
}

#Topics ul {
	width:890px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#Topics ul.short li {
	width:430px;
	height:110px;
	background-color:#fff;
	box-shadow:0 0 10px rgba(6,75,145,0.4);
	margin-bottom:24px;
	position: relative;
}

#Topics ul.long {
	margin-bottom:40px;
}

#Topics ul.long li {
	width:890px;
	height:110px;
	background-color:#fff;
	box-shadow:0 0 10px rgba(6,75,145,0.4);
	margin-bottom:24px;
	position: relative;
}

#Topics ul li a img {
	transition: all 0.3s;
}

#Topics ul li a:hover img {
	opacity: 0.7;
}

#Topics ul li.new:after {
	background:url(../topics/new.png) left top no-repeat;
	content:"";
	width:68px;
	height:66px;
	position: absolute;
	right:-10px;
	top:-20px;
	animation:blink 1s infinite alternate;
}

#Index_contents {
	padding:0 40px;
	margin-bottom:60px;
}

.backlog {
	background:url(../img/update_bg.png) left top no-repeat;
	width:440px;
	height:360px;
	float:left;
	margin-right:40px;
	margin-bottom:24px;
	position: relative;
}

.magazine {
	background:url(../img/media_bg.png) left top no-repeat;
	width:440px;
	height:360px;
	float:left;
	position: relative;
}

.logarea {
	width:300px;
	height:260px;
	position: absolute;
	left:36px;
	top:72px;
	text-align: left;
	color:#959595;
}

.logarea dl dt {
	width:300px;
	border-bottom:1px solid #e0e0e0;
	font-size:1.6rem;
	font-weight: bold;
	margin-bottom:6px;
}

.logarea dl dd {
	width:300px;
	font-size:1.4rem;
	margin-bottom:18px;
}

.logarea dl dd strong {
	color:#E9004F;
}

.logarea dl dd a {
	color:#409ED9;
	text-decoration: none;
}

.logarea dl dd a:hover {
	color:#0080D1;
	text-decoration: underline;
}

.backlog>.more {
	position: absolute;
	right:0;
	bottom:0;
}

.pubarea {
	width:300px;
	height:240px;
	position: absolute;
	left:36px;
	top:72px;
	text-align: left;
	color:#959595;
}

.pubarea blockquote {
	width:300px;
	font-size:1.4rem;
	margin-bottom:18px;
}

.pubarea blockquote strong {
	color:#b772d9;
	font-weight: bold;
}

.magazine>.more {
	position: absolute;
	right:0;
	bottom:0;
}

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

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

.magazine_link {
	margin-right:-1px;
	position: absolute;
	bottom:0;
	left:0;
}

.magazine_link a {
	width:146px;
	height:40px;
	line-height: 40px;
	color:#fff;
	background-color:#ffcd1e;
	float:left;
	margin-right:1px;
	text-decoration: none;
	font-size:1.3rem;
	font-weight: bold;
	transition: all 0.3s;
}

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

.logpage {
	padding-top:36px;
}

.lp_backlog {
	background-color:rgba(255,255,255,0.75);
	width:402px;
	padding-top:72px;
	padding-left:36px;
	float:left;
	margin-right:40px;
	position: relative;
	border:1px solid #3939b8;
}

.lp_backlog:after {
	content: "";
	background:url(../img/update_bg2.png) left top no-repeat;
	width:440px;
	height:72px;
	position: absolute;
	top:0;
	left:0;
}

.lp_logarea {
	width:300px;
	text-align: left;
	color:#959595;
}

.lp_logarea dl dt {
	width:300px;
	border-bottom:1px solid #e0e0e0;
	font-size:1.6rem;
	font-weight: bold;
	margin-bottom:6px;
}

.lp_logarea dl dd {
	width:300px;
	font-size:1.4rem;
	margin-bottom:18px;
}

.lp_logarea dl dd strong {
	color:#5ab431;
}

.lp_logarea dl dd a {
	color:#409ED9;
	text-decoration: none;
}

.lp_logarea dl dd a:hover {
	color:#0080D1;
	text-decoration: underline;
}


.lp_magazine {
	background-color:rgba(255,255,255,0.75);
	width:402px;
	padding-top:72px;
	padding-left:36px;
	float:left;
	position: relative;
	border:1px solid #0ca2b5;
}

.lp_magazine:after {
	content: "";
	background:url(../img/media_bg2.png) left top no-repeat;
	width:440px;
	height:72px;
	position: absolute;
	top:0;
	left:0;
}

.lp_pubarea {
	width:300px;
	text-align: left;
	color:#959595;
}

.lp_pubarea blockquote {
	width:300px;
	font-size:1.4rem;
	margin-bottom:18px;
}

.lp_pubarea blockquote strong {
	color:#b772d9;
	font-weight: bold;
}

.shortcut {
	width:920px;
	height:260px;
	background:url(../img/shortcut.jpg) center top no-repeat;
	float:left;
	box-shadow:0 0 3px rgba(0,0,0,0.2) inset;
	margin:24px auto 48px;
	position: relative;
}

.sc_left {
	width:420px;
	height:100px;
	position: absolute;
	left:25px;
	bottom:35px;
	display: inline-flex;
	justify-content:space-between;
	align-items:flex-end;
}

.sc_left a {
	width:100%;
	margin:0 10px;
	display: block;
	border:1px solid #2b2bc3;
	color:#FFFFFF;
	background-color:#2b2bc3;
	text-align: center;
	text-decoration: none;
	font-size:1.5rem;
	font-weight: bold;
	line-height: 28px;
	border-radius: 16px;
	transition: all 0.3s;
}

.sc_left em {
	width:100%;
	margin:0 10px;
	display: block;
	border:1px solid #2b2bc3;
	color:#FFFFFF;
	background-color:#7CA3FF;
	text-align: center;
	text-decoration: none;
	font-size:1.4rem;
	line-height: 28px;
	border-radius: 16px;
	transition: all 0.3s;
}

.sc_left a:hover {
	background:#7CA3FF;
	color:#fff;
}

.sc_right {
	width:420px;
	height:100px;
	position: absolute;
	right:25px;
	bottom:35px;
	display: inline-flex;
	justify-content:space-between;
	align-items:flex-end;
}

.sc_right a {
	width:100%;
	margin:0 10px;
	display: block;
	border:1px solid #2b2bc3;
	color:#FFFFFF;
	background-color:#2b2bc3;
	text-align: center;
	text-decoration: none;
	font-size:1.5rem;
	font-weight: bold;
	line-height: 28px;
	border-radius: 16px;
	transition: all 0.3s;
}

.sc_right em {
	width:100%;
	margin:0 10px;
	display: block;
	border:1px solid #2b2bc3;
	color:#FFFFFF;
	background-color:#7CA3FF;
	text-align: center;
	text-decoration: none;
	font-size:1.4rem;
	line-height: 28px;
	border-radius: 16px;
	transition: all 0.3s;
}

.sc_right a:hover {
	background:#7CA3FF;
	color:#fff;
}

.serieslink {
	width:920px;
	height:80px;
	padding-top:70px;
	background:url(../img/series_bg.png) center top no-repeat;
	float:left;
	box-shadow:0 0 3px rgba(0,0,0,0.2) inset;
}

.serieslink ul {
	padding-left:20px;
	margin-right:-20px;
}

.serieslink ul li {
	width:280px;
	margin-right:20px;
	float:left;
	background-color:#fff;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}

.serieslink ul li a {
	width:280px;
	height:60px;
	display: block;
	background-color:#000;
	transition: all 0.3s;
}

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

#C_sds {
	background:url(../img/foot_sds.png) center top no-repeat;
	width:1000px;
	height:194px;
}

footer {
	width:100%;
	min-width:1000px;
	height:136px;
	padding-top:24px;
	background:url(../img/foot_bg.png) left top repeat;
	position: absolute;
	bottom: 0;
	*left:-1px;
	z-index:400;
}

#top_b {
    position:fixed;
    width:184px;
    height:161px;
    bottom:20px;
    right:-184px;
    transition:right 0.3s ease;
    -moz-transition:right 0.3s ease;
    -webkit-transition:right 0.3s ease;
    z-index:10000;
}

#top_b a {
	width:184px;
    height:161px;
	display: block;
	position: relative;
}

#top_b a img {
	opacity: 1;
	transition: all 0.3s;
}

#top_b a:hover img {
	margin-top:-10px;
}

.foot_logo {
	background:url(../img/mirai_logo.png) left top no-repeat;
	width:139px;
	height:81px;
	margin:0 auto 12px;
}

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



/* サブページ全体 */

.sub_headspace {
	width:100%;
	height:80px;
	display: block;
	background-color:#fff;
}

.sub_head {
	width:100%;
	height:120px;
	padding-bottom:36px;
}

.sub_head h3 {
	width:100%;
	height:120px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

.sub_head h3#Concept {background:url(../img/sub/head_concept.png) center top no-repeat;}
.sub_head h3#Character {background:url(../img/sub/head_character.png) center top no-repeat;}
.sub_head h3#Gallery {background:url(../img/sub/head_gallery.png) center top no-repeat;}
.sub_head h3#Movie {background:url(../img/sub/head_movie.png) center top no-repeat;}
.sub_head h3#Special {background:url(../img/sub/head_special.png) center top no-repeat;}
.sub_head h3#Spec {background:url(../img/sub/head_spec.png) center top no-repeat;}
.sub_head h3#Backlog {background:url(../img/sub/head_backlog.png) center top no-repeat;}

.comingsoon {
	background:url(../img/sub/comingsoon.png) left bottom no-repeat;
	padding-top:48px;
	width:470px;
	height:429px;
	margin:0 auto;
}

/* コンセプト */

#C_concept {
	background:url(../img/concept/concept_bg.png) center top no-repeat;
	width:1600px;
	padding-top:50px;
	height:1020px;
	margin-left:-300px;
}

.concept_head1 {
	background:url(../img/concept/concept_head1.png)left top no-repeat;
	width:604px;
	height:92px;
	text-indent: -9999px;
	overflow: hidden;
	margin-left:324px;
}

.concept_head2 {
	background:url(../img/concept/concept_head2.png)left top no-repeat;
	width:604px;
	height:92px;
	text-indent: -9999px;
	overflow: hidden;
	margin-left:24px;
	margin-bottom:48px;
}

#C_story {
	width:1200px;
	height:1080px;
	margin-left:-100px;
	position: relative;
	margin-bottom:100px;
}

.story_cg1 {
	background:url(../img/concept/story_cg1.jpg) left top no-repeat;
	width:800px;
	height:450px;
	position: absolute;
	left:50%;
	margin-left:-400px;
	top:0;
	z-index:20;
	box-shadow:0 0 10px rgba(105,136,255,1.00);
}

.story_cg2 {
	background:url(../img/concept/story_cg2.jpg) left top no-repeat;
	width:1200px;
	height:675px;
	position: absolute;
	left:0;
	bottom:0;
	z-index:10;
	box-shadow:0 0 10px rgba(105,255,206,1.00);
}

.story_txt {
	background:url(../img/concept/story_txt.png) left top no-repeat;
	width:660px;
	height:744px;
	position: absolute;
	top:310px;
	left:270px;
	z-index:40;
}

.concept_head3 {
	background:url(../img/concept/concept_head3.png)left top no-repeat;
	width:604px;
	height:92px;
	text-indent: -9999px;
	overflow: hidden;
	margin-left:24px;
	margin-bottom:48px;
}

.word_wrap {
	width:920px;
	margin:0 auto 100px;
}

.word_wrap ul {
	margin-right:-40px;
}

.word_wrap ul li {
	width:440px;
	height:300px;
	float:left;
	margin-right:40px;
	margin-bottom:40px;
}

/* キャラクター */

.chara_select {
	width:990px;
	margin:0 auto 48px;
}

.chara_select ul {
	display: flex;
	justify-content: space-around;
}

.chara_select ul li {
}

.chara_select ul li.c_s {
	margin-top:50px;
}

.chara_select ul li.c_m a {
	width:170px;
	height:170px;
	display: block;
	border-radius: 85px;
	box-shadow:0 10px 4px rgba(0,0,0,0.3);
	transition: all 0.3s;
}

.chara_select ul li.c_s a {
	width:120px;
	height:120px;
	display: block;
	border-radius: 60px;
	box-shadow:0 10px 4px rgba(0,0,0,0.3);
	transition: all 0.3s;
}

.chara_select ul li.c_s em {
	width:120px;
	height:120px;
	display: block;
	border-radius: 60px;
	box-shadow:0 10px 4px rgba(0,0,0,0.3);
	transition: all 0.3s;
}

.chara_select ul li a img {
	position: relative;
	top:0px;
	transition: all 0.3s;
}

.chara_select ul li a:hover img {
	top:10px;
}


.chara_block {
	width:1000px;
	height:1110px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:60px;
	position: relative;
	z-index:100;
	box-shadow:0 0 10px rgba(11,6,145,0.40);
}

.charabg {
	width:1000px;
	height:1050px;
	position: absolute;
	top:0;
	left:0;
}

.charavoice_wrap {
	width:1000px;
	height:60px;
	position: absolute;
	bottom:0;
	left:0;
}

.vnew:after {
	content: "";
	display: block;
	background:url("../img/character/new.png") left top no-repeat;
	width:90px;
	height:24px;
	position: absolute;
	left:60px;
	top:-12px;
}

.charavoice {
	position: absolute;
	bottom:8px;
	left:220px;
	width:220px;
}

a.voicebutton {
	width:40px;
	height:40px;
	border-radius: 22px;
	background:#ff9900;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	float:left;
	margin-right:16px;
	position: relative;
	transition: all 0.3s;
	border:2px solid #fff;
}

a.voicebutton:hover {
	background:#fff;
}

a.voicebutton:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 12px;
	border-color: transparent transparent transparent #ffffff;
	left:16px;
	top:12px;
	transition: all 0.3s;
}

a.voicebutton:hover:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 12px;
	border-color: transparent transparent transparent #ff0000;
}

.costume {
	position: absolute;
	bottom:8px;
	left:630px;
	width:360px;
}

.costume ul li a {
	width:42px;
	height:44px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	float:left;
	margin-right:16px;
	position: relative;
	transition: all 0.3s;
}

.costume ul li a:before {
	content: "";
	background:url(../img/character/cos_bt_a.png) left top no-repeat;
	width:42px;
	height:44px;
	display: block;
	position: absolute;
	left:0;
	top:0;
	opacity: 1;
	z-index:10;
}

.costume ul li a:hover:before {
	opacity: 0;
}

.costume ul li a:after {
	content: "";
	background:url(../img/character/cos_bt_b.png) left top no-repeat;
	width:42px;
	height:44px;
	display: block;
	position: absolute;
	left:0;
	top:0;
	opacity: 0;
	z-index:5;
}

.costume ul li a:hover:after {
	opacity: 1;
}

.chara_name {
	width:650px;
	height:317px;
	position: absolute;
	left:0;
	top:0;
	z-index:50;
}


.chara_profile {
	width:360px;
	height:204px;
	position: absolute;
	left:-20px;
	top:317px;
	z-index:50;
}

.chara_txt {
	width:640px;
	height:320px;
	position: absolute;
	left:0;
	top:521px;
	z-index:50;
}

.chara_satellite {
	width:500px;
	height:210px;
	position: absolute;
	left:0;
	bottom:60px;
	z-index:50;
}

.chara_stand {
	width:1400px;
	height:1050px;
	position: absolute;
	left:-200px;
	top:0;
	z-index:30;
}

.charaslidebox {
	width:1400px;
	height:1050px;
	display: block;
}

.chara_phrase {
	width:70px;
	height:823px;
	position: absolute;
	right:-16px;
	top:110px;
	z-index:50;
}

.chara_sd {
	width:310px;
	height:310px;
	position: absolute;
	right:-48px;
	bottom:60px;
	z-index:40;
}

.chara_space {
	width:100%;
	height:300px;
}

.satellite_voice {
	position: absolute;
	bottom:90px;
	left:20px;
	z-index:60;
}

#Chara01 .charabg {background:url(../img/character/bg_b.jpg) left top no-repeat;}
#Chara01 .charavoice_wrap {	background:url(../img/character/voice_01.png) left top no-repeat;}
#Chara01 .chara_name {background:url(../img/character/name_01.png) left top no-repeat;}
#Chara01 .chara_profile {background:url(../img/character/profile_01.png) left top no-repeat;}
#Chara01 .chara_txt {background:url(../img/character/charaex_01.png) left top no-repeat;}
#Chara01 .chara_satellite {background:url(../img/character/satellite_01.png) left top no-repeat;}
#Chara01 .chara_phrase {background:url(../img/character/phrase_01.png) left top no-repeat;}
#Chara01 .chara_sd {background:url(../img/character/sd_01.png) left top no-repeat;}

.chara01a {background:url(../img/character/chara01a.png) left top no-repeat;}
.chara01b {background:url(../img/character/chara01b.png) left top no-repeat;}

#Chara02 .charabg {background:url(../img/character/bg_b.jpg) left top no-repeat;}
#Chara02 .charavoice_wrap {	background:url(../img/character/voice_02.png) left top no-repeat;}
#Chara02 .chara_name {background:url(../img/character/name_02.png) left top no-repeat;}
#Chara02 .chara_profile {background:url(../img/character/profile_02.png) left top no-repeat;}
#Chara02 .chara_txt {background:url(../img/character/charaex_02.png) left top no-repeat;}
#Chara02 .chara_satellite {background:url(../img/character/satellite_02.png) left top no-repeat;}
#Chara02 .chara_phrase {background:url(../img/character/phrase_02.png) left top no-repeat;}
#Chara02 .chara_sd {background:url(../img/character/sd_02.png) left top no-repeat;}

.chara02a {background:url(../img/character/chara02a.png) left top no-repeat;}
.chara02b {background:url(../img/character/chara02b.png) left top no-repeat;}

#Chara03 .charabg {background:url(../img/character/bg_a.jpg) left top no-repeat;}
#Chara03 .charavoice_wrap {	background:url(../img/character/voice_03.png) left top no-repeat;}
#Chara03 .chara_name {background:url(../img/character/name_03.png) left top no-repeat;}
#Chara03 .chara_profile {background:url(../img/character/profile_03.png) left top no-repeat;}
#Chara03 .chara_txt {background:url(../img/character/charaex_03.png) left top no-repeat;}
#Chara03 .chara_satellite {background:url(../img/character/satellite_03.png) left top no-repeat;}
#Chara03 .chara_phrase {background:url(../img/character/phrase_03.png) left top no-repeat;}
#Chara03 .chara_sd {background:url(../img/character/sd_03.png) left top no-repeat;}

.chara03a {background:url(../img/character/chara03a.png) left top no-repeat;}
.chara03b {background:url(../img/character/chara03b.png) left top no-repeat;}
.chara03c {background:url(../img/character/chara03c.png) left top no-repeat;}
.chara03d {background:url(../img/character/chara03d.png) left top no-repeat;}
.chara03e {background:url(../img/character/chara03e.png) left top no-repeat;}

#Chara04 .charabg {background:url(../img/character/bg_b.jpg) left top no-repeat;}
#Chara04 .charavoice_wrap {	background:url(../img/character/voice_04.png) left top no-repeat;}
#Chara04 .chara_name {background:url(../img/character/name_04.png) left top no-repeat;}
#Chara04 .chara_profile {background:url(../img/character/profile_04.png) left top no-repeat;}
#Chara04 .chara_txt {background:url(../img/character/charaex_04.png) left top no-repeat;}
#Chara04 .chara_phrase {background:url(../img/character/phrase_04.png) left top no-repeat;}

.chara04a {background:url(../img/character/chara04a.png) left top no-repeat;}
.chara04b {background:url(../img/character/chara04b.png) left top no-repeat;}

#Chara05 .charabg {background:url(../img/character/bg_b.jpg) left top no-repeat;}
#Chara05 .charavoice_wrap {	background:url(../img/character/voice_05.png) left top no-repeat;}
#Chara05 .chara_name {background:url(../img/character/name_05.png) left top no-repeat;}
#Chara05 .chara_profile {background:url(../img/character/profile_05.png) left top no-repeat;}
#Chara05 .chara_txt {background:url(../img/character/charaex_05.png) left top no-repeat;}
#Chara05 .chara_phrase {background:url(../img/character/phrase_05.png) left top no-repeat;}

.chara05a {background:url(../img/character/chara05a.png) left top no-repeat;}
.chara05b {background:url(../img/character/chara05b.png) left top no-repeat;}

#Chara06 .charabg {background:url(../img/character/bg_a.jpg) left top no-repeat;}
#Chara06 .charavoice_wrap {	background:url(../img/character/voice_06.png) left top no-repeat;}
#Chara06 .chara_name {background:url(../img/character/name_06.png) left top no-repeat;}
#Chara06 .chara_profile {background:url(../img/character/profile_06.png) left top no-repeat;}
#Chara06 .chara_txt {background:url(../img/character/charaex_06.png) left top no-repeat;}
#Chara06 .chara_phrase {background:url(../img/character/phrase_06.png) left top no-repeat;}

.chara06a {background:url(../img/character/chara06a.png) left top no-repeat;}
.chara06b {background:url(../img/character/chara06b.png) left top no-repeat;}

/* ギャラリー */


	.gallery_wrap {
		width:1000px;
		margin:0 auto;
		padding-bottom:240px;
	}

	.gallery_wrap ul {
		margin-right:-50px;
	}

	.gallery_wrap ul li {
		width:300px;
		height:200px;
		margin-right:50px;
		margin-bottom:36px;
		float:left;
	}

	.gallery_wrap ul li a, .gallery_wrap ul li em {
		display: block;
		width:300px;
		height:200px;
		border-radius: 10px;
		overflow: hidden;
		background-color:#fff;
		box-shadow:0 0 10px rgba(71,83,184,0.50);
		position: relative;
	}


/*	@media screen and (max-width: 728px) {

		.gallery_wrap {
			width:100%;
			margin:0 auto;
			padding-bottom:240px;
		}

		.gallery_wrap ul {
		}

		.gallery_wrap ul li {
			width:45%;
			margin:0 2.5% 5%;
			float:left;
		}

		.gallery_wrap ul li a, .gallery_wrap ul li em {
			display: block;
			width:100%;
			padding-top:66.6%;
			border-radius: 10px;
			overflow: hidden;
			background-color:#fff;
			box-shadow:0 0 10px rgba(71,184,76,0.5);
			position: relative;
		}
	}*/

.gallery_wrap ul li a img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	transition: all 0.3s;
}

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

/* ムービー */

.movie_wrap {
	width:1000px;
	padding-top:36px;
}

.movie_large {
	width:854px;
	height:483px;
	border-radius: 15px;
	overflow: hidden;
	margin:0 auto 24px;
	border:1px solid #2b2bc3;
	box-shadow:0 3px 0 #2b2bc3;
}

.movie_large_topics {
	width:500px;
	height:24px;
	color:#fff;
	background-color:#2b2bc3;
	border-radius: 5px;
	margin:0 auto;
	line-height: 24px;
	font-size:1.4rem;
	margin-bottom:48px;
}

.movie_banner {
	width:924px;
	margin:0 auto 80px;
}

.movie_banner ul {
	margin-right:-24px;
}

.movie_banner ul li {
	width:450px;
	height:120px;
	float:left;
	margin-right:24px;
	border-radius: 10px;
	overflow: hidden;
	background-color:#fff;
}

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

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

.movie_tile {
	width:990px;
	display: flex;
	margin:0 auto 80px;
	flex-wrap: wrap;
}

.movie_sq {
	width:300px;
	padding:15px;
}

.movie_sq p {
	width:300px;
	height:24px;
	color:#fff;
	background-color:#2b2bc3;
	border-radius: 5px;
	margin:15px auto 15px;
	line-height: 24px;
	font-size:1.4rem;
}

/* スペック */

.spec_head1 {
	background:url(../img/spec/head_productinfo.png)left bottom no-repeat;
	width:401px;
	height:92px;
	text-indent: -9999px;
	overflow: hidden;
	padding-top:24px;
	margin-left:24px;
	margin-bottom:48px;
}

.spec_head2 {
	background:url(../img/spec/head_spec.png)left bottom no-repeat;
	width:401px;
	height:92px;
	text-indent: -9999px;
	overflow: hidden;
	margin-left:24px;
	margin-bottom:48px;
}

.spec_txt {
	display: inline-block;
	text-align: left;
	margin-bottom:48px;
}

.spec_txt p {
	font-family:"NotoSans_subset", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
	font-size:1.8rem;
	line-height: 20px;
	margin-bottom:32px;
	color:#717171;
}

.spec_txt p span {
	width:100px;
	height:20px;
	border-radius: 10px;
	display: inline-block;
	text-align: center;
	line-height: 20px;
	font-size:1.2rem;
	color:#fff;
	margin-right:36px;
}

span.c01 {background-color:#2b2bc3;}
span.c02 {background-color:#0599d9;}
span.c03 {background-color:#0ca2b5;}

.spec_txt p em {
	font-size:1.3rem;
}

.spec_txt i {
	font-size:1.2rem;
	margin-top:-24px;
	margin-bottom:32px;
	color:#717171;
	font-style: normal;
	font-weight: normal;
	display: block;
}

.spec_link {
	width:500px;
	height:60px;
	background-color:white;
	border-radius: 10px;
	margin-left:136px;
	margin-top:-24px;
	margin-bottom:32px;
}

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

.spec_link a:hover img {
	opacity: 0.6;
}

/* スペシャル */

#SP_Contents {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background:url(../special/special_bg.png) left top repeat;
	padding-bottom:160px;
	position: relative;
	z-index:100;
	box-shadow:0 0 10px rgba(6,75,145,0.4);
	text-align: center;
}

.sp_head {
	width:1000px;
	height:150px;
	margin:0 auto 36px;
}

.sp_head2 {
	width:1000px;
	height:150px;
	margin:0 auto 0px;
}

#SP_Banner {background:url(../special/head_banner.jpg) left top no-repeat;}
#SP_Poster {background:url("../special/head_event01.jpg") left top no-repeat;}
#SP_Event02 {background:url(../special/head_event02.jpg) left top no-repeat;}
#SP_Event03 {background:url(../special/head_event03.jpg) left top no-repeat;}
#SP_Event04 {background:url(../special/head_event04.jpg) left top no-repeat;}
#SP_Stamp {background:url(../special/head_stamp.jpg) left top no-repeat;}
#SP_Retweet {background:url(../special/head_retweet.jpg) left top no-repeat;}
#SP_Retweet2 {background:url(../special/head_retweet02.jpg) left top no-repeat;}
#SP_Retweet3 {background:url(../special/head_retweet03.jpg) left top no-repeat;}
#SP_Retweet4 {background:url(../special/head_retweet04.jpg) left top no-repeat;}
#SP_Tweet {background:url(../special/head_tweet.jpg) left top no-repeat;}
#SP_Souki {background:url(../special/head_souki.jpg) left top no-repeat;}
#SP_Package {background:url(../special/head_package.jpg) left top no-repeat;}
#SP_Trial {background:url(../special/head_trial.jpg) left top no-repeat;}
#SP_Trial2 {background:url(../special/head_trial2.jpg) left top no-repeat;}
#SP_Bonusplus {background:url(../special/head_bonusplus.jpg) left top no-repeat;}
#SP_Shop {background:url(../special/head_shopbonus.jpg) left top no-repeat;}
#SP_Tanabata {background:url(../special/head_tanabata.jpg) left top no-repeat;}
#SP_Onsale {background:url(../special/head_onsale.jpg) left top no-repeat;}
#SP_impressions {background:url(../special/head_impressions.jpg) left top no-repeat;}
#SP_impressions_2 {background:url(../special/head_impressions2.jpg) left top no-repeat;}
#SP_quote {background:url(../special/head_quote.jpg) left top no-repeat;}
#SP_vacation {background:url(../special/head_vacation.jpg) left top no-repeat;}
#SP_Clearfile {background:url(../special/head_clearfile.jpg) left top no-repeat;}
#SP_Linkage {background:url("../special/head_linkage.jpg") left top no-repeat;}


.special_wrap {
	width:940px;
	margin:0 auto;
	padding-top:36px;
	margin-bottom:80px;
}

.special_wrap ul {
	margin-right:-50px;
}

.special_wrap ul li {
	float:left;
	width:280px;
	height:280px;
	background-color:#fff;
	margin-right:50px;
	margin-bottom:50px;
	border-radius: 10px;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	position: relative;
}

.special_wrap ul li.new:after {
	background:url(../topics/new.png) left top no-repeat;
	content:"";
	width:68px;
	height:66px;
	position: absolute;
	right:-10px;
	top:-20px;
	animation:blink 1s infinite alternate;
}

.special_wrap ul li a {
	width:280px;
	height:280px;
	border-radius: 10px;
	overflow: hidden;
	display: block;
}

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

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

/* クリアファイル配布 */

.clearfile_body {
	background:url(../special/clearfile_body3.png) left top no-repeat;
	width:1000px;
	height:640px;
}


/* ポスター配布 */

.poster_body {
	background:url(../special/event_body.png) left top no-repeat;
	width:1000px;
	height:890px;
}

.poster2_body {
	background:url("../special/event02_body.png") left top no-repeat;
	width:1000px;
	height:900px;
}

.poster3_body {
	background:url("../special/event03_body.png") left top no-repeat;
	width:1000px;
	height:900px;
}

.event03_body {
	background:url(../special/event03_body.png) left top no-repeat;
	width:1000px;
	height:860px;
	margin-top:-36px;
}

.event04_body {
	background:url(../special/event04_body.png) left top no-repeat;
	width:1000px;
	height:1260px;
	margin-top:-36px;
}

/* ポスター配布 */

.bonusplus_body {
	background:url(../special/bonusplus_body.jpg) left top no-repeat;
	width:1000px;
	height:810px;
	margin-top:-36px;
}

/* 七夕 */

.tanabata_body {
	background:url(../special/tanabata_body.png) center top no-repeat;
	width:1200px;
	height:1940px;
	margin-top:-36px;
	margin-left:-100px;
	position: relative;
	margin-bottom:36px;
}

/* 感想 */

.impressions_body {
	background:url(../special/impressions_body.png) center top no-repeat;
	width:1200px;
	height:754px;
	margin-top:-36px;
	margin-left:-100px;
	position: relative;
	margin-bottom:36px;
}

/* 発売イベント */

.clearfile_body {
	background:url(../special/clearfile_body3.png) center top no-repeat;
	width:1200px;
	height:754px;
	margin-top:-36px;
	margin-left:-100px;
	position: relative;
	margin-bottom:36px;
}

/* 連動キャンペーン */

.linkage_body {
	background:url(../special/linkage_body.png) left top no-repeat;
	width:1000px;
	height:1300px;
	position: relative;
}

a.linkage_image {
	width:450px;
	height:51px;
	border-radius: 25px;
	background:#fff;
	display: block;
	position: absolute;
	bottom:342px;
	left: 132px;
	transition: all 0.3s;
	opacity: 0;
}

a:hover.linkage_image {
	opacity: 0.3;
}

/* スタンプラリー */

.stamp_body {
	background:url(../special/stamp_body.png) left top no-repeat;
	width:1400px;
	height:1751px;
	margin-top:-36px;
	margin-left:-200px;
	position: relative;
}

a.stamp_link {
	width:383px;
	height:30px;
	display: block;
	position: absolute;
	top:1198px;
	background:#fff;
	left:608px;
	border-radius: 5px;
	opacity: 0;
	transition: all 0.3s;
}

a:hover.stamp_link {
	opacity: 0.4;
}

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

.retweet_body {
	background:url(../special/retweet_body.png) left top no-repeat;
	width:1400px;
	height:816px;
	margin-top:-36px;
	margin-left:-200px;
	position: relative;
	margin-bottom:36px;
}

.retweet02_body {
	background:url(../special/retweet02_body.png) left top no-repeat;
	width:1400px;
	height:816px;
	margin-top:-36px;
	margin-left:-200px;
	position: relative;
	margin-bottom:36px;
}

.retweet03_body {
	background:url(../special/retweet03_body.png) left top no-repeat;
	width:1400px;
	height:816px;
	margin-top:-36px;
	margin-left:-200px;
	position: relative;
	margin-bottom:36px;
}

.retweet04_body {
	background:url(../special/retweet04_body.png) left top no-repeat;
	width:1400px;
	height:896px;
	margin-top:-36px;
	margin-left:-200px;
	position: relative;
	margin-bottom:36px;
}

.retweet_txt {
	
}

.retweet_txt p {
	font-family:"NotoSans_subset", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
	font-size:1.8rem;
	color:#717171;
	margin-top:24px;
}

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

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

.tweet_body {
	background:url(../special/tweet_body.png) left top no-repeat;
	width:1400px;
	height:819px;
	margin-top:-36px;
	margin-left:-200px;
	position: relative;
	margin-bottom:36px;
}

/* 早期予約 */

.souki_body {
	background:url(../special/souki_body.png) left top no-repeat;
	width:1100px;
	height:1558px;
	margin-left:-50px;
	position: relative;
	margin-bottom:80px;
}

.souki_body a {
	display: block;
	width:400px;
	height:40px;
	border-radius: 20px;
	background:#fff;
	position: absolute;
	left:50%;
	margin-left:-190px;
	bottom:0px;
	opacity: 0;
	transition: all 0.3s;
}

.souki_body a:hover {
	opacity: 0.3;
}

.package_body {
	background:url(../special/tokuten_body.png) left top no-repeat;
	width:1100px;
	height:960px;
	margin-left:-50px;
	position: relative;
}

.shop_table {
	margin:0 auto 80px;
}

.shop_table h5 {
	width:800px;
	height:30px;
	border-radius:5px;
	background: -webkit-linear-gradient(top,  rgba(204,0,0,1) 0%,rgba(204,0,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(204,0,0,1) 0%,rgba(204,0,0,1) 100%);
	text-align:center;
	border:2px solid #fff;
	color:#fff;
	font-size:1.5rem;
	font-weight:bold;
	display:block;
	margin:48px auto 0;
	line-height:30px;
	margin-bottom:32px;
	box-shadow: 0 2px 4px rgba(114,0,1,0.3);
}

.shop_table table {
    width: 700px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 10px;
    font-size: 1.4rem;
}
 
.shop_table table th,
.shop_table table td {
    padding: 10px;
}
 
.shop_table table th {
    background: #295890;
    vertical-align: middle;
    text-align: left;
    width: 100px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    font-size: 1.5rem;
}
 
.shop_table table th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #295890;
    border-width: 10px;
    margin-top: -10px;
}
 
.shop_table table td {
    background: #f8f8f8;
    width: 560px;
    padding-left: 20px;
}


/* バナーページ */

.banner_wrap {
	text-align: center;
	padding-bottom:80px;
}

.banner_wrap ul {
	margin:0 auto;
}

.banner_wrap ul li {
	float:left;
}

.banner_wrap ul li img {
	width:100%;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}

.banner_wrap p {
	font-family:"NotoSans_subset", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
	font-size:2.4rem;
	margin-bottom:24px;
	color:#717171;
	display: inline-block;
	width:400px;
	border-bottom:2px dotted #717171;
}

.banner_wrap span {
	font-family:"NotoSans_subset", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
	font-size:1.6rem;
	color:#717171;
}

.urlbox {
	width:100%;
	border:0;
	background-color:#ffffff;
	font-size:1.2rem;
	font-family: "Meiryo","MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	color:#460c08;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}

.b_icon {
	width:960px;
	margin:0 auto;
}

.b_icon ul li {
	width:280px;
	padding:20px;
}

.b_header {
	width:940px;
	margin:0 auto;
}

.b_header ul li {
	width:900px;
	padding:20px;
}

.b_250250 {
	width:870px;
	margin:0 auto;
}

.b_250250 ul li{
	width:250px;
	padding:20px;
}

.b_150600 {
	width:570px;
	margin:0 auto;
}

.b_150600 ul li{
	width:150px;
	padding:20px;
}

.b_600150 {
	width:620px;
	margin:0 auto;
}

.b_600150 ul li{
	width:600px;
	padding:20px;
}

/* 体験版ダウンロード */

.trial_body {
	background:url(../special/trialpage_cg.png) left top no-repeat;
	width:960px;
	height:540px;
	border:5px solid rgba(255,255,255,1);
	margin:0 auto 48px;
	box-shadow: 0 0 5px rgba(87,104,203,0.5);
}

.trial2_body {
	background:url(../special/trialpage2_cg.png) left top no-repeat;
	width:960px;
	height:540px;
	border:5px solid rgba(255,255,255,1);
	margin:0 auto 48px;
	box-shadow: 0 0 5px rgba(87,104,203,0.5);
}


table.dltable {
	font-size:1.6rem;
	color:dimgray;
	margin:0 auto 80px;
	background-color:rgba(255,255,255,0.7);
}

table.dltable tr {
	border:1px solid rgba(220,220,220,1.00);
}

table.dltable tr th {
	width:200px;
	text-align: left;
	padding:10px;
}

table.dltable tr td {
	width:160px;
	padding:10px;
	border-right:1px solid rgba(220,220,220,1.00);
}

table.dltable tr th a {
	color:#409ED9;
	text-decoration: none;
}

table.dltable tr th a:hover {
	color:#0080D1;
	text-decoration: underline;
}

table.dltable tr td a {
	display: inline-block;
	width:160px;
	border-radius: 3px;
	background-color:#409ED9;
	color:#fff;
	font-weight: bold;
	text-decoration: none;
	margin-bottom:3px;
	transition: all 0.3s;
}

table.dltable tr td a:hover {
	background-color:#9AD8FF;
}

/* guideline */
#SP_Guideline {background:url(../special/head_car.jpg) left top no-repeat;}


.guideline_logo {
/*	background:url(../special/retweet_body.png) left top no-repeat;*/
	margin-top:50px;
	margin-left:140px;
	position: relative;
	margin-bottom:36px;
}
.guideline_catch {
	margin-top:50px;
	margin-left:320px;
	position: relative;
	margin-bottom:36px;
}


.guideline_txt {

	font-size:15px;

	margin:0 auto 60px;
	border-radius:10px;
	line-height:20px;
	
}

.guideline_txt p {
	font-family:"NotoSans_subset", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
	font-size:1.5rem;
	color:#717171;
	margin-top:24px;
	margin-left:120px;
}

.guideline_txt table {
	background-color:#FFF;
	width:800px;
	border-collapse: separate;
	border-spacing: 5px;
	margin:24px auto;
}

.guideline_txt table tr {
}

.guideline_txt table th {
	padding:10px;
	border:5px solid #65bcff;
	color:#2b61ec;
}

.txt_block table td {
	padding:10px;
	color:#FFF;
	background-color:rgba(43,185,20,1);
}


.guideline_attention {
	font-size:1.4rem;
	color:#717171;
	text-align: left;
	display: inline-block;
	margin:36px 0 0px;
}

/* guideline_st */
#SP_Guideline_st {background:url(../special/head_movie.jpg) left top no-repeat;}


.guideline_st_logo {
/*	background:url(../special/retweet_body.png) left top no-repeat;*/
	margin-top:50px;
	margin-left:140px;
	position: relative;
	margin-bottom:36px;
}
.guideline_st_catch {
	margin-top:50px;
	margin-left:285px;
	position: relative;
	margin-bottom:36px;
}


.guideline_st_txt {

	font-size:15px;

	margin:0 auto 60px;
	border-radius:10px;
	line-height:20px;
	
}

.guideline_st_txt p {
	font-family:"NotoSans_subset", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
	font-size:1.5rem;
	color:#717171;
	margin-top:24px;
	margin-left:120px;
}

.guideline_st_txt table {
	background-color:#FFF;
	width:800px;
	border-collapse: separate;
	border-spacing: 5px;
	margin:24px auto;
}

.guideline_st_txt table tr {
}

.guideline_st_txt table th {
	padding:10px;
	border:5px solid #65bcff;
	color:#2b61ec;
}

.guideline_st_txt table td {
	padding:10px;
	color:#FFF;
	background-color:#2b61ec;
}

.guideline_st_attention {
	font-size:1.4rem;
	color:#717171;
	text-align: left;
	display: inline-block;
	margin:36px 0 0px;
}

/* 店舗特典 */

.shopbonus_wrap {
	width:1000px;
	margin-top:48px;
	padding-bottom:80px;
}

.shopbox {
	width:460px;
	padding:0 20px;
	float:left;
	margin-bottom:48px;
}

.shopbox_wide {
	width:960px;
	padding:0 20px;
	float:left;
	margin-bottom:48px;
}

.shopname {
	width:456px;
	line-height: 32px;
	text-align: center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#86d8f5+0,0e4ad3+50,041893+100 */
background: #D54DB; /* Old browsers */
background: -moz-linear-gradient(top,  #4D54DB 0%, #201FA5 50%, #2528CB 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4D54DB 0%,#201FA5 50%,#2528CB 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4D54DB 0%,#201FA5 50%,#2528CB 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4D54DB', endColorstr='#2528CB',GradientType=0 ); /* IE6-9 */
	font-size:1.6rem;
	font-weight: bold;
	color:#fff;
	border-radius: 5px;
	border:2px solid #fff;
	box-shadow:0 0 5px rgba(0,0,0,0.1);
}

.shopbox_wide>.shopname {
	width:956px!important;
}

.shopimg {
	width:460px;
	height:320px;
	position: relative;
}

.shopimg img {
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	border:2px solid #fff;
	box-shadow:0 0 5px rgba(0,0,0,0.1);
}

.shopimg2 {
	width:960px;
	height:320px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.shopimg2 img {
	border:2px solid #fff;
	box-shadow:0 0 5px rgba(0,0,0,0.1);
}

.itemname {
	font-size:1.5rem;
	color:#555555;
	font-weight: bold;
	border-bottom:1px dashed #555555;
	margin-bottom:8px;
}

.shopbox a, .shopbox_wide a {
	display: inline-block;
	width:40%;
	line-height: 36px;
	height:36px;
	margin:0 8px;
	border-radius: 8px;
	background-color:#2B25CB;
	border:2px solid #585FE5;
	font-size:1.6rem;
	font-weight: bold;
	text-decoration: none;
	color:#fff;
	position: relative;
	transition: all 0.3s;
}

.shopbox a:hover, .shopbox_wide a:hover {
	background-color:#585FE5;
	border:2px solid #2B25CB;
}

.shopbox a em, .shopbox_wide a em {
	font-family: 'Passion One', cursive;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:36px;
	font-size:3rem;
	color:#fff;
	opacity: 0.3;
}

.shopbonus_more {
	width:687px;
	height:37px;
	margin:0 auto;
}

/* 発売日 */

.onsale_body {
	background:url(../special/onsale.png) left top no-repeat;
	width:1400px;
	height:960px;
	margin-top:-36px;
	margin-left:-100px;
	position: relative;
	margin-bottom:36px;
}

.onsale_body a.link1 {
	display: block;
	background-color:#fff;
	width:500px;
	height:70px;
	position: absolute;
	left:50%;
	margin-left:-542px;
	top:516px;
	border-radius: 10px;
	opacity: 0;
	transition: all 0.3s;
}

.onsale_body a.link1:hover {
	opacity: 0.4;
}

.onsale_body a.link2 {
	display: block;
	background-color:#fff;
	width:500px;
	height:70px;
	position: absolute;
	left:50%;
	margin-left:-542px;
	top:640px;
	border-radius: 10px;
	opacity: 0;
	transition: all 0.3s;
}

.onsale_body a.link2:hover {
	opacity: 0.4;
}