@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 #f6ac1d;
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: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:#f6ac1d; text-decoration:none;}
.b_right a {color:#fff;background-color:#a3a3a3; text-decoration:none;}
.b_left a:hover {background-color:#D75600;}
.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:#f6ac1d; text-decoration:none;}
.b_right a {color:#fff;background-color:#a3a3a3; text-decoration:none;}
.b_left a:hover {background-color:#D75600;}
.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%;
}

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

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

header:before {
	content: "";
	width:100%;
	height:10px;
	position: fixed;
	left:0;
	top:0px;
	z-index:1000;
	background: #ec6500; /* Old browsers */
	background: -moz-linear-gradient(left,  #ec6500 0%, #fac32e 50%, #ec6500 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #ec6500 0%,#fac32e 50%,#ec6500 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #ec6500 0%,#fac32e 50%,#ec6500 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec6500', endColorstr='#ec6500',GradientType=1 ); /* IE6-9 */
}

#Menu {
	width:1000px;
	height:70px;
	margin:0 auto;
	display: flex;
}

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

#Menu_logo a:hover {
	opacity: 0.6;
}

#Menu_list ul {
	width:480px;
	padding-left:27px;
	padding-right:28px;
	height:70px;
	display: flex;
	justify-content: space-around;
}

#Menu_list ul li a {
	display: block;
	height:70px;
	position: relative;
}

#Menu_list ul li.menu01 a {background:url("../img/menu01_rollout.png") left top no-repeat;width:134px;}
#Menu_list ul li.menu02 a {background:url("../img/menu02_rollout.png") left top no-repeat;width:90px;}
#Menu_list ul li.menu03 a {background:url("../img/menu03_rollout.png") left top no-repeat;width:71px;}
#Menu_list ul li.menu04 a {background:url("../img/menu04_rollout.png") left top no-repeat;width:47px;}

#Menu_list ul li a:after {
	content: "";
	height:70px;
	display: block;
	position: absolute;
	left:0;
	top:0;
	transition: all 0.3s;
	opacity: 0;
}

#Menu_list ul li a:hover:after {
	opacity: 1;
}

#Menu_list ul li.menu01 a:after {background:url("../img/menu01_rollover.png") left top no-repeat;width:134px;}
#Menu_list ul li.menu02 a:after {background:url("../img/menu02_rollover.png") left top no-repeat;width:90px;}
#Menu_list ul li.menu03 a:after {background:url("../img/menu03_rollover.png") left top no-repeat;width:71px;}
#Menu_list ul li.menu04 a:after {background:url("../img/menu04_rollover.png") left top no-repeat;width:47px;}

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

/*#Menu_list ul li.menu01 a:before {display: block;left:3px}*/
/*#Menu_list ul li.menu02 a:before {display: block;left:3px}*/
/*#Menu_list ul li.menu03 a:before {display: block;left:3px}*/
/*#Menu_list ul li.menu04 a:before {display: block;left:3px}*/

#Menu_link {
	padding-top:11px;
}

#Menu_link ul {
	width:264px;
	height:47px;
	display: flex;
}

#Menu_link ul li a {
	display: block;
	width:44px;
	height:47px;
	transition: all 0.3s;
}

#Menu_link ul li a:hover {
	opacity: 0.6;
}

#Menu_link ul li.link01 a {background:url("../img/mlink_01.png") left top no-repeat;}
#Menu_link ul li.link02 a {background:url("../img/mlink_02.png") left top no-repeat;}
#Menu_link ul li.link03 a {background:url("../img/mlink_03.png") left top no-repeat;}
#Menu_link ul li.link04 a {background:url("../img/mlink_twitter.png") left top no-repeat;}
#Menu_link ul li.link05 a {background:url("../img/mlink_youtube.png") left top no-repeat;}
#Menu_link ul li.link06 a {background:url("../img/mlink_mirai.png") left top no-repeat;}

#Menu_link ul li a:hover {
	opacity: 0.6;
}

#Mainvisual {
	background:#fff;
	position: relative;
	width:100%;
}

.visual {
	background:url("../img/mainvisual.jpg") center top no-repeat;
	width:100%;
	height:1500px;
	position: relative;
	z-index: 1;
}

.main_logo {
	background:url("../img/main_logo.png") left top no-repeat;
	width:773px;
	height:305px;
	position: absolute;
	left:50%;
	margin-left:-386px;
	bottom:175px;
	z-index:5;
}

.sellday {
	background:url("../img/sellday.png") left top no-repeat;
	width:950px;
	height:140px;
	position: absolute;
	left:50%;
	margin-left:-475px;
	bottom:60px;
	z-index:10;
}

.masterup {
	width:200px;
	height:200px;
	position: absolute;
	left:50%;
	margin-left:330px;
	top:1155px;
}

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

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

#Index_contents {
	background:url("../img/grand_bg.png") center top repeat;
	width:100%;
	padding-top:256px;
	padding-bottom:80px;
	position: relative;
	z-index:1;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
}

.pickup {
	width:1000px;
	height:220px;
	position: absolute;
	top:-24px;
	left:50%;
	margin-left:-500px;
	z-index:10;
	display: flex;
	justify-content: space-between;
}

#Index_movie {
	width:388px;
	height:220px;
	border:1px solid #e62f80;
	background:#000;
	position: relative;
}

#Index_movie:after {
	content:"";
	position: absolute;
	right:0;
	bottom:0;
	background:url("../img/movie_date.png") left top no-repeat;
	width:180px;
	height:40px;
	z-index:30;
}

#Log {
	background:url("../img/update_bg.png") left top no-repeat;
	width:580px;
	height:162px;
	padding-top:58px;
}

.logbox {
	width:540px;
	padding:12px 0 0 24px;
	box-sizing: border-box;
	height:142px;
	margin:0 auto;
	overflow: hidden;
	text-align: left;
	color:rgba(108,108,108,1.00);
}

.logbox dl dt {
	font-size:1.7rem;
	font-weight: bold;
	line-height: 32px;
	border-bottom:2px dotted rgba(150,150,150,1.00);
}

.logbox dl dd {
	padding-top:8px;
	font-size:1.4rem;
	margin-bottom:12px;
}

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

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

#Topics {
	width:1000px;
	padding:70px 55px 0;
	background:url("../img/topics_bg.png") left top repeat-y;
	margin:0 auto;
	box-shadow:0 0 10px rgba(243,218,169,1.00);
	box-sizing: border-box;
	position: relative;
}

.topics_head {
	background:url("../img/topics_head.png") left top no-repeat;
	width:373px;
	height:46px;
	position: absolute;
	left:50%;
	margin-left:-186px;
	top:-8px;
	z-index:10;
}

.topics_wrap {
	width:890px;
	margin:0 auto;
}

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

.topics_wrap ul li {
	display: block;
	background-color:#fff;
	margin-bottom:30px;
	box-shadow:0 0 10px rgba(243,218,169,1.00);
	position: relative;
}

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

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

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

.topics_special ul::after{
  content:"";
  display: block;
  width:280px;
}

.foot_space {
	width:100%;
	height:160px;
}

footer {
	width:100%;
	min-width:1000px;
	height:136px;
	padding-top:24px;
	background:url(../img/foot_bg.png) left top repeat;
	position: absolute;
	bottom: 0;
	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;
}

/* サブ汎用 */

#Subhead {
	width:100%;
	height:140px;
	padding-top:80px;
	background:url("../img/subheader.jpg") center top no-repeat;
}

.subtitle {
	width:100%;
	height:140px;
	display: block;
}
#Included {background:url("../img/subtitle_included.png") center top no-repeat;}
#Prize {background:url("../img/subtitle_prize.png") center top no-repeat;}
#Special {background:url("../img/subtitle_special.png") center top no-repeat;}
#Spec {background:url("../img/subtitle_spec.png") center top no-repeat;}
#Movie {background:url("../img/subtitle_movie.png") center top no-repeat;}

#Sub_contents {
	background:url("../img/grand_bg.png") center top repeat;
	width:100%;
	padding-top:60px;
	padding-bottom:80px;
	position: relative;
	min-height: 60vh;
	z-index:1;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
}

/* コンセプト */

.co_select {
	background:url("../img/co_select.png") left top no-repeat;
	width:994px;
	height:74px;
	padding:3px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow:0 0 10px rgba(243,218,169,1.00);
	margin:0 auto 80px;
	display: flex;
}

.co_select a {
	display:block;
	height:74px;
	transition: all 0.3s;
	background:#fff;
	opacity: 0;
}

.co_select a:hover {
	opacity: 0.5;
}

.co_select a.cos01 {width:150px;border-radius:10px 0 0 10px;}
.co_select a.cos02 {width:188px;}
.co_select a.cos03 {width:205px;}
.co_select a.cos04 {width:203px;}
.co_select a.cos05 {width:248px;border-radius:0 10px 10px 0;}

#Concept {
	background:url("../img/concept_body.jpg") left top no-repeat;
	width:1000px;
	height:970px;
	margin:0 auto 80px;
	position: relative;
	box-shadow:0 0 10px rgba(243,218,169,1.00);
}

#Concept:before {
	content: "";
	display: block;
	background:url("../img/co_head.png") left top no-repeat;
	width:1000px;
	height:50px;
	position: absolute;
	top:-50px;
	left:0;
}

#Concept:after {
	content: "";
	display: block;
	background:url("../img/co_right.png") left top no-repeat;
	width:120px;
	height:970px;
	position: absolute;
	top:0;
	right:-120px;
}

.charabody {
	width:1000px;
	height:1300px;
	border-radius: 20px;
	box-shadow:0 0 10px rgba(243,218,169,1.00);
	overflow: hidden;
	position: relative;
	margin:0 auto 80px;
}

#Chara01 {background:url("../img/co_chara01.jpg") left top no-repeat;}
#Chara02 {background:url("../img/co_chara02.jpg") left top no-repeat;}
#Chara03 {background:url("../img/co_chara03.jpg") left top no-repeat;}

.charabody04 {
	background:url("../img/co_chara04.jpg") left top no-repeat;
	width:1000px;
	height:610px;
	border-radius: 20px;
	box-shadow:0 0 10px rgba(243,218,169,1.00);
	overflow: hidden;
	position: relative;
	margin:0 auto 80px;
}

.charabody04 ul {
	display: flex;
	width:438px;
	position: absolute;
	left:50%;
	margin-left:1px;
	top:303px;
	justify-content: space-between;
	flex-wrap: wrap;
}

.charabody04 ul li {
	width:204px;
	height:112px;
	display: block;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom:22px;
	background-color:#fff;
}

.charabody04 ul li a {
	display: block;
	width:234px;
	height:129px;
	transition: all 0.3s;
}

.charabody04 ul li a img {
	width:100%;
}

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

.charabody a {
	opacity: 0;
	transition: all 0.3s;
}

.charabody a:hover {
	opacity: 0.4;
	transition: all 0.3s;
}

a.charazoom {
	display: block;
	width:150px;
	height:150px;
	background:#fff;
	position: absolute;
	top:58px;
	right:9px;
	border-radius: 75px;
}

a.evcg01 {
	display: block;
	width:300px;
	height:169px;
	background:#fff;
	position: absolute;
	top:557px;
	left:30px;
	border-radius: 10px;
}

a.evcg02 {
	display: block;
	width:300px;
	height:169px;
	background:#fff;
	position: absolute;
	top:557px;
	left:360px;
	border-radius: 10px;
}

a.clink01 {
	display: block;
	width:140px;
	height:100px;
	background:#fff;
	position: absolute;
	bottom:60px;
	left:494px;
	border-radius: 10px;
}

a.clink02 {
	display: block;
	width:140px;
	height:100px;
	background:#fff;
	position: absolute;
	bottom:60px;
	left:650px;
	border-radius: 10px;
}

a.clink03 {
	display: block;
	width:140px;
	height:100px;
	background:#fff;
	position: absolute;
	bottom:60px;
	left:806px;
	border-radius: 10px;
}

/* スペック */

.spec_head1 {
	background:url("../img/spec_head1.png")left bottom no-repeat;
	width:293px;
	height:92px;
	text-indent: -9999px;
	overflow: hidden;
	margin:0 auto 48px;
}

.spec_head2 {
	background:url("../img/spec_head2.png")left bottom no-repeat;
	width:293px;
	height:92px;
	text-indent: -9999px;
	overflow: hidden;
	margin:0 auto 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.cancel {
	margin-bottom:0px;
}

.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:#f3a41f;}
span.c02 {background-color:#fcbc4f;}
span.c03 {background-color:#ffd74d;}

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

.songt {
	display: inline-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;
}

/* ムービー */

.movie_wrap {
	width:1000px;
	padding-top:36px;
	background:url("../img/topics_bg.png") left top repeat-y;
	margin:0 auto;
	box-shadow:0 0 10px rgba(243,218,169,1.00);
}

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

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

.movie_tile {
	width:940px;
	margin:0 auto 80px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.movie_tile::after{
  content:"";
  display: block;
  width:300px;
}

.movie_sq {
	width:300px;
	margin-bottom:30px;
}

.movie_sq_box {
	width:300px;
	height:220px;
}

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

/* スペシャルページ */

.sphead {
	width:800px;
	height:54px;
	margin:0 auto 48px;
}

.sph_early {background:url("../img/head_early.png") left top no-repeat;}
.sph_early2 {background:url("../img/head_early2.png") left top no-repeat;}
.sph_early3 {background:url("../img/head_early3.png") left top no-repeat;}
.sph_early4 {background:url("../img/head_early4.png") left top no-repeat;}
.sph_firstlot {background:url("../img/head_firstlot.png") left top no-repeat;}
.sph_package {background:url("../img/head_package.png") left top no-repeat;}
.sph_shop {background:url("../img/head_shop.png") left top no-repeat;}
.sph_shop2 {background:url("../img/head_shop2.png") left top no-repeat;}

.sph_banner {background:url("../special/head_banner.png") left top no-repeat;}
.sph_event_01 {background:url("../special/head_event_01.png") left top no-repeat;}
.sph_event_02 {background:url("../special/head_event_02.png") left top no-repeat;}
.sph_event_03 {background:url("../special/head_event_03.png") left top no-repeat;}
.sph_event_04 {background:url("../special/head_event_04.png") left top no-repeat;}
.sph_wchance {background:url("../special/head_wchance.png") left top no-repeat;}
.sph_retweet_01 {background:url("../special/head_retweet_01.png") left top no-repeat;}
.sph_retweet_02 {background:url("../special/head_retweet_02.png") left top no-repeat;}
.sph_retweet_03 {background:url("../special/head_retweet_03.png") left top no-repeat;}
.sph_retweet_04 {background:url("../special/head_retweet_04.png") left top no-repeat;}
.sph_retweet_05 {background:url("../special/head_retweet_05.png") left top no-repeat;}

.sph_lyrics {background:url("../special/head_lyrics.png") left top no-repeat;}

/* プライズページ */

.prz_select {
	width:1000px;
	margin:0 auto 80px;
}

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

.prz_select ul li a {
	transition: all 0.3s;
}

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

.body_early {
	background:url("../img/prize/early.png") center top no-repeat;
	width:100%;
	height:582px;
	margin:0 auto 80px;
	position: relative;
}

.body_early a {
	display: block;
	width:500px;
	border-radius: 10px;
	background:#fff;
	position: absolute;
	right:50%;
	margin-right:-500px;
	opacity: 0;
	transition: all 0.3s;
}

.body_early a:hover {
	opacity: 0.4;
}

.body_early2 {
	background:url("../img/prize/early2.png") center top no-repeat;
	width:100%;
	height:582px;
	margin:0 auto 80px;
	position: relative;
}

.body_early3 {
	background:url("../img/prize/early3.png") center top no-repeat;
	width:100%;
	height:460px;
	margin:0 auto 80px;
	position: relative;
}

.body_early4 {
	background:url("../img/prize/early4.png") center top no-repeat;
	width:100%;
	height:582px;
	margin:0 auto 80px;
	position: relative;
}

a.early_link1 {
	height:48px;
	top:383px;
}

a.early_link2 {
	height:120px;
	top:448px;
}

.body_firstlot {
	background:url("../img/prize/body_firstlot.png") center top no-repeat;
	width:100%;
	height:654px;
	margin:0 auto 80px;
	position: relative;
}

.firstlot_movie {
	width:320px;
	height:180px;
	position: absolute;
	bottom:30px;
	left:50%;
	margin-left:89px;
}

.body_miniepisode {
	background:url("../img/prize/body_miniepisode.png") center top no-repeat;
	width:100%;
	height:605px;
	margin:0 auto 80px;
	position: relative;
}

.body_miniepisode ul {
	display: flex;
	width:494px;
	position: absolute;
	left:50%;
	margin-left:3px;
	top:309px;
	justify-content: space-between;
	flex-wrap: wrap;
}

.body_miniepisode ul li {
	width:234px;
	height:129px;
	display: block;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom:26px;
	background-color:#fff;
}

.body_miniepisode ul li a {
	display: block;
	width:234px;
	height:129px;
	transition: all 0.3s;
}

.body_miniepisode ul li a img {
	width:100%;
}

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

.body_vocal {
	background:url("../img/prize/body_vocal.png") center top no-repeat;
	width:100%;
	height:626px;
	margin:0 auto 80px;
	position: relative;
}

.prz_comingsoon {
	background:url("../img/prz_comingsoon.png") center top no-repeat;
	width:100%;
	height:300px;
}

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

.przbox {
	width:1000px;
	height:560px;
	position: relative;
	margin:0 auto 72px;
}

.po_sofmap {
	background:url("../img/prize/sb_sofmap.jpg") left top no-repeat;
	box-shadow:0 0 10px rgba(43,95,225,0.5);
}

.po_getchu {
	background:url("../img/prize/sb_getchu.jpg") left top no-repeat;
	box-shadow:0 0 10px rgba(238,119,181,0.5);
}

.po_trader {
	background:url("../img/prize/sb_trader.jpg") left top no-repeat;
	box-shadow:0 0 10px rgba(44,114,183,0.5);
}

.po_melon {
	background:url("../img/prize/sb_melon.jpg") left top no-repeat;
	box-shadow:0 0 10px rgba(51,138,65,0.5);
	margin-bottom:80px;
}

.przbox a {
	display: block;
	position: absolute;
	width:460px;
	height:72px;
	bottom:62px;
	left:500px;
	border-radius: 10px;
	background-color:#fff;
	opacity: 0;
	transition: all 0.3s;
}

.przbox a:hover {
	opacity: 0.4;
}

.przori {
	width:480px;
	height:480px;
	display: block;
	margin-bottom:40px;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}

.przori a {
	display: block;
	position: absolute;
	width:380px;
	height:48px;
	bottom:22px;
	left:50px;
	border-radius: 10px;
	background-color:#fff;
	opacity: 0;
	transition: all 0.3s;
}

.przori a:hover {
	opacity: 0.4;
}

.po_1 {
	box-shadow:0 0 10px rgba(141,203,111,0.5);
}

.po_2 {
	box-shadow:0 0 10px rgba(255,167,206,0.5);
}

.po_3 {
	box-shadow:0 0 10px rgba(126,206,244,0.5);
}

.po_4 {
	box-shadow:0 0 10px rgba(163,119,189,0.5);
}

.po_amazon {background:url("../img/prize/sbo_amazon.jpg") left top no-repeat;}
.po_amiami {background:url("../img/prize/sbo_amiami.jpg") left top no-repeat;}
.po_alice {background:url("../img/prize/sbo_alice.jpg") left top no-repeat;}
.po_gamers {background:url("../img/prize/sbo_gamers.jpg") left top no-repeat;}
.po_surugaya {background:url("../img/prize/sbo_surugaya.jpg") left top no-repeat;}
.po_takarajima {background:url("../img/prize/sbo_takarajima.jpg") left top no-repeat;}
.po_chukyo {background:url("../img/prize/sbo_chukyo.jpg") left top no-repeat;}
.po_toranoana {background:url("../img/prize/sbo_toranoana.jpg") left top no-repeat;}
.po_mk {background:url("../img/prize/sbo_mk.jpg") left top no-repeat;}
.po_fammys {background:url("../img/prize/sbo_fammys.jpg") left top no-repeat;}
.po_bookmate {background:url("../img/prize/sbo_bookmate.jpg") left top no-repeat;}
.po_furukawa {background:url("../img/prize/sbo_furukawa.jpg") left top no-repeat;}
.po_prop {background:url("../img/prize/sbo_prop.jpg") left top no-repeat;}
.po_medio {background:url("../img/prize/sbo_medio.jpg") left top no-repeat;}
.po_fanza {background:url("../img/prize/sbo_fanza.jpg") left top no-repeat;}

/* バナーページ */

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

.banner_wrap ul {
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.banner_wrap ul li {
}

.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;
	margin-bottom:30px;
}

.b_icon ul::after{
  content:"";
  display: block;
  width:280px;
}

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

.b_150600 ul li{
	width:150px;
	margin:0 auto;
}

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

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


/* イベント・キャンペーンページ */

.body_event01 {
	background:url("../special/body_event_01.png") left top no-repeat;
	width:1000px;
	height:744px;
	margin:0 auto;
}

.body_event02 {
	background:url("../special/body_event_02.png") center top no-repeat;
	width:100%;
	height:744px;
	margin:0 auto;
}

.body_event03 {
	background:url("../special/body_event_03.png") center top no-repeat;
	width:100%;
	height:744px;
	margin:0 auto 72px;
}

.body_event03_add {
	background:url("../special/body_event_03_add.png") center top no-repeat;
	width:100%;
	height:520px;
	margin:0 auto;
}

.body_event04 {
	background:url("../special/body_event_04.png") center top no-repeat;
	width:100%;
	height:960px;
	margin:0 auto 72px;
	position: relative;
}

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

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

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

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

.body_wchance {
	background:url("../special/body_wchance.png") center top no-repeat;
	width:100%;
	height:757px;
	margin:0 auto;
	position: relative;
}

.body_wchance a {
	display: block;
	width:500px;
	height:48px;
	border-radius: 10px;
	background:#fff;
	position: absolute;
	right:50%;
	margin-right:-500px;
	top:354px;
	opacity: 0;
	transition: all 0.3s;
}

.body_wchance a:hover {
	opacity: 0.4;
}

.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: #ff5977;
    vertical-align: middle;
    text-align: left;
    width: 200px;
    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: #ff5977;
    border-width: 10px;
    margin-top: -10px;
}
 
.shop_table table td {
    background: #f8f8f8;
    width: 560px;
    padding-left: 20px;
}

/* リツイート */

.retweet01_body {
	background:url("../special/body_retweet_01.png") center top no-repeat;
	width:100%;
	height:939px;
	margin-top:-36px;
	position: relative;
	margin-bottom:36px;
}

.retweet02_body {
	background:url("../special/body_retweet_02.png") center top no-repeat;
	width:100%;
	height:939px;
	margin-top:-36px;
	position: relative;
	margin-bottom:36px;
}

.retweet03_body {
	background:url("../special/body_retweet_03.png") center top no-repeat;
	width:100%;
	height:939px;
	margin-top:-36px;
	position: relative;
	margin-bottom:36px;
}

.retweet04_body {
	background:url("../special/body_retweet_04.png") center top no-repeat;
	width:100%;
	height:939px;
	margin-top:-36px;
	position: relative;
	margin-bottom:36px;
}

.retweet05_body {
	background:url("../special/body_retweet_05.png") center top no-repeat;
	width:100%;
	height:939px;
	margin-top:-36px;
	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;
}

/* 歌詞ページ */

.lyrics_top {
	width:1000px;
	height:260px;
	margin:0 auto 60px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
	background:#fff;
}

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

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

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

.lyrics_wrap ul li {
	width:480px;
	height:120px;
	margin-bottom:40px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
	background:#fff;
}

.lyrics_wrap ul li a img {
	transition: all 0.3s;
}

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