@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%;
}

img { display:block; }

.mr12 {margin-right:12px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:20px;}
.mr32 {margin-right:32px;}
.mr36 {margin-right:36px;}
.mr50 {margin-right:50px;}
.mr60 {margin-right:60px;}
.mr100 {margin-right:100px;}

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

#gpt_wrap {display:block;}
.no-js #gpt_wrap {display:block;}

#PageWrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	width:100%;
	min-width:1000px;
}

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

.menu_block {
	position: fixed;
    top: 0;
    z-index: 999;
	width:100%;
}

/* ----------------------------------　ページロード　---------------------------------- */


#gpt_loader-bg {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000;
  z-index: 15000;
}
.no-js #gpt_loader-bg {display:none;}

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

#gpt_loader img {
  width:200px;
}

#gpt_loader p {
	font-family: 'Oswald', sans-serif;
	font-size:1.6rem;
	margin-top:24px;
}

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


.inv {opacity: 0; transition:0.7s;}
.vie {opacity: 1.0;}

/* ----------------------------------　ヘッダー　---------------------------------- */


header {
	width:100%;
	height:20px;
	background:url(../img/header_bg.jpg) left top repeat-x;
}

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

.head_brand {
	width:100px;
	height:20px;
	float:left;
	margin-right:700px;
}

.head_brand a {
	width:100px;
	height:20px;
	font-size:1.2rem;
	color:#6c7380;
	display:block;
	background-color:#3f4044;
	font-family: Arial;
	line-height:20px;
	text-align:center;
	text-decoration:none;
	transition:all 0.3s;
	box-shadow:0 0 0 rgba(0,0,0,1.00) inset;
}

.head_brand a:hover {
	color:#ffffff;
	transition:all 0.3s;
	box-shadow:0 0 7px rgba(0,0,0,1.00) inset;
}

.head_language ul {
	width:200px;
	height:20px;
	float:left;
}

.head_language ul li {
	width:100px;
	height:20px;
	float:left;
}

.head_language ul li p {
	width:100px;
	height:20px;
	font-size:1.2rem;
	color:#ffffff;
	display:block;
	background-color:#3f4044;
	font-family: Arial;
	line-height:20px;
	text-align:center;
	text-decoration:none;
	transition:all 0.3s;
	box-shadow:0 0 7px rgba(0,0,0,1.00) inset;
}

.head_language ul li a {
	width:100px;
	height:20px;
	font-size:1.2rem;
	color:#6c7380;
	display:block;
	background-color:#3f4044;
	font-family: Arial;
	line-height:20px;
	text-align:center;
	text-decoration:none;
	transition:all 0.3s;
	box-shadow:0 0 0 rgba(0,0,0,1.00) inset;
}

.head_language ul li a:hover {
	color:#ffffff;
	transition:all 0.3s;
	box-shadow:0 0 7px rgba(0,0,0,1.00) inset;
}


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


#Menu {
	width:100%;
	height:80px;
	background-color:#000000;
	transition:all 0.3s;
	position:relative;
}

.menu_wrap {
	width:1000px;
	margin:0 auto;
}

.menu_title {
	width:200px;
	height:76px;
	text-align:left;
	font-family: 'Oswald', sans-serif;
	float:left;
}

.menu_title h1 {
	font-size:1.8rem;
	line-height:76px;
	color:#FFF;
	font-weight:300;
	transition:all 0.3s;
}

.menu_title h1 a {
	color:#fff;
	text-decoration:none;
	transition:all 0.3s;
}

.menu_title h1 a:hover {
	color:#518aff;
}

.menu_list {
	width:800px;
	font-family: 'Oswald', sans-serif;
	float:left;
}

.menu_list ul {
	width:800px;
	text-align:right;
}

.menu_list ul li {
	display:inline-block;
	height:76px;
}

.menu_list ul li a {
	display:inline-block;
	line-height:76px;
	font-size:1.8rem;
	font-weight:300;
	color:#FFF;
	text-decoration:none;
	padding-left:24px;
	transition:all 0.3s;
}

.menu_list ul li a:hover {
	color:#518aff;
}

.menu_line {
	width:100%;
	height:4px;
	background:url(../img/menu_line.png) center top repeat;
	animation: bg_star 3s linear infinite;
	transition:all 0.3s;
	position:absolute;
	bottom:0;
	left:0;
}

@keyframes bg_star {
 0% {background-position: 0 0;}
 100% {background-position: 1000px 0;}
}


/* ----------------------------------　メニュー伸縮用　---------------------------------- */

body.fixed .menu_block #Menu {height:40px;}
body.fixed .menu_block .menu_title {height:36px;}
body.fixed .menu_block .menu_title h1 {line-height:36px;}
body.fixed .menu_block .menu_list ul li {height:36px;}
body.fixed .menu_block .menu_list ul li a {line-height:36px;}


/* ----------------------------------　モバイルメニュー　---------------------------------- */

.menu-btn {
	display:none;
}

.menu {
	display:none;
}

.mobile_up {
	display:none;
}
 

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


#Mainvisual {
	background:url(../img/mainvisual_blur.jpg) center center no-repeat;
	width:100%;
	height:840px;
	overflow:hidden;
	margin-top:60px;
}

.mainvisual {
	min-width:1000px;
	max-width:1400px;
	height:840px;
	background:url(../img/mainvisual.jpg) center top no-repeat;
	background-size:cover;
	margin:0 auto;
	box-shadow:0 0 30px rgba(19,46,99,0.4);
	position:relative;
}

.main_day {
	background:url(../img/main_day.png) left top no-repeat;
	width:587px;
	height:230px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	right:2%;
	top:58px;
}

.main_logo {
	background:url(../img/main_logo.png) left top no-repeat;
	width:702px;
	height:197px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	left:50%;
	margin-left:-351px;
	bottom:30px;
}


/* ----------------------------------　履歴部　---------------------------------- */

#Whatsnew {
	height:240px;
	border-bottom:1px solid #e0e3e8;
	background-color:#f2f6f7;
}

#Link_whatsnew {
	width:1px;
	height:1px;
	position:absolute;
	top:-40px;
	left:0;
}

.rireki_fb {
	width:40px;
	height:40px;
	position:absolute;
	left:50%;
	margin-left:-500px;
	top:-20px;
}

.rireki_tw {
	width:40px;
	height:40px;
	position:absolute;
	left:50%;
	margin-left:-440px;
	top:-20px;
}

.rireki_follow {
	width:110px;
	height:110px;
	position:absolute;
	left:50%;
	margin-left:280px;
	top:-55px;
}

.rireki_follow a img {
	width:100%;
}

.rireki_buynow {
	width:110px;
	height:110px;
	position:absolute;
	left:50%;
	margin-left:390px;
	top:-55px;
}

.rireki_buynow a img {
	width:100%;
}

.tooltip span {
	font-family: 'Oswald', sans-serif;
	background-color:#ffffff;
	padding:5px 10px;
	width:40px;
	position: absolute;
	top: 45px;
	left: -10px;
	text-align: center;
	z-index: 100;
	display: none;
	border-radius:3px;
	color:#354583;
	font-size:1.4rem;
}

.tooltip span:after {
	content: "";
	position: absolute;
	bottom: -10px; left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #ffffff transparent transparent transparent;
}

.rireki_wrap {
	width:1000px;
	margin: 0 auto;
	padding-top:36px;
	background:url(../img/rireki_bg.png) right bottom no-repeat;
}

.rireki_wrap dl {
	height:39px;
	border-bottom:1px solid #9fc7d4;
}

.rireki_wrap dl dt {
	float:left;
	height:39px;
	line-height:43px;
	font-size:1.6rem;
	color:#54555a;
	background:url(../img/listmark.png) left center no-repeat;
	padding-left:32px;
	font-weight:bold;
	width:148px;
	text-align:left;
}

.rireki_wrap dl dd {
	float:left;
	height:39px;
	line-height:42px;
	font-size:1.6rem;
	color:#54555a;
}

.rireki_wrap dl dd p a {
	transition:all 0.3s;
	text-shadow:0 0 0 rgba(11,75,106,0);
	color:rgba(0,163,204,1.00);
	text-decoration:underline;
}

.rireki_wrap dl dd p a:hover {
	color:#54555a;
	text-decoration:none;
	transition:all 0.3s;
	text-shadow:0 0 5px rgba(11,75,106,0.6);
}

.rireki_wrap dl dd p span {
	display:block;
	float:left;
	height:14px;
	line-height:14px;
	font-size:1rem;
	color:#FFFFFF;
	background:#ffc000;
	padding:0 5px;
	margin-top:12px;
	margin-right:4px;
}

.rireki_wrap dl dd p:after {
	content:"";
	background:url(../img/rireki_arrow.png) left top no-repeat;
	width:16px;
	height:16px;
	display:block;
	float:right;
	margin-top:11px;
}

.backlog {
	width:1000px;
	margin:0 auto;
	text-align:right;
	font-size:1.3rem;
	color:#54555a;
	line-height:45px;
}

.backlog a {
	color:#54555a;
	text-decoration:none;
	text-shadow:0 0 0 rgba(11,75,106,0);
}

.backlog a:hover {
	color:#54555a;
	text-decoration:none;
	transition:all 0.3s;
	text-shadow:0 0 5px rgba(11,75,106,0.6);
}

.quicklink {
	width:1000px;
	margin:0 auto;
}

.quicklink ul li {
	float:left;
	width:300px;
	background-color:#fff;
}

.quicklink ul li a {
	width:298px;
	border:1px solid #B8B8B8;
	background:rgba(255,245,0,1.00);
	font-size:1.2rem;
	display:block;
	height:24px;
	line-height:24px;
	color:#5B5B5B;
}

.quicklink ul li a.warning {
	background:rgba(255,245,0,1.00);
	text-decoration:none;
}

.quicklink ul li a.info {
	background:rgba(188,227,219,1.00);
	color:#007CD7;
	text-decoration:none;
	transition:all 0.3s;
}

.quicklink ul li a:hover.info {
	background:rgba(47,197,167,1.00);
	color:#ffffff;
}

/* ----------------------------------　トピックス　---------------------------------- */

#Topics {
	width:100%;
	padding:60px 0;
	background-color:#B2C9CF;
	border-bottom:1px solid #e0e3e8;
}

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

#Topics ul li {
	float:left;
	width:300px;
	background-color:#fff;
}

#Topics ul li img {
	width:100%;
}


/* ----------------------------------　ムービー　---------------------------------- */

#Movie {
	width:100%;
	padding:60px 0;
	background-color:#FFF;
	border-bottom:1px solid #e0e3e8;
}

h4.title_special {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:9rem;
	color:#9fc7d4;
}

/* ----------------------------------　ムービー　---------------------------------- */

.movie_area {
	width:1000px;
	margin:48px auto 0;
	padding-bottom:24px;
}

.movie-wrap2 {
    position: relative;
	width:1000px;
    padding-bottom: 565px;
    padding-top: 30px;
    height: 0;
	float:left;
	margin-bottom:72px;
}

.movie-wrap2 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.movie_title2 {
	display:block;
	width:400px;
	padding:0 300px;
	float:left;
	margin-top:16px;
	position:absolute;
	bottom:-40px;
	left:0;
}

.movie_title2 p {
	display:block;
	width:400px;
	border-radius:3px;
	border:1px solid #18214D;
	color:#18214D;
	text-align:center;
	font-size:1.2rem;
	float:left;
	line-height:24px;
}

.movie-wrap {
    position: relative;
	width:470px;
    padding-bottom: 265px;
    padding-top: 30px;
    height: 0;
	float:left;
	margin-bottom:72px;
}

.mr60 {
	margin-right:60px;
}
 
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.movie_title {
	display:block;
	width:400px;
	padding:0 35px;
	float:left;
	margin-top:16px;
	position:absolute;
	bottom:-40px;
	left:0;
}

.movie_title p {
	display:block;
	width:400px;
	border-radius:3px;
	border:1px solid #18214D;
	color:#18214D;
	text-align:center;
	font-size:1.2rem;
	float:left;
	line-height:24px;
}

ul.movie_thum {
	width:1000px;
	margin:0 auto 36px;
}

ul.movie_thum li {
	width:470px;
	float:left;
	margin-bottom:32px;
}

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

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

#Story {
	width:100%;
	background:url(../img/mainvisual_blur_01.jpg) center top no-repeat;
	background-size:cover;
}

.story_bg {
	width:100%;
	background:url(../img/story_bg.png) left top repeat;
	padding-top:100px;
}

h4.title_story {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:9rem;
	color:#ffffff;
}

.story_wrap {
	width:1000px;
	height:560px;
	margin:48px auto 72px;
}

.story_main1 {
	background:url(../img/story_01.png) center top no-repeat;
	width:1000px;
	height:560px;
	text-indent:-9999px;
	overflow:hidden;
}

.story_main1 p {
	display:none;
}

.story_main2 {
	background:url(../img/story_02.png) center top no-repeat;
	width:1000px;
	height:560px;
	text-indent:-9999px;
	overflow:hidden;
}

.story_main2 p {
	display:none;
}

.story_main3 {
	background:url(../img/story_03.png) center top no-repeat;
	width:1000px;
	height:560px;
	text-indent:-9999px;
	overflow:hidden;
}

.story_main3 p {
	display:none;
}

.story_main4 {
	background:url(../img/story_04.png) center top no-repeat;
	width:1000px;
	height:560px;
	text-indent:-9999px;
	overflow:hidden;
}

.story_main4 p {
	display:none;
}

.story_list {
	width:1000px;
	margin:0 auto;
	padding-bottom:120px;
}

.story_list ul li {
	width:180px;
	height:100px;
	float:left;
}

.story_list ul li a {
	width:176px;
	height:96px;
	border-radius:10px;
	border:2px solid #FFFFFF;
	display:table-cell;
	vertical-align:middle;
	font-family: 'Oswald', sans-serif;
	font-size:3.6rem;
	text-decoration:none;
	transition:all 0.3s;
	color:#FFFFFF;
	line-height:0.7;
	background-color:rgba(255,255,255,0);
}

.story_list ul li a span {
	font-size:1.7rem;
}

.story_list ul li a.gray {
	border:2px solid #8f8f8f;
	color:#8f8f8f;
}

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

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


#Character {
	width:100%;
	height:1160px;
	background-color:#FFF;
	position:relative;
}

h4.title_character {
	display:none;
}

#Chara01 {
	background:url(../chara/chara_01.jpg) center top no-repeat;
	height:1092px;
}

#Chara02 {
	background:url(../chara/chara_02.jpg) center top no-repeat;
	height:1092px;
}

#Chara03 {
	background:url(../chara/chara_03.jpg) center top no-repeat;
	height:1092px;
}

#Chara04 {
	background:url(../chara/chara_04.jpg) center top no-repeat;
	height:1092px;
}

#Chara05 {
	background:url(../chara/chara_05.jpg) center top no-repeat;
	height:1092px;
}

#Chara06 {
	background:url(../chara/chara_06.jpg) center top no-repeat;
	height:1092px;
}

#Chara07 {
	background:url(../chara/chara_07.jpg) center top no-repeat;
	height:1092px;
}

#Chara08 {
	background:url(../chara/chara_08.jpg) center top no-repeat;
	height:1092px;
}

#Chara09 {
	background:url(../chara/chara_09.jpg) center top no-repeat;
	height:1092px;
}

#Chara10 {
	background:url(../chara/chara_10.jpg) center top no-repeat;
	height:1092px;
}

#Chara11 {
	background:url(../chara/chara_11.jpg) center top no-repeat;
	height:1092px;
}

#Chara12 {
	background:url(../chara/chara_12.jpg) center top no-repeat;
	height:1092px;
}

#Chara13 {
	background:url(../chara/chara_13.jpg) center top no-repeat;
	height:1092px;
}

#Chara14 {
	background:url(../chara/chara_14.jpg) center top no-repeat;
	height:1092px;
}

#Chara15 {
	background:url(../chara/chara_15.jpg) center top no-repeat;
	height:1092px;
}

.chara_txtarea {
	width:1000px;
	margin:0 auto;
	padding-top:400px;
}

p.charatxt {
	font-size:1.5rem;
	text-align:left;
	text-shadow: 1px 1px 2px #fff,1px -1px 2px #fff,-1px 1px 2px #fff,-1px -1px 2px #fff,1px 1px 1px #fff,1px -1px 1px #fff,-1px 1px 1px #fff,-1px -1px 1px #fff;
	color:#54555a;
	line-height:30px;
}

.charatxt_arisaka {font-size:1.3rem; margin-top:-55px; line-height:28px;}

#Chara_select_mobile {
	display:none;
}

.samplevoice {
	position:absolute;
	top:840px;
	left:50%;
	margin-left:-500px;
	font-size:1.6rem;
	color:#fff;
	font-family: 'Oswald', sans-serif;
	line-height:32px;
	display:block;
	border-radius:16px;
	padding:0 32px;
}

.samplevoice p i {
	font-size:2rem;
}

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

.samplevoice a:hover {
	color:rgba(181,181,181,1.00);
}

#Chara01 .samplevoice {	background-color:#6d4f8b;}
#Chara02 .samplevoice {	background-color:#8caed4;}
#Chara03 .samplevoice {	background-color:#ffcb00;}
#Chara04 .samplevoice {	background-color:#f969a4;}
#Chara05 .samplevoice {	background-color:#475a95;}
#Chara06 .samplevoice {	background-color:#715b5d;}
#Chara07 .samplevoice {	background-color:#704570;}
#Chara08 .samplevoice {	background-color:#747474;}
#Chara09 .samplevoice {	background-color:#ea8a3d;}
#Chara10 .vanilla {	background-color:#d4d2bd;}
#Chara10 .choco {	background-color:#f0b9a5;}
#Chara11 .samplevoice {	background-color:#c9a0ae;}
#Chara12 .samplevoice {	background-color:#d10303;}
#Chara13 .samplevoice {	background-color:#548fa1;}
#Chara14 .silvia {	background-color:#ffc000;}
#Chara14 .velvet {	background-color:#7887bc;}
#Chara15 .samplevoice {	background-color:#bd6765;}

.choco {margin-left:-210px;}
.velvet {margin-left:-210px;}

#Chara_select {
	width:743px;
	height:100px;
	position:absolute;
	top:872px;
	left:50%;
	margin-left:-500px;
	z-index:200;
	text-align:left;
}

#Chara_select .slide {
	width:100px;
	height:100px;
	overflow:hidden;
}

.chara_select_new {
	width:100%;
	background:rgba(224,224,224,0.5);
	padding:15px 0 7px;
	position:absolute;
	bottom:25px;
	z-index:200;
}

.chara_select_new ul {
	width:1000px;
	margin:0 auto;
}

.chara_select_new ul li {
	float:left;
	margin-bottom:8px;
}

.mr8 {
	margin-right:8px;
}

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

#Gallery {
	padding-top:100px;
	background-color:#5d6670;
}

h4.title_gallery {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:9rem;
	color:#ffffff;
}

.thum_list {
	width:1000px;
	margin:60px auto 0;
	padding-bottom:120px;
}

.thum_list ul li {
	width:140px;
	height:79px;
	float:left;
	margin-bottom:28px;
	position:relative;
	overflow:hidden;
}

.thum_list ul li span {
	width:140px;
	height:79px;
	display:block;
	line-height:79px;
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:2rem;
	background:#535353;
	color:#8A8A8A;
}

.thum_list ul li a figcaption {
	width:140px;
	height:36px;
	background:rgba(0,0,0,0.7);
	color:#FFF;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	text-align:right;
	font-size:3rem;
	position:absolute;
	bottom:-36px;
	left:0;
	opacity:0;
	transition:all 0.3s;
}

.thum_list ul li a:hover figcaption {
	bottom:0;
	opacity:1;
}

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

#Special {
	padding-top:100px;
	background-color:#ffffff;
	padding-bottom:120px;
}

h4.title_special {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:9rem;
	color:#9fc7d4;
}

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

.special_wrap ul li {
	float:left;
	width:475px;
	height:150px;
	margin-bottom:36px;	
	position:relative;
	overflow:hidden;
}

.special_wrap ul li a figcaption {
	width:475px;
	height:150px;
	background:rgba(0,0,0,0.7);
	color:#FFF;
	font-weight:400;
	text-align:center;
	position:absolute;
	bottom:-150px;
	left:0;
	opacity:0;
	transition:all 0.3s;
}

.special_wrap ul li a figcaption p {
	width:475px;
	height:150px;
	display:table-cell;
	vertical-align:middle;
	font-size:1.6rem;
}

.special_wrap ul li a figcaption p span {
	display:block;
	text-align:center;
	width:400px;
	margin:0 auto;
	border-bottom:1px solid #ffffff;
	padding-bottom:8px;
	margin-bottom:12px;
	font-weight:bold;
}

.special_wrap ul li a:hover figcaption {
	bottom:0;
	opacity:1;
}

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

footer {
	width:100%;
	margin:0 auto;
	height:80px;
	padding-top:100px;
	position:relative;
}

.up {
	position:absolute;
	top:0;
	left:50%;
	margin-left:420px;
	z-index:200;
}

.up a {
	width:80px;
	height:100px;
	background-color:#9fc7d4;
	transition:all 0.3s;
	display:block;
}

.up a:hover {
	background:#c47fb6;
}

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

.foot_txtwrap {
	width:1000px;
	margin:60px auto 60px;
	position:relative;
	padding-bottom:60px;
	border-bottom:1px solid #9fc7d4;
	margin-bottom:60px;
}

.foot_txtbox {
	float:left;
}

.foot_right {
	float:right;
}

.foot_txtbox dl {
	font-size:1.4rem;
	line-height:24px;
	text-align:left;
}

.foot_txtbox dt {
	color:#9fc7d4;
	font-weight:bold;
}

.foot_txtbox dd {
	color:#fff;
	padding-left:16px;
}

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

h4.title_product {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:9rem;
	color:#a3a3a3;
}

.foot_banner {
	width:200px;
	height:40px;
	margin:0 auto;
	background:#ffffff;
	margin-bottom:8px;
}

.small {
	width:100%;
	color:#ffffff;
	font-size:1.2rem;
	padding-bottom:60px;
	line-height:20px;
}

/* ----------------------------------　モーダル言語分け　---------------------------------- */

.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;
background:url(../img/check.jpg) center top no-repeat;
background-size:100%;
position:relative;}
.modal a.box {width:150px;height:80px;display:block;background-color:#9fc7d4; transition:all 0.3s;}
.modal a.box img {width:100%;}
.modal a:hover.box {background-color:#c47fb6;}
.b_left {position:absolute; top:220px; left:34px;}
.b_right {position:absolute; top:220px; left:216px;}
.modal a { cursor:pointer; }

/* ----------------------------------　サブページ　---------------------------------- */

.sub_space {
	width:100%;
	height:100px;
	background-color:#ffffff;
}

#Backlog {
	padding-top:100px;
	background-color:#ffffff;
	padding-bottom:120px;
}

h4.title_backlog {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:9rem;
	color:#9fc7d4;
}
.sub_content_1k {
	width:1000px;
	margin:24px auto 0;
}

/* ----------------------------------　ニュースページ　---------------------------------- */

.oneday {
	width:1000px;
	margin:0 auto 90px;
}

p.day {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:4rem;
	color:#1b0d4a;
	text-align:left;
	border-bottom:1px solid #1b0d4a;
	margin-bottom:36px;
	line-height:80px;
}

p.day_title {
	font-size:2.3rem;
	color:#1b0d4a;
	text-align:left;
	margin-bottom:24px;
	font-weight:bold;
}

p.entry {
	font-size:1.7rem;
	color:#666666;
	line-height:1.7;
	text-align:left;
}

p.entry a {
	color:#9fc7d4;
	text-decoration:none;
	transition:all 0.3s;
	text-shadow:0 0 5px rgba(0,178,193,0);
	font-weight:bold;
}

p.entry a:hover {
	text-shadow:0 0 5px rgba(0,178,193,0.5);
}

/* ----------------------------------　グッズページ　---------------------------------- */

.goods_title {
	width:600px;
	height:127px;
	float:left;
}

.goods_image {
	width:350px;
	height:495px;
	float:right;
	background:#FFF;
	box-shadow:0 0 4px rgba(104,104,104,0.5);
}

.goods_yoko {
	transform:translateX(-72px) rotate(270deg) ;
}

.goods_explain {
	background:#f2f6f7;
	width:528px;
	text-align:left;
	font-size:1.5rem;
	padding:24px 36px;
	line-height:32px;
	color:rgba(100,100,100,1.00);
	text-shadow:0 0 6px rgba(104,104,104,0.5);
	float:left;
}

.goods_explain i {
	font-size:1.3rem;
	margin-right:12px;
}

.goods_explain a {
	color:#1589af;
	text-decoration: none;
}

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

.goods_link {
	width:600px;
	height:40px;
	float:left;
	margin-top:24px;
}

.goods_link a {
	display:block;
	width:600px;
	height:40px;
	background:#9fc7d4;
	color:#FFF;
	border-radius:5px;
	font-size:1.8rem;
	line-height:40px;
	text-decoration:none;
	transition:all 0.3s;
}

.goods_link a:hover {
	background:#2593B7;
}

.goods_space {
	font-size:2rem;
	color:rgba(215,215,215,1.00);
	margin:60px 0;
	text-align:center;
}

.goods_attention {
	color:rgba(100,100,100,1.00);
	font-size:1.5rem;
	text-shadow:0 0 6px rgba(104,104,104,0.5);
}

/* ----------------------------------　インタビュー　---------------------------------- */

.interview_head01 {
	background:url(../special/interview/head01.jpg) left top no-repeat;
	width:1000px;
	height:180px;
	text-indent:-9999px;
	overflow:hidden;
}

.interview_head02 {
	background:url(../special/interview/head02.jpg) left top no-repeat;
	width:1000px;
	height:180px;
	text-indent:-9999px;
	overflow:hidden;
}

.interview_head03 {
	background:url(../special/interview/head03.jpg) left top no-repeat;
	width:1000px;
	height:180px;
	text-indent:-9999px;
	overflow:hidden;
}

.interview_head04 {
	background:url(../special/interview/head04.jpg) left top no-repeat;
	width:1000px;
	height:180px;
	text-indent:-9999px;
	overflow:hidden;
}

.interview_head05 {
	background:url(../special/interview/head05.jpg) left top no-repeat;
	width:1000px;
	height:180px;
	text-indent:-9999px;
	overflow:hidden;
}

.ques {
	color:rgba(100,100,100,1.00);
	font-size:1.5rem;
	text-shadow:0 0 6px rgba(104,104,104,0.3);
	text-align:left;
	line-height:24px;
	margin-bottom:24px;
	font-weight:bold;
}

.ques strong {
	font-size:2.2rem;
	font-weight:bold;
	color:rgba(173,173,173,1.00);
}

.ans {
	color:rgba(100,100,100,1.00);
	font-size:1.6rem;
	text-align:left;
	border:1px solid rgba(100,100,100,1.00);
	padding:24px;
	margin-bottom:24px;
	box-shadow:4px 4px 0 rgba(100,100,100,0.5);
}

.dlsite_txt {
	font-size:1.8rem;
	color:rgba(100,100,100,1.00);
	line-height:36px;
}

.dlsite_txt p {
	margin-bottom:36px;
}

.dlsite_txt a {
	display:inline-block;
	padding:0 36px;
	height:36px;
	color:#fff;
	text-decoration:none;
	border-radius:18px;
	background-color:#9fc7d4;
	margin-bottom:24px;
	transition:all 0.3s;
}

.dlsite_txt a:hover {
	background-color:#2C9CC0;
}

.dlsite_img img {
	width:100%;
}

.oldlink {
	width:1000px;
	margin:0 auto;
}


.oldlink a {
	width:100%;
	border:1px solid #B8B8B8;
	background-color:#B2C9CF;
	font-size:1.4rem;
	display:block;
	height:24px;
	line-height:24px;
	color:#5B5B5B;
	text-decoration:none;
	transition:all 0.3s;
}

.oldlink a:hover {
	color:#ffffff;
	background:#1B616C;
}


.download_visual {
	background:url(../img/download_visual.jpg) left top no-repeat;
	width:1000px;
	height:558px;
	margin:0 auto 48px;
	box-shadow:0 0 7px rgba(0,0,0,0.2);
}

.download_title p {
	display:block;
	width:800px;
	background:rgba(152,152,152,1.00);
	line-height:36px;
	color:#fff;
	font-weight:bold;
	border-radius:18px;
	margin:0 auto 36px;
	font-size:1.5rem;
}

ul.download_list {
	width:990px;
	margin:0 auto 60px;
}

ul.download_list li {
	width:300px;
	padding:0 15px;
	float:left;
}

ul.download_list li a {
	width:300px;
	height:140px;
	border-radius:10px;
	background-color:#9fc7d4;
	display:table-cell;
	vertical-align:middle;
	transition:all 0.3s;
	color:#fff;
	font-size:2.3rem;
	text-decoration:none;
	font-weight:bold;
}

ul.download_list li a em {
	font-size:60%;
	font-weight:normal;
}

ul.download_list li a span {
	font-size:80%;
	font-weight:normal;
}

ul.download_list li a:hover {
	background-color:rgba(44,156,192,1.00);
	box-shadow:0 0 10px rgba(44,156,192,0.7);
}

.shopbonus_wrap {
	width:990px;
	margin:0 auto;
}

.shopbonus_box {
	width:300px;
	padding:15px;
	float:left;
	margin-bottom:48px;
}

.shopbonus_img {
	width:300px;
	background:#FFF;
	box-shadow:0 0 4px rgba(104,104,104,0.5);
}

.shopbonus_img img {
	width:100%;
}

.shopbonus_txt {
	margin-top:12px;
	background:#f2f6f7;
	width:276px;
	height:84px;
	text-align:left;
	font-size:1.5rem;
	padding:12px 0 12px 24px;
	line-height:28px;
	color:rgba(100,100,100,1.00);
	text-shadow:0 0 6px rgba(104,104,104,0.5);
	float:left;
}

.shopbonus_txt span {
	font-size:120%;
	font-weight:bold;
}

.shopbonus_txt span em {
	font-size:90%;
	font-weight:bold;
}

.shopbonus_txt i {
	font-size:1.3rem;
	margin-right:12px;
}

.shopbonus_link {
	width:300px;
	height:60px;
	float:left;
	margin-top:12px;
}

.shopbonus_link a {
	display:block;
	width:100%;
	height:40px;
	background:#9fc7d4;
	color:#FFF;
	border-radius:5px;
	font-size:1.5rem;
	line-height:40px;
	text-decoration:none;
	transition:all 0.3s;
	margin-bottom:8px;
}

.shopbonus_link a:hover {
	background:#2593B7;
}



.privacy_txt {
	font-size:1.6rem;
	color:rgba(100,100,100,1.00);
	line-height:1.8;
	text-align: left;
}

.privacy_txt p {
	margin-bottom:36px;
}

.privacy_txt p strong {
	font-size:1.8rem;
	font-weight: bold;
}

.privacy_txt a {
	display:inline-block;
	padding:0 36px;
	height:36px;
	color:#fff;
	text-decoration:none;
	border-radius:18px;
	background-color:#9fc7d4;
	margin-bottom:24px;
	transition:all 0.3s;
}

.privacy_txt a:hover {
	background-color:#2C9CC0;
}


.android_block {
	widht:100%;
	margin:0 auto 48px;
	background:#f2f6f7;
	text-align:left;
	font-size:1.4rem;
	line-height:24px;
	color:rgba(100,100,100,1.00);
	text-shadow:0 0 6px rgba(104,104,104,0.5);
}

.an_icon {
	width:250px;
	height:250px;
	float:left;
	background:#D9E6E9;
	position: relative;
	margin-right:24px;
}

.an_icon img {
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
}

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

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

.an_title {
	font-size:2.2rem;
	font-weight: bold;
	margin-top:24px;
	border-bottom:2px solid rgba(44,156,192,1.00);
	width:700px;
	display: inline-block;
	padding-bottom:6px;
}

.an_date {
	text-align: right;
	color:rgba(44,156,192,1.00);
	width:700px;
	display: inline-block;
	margin-bottom:6px;
}

.an_txt {
	margin-bottom:12px;
}

.an_link a {
	line-height: 28px;
	font-size:1.5rem;
	color:#fff;
	background:#9fc7d4;
	text-decoration: none;
	padding:4px 12px;
	transition: all 0.3s;
	border-radius: 5px;
}

.an_link a:hover {
	background-color:rgba(44,156,192,1.00);
}

.head_an_logo {
	background:url(../img/main_logo.png) left top no-repeat;
	width:702px;
	height:197px;
	margin:0 auto 24px;
}

a.an_jump {
	line-height: 28px;
	font-size:1.5rem;
	color:#fff;
	background:#9fc7d4;
	text-decoration: none;
	padding:4px 12px;
	transition: all 0.3s;
	border-radius: 5px;
	display: block;
	margin:0 auto 24px;
	width:400px;
}

a:hover.an_jump {
	background-color:rgba(44,156,192,1.00);
}