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

@import 'https://fonts.googleapis.com/css?family=Oswald:300,400,700&subset=latin-ext';

/* clearfix */

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

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

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

.cr {margin:0 auto;}
.cr5 {margin:10px auto;}
.cr10 {margin:10px auto;}
.cr20 {margin:20px auto;}
.cr30 {margin:30px auto;}

.cr15o {margin:15px auto 0;}
.cr20o {margin:20px auto 0;}

.cr15u {margin:0 auto 15px;}
.cr20u {margin:0 auto 20px;}
.cr50up {margin:0 auto; padding-bottom:50px;}

/* 点滅 */
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}


/* FireFoxFadeブレ防止 */

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


/* 全体・枠作り */

html,body {
	height:100%;
}

html {
	font-size:62.5%;
	overflow:hidden;
}

img { display:block; }

.mr32 {margin-right:32px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mr100 {margin-right:100px;}

body {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, sans-serif;
	text-align:center;
	overflow: auto;
}

#PageWrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	width:100%;
	min-width:1000px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b7ef4+0,bee0ff+100 */
background: rgb(43,126,244); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(43,126,244,1) 0%, rgba(190,224,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(43,126,244,1) 0%,rgba(190,224,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(43,126,244,1) 0%,rgba(190,224,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b7ef4', endColorstr='#bee0ff',GradientType=0 ); /* IE6-9 */



}

/* ページトップ */

#page-top {
	position: fixed;
	bottom: 24px;
	right: 40px;
	width:50px;
	border-radius:10px;
	z-index:3000;
}
#page-top a {
	background: #FFF;
	width:50px;
	height:50px;
	border-radius:25px;
	display:block;
	margin-bottom:12px;
	transition:all 0.3s;
	line-height:50px;
	font-size:3rem;
	color:#08006d;
}

#page-top a:hover {
	transform: scale(1.2);
}

/* ----------------------------------　ローディング　---------------------------------- */


#loader-bg {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #cbf3e9;
  z-index: 15000;
}

#loader {
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #666666;
  z-index: 2;
}
.no-js #loader {display:none;}

#loader img {
  width:122px;
  height:120px;
  margin:0 auto 24px;
}

#loader p {
	font-family: 'Chewy', cursive;
	font-size:2.4rem;
	color:#1d4b25;
	text-align:center;
}

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

.modal { position:fixed; display:none; z-index:9999; top:40%; left:50%; width:400px; height:200px; margin:-120px 0 0 -220px; padding:20px; text-align:center; }
.modal_wrap {width:400px;
height:400px;
border-radius:20px;
border:2px solid #4bbea1;
background:url(../../img/check.jpg) center top no-repeat;
background-size:100%;
position:relative;}
.modal a.box {width:150px;height:80px;display:block; transition:all 0.3s;}
.modal a.box img {width:100%; transition:all 0.3s; opacity:0;}
.modal a:hover.box img {width:100%; transition:all 0.3s; opacity:1;}
.b_left {position:absolute; top:295px; left:34px; background:url(../../img/check_enter_01.png) left top no-repeat;background-size:100%;}
.b_right {position:absolute; top:295px; left:216px; background:url(../../img/check_leave_01.png) left top no-repeat;background-size:100%;}
.modal a { cursor:pointer; }

/* ----------------------------------　メインビジュアル　---------------------------------- */

h1 {display:none;}
h2 {display:none;}

#Mainvisual {
	background:url(../img/mainvisual_new.jpg) center top no-repeat;
	background-size:cover;
	width:100%;
	height:950px;
	position:relative;
	z-index:10;
}

#Subhead {
	width:100%;
	height:160px;
	position:relative;
	z-index:10;
}

header {
	background:url(../img/header_bg.png) left top repeat-x;
	width:100%;
	height:40px;
	position:absolute;
	left:0;
	top:0;
}

.head_wrap {
	width:1000px;
	height:40px;
	position:relative;
	margin:0 auto;
}

.head_title {
	width:580px;
	height:26px;
	padding:7px 0;
	position:relative;
}

.head_title a img {
	position:absolute;
	left:0;
	top:7px;
	transition:all 0.3s;
}

.head_title a:hover img {
	margin-top:-3px;
}

.head_twitter {
	width:140px;
	height:22px;
	padding:9px 0;
	position:absolute;
	right:0;
	top:0;
}

.head_twitter a img {
	right:0;
	top:9px;
	transition:all 0.3s;
}

.head_twitter a:hover img {
	margin-top:-3px;
}

.catch {
	background:url(../img/catch.png) left top no-repeat;
	width:700px;
	height:101px;
	position:absolute;
	left:50%;
	margin-left:-350px;
	top:350px;
	background-size:contain;
}

.main_logo {
	background:url(../img/main_logo.png) left top no-repeat;
	width:538px;
	height:200px;
	position:absolute;
	top:496px;
	left:50%;
	margin-left:-269px;
}

.main_staff {
	background:url(../img/main_staff.png) center top no-repeat;
	width:700px;
	height:30px;
	position:absolute;
	left:50%;
	top:712px;
	margin-left:-350px;
}

.day {
	background:url(../img/day.png) center top no-repeat;
	width:1000px;
	height:84px;
	position:absolute;
	left:50%;
	top:749px;
	margin-left:-500px;
}

/* ----------------------------------　メニュー　---------------------------------- */

#Menu {
	width:100%;
	height:120px;
	background:url(../img/menu_bottom.png) center top no-repeat;
	position:absolute;
	bottom:0;
	left:0;
}

.menu_wrap {
	background:url(../img/menu_bg.png) left top repeat;
	width:100%;
	height:120px;
}

.menu_wrap ul {
	width:1000px;
	height:120px;
	clear:both;
	margin:0 auto;
}

.menu_wrap ul li {
	float:left;
	position:relative;
}

.menu01 {background:url(../img/menu_01.png) left top no-repeat;width:168px;height:120px;}
.menu02 {background:url(../img/menu_02.png) left top no-repeat;width:166px;height:120px;}
.menu03 {background:url(../img/menu_03.png) left top no-repeat;width:166px;height:120px;}
.menu04 {background:url(../img/menu_04.png) left top no-repeat;width:166px;height:120px;}
.menu05 {background:url(../img/menu_05.png) left top no-repeat;width:166px;height:120px;}
.menu06 {background:url(../img/menu_06.png) left top no-repeat;width:168px;height:120px;}

.menu01 a {background:url(../img/menu_01_r.png) left top no-repeat;width:168px;height:120px;display:block;}
.menu02 a {background:url(../img/menu_02_r.png) left top no-repeat;width:166px;height:120px;display:block;}
.menu03 a {background:url(../img/menu_03_r.png) left top no-repeat;width:166px;height:120px;display:block;}
.menu04 a {background:url(../img/menu_04_r.png) left top no-repeat;width:166px;height:120px;display:block;}
.menu05 a {background:url(../img/menu_05_r.png) left top no-repeat;width:166px;height:120px;display:block;}
.menu06 a {background:url(../img/menu_06_r.png) left top no-repeat;width:168px;height:120px;display:block;}

.menu_wrap ul li a {
	transition:all 0.3s;
	opacity:0;
}

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

/* ----------------------------------　コンテンツ　---------------------------------- */

#Contents {
	width:1000px;
	margin:42px auto 60px;
	position:relative;
	z-index:10;
}

.log {
	width:1000px;
}

.log ul {
	clear:both;
}

.log ul li {
	float:left;
	width:470px;
	height:180px;
	margin-bottom:48px;
	position:relative;
}

.log ul li div.daynew {
	position:absolute;
	width:470px;
	height:180px;
	left:-4px;
	top:-4px;
	border-radius:15px;
	border:4px solid #ffcc00;
	background-color:#ffcc00;
	z-index:15;
}

.log ul li div.nextwrap {
	position:absolute;
	width:470px;
	height:180px;
	left:-3px;
	top:-3px;
	border-radius:15px;
	border:3px solid #4bbea1;
	background-color:#4bbea1;
	z-index:15;
}

.log ul li div.oneday {
	position:absolute;
	width:200px;
	height:30px;
	left:135px;
	top:-15px;
	display:block;
	font-family: 'Chewy', cursive;
	line-height:30px;
	font-size:2rem;
	color:#2a2a2a;
	text-align:center;
	background-color:#ffcc00;
	border-radius:15px;
	z-index:25;
}

.log ul li figure {
	width:470px;
	height:180px;
	border-radius:15px;
	overflow:hidden;
	position:relative;
	z-index:20;
	background-color:#FFF;
}

.log ul li a {
	position:relative;
	z-index:24;
	display:block;
}

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

.log ul li a:hover img {
	transition:all 0.3s;
	opacity:0.7;
}

.log ul li a figcaption {
	width:458px;
	padding-left:12px;
	height:40px;
	background-color:rgba(255,255,255,0.7);
	position:absolute;
	bottom:0;
	left:0;
	z-index:22;
	color:#4d4d4d;
	line-height:40px;
	font-size:1.6rem;
	font-weight:bold;
	text-align:left;
}

.topics {
	position:relative;
	z-index:20;
}

.topics ul {
	width:1000px;
	height:205px;
	clear:both;
	margin:0 auto;
}

.topics ul li {
	width:205px;
	height:205px;
	float:left;
	border-radius:15px;
}

.topics ul li figure {
	width:205px;
	height:205px;
	border-radius:15px;
	overflow:hidden;
	position:relative;
}

.topics ul li a figcaption {
	width:205px;
	height:205px;
	background:rgba(255,255,255,0.8);
	opacity:0;
	transition:all 0.3s;
	position:absolute;
	left:0;
	top:0;
	border-radius:15px;
}

.topics ul li a:hover figcaption {
	opacity:1;
}

.topics ul li a figcaption p {
	width:205px;
	height:205px;
	display:table-cell;
	vertical-align:middle;
	font-size:1.6rem;
	color:rgba(7,10,128,1.00);
	line-height:24px;
	font-weight:bold;
}

.topics ul li figcaption.coming {
	width:205px;
	height:205px;
	background:rgba(0,0,0,0.6);
	display:block;
	position:absolute;
	left:0;
	top:0;
}

.mr60 {
	margin-right:60px;
}

#Topics {
	width:1000px;
	margin:0 auto;
}

#Topics ul {
	margin-right:-18px;
}

#Topics ul li {
	float:left;
	position: relative;
	margin-right:18px;
	margin-bottom:24px;
}

#Topics ul li em {
	background:url(../topics/new.png) left top no-repeat;
	width:60px;
	height:60px;
	display: block;
	position: absolute;
	right:12px;
	top:-20px;
}

#Topics ul li a {
	border:3px solid #fff;
	display: block;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	background-color:#fff;
}

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

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

#Rireki {
	background:url(../img/rireki_bg.png) left top no-repeat;
	width:1000px;
	height:300px;
	position: relative;
	margin-bottom:48px;
}

.logbox {
	width:430px;
	height:200px;
	padding:10px 10px 0 10px;
	background:rgba(0,0,0,0.2);
	overflow: hidden;
	position: absolute;
	top:70px;
	left:28px;
}

.logbox dl dt {
	width:150px;
	height:24px;
	border-radius: 3px;
	text-align: center;
	line-height: 24px;
	color:#08006d;
	font-size:1.5rem;
	font-weight: bold;
	background-color:#fff;
	display: block;
	margin-bottom:12px;
}

.logbox dl dd {
	color:#fff;
	text-align: left;
	font-size:1.4rem;
	padding-bottom:12px;
	border-bottom:1px dotted #08006d;
	margin-bottom:12px;
}

.logbox dl dd a {
	color:#fff;
	text-decoration: underline;
}

.logbox dl dd a:hover {
	text-decoration: none;
}

.movie {
	background:#fff;
	width:480px;
	height:270px;
	position: absolute;
	right:15px;
	top:15px;
	border-radius: 10px;
	overflow: hidden;
}

#Index_bottom {
	width:1000px;
	position: relative;
	padding-bottom:60px;
}

.twit_wrap {
	float:left;
	width:560px;
	height:440px;
	position: relative;
}

.mint {
	background:url(../img/mint.png) left top no-repeat;
	width:128px;
	height:484px;
	position: absolute;
	left:0;
	top:-40px;
	z-index:50;
}

.minton {
	background:url(../img/minton.png) left top no-repeat;
	width:114px;
	height:123px;
	position: absolute;
	right:15px;
	bottom:0;
	z-index:50;
}

a.twitlink {
	width:96px;
	height:96px;
	border-radius: 48px;
	display: block;
	color:#fff;
	line-height: 104px;
	background-color:#00a0e9;
	position: absolute;
	right:15px;
	top:200px;
	z-index:50;
	font-size:6rem;
	transition: all 0.3s;
}

a:hover.twitlink {
	background-color:#4DBCEF;
}

a.twitlink:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 10px 0 10px;
	border-color: #00a0e9 transparent transparent transparent;
	position: absolute;
	left:38px;
	bottom:-20px;
	z-index:60;
	transition: all 0.3s;
}

a.twitlink:hover:before {
	border-color: #4DBCEF transparent transparent transparent;
}

.twit_white {
	width:400px;
	height:420px;
	padding-top:20px;
	background-color:#fff;
	display: block;
	border-radius: 10px;
	margin:0 auto;
	position: relative;
	z-index:10;
}

.twitter-timeline {
	border-left:1px solid #e2e9ec;
}

.bottom_sq {
	float:left;
	width:440px;
}

.bottom_sq ul {
	margin-right:-30px;
}

.bottom_sq ul li {
	float:left;
	width:205px;
	height:205px;
	margin-bottom:30px;
	margin-right:30px;
}

.bottom_sq ul li a {
	display: block;
	width:205px;
	height:205px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	background-color:#fff;
}

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

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

/* ----------------------------------　フッター　---------------------------------- */

.footspace {
	width:100%;
	height:400px;
}

footer {
	width:100%;
	min-width:1000px;
	height:430px;
	padding-top:30px;
	position: absolute;
	bottom: 0;
	*left:-1px;
	z-index:10;
}

.foot_wrap {
	width:1000px;
	height:400px;
	position:relative;
	margin:0 auto;
}

.foot_logo {
	width:400px;
	height:150px;
	background:url(../img/main_logo.png) center top no-repeat;
	background-size:100%;
	margin:0 auto;
}

.foot_spec {
	text-align:center;
	color:#08006d;
	font-size:1.6rem;
	line-height:32px;
	margin:30px auto;
}


.foot_banner {
	width:200px;
	height:40px;
	background:#FFFFFF;
	margin:0 auto;
}

.copyright {
	width:400px;
	height:30px;
	color:#08006d;
	margin:0 auto;
	line-height:30px;
	font-size:1.2rem;
	text-align:center;
}


* html footer {
	bottom:expression(document.getElementById("PageWrapper").offsetHeight % 2 == 0 ? 0 : -1);
}

/* ----------------------------------　ストーリー　---------------------------------- */

.story_head {
	background:url(../sub/head_story.png) left top no-repeat;
	width:244px;
	height:84px;
	text-indent:-9999px;
	overflow:hidden;
	margin:36px auto;
	position:relative;
	z-index:20;
}

.story_img1 {
	background:url(../sub/story_img1.png) center top no-repeat;
	width:100%;
	height:454px;
	margin:0 auto 36px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
	z-index:20;
}

.story_img2 {
	background:url(../sub/story_img2.png) left top no-repeat;
	width:836px;
	height:538px;
	margin:0 auto 36px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
	z-index:20;
}

.separate_line {
	color:rgba(255,255,255,0.6);
	font-size:2rem;
	display:block;
	margin-bottom:60px;
	text-align:center;
}

.worldview_body {
	width:1000px;
	height:500px;
	position: relative;
	margin:0 auto;
}

.worldview_img {
	width:1000px;
	height:200px;
}

.worldview_img a {
	width:994px;
	height:194px;
	border:3px solid #FFF;
	background-color:#fff;
	border-radius:5px;
	overflow:hidden;
	box-shadow: 0 5px 0 rgba(254,107,144,1.00);
	display:block;
	transition:all 0.3s;
	position:absolute;
	left:0;
	top:0;
}

.worldview_img a:hover {
	margin-top:5px;
	box-shadow: 0 0px 0 rgba(254,107,144,1.00);
}

.worldview_body p {
	width:986px;
	padding:8px;
	line-height: 24px;
	margin:16px auto;
	background-color:rgba(255,255,255,0.8);
	display: block;
	border-radius: 5px;
	text-align: left;
	font-size:1.3rem;
	color:#08006d;
}

.worldview_img ul li p em {
	font-weight: bold;
	font-size:1.5rem;
}

.background_list {
	width:1000px;
	margin:32px auto 72px;
	position:relative;
	z-index:20;
}

.background_list ul {
	margin-right:-88px;
}

.background_list ul li {
	float:left;
	position:relative;
	width:456px;
	height:390px;
	margin-right:88px;
	margin-bottom:48px;
}

.background_list ul li a {
	width:450px;
	height:253px;
	border:3px solid #FFF;
	background-color:#fff;
	border-radius:5px;
	overflow:hidden;
	box-shadow: 0 5px 0 rgba(254,107,144,1.00);
	display:block;
	transition:all 0.3s;
	position:absolute;
	left:0;
	top:0;
}

.background_list ul li p {
	position: absolute;
	width:440px;
	top:270px;
	line-height: 24px;
	height:120px;
	left:0;
	padding:8px;
	background-color:rgba(255,255,255,0.8);
	display: block;
	border-radius: 5px;
	text-align: left;
	font-size:1.3rem;
	color:#08006d;
}

.background_list ul li p em {
	font-weight: bold;
	font-size:1.5rem;
}

.background_list ul li a:hover {
	margin-top:5px;
	box-shadow: 0 0px 0 rgba(254,107,144,1.00);
}

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

.background_list ul:after {
    clear: both;
}

.background_list ul {
    *zoom: 1;
}

/* ----------------------------------　ピックアップ　---------------------------------- */

.pickup_jump {
	display: inline-block;
	margin-bottom:36px;
}

.pickup_jump ul {
	text-align: left;
}

.pickup_jump ul li a {
	font-size:1.7rem;
	line-height: 42px;
	color:#fff;
	text-decoration: none;
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, rgba(0, 0, 0, 0.2) 0%) repeat scroll 0 0;
	font-weight: bold;
}

.pickup_jump ul li a:hover {
	color:yellow;
}

.pickup_list ul {
	width:1000px;
	margin:0 auto;
	position:relative;
	z-index:20;
}

.pickup_list ul li{
	width:1000px;
	height:95px;
	margin-bottom:16px;
}

.pickup_head {
	background:url(../sub/head_pickup.png) left top no-repeat;
	width:308px;
	height:84px;
	text-indent:-9999px;
	overflow:hidden;
	margin:36px auto;
	position:relative;
	z-index:20;
}

.pu00_01 {
	background:url(../sub/pickup/pu00_01.png) left top no-repeat;
	width:872px;
	height:44px;
	margin:42px auto 72px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
	z-index:20;
}

.pu01_01 {
	background:url(../sub/pickup/pu01_01.png) left top no-repeat;
	width:774px;
	height:44px;
	margin:0 auto 48px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
	z-index:20;
}

.pu01_02 {
	background:url(../sub/pickup/pu01_02.png) left top no-repeat;
	width:316px;
	height:84px;
	margin:0 auto 48px;
	position:relative;
	z-index:20;
}

.pu01_03 {
	background:url(../sub/pickup/pu01_03.png) left top no-repeat;
	width:172px;
	height:85px;
	margin:0 auto 48px;
	position:relative;
	z-index:20;
}

.pu01_04 {
	background:url(../sub/pickup/pu01_04.png) left top no-repeat;
	width:193px;
	height:86px;
	margin:0 auto 48px;
	position:relative;
	z-index:20;
}

.pu01_05 {
	background:url(../sub/pickup/pu01_05.png) left top no-repeat;
	width:206px;
	height:85px;
	margin:0 auto 48px;
	position:relative;
	z-index:20;
}

.pu01_06 {
	background:url(../sub/pickup/pu01_06.png) left top no-repeat;
	width:534px;
	height:185px;
	margin:0 auto 48px;
	position:relative;
	z-index:20;
}

.pu01_07 {
	background:url(../sub/pickup/pu01_07.png) left top no-repeat;
	width:459px;
	height:135px;
	margin:0 auto 48px;
	position:relative;
	z-index:20;
}

.pu01_08 {
	background:url(../sub/pickup/pu01_08.png) left top no-repeat;
	width:485px;
	height:135px;
	margin:0 auto 48px;
	position:relative;
	z-index:20;
}

.pu01_09 {
	background:url(../sub/pickup/pu01_09.png) left top no-repeat;
	width:928px;
	height:79px;
	margin:0 auto 72px;
	position:relative;
	z-index:20;
}

a.pulink {
	width:40px;
	height:40px;
	border-radius:20px;
	background:#FFF;
	line-height:42px;
	text-align:center;
	display:block;
	font-size:2.6rem;
	color:#018fcb;
	box-shadow:0 0 5px rgba(7,0,99,0.7);
	transition:all 0.3s;
}

a:hover.pulink {
	transform:scale(1.2);
	color:#ff6c92;
}

.pu01_02 a {position:absolute;bottom:5px;right:45px;}

a.p0106a {position:absolute;top:38px;right:0px;}
a.p0106b {position:absolute;bottom:55px;right:0px;}
a.p0106c {position:absolute;bottom:0;left:247px;}

a.p0107a {position:absolute;bottom:55px;right:0px;}
a.p0107b {position:absolute;bottom:0;left:209px;}
a.p0108a {position:absolute;bottom:55px;right:0px;}
a.p0108b {position:absolute;bottom:0;left:222px;}

.pu01_09 a {display:block;width:342px;height:36px;position:absolute;left:330px;top:0;}


.pickup_block {
	width:1000px;
	margin:48px auto;
}

.balloon {
	width:900px;
	height:140px;
	margin:0 auto 24px;
}

.balloon figcaption {
	width:708px;
	height:108px;
	padding:16px;
	background:#fff;
	border-radius: 24px;
	font-size:1.6rem;
	text-align: left;
	color:#00334a;
	position: relative;
}

.balloon img {
	border-radius: 8px;
	overflow: hidden;
}

.ba_l img {
	float:left;
}

.ba_l figcaption {
	float:right;
}

.ba_l figcaption:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 20px 10px 0;
	border-color: transparent #ffffff transparent transparent;
	position: absolute;
	left:-20px;
	top:60px;
}

.ba_r img {
	float:right;
}

.ba_r figcaption {
	float:left;
}

.ba_r figcaption:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 20px;
	border-color: transparent transparent transparent #ffffff;
	position: absolute;
	right:-20px;
	top:60px;
}

.balloon figcaption p {
	width:708px;
	height:108px;
	display: table-cell;
	vertical-align: middle;
}

.balloon figcaption p a {
	color:#0190cb;
	text-decoration: none;
}

.balloon figcaption p a:hover {
	text-decoration: underline;
}


.pickup_topics {
	display: block;
	width:900px;
	height:48px;
	border-radius: 29px;
	font-size:2.5rem;
	font-weight: bold;
	line-height: 48px;
	border:5px solid rgba(255,255,255,1);
	margin:36px auto 36px;
	color:#fff;
}

.pickup_img {
	display: block;
	width:800px;
	border-radius: 10px;
	overflow: hidden;
	border:10px solid rgba(255,255,255,0.8);
	margin:0 auto 24px;
}

.pickup_img img {
	width:100%;
}

.pickup_img2 {
	display: block;
	width:450px;
	border-radius: 10px;
	overflow: hidden;
	border:10px solid rgba(255,255,255,0.8);
	margin:0 auto 24px;
}

.pickup_img3 {
	display: block;
	width:980px;
	border-radius: 10px;
	overflow: hidden;
	border:10px solid rgba(255,255,255,0.8);
	margin:0 auto 24px;
}

.pickup_img4 {
	display: block;
	width:414px;
	border-radius: 10px;
	overflow: hidden;
	border:10px solid rgba(255,255,255,0.8);
	margin:0 auto 24px;
}

.pickup_comment {
	width:700px;
	padding:16px;
	margin:0 auto 36px;
	background:rgba(255,255,255,0.8);
	border-radius: 10px;
	font-size:1.6rem;
	text-align: left;
	color:#00334a;
	position: relative;
}

.pickup_sound {
	width:900px;
	margin:0 auto;
}

.pickup_sound ul li {
	float:left;
	width:400px;
	height:200px;
	padding:0 25px 0;
	margin-bottom:25px;
}

/* ----------------------------------　キャラクター　---------------------------------- */

.chara_head {
	background:url(../sub/head_chara.png) left top no-repeat;
	width:442px;
	height:84px;
	text-indent:-9999px;
	overflow:hidden;
	margin:36px auto;
	position:relative;
	z-index:20;
}

#Chara_list {
	padding-left:50px;
	height:150px;
	position:relative;
	z-index:20;
}

#Chara_list a {
	width:100px;
	height:100px;
	border-radius:65px;
	overflow:hidden;
	display:inline-block;
	margin-right:50px;
	transition:all 0.3s;
}

#Chara_list img {
	width:100%;
}

#Chara_list a:hover {
	transform:scale(1.5)
}

#Chara01 {
	background:url(../sub/chara/bg01.png) center top no-repeat;
	width:100%;
	height:1000px;
	position:relative;
	z-index:20;
	margin:0 auto 32px;
}

#Chara02 {
	background:url(../sub/chara/bg02.png) center top no-repeat;
	width:100%;
	height:1000px;
	position:relative;
	z-index:20;
	margin:0 auto 32px;
}

#Chara03 {
	background:url(../sub/chara/bg03.png) center top no-repeat;
	width:100%;
	height:1000px;
	position:relative;
	z-index:20;
	margin:0 auto 32px;
}

#Chara04 {
	background:url(../sub/chara/bg04.png) center top no-repeat;
	width:100%;
	height:1000px;
	position:relative;
	z-index:20;
	margin:0 auto 32px;
}

#Chara05 {
	background:url(../sub/chara/bg05.png) center top no-repeat;
	width:100%;
	height:1000px;
	position:relative;
	z-index:20;
	margin:0 auto 32px;
}

#Chara06 {
	background:url(../sub/chara/bg06.png) center top no-repeat;
	width:100%;
	height:1000px;
	position:relative;
	z-index:20;
	margin:0 auto 32px;
}

#Chara07 {
	background:url(../sub/chara/bg07.png) center top no-repeat;
	width:100%;
	height:1000px;
	position:relative;
	z-index:20;
	margin:0 auto 32px;
}

#Chara08 {
	background:url(../sub/chara/bg08.png) center top no-repeat;
	width:100%;
	height:1000px;
	position:relative;
	z-index:20;
	margin:0 auto 32px;
}

#Chara09 {
	background:url(../sub/chara/bg09.png) center top no-repeat;
	width:100%;
	height:1000px;
	position:relative;
	z-index:20;
	margin:0 auto 32px;
}

a.chara_button {
	width:300px;
	height:32px;
	border-radius:16px;
	background-color:#FFF;
	line-height:32px;
	color:#030048;
	font-size:1.4rem;
	text-align:center;
	display:block;
	box-shadow:0 5px 0 #3a78ba;
	text-decoration:none;
	transition:all 0.3s;
}

a:hover.chara_button {
	margin-top:5px;
	box-shadow:0 0 0 #3a78ba;
	color:#fe6b90;
}

a.chara_button span {
	background:rgba(255,221,0,1.00);
	padding:0 8px;
	border-radius: 15px;
}

em.chara_button {
	width:300px;
	height:32px;
	border-radius:16px;
	background-color:#9A9A9A;
	line-height:32px;
	color:#030048;
	font-size:1.4rem;
	text-align:center;
	display:block;
	box-shadow:0 5px 0 #3a78ba;
	text-decoration:none;
}

.cbutton_1 {
	width:300px;
	height:37px;
	position:absolute;
	top:950px;
	left:50%;
	margin-left:-500px;
	z-index:25;
}

.cbutton_2 {
	width:300px;
	height:37px;
	position:absolute;
	top:950px;
	left:50%;
	margin-left:-150px;
	z-index:25;
}

.cbutton_3 {
	width:300px;
	height:37px;
	position:absolute;
	top:950px;
	left:50%;
	margin-left:200px;
	z-index:25;
}

.chara_movie {
	width:293px;
	height:160px;
	border:5px solid #fff;
	background-color:#fff;
	position: absolute;
	left:50%;
	margin-left:-112px;
	bottom:84px;
	border-radius: 10px;
	overflow: hidden;
}

.voice_block {
	position: absolute;
	right:50%;
	margin-right:-500px;
	top:290px;
}

.voice_block ul li {
	float: left;
	margin-left:15px;
}

.voice_block ul li a {
	display: block;
	width:84px;
	height:24px;
	line-height: 24px;
	border-radius: 24px;
	font-size:1.2rem;
	text-decoration: none;
	color:#fff;
	border: 3px solid #fff;
	transition: all 0.3s;
}

#Chara01 .voice_block ul li a {	background-color:#c94d62;}
#Chara01 .voice_block ul li a:hover {	background-color:#FDA4B3;}
#Chara02 .voice_block ul li a {	background-color:#00a0e9;}
#Chara02 .voice_block ul li a:hover {	background-color:#65C9F7;}
#Chara03 .voice_block ul li a {	background-color:#ffcd00;}
#Chara03 .voice_block ul li a:hover {	background-color:#FFE57E;}
#Chara04 .voice_block ul li a {	background-color:#a770b3;}
#Chara04 .voice_block ul li a:hover {	background-color:#DCA9E7;}

.voice_block ul li a.none {
	background-color:darkgray!important;
	color:dimgray!important;
	border: 3px solid rgba(105,105,105,1.00)!important;
}

/* ----------------------------------　ギャラリー　---------------------------------- */

.gallery_head {
	background:url(../sub/head_gallery.png) left top no-repeat;
	width:329px;
	height:84px;
	text-indent:-9999px;
	overflow:hidden;
	margin:36px auto;
	position:relative;
	z-index:20;
}

.gallery_list {
	width:100%;
	margin-bottom: 72px;
	position:relative;
	z-index:20;
}

.gallery_list ul {
	width:1000px;
	margin:0 auto;
	clear:both;
}

.gallery_list ul li {
	float:left;
	position:relative;
	width:316px;
	height:182px;
	margin-bottom:32px;
}

.gallery_list ul li em {
	display: block;
	width:100px;
	height:24px;
	line-height:24px;
	font-family: 'Bowlby One SC', cursive;
	background-color:#FFEE10;
	color:#040E87;
	position: absolute;
	z-index:100;
	font-size:1.7rem;
	border-radius: 12px;
	left:10px;
	top:-12px;
}

.gallery_list ul li a {
	width:310px;
	height:176px;
	border:3px solid #FFF;
	border-radius:5px;
	overflow:hidden;
	box-shadow: 0 5px 0 rgba(254,107,144,1.00);
	display:block;
	transition:all 0.3s;
	position:absolute;
	left:0;
	top:0;
}

.gallery_list ul li a:hover {
	margin-top:5px;
	box-shadow: 0 0px 0 rgba(254,107,144,1.00);
}

.mr26 {
	margin-right:26px;
}

/* ----------------------------------　スペック　---------------------------------- */

.spec_head {
	background:url(../sub/head_spec.png) left top no-repeat;
	width:262px;
	height:84px;
	text-indent:-9999px;
	overflow:hidden;
	margin:36px auto;
	position:relative;
	z-index:20;
}

.spec_txt {
	background:url(../sub/spec_txt.png) left top no-repeat;
	width:953px;
	height:640px;
	position:relative;
	z-index:20;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto 72px;
}

/* ----------------------------------　スペシャル　---------------------------------- */

.special_head {
	background:url(../sub/head_special.png) left top no-repeat;
	width:313px;
	height:84px;
	text-indent:-9999px;
	overflow:hidden;
	margin:36px auto;
	position:relative;
	z-index:20;
}

.special_topics {
	text-align:center;
	font-size:2.8rem;
	color:#FFF;
	font-family: 'Bowlby One SC', cursive;
	line-height:42px;
	height:42px;
	margin:0 auto 24px;
	width:700px;
	border-radius:21px;
	border:2px solid #FFF;
}

.icon_txt {
	font-size:1.8rem;
	color:#FFF;	
}

.icon_box {
	width:800px;
	height:360px;
	background:url(../special/icon_bg.jpg) left top no-repeat;
	border-radius:30px;
	margin:0 auto 24px;
	position:relative;
	z-index:20;
}

.download_button {
	width:300px;
	height:36px;
	margin:0 auto 24px;
	position:relative;
	z-index:20;
}

.download_button a {
	width:300px;
	height:36px;
	font-family: 'Bowlby One SC', cursive;
	line-height:36px;
	background:#FF8E00;
	border-radius:18px;
	display:block;
	font-size:2rem;
	color:#FFF;
	text-decoration:none;
	position:absolute;
	top:0;
	left:0;
	box-shadow:0 5px 0 rgba(0,0,0,1.00);
	transition:all 0.3s;
	text-align:center;
}

.download_button a:hover {
	margin-top:5px;
	box-shadow:0 0px 0 rgba(0,0,0,1.00);
}

.tweet_button {
	width:300px;
	height:36px;
	margin:0 auto 24px;
	position:relative;
	z-index:20;
}

.tweet_button a {
	width:300px;
	height:36px;
	font-family: 'Bowlby One SC', cursive;
	line-height:36px;
	background:#007CFF;
	border-radius:18px;
	display:block;
	font-size:2rem;
	color:#FFF;
	margin:0 auto 24px;
	text-decoration:none;
	position:absolute;
	top:0;
	left:0;
	box-shadow:0 5px 0 rgba(0,0,0,1.00);
	transition:all 0.3s;
	text-align:center;
}

.tweet_button a:hover {
	margin-top:5px;
	box-shadow:0 0px 0 rgba(0,0,0,1.00);
}

.trailer_body {
	width:860px;
	padding:32px 32px;
	border-radius:20px;
	background:#FFF;
	line-height:32px;
	font-size:1.7rem;
	color:#4A0001;
	
	margin:0 auto 32px;
	position:relative;
	z-index:20;
}

.next_midashi {
	width:600px;
	height:120px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../special/yokoku_head.jpg) left top no-repeat;
	margin:0 auto 32px;
	border-radius:20px;
}

.trailer_body p {
	background:url(../img/trailer_bg.png) left top repeat-y;
	text-align:left;
	margin-bottom:24px;
}

.trailer_body span {

}

.retweet_explain {
	width:100%;
	height:1100px;
	background:url(../special/retweet.png) center top no-repeat;
	margin:0 auto 24px;
	position:relative;
	z-index:20;
}

.retweet_explain2 {
	width:100%;
	height:1100px;
	background:url(../special/retweet2.png) center top no-repeat;
	margin:0 auto 24px;
	position:relative;
	z-index:20;
}

.retweetbox {
	width:500px;
	margin:0 auto;
}

.priv_head {
	background:url(../special/priv_head.png) center top no-repeat;
	width:100%;
	height:269px;
	text-indent: -9999px;
	overflow: hidden;
	position: relative;
	margin:0 auto 36px;
}

.priv_pre {
	background:url(../special/priv_preorder.jpg) left top no-repeat;
	width:1000px;
	height:1700px;
	overflow: hidden;
	border-radius: 10px;
	margin:0 auto 36px;
	position: relative;
}

a.link_pritti {
	width:430px;
	height:100px;
	display: block;
	position: absolute;
	background-color:rgba(255,255,255,0);
	right:51px;
	bottom:78px;
	transition: all 0.3s;
	border-radius: 10px;
}

a:hover.link_pritti {
	background-color:rgba(255,255,255,0.3);
}

.priv_first {
	background:url(../special/priv_limited.jpg) left top no-repeat;
	width:1000px;
	height:2130px;
	overflow: hidden;
	border-radius: 10px;
	margin:0 auto 36px;
	position: relative;
}

a.link_kurukuru {
	width:430px;
	height:100px;
	display: block;
	position: absolute;
	background-color:rgba(255,255,255,0);
	right:51px;
	bottom:878px;
	transition: all 0.3s;
	border-radius: 10px;
}

a:hover.link_kurukuru {
	background-color:rgba(255,255,255,0.3);
}

a.link_patinyan {
	width:430px;
	height:100px;
	display: block;
	position: absolute;
	background-color:rgba(255,255,255,0);
	right:51px;
	bottom:55px;
	transition: all 0.3s;
	border-radius: 10px;
}

a:hover.link_patinyan {
	background-color:rgba(255,255,255,0.3);
}

/* ----------------------------------　店舗特典　---------------------------------- */

.tokuten_wrap {
	width:1000px;
	margin:48px auto;
}

.wrap_kakioroshi {
	margin-right:-40px;
}

.tokubox {
	width:480px;
	height:700px;
	position: relative;
	float:left;
	margin-right:40px;
	margin-bottom:60px;
}

.tokubox:before {
	content: "";
	display: block;
	
	width:480px;
	height:700px;
	position: relative;
	float:left;
	border-radius: 15px;
	overflow: hidden;
	top:0;
	left:0;
}

.tokubox2 {
	width:1000px;
	height:700px;
	position: relative;
	float:left;
	margin-right:40px;
	margin-bottom:60px;
}

.tokubox2:before {
	content: "";
	display: block;
	
	width:1000px;
	height:700px;
	position: relative;
	float:left;
	border-radius: 15px;
	overflow: hidden;
	top:0;
	left:0;
}

.sofmap:before {background:url(../special/shopbonus/sofmap.jpg) left top no-repeat;}
.getchu:before {background:url(../special/shopbonus/getchu.jpg) left top no-repeat;}
.melonbooks:before {background:url(../special/shopbonus/melonbooks.jpg) left top no-repeat;}
.trader:before {background:url(../special/shopbonus/trader.jpg) left top no-repeat;}
.seagull:before {background:url(../special/shopbonus/seagull.jpg) left top no-repeat;}
.medio:before {background:url(../special/shopbonus/medio.jpg) left top no-repeat;}

.tokubox:after {
	content: "";
	display: block;
	width:480px;
	height:59px;
	position: absolute;
	left:0;
	top:-30px;
}

.tokubox2:after {
	content: "";
	display: block;
	width:1000px;
	height:59px;
	position: absolute;
	left:0;
	top:-30px;
}

.sofmap:after {background:url(../special/shopbonus/name_sofmap.png) center top no-repeat;}
.getchu:after {background:url(../special/shopbonus/name_getchu.png) center top no-repeat;}
.melonbooks:after {background:url(../special/shopbonus/name_melonbooks.png) left top no-repeat;}
.trader:after {background:url(../special/shopbonus/name_trader.png) left top no-repeat;}
.seagull:after {background:url(../special/shopbonus/name_seagull.png) left top no-repeat;}
.medio:after {background:url(../special/shopbonus/name_medio.png) left top no-repeat;}

.shopbutton {
	width:300px;
	height:40px;
	position: absolute;
	bottom:26px;
	left:90px;
}

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

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

.shopbutton2 {
	width:300px;
	height:40px;
	position: absolute;
	bottom:26px;
	left:350px;
}

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

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

.wrap_original {
	margin-right:-50px;
}

.oribox {
	width:300px;
	height:330px;
	position: relative;
	overflow: hidden;
	float:left;
	border-radius: 15px;
	margin-right:50px;
	margin-bottom:48px;
}

.furukawa {background:url(../special/shopbonus/ori_furukawa.jpg) left top no-repeat;}
.fammys {background:url(../special/shopbonus/ori_fammys.jpg) left top no-repeat;}
.amiami {background:url(../special/shopbonus/ori_amiami.jpg) left top no-repeat;}
.mk {background:url(../special/shopbonus/ori_mk.jpg) left top no-repeat;}
.comrode {background:url(../special/shopbonus/ori_comrode.jpg) left top no-repeat;}
.nankai {background:url(../special/shopbonus/ori_nankai.jpg) left top no-repeat;}
.toranoana {background:url(../special/shopbonus/ori_toranoana.jpg) left top no-repeat;}
.alice {background:url(../special/shopbonus/ori_alice.jpg) left top no-repeat;}
.prop {background:url(../special/shopbonus/ori_prop.jpg) left top no-repeat;}

.shopbutton_s {
	width:240px;
	height:40px;
	position: absolute;
	bottom:26px;
	left:30px;
}

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

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

.event_shiori {
	background:url(../special/shiori.jpg) left top no-repeat;
	width:960px;
	height:1358px;
	margin:48px auto;
	border:10px solid #fff;
	border-radius: 15px;
}

.event_shiori2 {
	background:url(../special/shiori2.jpg) left top no-repeat;
	width:960px;
	height:1358px;
	margin:48px auto;
	border:10px solid #fff;
	border-radius: 15px;
}

.event_poster {
	background:url(../special/poster.jpg) left top no-repeat;
	width:960px;
	height:1358px;
	margin:48px auto;
	border:10px solid #fff;
	border-radius: 15px;
}

.shiori_other table {
	width:700px;
	font-size:1.6rem;
	margin:0 auto 36px;
	border-collapse: separate;
	border-spacing: 6px;
	background-color:rgba(229,247,255,1.00);
	border-radius: 5px;
}

.shiori_other table th {
	padding:8px 0;
	border-radius: 5px;
	font-weight: bold;
	font-size:2.2rem;
	text-align: center;
	color:rgba(14,51,152,1.00);
}

.shiori_other table td {
	background:#fff;
	padding:8px 0;
	border-radius: 5px;
	color:dimgray;
}

.movie_box {
	margin:48px auto 60px;
	width:960px;
	border:10px solid rgba(255,255,255,0.7);
	position: relative;
	z-index:100;
}

.movie_box iframe {
	vertical-align: bottom;
}

.movie_comment {
	background:url(../sub/op_comment.jpg) left top no-repeat;
	width:1000px;
	height:200px;
	border-radius: 15px;
	overflow: hidden;
	margin:0 auto 60px;
}

.diagram_base {
	background:url(../sub/chara/diagram/base.png) center top no-repeat;
	width:1020px;
	height:880px;
	position: relative;
	margin:0 auto;
}

.diagram_base a {
	width:168px;
	height:180px;
	display: block;
}

a.chara01 {
	position: absolute;
	margin-left:181px;
	top:659px;
}

a.chara02 {
	position: absolute;
	margin-left:321px;
	top:259px;
}

a.chara03 {
	position: absolute;
	margin-left:687px;
	top:600px;
}

a.chara04 {
	position: absolute;
	margin-left:569px;
	top:70px;
}

a.chara05 {
	position: absolute;
	margin-left:569px;
	top:259px;
}

a.chara06 {
	position: absolute;
	margin-left:809px;
	top:70px;
}

a.chara07 {
	position: absolute;
	margin-left:181px;
	top:69px;
}

a.chara08 {
	position: absolute;
	margin-left:181px;
	top:469px;
}

/*.arrow_01 {
	background:url(../sub/chara/diagram/arrow_01.png) center top no-repeat;
	width:1020px;
	height:880px;
	display: block;
	-webkit-transition: all .5s;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
}

a.chara01:hover + .arrow_01 {
	visibility: visible;
    opacity: 1;
}*/

a.chara01:before {
	content: "";
	background:url(../sub/chara/diagram/arrow_01.png) center top no-repeat;
	width:1020px;
	height:880px;
	display: block;
	position: absolute;
	left:-181px;
	top:-659px;
	-webkit-transition: all .5s;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
	pointer-events: none;
}

a.chara01:hover:before {
	visibility: visible;
    opacity: 1;
}

a.chara02:before {
	content: "";
	background:url(../sub/chara/diagram/arrow_02.png) center top no-repeat;
	width:1020px;
	height:880px;
	display: block;
	position: absolute;
	left:-321px;
	top:-259px;
	-webkit-transition: all .5s;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
	pointer-events: none;
}

a.chara02:hover:before {
	visibility: visible;
    opacity: 1;
}

a.chara03:before {
	content: "";
	background:url(../sub/chara/diagram/arrow_03.png) center top no-repeat;
	width:1020px;
	height:880px;
	display: block;
	position: absolute;
	left:-687px;
	top:-600px;
	-webkit-transition: all .5s;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
	pointer-events: none;
}

a.chara03:hover:before {
	visibility: visible;
    opacity: 1;
}

a.chara04:before {
	content: "";
	background:url(../sub/chara/diagram/arrow_04.png) center top no-repeat;
	width:1020px;
	height:880px;
	display: block;
	position: absolute;
	left:-569px;
	top:-70px;
	-webkit-transition: all .5s;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
	pointer-events: none;
}

a.chara04:hover:before {
	visibility: visible;
    opacity: 1;
}

a.chara05:before {
	content: "";
	background:url(../sub/chara/diagram/arrow_05.png) center top no-repeat;
	width:1020px;
	height:880px;
	display: block;
	position: absolute;
	left:-569px;
	top:-259px;
	-webkit-transition: all .5s;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
	pointer-events: none;
}

a.chara05:hover:before {
	visibility: visible;
    opacity: 1;
}

a.chara06:before {
	content: "";
	background:url(../sub/chara/diagram/arrow_06.png) center top no-repeat;
	width:1020px;
	height:880px;
	display: block;
	position: absolute;
	left:-809px;
	top:-69px;
	-webkit-transition: all .5s;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
	pointer-events: none;
}

a.chara06:hover:before {
	visibility: visible;
    opacity: 1;
}

a.chara07:before {
	content: "";
	background:url(../sub/chara/diagram/arrow_07.png) center top no-repeat;
	width:1020px;
	height:880px;
	display: block;
	position: absolute;
	left:-181px;
	top:-69px;
	-webkit-transition: all .5s;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
	pointer-events: none;
}

a.chara07:hover:before {
	visibility: visible;
    opacity: 1;
}

a.chara08:before {
	content: "";
	background:url(../sub/chara/diagram/arrow_08.png) center top no-repeat;
	width:1020px;
	height:880px;
	display: block;
	position: absolute;
	left:-181px;
	top:-469px;
	-webkit-transition: all .5s;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
	pointer-events: none;
}

a.chara08:hover:before {
	visibility: visible;
    opacity: 1;
}

/*.menu01:before {
	content: "NEW!";
	font-family: 'Bowlby One SC', cursive;
	display: block;
	width:80px;
	height:18px;
	line-height: 18px;
	border-radius: 109px;
	background-color:#FFEE10;
	position: absolute;
	left:50%;
	margin-left:-40px;
	bottom:-11px;
	z-index:500;
	color:#040E87;
	text-align: center;
	font-size:1.6rem;
	letter-spacing:0.1rem;
}*/

/*.menu02:before {
	content: "NEW!";
	font-family: 'Bowlby One SC', cursive;
	display: block;
	width:80px;
	height:18px;
	line-height: 18px;
	border-radius: 109px;
	background-color:#FFEE10;
	position: absolute;
	left:50%;
	margin-left:-40px;
	bottom:-11px;
	z-index:500;
	color:#040E87;
	text-align: center;
	font-size:1.6rem;
	letter-spacing:0.1rem;
}*/

.menu03:before {
	content: "NEW!";
	font-family: 'Bowlby One SC', cursive;
	display: block;
	width:80px;
	height:18px;
	line-height: 18px;
	border-radius: 109px;
	background-color:#FFEE10;
	position: absolute;
	left:50%;
	margin-left:-40px;
	bottom:-11px;
	z-index:500;
	color:#040E87;
	text-align: center;
	font-size:1.6rem;
	letter-spacing:0.1rem;
}

/*.menu04:before {
	content: "NEW!";
	font-family: 'Bowlby One SC', cursive;
	display: block;
	width:80px;
	height:18px;
	line-height: 18px;
	border-radius: 109px;
	background-color:#FFEE10;
	position: absolute;
	left:50%;
	margin-left:-40px;
	bottom:-11px;
	z-index:500;
	color:#040E87;
	text-align: center;
	font-size:1.6rem;
	letter-spacing:0.1rem;
}*/

/*.menu06:before {
	content: "NEW!";
	font-family: 'Bowlby One SC', cursive;
	display: block;
	width:80px;
	height:18px;
	line-height: 18px;
	border-radius: 109px;
	background-color:#FFEE10;
	position: absolute;
	left:50%;
	margin-left:-40px;
	bottom:-11px;
	z-index:500;
	color:#040E87;
	text-align: center;
	font-size:1.6rem;
	letter-spacing:0.1rem;
}*/

.trial_table {
}

.trial_table table {
	margin:0 auto 80px;
	background-color:rgba(255,255,255,0.8);
	border-collapse: separate;
	border-spacing: 8px;
}

.trial_table table tr th {
	width:180px;
	padding:8px 12px;
	text-align: center;
	font-size:1.5rem;
	background-color:rgba(0,141,209,1.00);
	color:#fff;
}

.trial_table table tr th a {
	color:#fff;
	text-decoration: none;
}

.trial_table table tr th a:hover {
	text-decoration: underline;
}

.trial_table table tr td {
	width:180px;
	padding:8px 12px;
	text-align: center;
	background-color:#fff;
	font-size:1.5rem;
	color:rgba(0,141,209,1.00);
}

.trial_table table tr td a {
	font-family: 'Bowlby One SC', cursive;
	line-height: 20px;
	padding:2px 20px;
	border-radius: 14px;
	text-decoration: none;
	background-color:rgba(0,141,209,1.00);
	color:#fff;
	transition: all 0.3s;
}

.trial_table table tr td a:hover {
	background-color:rgba(72,195,255,1.00);
}

.master_button {
	position: absolute;
	bottom:290px;
	right:50%;
	margin-right:-500px;
}

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

.master_button a:hover {
	opacity: 0.7;
}

.package_change {
	position: absolute;
	bottom:210px;
	right:50%;
	margin-right:-500px;
}

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

.package_change a:hover {
	opacity: 0.7;
}