/*
Theme Name: SLG
(twentyfifteen)
*/


/**
 * Reset
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background: #fff;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

a:focus {
	outline: none;
	outline: none;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}
.top_btn_app a:hover,
.pre_btn_app a:hover,
.btn_sns a:hover,
input.wpcf7-submit:hover,
a.active,
input[type="submit"].active {
	background:#fff !important;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}


/**
 * common
 */
html,body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	line-height:1;
	background-color:#000;
	background-size: cover;
	background-attachment:fixed;
	background-position: center top;
	color:#333;
}
#page {
	position:relative;
	max-width:640px;
	min-width:320px;
	margin:auto;
	background:#fff;
	box-shadow:rgba(255, 255, 255, 0.7) 0px 0px 20px 20px;
	-webkit-box-shadow:rgba(255, 255, 255, 0.7) 0px 0px 20px 20px;
	-moz-box-shadow:rgba(255, 255, 255, 0.7) 0px 0px 20px 20px;
}
a {
	color:#0076a3;
}
.site-title img {
	display:block;
	width:85%;
	margin-left: 5%;
}
#menu {
	display:block;
	position:fixed;
	z-index:100;
	width:100%;
	/*
	max-width:640px;
	min-width:320px;
	*/
	top:0;
	right:0;
	background:url(./img/menu_bg.png);
}
#menu_wrap {
	position: relative;
	display:block;
	max-width:640px;
	min-width:320px;
	margin:auto;
}
#menu h2 {
	position:absolute;
	top:45px;
	right:0px;
	width:20%;
	cursor:pointer;
}
#menu h2 img {
	width:90%;
}
#menu .nav {
	display:none;
	width:75%;
	margin:auto;
	padding:30% 0 5%;
	height:100%;
}
#menu .nav ul {
	height:100%;
	overflow:auto;
}
#menu .nav a {
	display:block;
}
#menu .nav img {
	width:100%;
}
#menu .nav .last{
	position:relative;
	padding-top:5%;
}
#menu .nav .last .top_btn_app {
    position: static;
}
/* スマホで横向きのナビ */
@media only screen and (orientation : landscape) and (max-width:740px) {
#menu h2 {
	width:10%;
	top:84px;
	right:10px;
}
#menu .nav {
	padding:5% 0;
	width:30%;
}
#pagetop {
	width:10% !important;
}
}
.line_01 {
	display:block;
	width:100%;
}
#pagetop {
	display:none;
	position: fixed;
	z-index:1000 !important;
	bottom:0;
	right:3%;
	cursor:pointer;
}
#pagetop:hover {
	filter:alpha(opacity=7);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
@media (max-width:640px){
#pagetop {
	width:20%;
	right:0;
}
}

/* 切り替え
--------------------------------*/
@media (min-width:641px){
.pc {
	display:block !important;
}
.sp {
	display:none !important;
}
a img:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
}
@media (max-width:640px){
.sp {
	display:block !important;
}
.pc {
	display:none !important;
}
a img:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
}
/* head nav 関連切り替え */
@media (min-width:1026px){
.pc_nav {
	display:block !important;
}
.sp_nav {
	display:none !important;
}

#page {
	padding-top:75px;
	background-position: center 40px !important;
}

.home #page,
.page-top #page {
	padding-top:60px;
	/*padding-top:0;*/
}

.site-title img {
	margin: auto;
}
}
@media (max-width:1025px){
.sp_nav {
	display:block !important;
}
.pc_nav {
	display:none !important;
}
#page {
	padding-top:0;
	background-position: center 0 !important;
}
.site-title img {
	/*margin:inherit;*/
	margin: 0 0 0 10%;
    padding-top: 6.8%;
    width: 75%;
}
}

/* top
---------------------------------*/

.home #page {
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.top_special img,
.top_news_atn img,
.top_news img,
.top_bg_tw img,
.top_gameinfo img,
.top_special img {
	display:block;
	width:100%;
}
.top_area {
	background:#000;
	/*overflow:hidden;*/
	width:100%;
	/*height:100%;*/
	position:relative;
}
.top_txt_01 {
	position:absolute;
	left:0;
	top:3%;
	width:76%;
	z-index:3;
}
.home .site-title {
	display:none;
}
.logo {
	position:absolute;
	left:0;
	top:11%;
	width:100%;
	z-index:3;
}
.top_btn_app {
	position:absolute;
	left:0;
	/*top:-16.8%; pv内の値*/
	top:79.4%;
	z-index:10;
	width:100%;
}
.top_btn_app img {
	width:100%;
}
.top_btn_app a:hover,
.top_btn_app a.active{
	border-radius:10px;
}
.top_btn_app .app,
.top_btn_app .google {
	position:absolute;
	display:block;
	width:45.5%;
	height:54%;
	top:22%;
	text-indent:-9999px;
	background:url(./g.png) no-repeat;
}
.top_btn_app .app {
	left:3.5%;
}
.top_btn_app .google {
	right:3%;
}
/* 汎用性バナーエリア */
.bn_area {
	position: relative;
}
.bn_area  img {
	display:block;
	width:100%;
}
.btn_btn01 {
	position:absolute;
	width:90%;
	top:14%;
	left:5%;
}
.btn_btn02 {
	position:absolute;
	width:90%;
	top:55%;
	left:5%;
}
.btn_btn03 {
	position: absolute;
    width: 90%;
    top: 65%;
    left: 5%;
}
.btn_btn04 {
	position: absolute;
    width: 90%;
    top: 7%;
    left: 5%;
}
.btn_btn05 {
	position: absolute;
    width: 90%;
    top: 7%;
    left: 5%;
}
/* //twitterキャンペーン */
.tc_bn01 {
	position:absolute;
	width:90%;
	top:5%;
	left:5%;
}
/* バナーエリア用 */
.tc_bn02 {
	position: absolute;
    width: 96%;
    top: 47%;
    left: 1.8%;
}
/* //汎用性バナーエリアここまで */
.top_chara_01 {
	position:absolute;
	left:-33%;
	top:-5%;
	z-index:2;
	width:150%;
}
.top_bg_01 {
	display:block;
	position: relative;
	width:100%;
	z-index:1 !important;
}
/* nav_pc */
.nav_pc {
	position:fixed;
	width:100%;
	height:83px;
	top:0;
	left:0;
	background:url(./img/nav_pc.png) no-repeat top center;
	z-index:99;
}
.nav_pc ul {
	width:890px;
	margin:auto;
	height:83px;
}
.nav_pc ul:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.nav_pc ul li {
	position:relative;
	width:113px;
	height:65px;
	float:left;
}
.nav_pc ul li.nav02 {
	width:100px;
}
.nav_pc ul li.nav03 {
	width:138px;
}
.nav_pc ul li.nav04 {
	width:145px;
}
.nav_pc ul li.nav05 {
	width:250px;
}
.nav_pc ul li.nav06 {
	width:144px;
}
.nav_pc ul li a {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
}
.nav_pc ul li a:hover,
.nav_pc ul li.this a {
	background:#fff;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}

/* ロード */
.loading {
	display:none;
	position:absolute;
	top:48%;
	left:48%;
	z-index:10;
}
.home .loading {
	display:block;
}
/* スペシャル */
.top_special {
	position:relative;
}
.top_special .bn{
	position:absolute;
	top:0;
	left:0;
}
.pv_title{
	position:absolute;
	z-index:1;
	top:8%;
	left:0;
}
.pv_title2{
	position:absolute;
	z-index:1;
	top:3%;
	left:0;
}
.top_special .pv {
	position:absolute;
	z-index:0;
}
.top_special .pv img{
	position:absolute;
	top:0;
	left:0;
	max-width:100%;
	z-index:0;
}
@media (min-width:641px){
.top_special .pv {
	width:510px;
	height:292px;
	padding:6px;
	top:25%;
	left:50%;
	margin-left:-255px;
}
.top_special iframe {
	width:498px;
	height:280px;
	position:relative;
	z-index:1;
}
}
@media (max-width:640px){
.top_special .pv {
	width:255px;
	height:146px;
	padding:3px;
	top:25%;
	left:50%;
	margin-left:-127px;
}
.top_special iframe {
	width:249px;
	height:140px;
	position:relative;
	z-index:1;
}
}
/* pv2用 */
.top_special .pv2 {
	position:absolute;
	z-index:0;
}
.top_special .pv2 img{
	position:absolute;
	top:0;
	left:0;
	max-width:100%;
	z-index:0;
}
@media (min-width:641px){
.top_special .pv2 {
	width:510px;
	height:292px;
	padding:6px;
	top:15%;
	left:50%;
	margin-left:-255px;
}
}
@media (max-width:640px){
.top_special .pv2 {
	width:255px;
	height:146px;
	padding:3px;
	top:17%;
	left:50%;
	margin-left:-127px;
}
}
/* ツイッター */
.top_bg_tw {
	position:relative;
	/*height:569px;*/
}
.top_bg_tw .tw_box_wrap {
	width:90% !important;
	height:60% !important;
	position:absolute !important;
	top:30% !important;
	left:0 !important;
	margin:0 5%;
}
.top_bg_tw .tw_box {
	margin:auto;
	position:relative;
	top:5%;
	height:100%;
	overflow:auto;
	 -webkit-overflow-scrolling:touch;
}
.top_bg_tw iframe  {
	/*height:320px !important;*/
	margin:auto;
}
/*
@media (min-width:641px){
.top_bg_tw .tw_box {
	width:520px;
}
.top_bg_tw iframe  {
	width:520px !important;
}
}
@media (max-width:640px){
.top_bg_tw .tw_box {
	width:290px;
}
.top_bg_tw iframe  {
	width:290px !important;
}
}
*/
/* STORY */
.top_story,
.top_introduction {
	position:relative;
}
.top_story .slide_selector {
	position:relative !important;
}
.top_story .story_title{
	position:absolute;
	top:5.2%;
	left:0;
	z-index:10;
}
.top_story .slick-slide{
	height:auto;
}
.top_story .slick-prev,
.top_introduction .slick-prev {
    left: 2%;
    width: 16%;
}
.top_story .slick-next,
.top_introduction .slick-next {
    right: 2%;
    width: 16%;
}
button:hover,
button.active{
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}


.top_introduction .slide_selector{
	bottom: 7%;
}
.top_introduction .slick-dots {
    bottom: -6%;
}
.top_introduction .slick-dots li {
    width: 7.3%;
}

/* お知らせ共通 */
.post_lists {

}
.post_lists .post {
	padding:5% 0 5%;
	border-bottom:1px solid #c78a00;
}
.post_lists .post:first-child {
	padding-top:2%;
}
.post_lists .arc_info {
	font-size:12px;
	color:#777;
	margin-bottom:2%;
}
.post_lists .entry-title {
	font-size:15px;
	line-height:1.2;
}
.post_lists .entry-content {
	display:none;
}
/* お知らせカテゴリ */
.arc_info .cat {
	display:inline-block;
	margin-left:5px;
	width:80px;
	vertical-align: middle;
}
.arc_info .cat img {
	width:100%;
}
/* 重要なお知らせ */
.top_news_atn {
	position:relative;
}
.top_news_atn .post_lists {
	position:absolute;
	width:88%;
	height:59%;
	padding:2%;
	top:30%;
	left:6%;
	overflow:auto;
}
/* 最新情報 */
.top_news {
	position:relative;
}
.top_news .post_lists {
	position:absolute;
	width:88%;
	height:60%;
	padding:2%;
	top:20%;
	left:6%;
	overflow:auto;
}


/* スライド
------------------------------- */
.slide_selector {
	width:100%;
	max-width:640px;
	min-width:320px;
	position:absolute !important;
	bottom:4%;
	z-index:10;
}
.slide_selector img {
	width:100%;
}
.slick-prev {
	position:absolute;
	left:0px;
	top:50%;
	background:url(./img/btn_prev.png) no-repeat;
	background-size:100%;
	margin-top:-9%;
	text-indent:-9999px;
	display:block;
	border:none;
	width:11%;
	height:40%;
	z-index:2;
	cursor:pointer;
}
.slick-next {
	position:absolute;
	right:0px;
	top:50%;
	background:url(./img/btn_next.png) no-repeat;
	background-size:100%;
	margin-top:-9%;
	text-indent:-9999px;
	display:block;
	border:none;
	width:11%;
	height:40%;
	z-index:2;
	cursor:pointer;
}
.slick-dots {
	position:absolute;
	bottom:-3%;
	text-align:center;
	z-index:2;
	width:100%;
	height:10.5%;
	list-style:none;
	margin:0;
	padding:0;
}
.slick-dots li {
	cursor: pointer;
	display: inline-block !important;
	margin: 0 2px;
	padding: 0;
	position: relative;
	height: 100%;
	width: 5.3%;
	line-height:100%;
}
.slick-dots li button {
	background: transparent none repeat scroll 0 0;
	border: 0 none;
	color: transparent;
	cursor: pointer;
	display: block;
	font-size: 0;
	line-height: 0;
	outline: medium none;
	padding: 5px;
	height: 100%;
	width: 100%;
	line-height:100%;
}
.slick-dots li button:before {
	display:block;
	content:" ";
	background:url(./img/btn_silder_off.png) no-repeat;
	background-size:100%;
	height: 100%;
	width: 100%;
	line-height:100%;
	left: 0;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	position: absolute;
	text-align: center;
	top: 0;
}
.slick-dots li.slick-active button:before {
	background:url(./img/btn_silder_on.png) no-repeat;
	background-size:100%;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
:focus {
	outline:none !important;
}
/* top_special */
.top_special .slick-prev {
	background:url(./img/btn_prev_02.png) no-repeat;
	background-size:100%;
}
.top_special .slick-next {
	background:url(./img/btn_next_02.png) no-repeat;
	background-size:100%;
}
/* top_gameinfo */
.top_gameinfo .slide_selector {
	bottom:8%;
}
.top_gameinfo .slick-list img {
	width:75% !important;
	margin:auto;
}
.top_gameinfo .slick-dots {
	bottom:-12%;
}

/*/ スライドこまで  */

/* footer
---------------------------------*/
#colophon {
	background:#fff;
}
.btn_app {
	position:relative;
	width:100%;
	height:100%;
}
.btn_app img {
	display:block;
	width:100%;
}
.btn_app .app,
.btn_app .google {
	position:absolute;
	display:block;
	width:41%;
	height:45%;
	top:40%;
	text-indent:-9999px;
}
.btn_app .app {
	left:6.5%;
}
.btn_app .google {
	right:6.5%;
}
.socal {
	position:relative;
	width:100%;
	height:100%;
	padding:0 0 11%;
	margin:0;
	list-style:none;
	text-align:center;
}
.socal.top{
	margin-top:16%;
}
.socal .share {
	max-width:100%;
}
.socal li {
	display: inline;
}
.socal li img {
	display: inherit;
	width:15%;
	margin:0 1%;
	padding:0;
	line-height:0;
	text-align:center;
}
@media (min-width:641px){
.socal li.sp {
	display: none !important;
}
}
@media (max-width:640px){
.socal li.sp {
	display: inline !important;
}
}
/* シェアボタン移動用 */
.socal2 {
	/*position:relative;*/
	width:100%;
	/*height:100%;*/
	/*padding:0 0 11%;*/
	margin:0 2%;
	list-style:none;
	/*text-align:center;*/
	
	position:absolute;
	height:96px;
	text-align:left;
	z-index:10;
	top:56%;
}
/*
.socal2 .share {
	max-width:100%;
}
.socal2 li {
	display: inline;
}
.socal2 li img {
	display: inherit;
	width:15%;
	margin:0 5% 0 1%;
	padding:0;
	line-height:0;
	text-align:center;
}
@media (min-width:641px){
.socal2 li.sp {
	display: none !important;
}
}
@media (max-width:640px){
.socal2 li.sp {
	display: inline !important;
}
}*/

.socal2 img {
	display: inherit;
	/*width:15%;*/
	width:10%;
	margin:0 1.2% 0 1%;
	padding:0;
	line-height:0;
	text-align:center;
}
/* SNSブロック */
.socal3 {
	display:block;
	width:100%;
	line-height:0;
}
.social3_bg {
	width:100%;
}
.social3_line {
	display:block;
	width:100%;
	line-height:0;
}
@media (min-width:641px){
.social_btn01 {
	position:absolute;
	width:24%;
	left:0.5%;
	padding-top:2.5%;
}
.social_btn02 {
	position:absolute;
	width:24%;
	left:25.5%;
	padding-top:2.5%;
}
.social_btn03 {
	position:absolute;
	width:24%;
	left:50.5%;
	padding-top:2.5%;
}
.social_btn04 {
	position:absolute;
	width:24%;
	left:75.5%;
	padding-top:2.5%;
}
}
@media (max-width:640px){
.social_btn01 {
	position:absolute;
	width:24%;
	left:0.5%;
	padding-top:2.5%;
}
.social_btn02 {
	position:absolute;
	width:24%;
	left:25.5%;
	padding-top:2.5%;
}
.social_btn03 {
	position:absolute;
	width:24%;
	left:50.5%;
	padding-top:2.5%;
}
.social_btn04 {
	position:absolute;
	width:24%;
	left:75.5%;
	padding-top:2.5%;
}
}

.footer_start{
	position:relative;
	background:#fff;
}
.footer_start .pp_btn{
	margin: 2% 0 0;
    max-width: 40%;
}
.footer_start .top_start{
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	max-width:100%;
}
.footer_start .top_btn_app{
	top: 0%;
}
.btn_sns {
	position:relative;
	z-index:3;
	width:100%;
	margin: 4% 0 0;
}
.btn_sns img {
	width:100%;
}
.btn_sns .facebook,
.btn_sns .twitter {
	position:absolute;
	display:block;
	width:45%;
	height:100%;
	top:0;
	text-indent:-9999px;
	background:url(./g.png) no-repeat;
}
.btn_sns .facebook {
	left:4.5%;
}
.btn_sns .twitter {
	right:4.5%;
}

.f_atn {
	text-align:center;
	padding:15px 0;
	font-size:9px;
	border-bottom:1px solid #d7d7d7;
}
.f_info {
	padding:20px 10px;
	border-bottom:1px solid #d7d7d7;
}
.f_info dl {
	display:block;
	width:300px;
	padding:0;
	margin:0 auto;
	list-style:none;
}
.f_info dl:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.f_info dl dt {
	clear: both;
	float:left;
	width:100px;
	margin-bottom:10px;
}
.f_info dl dd:before {
	content:': ';
}
.f_info dl dd {
	float:left;
	width:200px;
	margin-bottom:10px;
}
.f_info dd .min {
	font-size:10px;
}
.socal_bn {
	padding:4% 0;
	text-align:center;
}
.socal_bn li {
	display:inline;
}
.socal_bn li img {
	display: inline;
	width:44%;
	margin:0 1%;
}
.pp {
	text-align:center;
	margin:0 0 4% 0;
}
.pp a {
	color:#333;
	text-decoration:underline;
}
.lobi {
	/*text-align:center;*/
	margin:0 0 2% 0;
	/*float: left;*/
	left: 3.2%;
    position: relative;
}	
.lobi a {
	color:#333;
	text-decoration:underline;
}
@media (min-width:641px){
.lobi a img {	
	margin: 2% 0 0;
    max-width: 43%;
}
}
@media (max-width:640px){
.lobi a img {	
	margin: 2% 0 0;
    max-width: 42.2%;
}
}
@media (min-width:641px){
.kanzen {
	/*text-align:center;*/
	margin:0 0 2% 0;
	/*float: right;*/
	right: -4.47%;
    position: relative;
}
}
@media (max-width:640px){
.kanzen {
	/*text-align:center;*/
	margin:0 0 2% 0;
	/*float: right;*/
	right: -4.1%;
    position: relative;
}
}
.kanzen a {
	color:#333;
	text-decoration:underline;
}
@media (min-width:641px){
.kanzen a img {	
	margin: 2% 0 0;
    max-width: 43%;
}
}
@media (max-width:640px){
.kanzen a img {	
	margin: 2% 0 0;
    max-width: 42.2%;
}
}
.footer_bottom {
	background:#fff;
	padding:4% 0;
	text-align:center;
	color:#000;
	font-size:12px;
	font-weight:bold;
}
.footer_slide {
	position:relative;
	background:url(./img/footer_bg.jpg) no-repeat;
	background-size:100% auto;
	padding:0 0 3% 0;
}
.footer_slide .slide_selector {
	position:relative !important;
}


/* ページ送り
---------------------------------*/
.wp-pagenavi {
	height:80px;
	padding:18px 0;
	position:relative;
	font-size:15px;
	line-height:1;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	color:#333;
	text-align:center;
}
.wp-pagenavi a {
	font-size:15px;
	line-height:57.5px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	color:#fff;
	text-decoration:none;
}
.wp-pagenavi .pages {
	display:none;
}
.previouspostslink {
	position:absolute;
	top:10px;
	left:0;
	display: inline-block;
	width:65px;
	height:57.5px;
	line-height:57.5px;
	text-indent:-9999px;
	background:url(./img/pnav_prev.png) no-repeat;
	background-size:100% auto;
}
.nextpostslink {
	position:absolute;
	top:10px;
	right:0;
	display: inline-block;
	width:65px;
	height:57.5px;
	line-height:57.5px;
	text-indent:-9999px;
	background:url(./img/pnav_next.png) no-repeat;
	background-size:100% auto;
}
.wp-pagenavi .page {
	display:inline-block;
	width:42px;
	height:42px;
	line-height:42px;
}
.wp-pagenavi .current {
	display:inline-block;
	color:#fff;
	width:42px;
	height:42px;
	line-height:42px;
	background:url(./img/pnav_bg.png) no-repeat;
	background-size:100% auto;
}

/* news 一覧
---------------------------------*/
.page-title img {
	width:100%;
}
body.blog #page,
body.single #page {
	background:#fffff3 url(./img/news_bg.jpg) no-repeat;
	background-size:100% auto;
}
body.blog .post_lists {
	/*
	background:url(./img/news_bg_re.jpg) repeat-y left -6px;
	background-size:100% auto;
	*/
	padding:3%;
}

/* news 詳細
---------------------------------*/
.entry-header img {
	width:100%;
}
body.single .post {
	/*background-color:#fffff3;*/
	/*
	background:url(./img/news_bg_re.jpg) repeat-y left -6px;
	background-size:100% auto;
	*/
}
body.single .entry-content {
	padding:3% 3% 40px;
	font-size:13px;
	line-height:1.6;
}
body.single .arc_info,
body.single .navigation {
	padding:0 3%;
}
body.single .arc_info {
	padding-top:3%;
	color:#777;
}
body.single #main > .entry-header {
	margin:16% 0 10%;
}
body.single .entry-title {
	font-size:15px;
	font-weight:bold;
	line-height:1.4;
	border-bottom:1px solid #c78a00;
	margin:0 3%;
	padding:10px 0;
}
.navigation_wrap {
	position:relative;
	top:-25px;
	height:58px;
	margin:0 1% 5%;
}
.newstop {
	position:absolute;
	left:50%;
	height:58px;
	margin-left:-103px;
}
.newstop img {
	height:100%;
}
.navigation_wrap .screen-reader-text {
	display:none;
}
.nav-previous a {
	position:absolute;
	top:0;
	left:0;
	display: inline-block;
	width:37px;
	height:37px;
	line-height:37px;
	text-indent:-9999px;
	background:url(./img/pnav_prev.png) no-repeat;
	background-size:100% auto;
}
.nav-next a {
	position:absolute;
	top:0;
	right:0;
	display: inline-block;
	width:37px;
	height:37px;
	line-height:37px;
	text-indent:-9999px;
	background:url(./img/pnav_next.png) no-repeat;
	background-size:100% auto;
}

/* character
---------------------------------*/
body.page-character #page {
	background:url(./img/chara_bg.jpg) no-repeat;
	background-size:100% 100%;
}
body.page-character #content{
	padding-bottom:10%;
}
.chara_lists {
	padding:15px 0;
}
.chara_lists ul {
	width:100%;
	margin:0;
	padding:0 0 0 1%;
	list-style:none;
}
.chara_lists ul:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.chara_lists ul li {
	float:left;
	width:33%;
	padding:2%;
}
.chara_lists ul li a {
	display:block;
}
.chara_lists ul li img {
	width:100%;
	height: auto;
}
.top_character{
	position:relative;
}
.top_character .chara_lists{
	position:absolute;
	top:18%;
	left:0;
	padding:0;
	width:100%;
	z-index:3;	
}
.top_character .chara_lists ul{
	padding:0;
}
.top_character .chara_lists ul li {
	float:left;
	width:25%;
	padding:0;
}
.top_character .chara_more{
	max-width:100%;
	margin-top: 5%;
}

/* Simple Lightbox */
body {
	padding:0 !important;
}
.sl-overlay {
	background-color:#000 !important;
	filter:alpha(opacity=90) !important;
	-moz-opacity: 0.9 !important;
	opacity: 0.9 !important;
}
.sl-wrapper .sl-navigation button, .sl-wrapper .sl-close, .sl-wrapper .sl-counter {
	color:#fff !important;
}
.sl-counter {
	display:none !important;
}
.sl-close {
	width:60px !important;
	height:60px !important;
	background:url(./img/btn_close.png) no-repeat !important;
	background-size:60px auto !important;
	top:5px;
	right:5px;
}
.sl-close {
	z-index:9999 !important;
	width:80px !important;
	height:80px !important;
	background:url(./img/btn_close.png) no-repeat !important;
	background-size:80px auto !important;
	top:5px !important;
	right:5px !important;
	text-indent:-9999px !important;
}
.sl-prev {
	z-index:9999 !important;
	position:absolute;
	cursor:pointer !important;
	left:0 !important;
	background:url(./img/btn_prev.png) no-repeat !important;
	background-size:100% auto !important;
	width:60px !important;
	height:60px !important;
	text-indent:-9999px !important;
}
.sl-next {
	z-index:9999 !important;
	position:absolute;
	cursor:pointer !important;
	right:0px !important;
	background:url(./img/btn_next.png) no-repeat !important;
	background-size:100% auto !important;
	width:60px !important;
	height:60px !important;
	text-indent:-9999px !important;
}

/* Responsive Lightbox 
#swipebox-overlay {
	width:100% !important;
	background:url(./img/menu_bg.png);
}
#swipebox-bottom-bar, #swipebox-top-bar {
	background:none !important;
}
#swipebox-close {
	width:60px !important;
	height:60px !important;
	background:url(./img/btn_close.png) no-repeat !important;
	background-size:60px auto !important;
	top:5px;
	right:5px;
}
#swipebox-bottom-bar {
	top:50% !important;
}
#swipebox-next {
	position:absolute;
	cursor:pointer !important;
	right:0px !important;
	background:url(./img/btn_next.png) no-repeat !important;
	background-size:100% auto !important;
	width:37px !important;
	height:60px !important;
}
#swipebox-prev {
	position:absolute;
	cursor:pointer !important;
	left:0 !important;
	background:url(./img/btn_prev.png) no-repeat !important;
	background-size:100% auto !important;
	width:37px !important;
	height:60px !important;
}
#swipebox-bottom-bar.visible-bars {
	transform:none !important;
	-webkit-transform:none !important;
	-moz-transform:none !important;
}
*/

/* system
---------------------------------*/
body.page-system #page {
	background:url(./img/system_bg.jpg) no-repeat;
	background-size:100% auto;
}
/*
.system_bg {
	width:100%;
	position: relative;
	top:-14%;
	left:0;
	z-index:0;
}
*/
.sys_contents {
	position:relative;
	min-height:970px;
}
.sys_map,
.sys_battle,
.sys_other {
	position:relative;
	width:94%;
	margin:auto;
}
.sys_other {
	padding-bottom:8%;
}
@media (max-width:320px){
.sys_map,
.sys_battle,
.sys_other {
	width:100%;
}
}
.sys_map .slide_selector,
.sys_battle .slide_selector,
.sys_other .slide_selector {
	position: static !important;
	box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 6px 3px;
}
.sys_map .slide_selector {
	margin-top:29%;
}
.sys_battle .slide_selector {
	margin-top:48%;
}
.sys_other .slide_selector {
	margin-top:49%;
}
@media (max-width:320px){
.sys_map .slide_selector {
	margin-top:27%;
}
.sys_battle .slide_selector {
	margin-top:40%;
}
.sys_other .slide_selector {
	margin-top:41%;
}
}
.sys_
.sys_other {
	padding-bottom:7%;
}
.slide_selector_nav {
	margin:1% -0.5% 0 -1%;
}
.slide_selector_nav .slick-list {
	padding:0 !important;
}
.slide_selector_nav .slick-track {
	transform: none !important;
	-webkit-transform:none !important;
	-moz-transform:none !important;
}
.slide_selector_nav .slick-slide {
	position:relative;
	padding:1%;
	cursor:pointer;
}
.slide_selector_nav img {
	display:block;
	width:100%;
	box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 6px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 6px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 6px 1px;
}
.slide_selector_nav .slick-slide.slick-current img {
	outline-offset:-3px;
	outline:4px solid #fff;
}

/* privacy-policy
---------------------------------*/
body.page-privacy-policy #page {
	background:#E6E6E8 url(img/pp_bg.jpg) no-repeat;
	background-size:100% auto;
}
.pp_contents {
	margin: 36% 0 6%;
    padding: 5%;
	font-size:13px;
	line-height:1.6;
}
.opcl {
	padding:5% 0;
	border-bottom:1px solid #c6c6c6;
	font-size:15px;
	font-weight:bold;
	line-height:1;
	color:#7EAC2F;
	margin:0;
	background:url(./img/close.png) no-repeat right center;
	background-size: auto 50%;
	cursor:pointer;
}
.opcl.first {
	border-top:1px solid #c6c6c6;
}
.opcl_area {
	display:none;
	padding:2% 0;
	border-bottom:1px solid #c6c6c6;
}

/* twitter_campaign
---------------------------------*/
body.page-twitter_campaign #page {
	background:#E6E6E8 url(img/tc_bg.jpg?00) no-repeat;
	background-size:100% auto;
}
.tc_contents {
	margin: 46% 0 0;
    padding-top: 24%;
    padding-right: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
	font-size:13px;
	line-height:1.6;
}
@media (max-width:641px){ 
	.tc_contents {
		margin: 50% 0 0;
	}
}
.tc_contents table{
	width:100%;
	margin-top: 3%;
	border-bottom:1px solid #c6c6c6;
}
.tc_contents th,
.tc_contents td{
	border-top:1px solid #c6c6c6;
	padding:10px 0 ;
}
.tc_contents th{
	font-weight:bold;
	vertical-align:top;
	color:#777;
	white-space:nowrap;
	padding-right:10px;
}
.tc_contents .date{
	font-weight:bold;
	font-size:16px;
	color:#A10B0D;
}
.tc_contents td strong{
	color:#A10B0D;
}
body.page-twitter_campaign .btn_top{
	margin-bottom:10%;
	max-width:100%;
}
/* gift_campaign
---------------------------------*/
body.page-gift_campaign #page {
	background:#E6E6E8 url(img/gift_bg.jpg) no-repeat;
	background-size:100% auto;
}
.gc_contents {
	margin: 42% 0 0;
    padding-top: 24%;
    padding-right: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
	font-size:13px;
	line-height:1.6;
}
@media (max-width:641px){ 
	.gc_contents {
		margin: 52% 0 0;
	}
}
.gc_contents table{
	width:100%;
	margin-top: 3%;
	border-bottom:1px solid #c6c6c6;
}
.gc_contents th,
.gc_contents td{
	border-top:1px solid #c6c6c6;
	padding:10px 0 ;
}
.gc_contents th{
	font-weight:bold;
	vertical-align:top;
	color:#777;
	white-space:nowrap;
	padding-right:10px;
}
.gc_contents .date{
	font-weight:bold;
	font-size:16px;
	color:#A10B0D;
}
.gc_contents td strong{
	color:#A10B0D;
}
body.page-gift_campaign .btn_top{
	margin-bottom:10%;
	max-width:100%;
}

/* egus_report
---------------------------------*/
body.page-egus_report #page {
	background:#f5f5f5;
	background-size:100% auto;
}
.er_contents {
	/*margin: 4% 0 0;*/
    padding-top: 4%;
    padding-right: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
	font-size:14px;
	line-height:1.6;
}
@media (max-width:641px){ 
	.er_contents {
		/*margin: 4% 0 0;*/
		padding-top: 4%;
		font-size:15px;
	}
}
.er_block_img {
	display:block;
	width:100%;
}
.er_block_img2 {
	display:block;
	width:100%;
}
@media (min-width:640px){ 
	.er_block_img2 {
		display:block;
		width:70%;
		text-align: center;
	}
}
.er_contents table{
	width:100%;
	/*margin-top: 3%;*/
	/*border-bottom:1px solid #c6c6c6;*/
	border-style:none;
}
.er_contents th,
.er_contents td{
	/*border-top:1px solid #c6c6c6;*/
	border-style:none;
	padding-top:12px;
}
.er_contents th{
	font-weight:bold;
	vertical-align:top;
	color:#777;
	white-space:nowrap;
	padding-right:10px;
	width: 24%;
}
.er_contents th img {
	width:100%;
}
.er_contents .date{
	font-weight:bold;
	font-size:16px;
	color:#A10B0D;
}
.er_contents span.kouhou {
	color: #fb0cd3;
	font-weight: 700;
}
.er_contents span.egus {
	color: #292ff3;
	font-weight: 700;
}

/* 締め切りページ
---------------------------------*/
.page-closing #page {
	background:#1E0251 url(img/closing_bg.jpg?01) no-repeat;
	background-size:100% auto;
}
.page-closing .btn_top{
	max-width:100%;
	margin: 88% auto 5%;
}
.page-closing .entry-title {
	display:none;
}

/* story 共通
---------------------------------*/
.story_head {
	position:relative;
}
.story_head ul {
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:100%;
	height:100%;
}
.story_head ul li a {
	display:block;
	position: absolute;
	width:31%;
	height:30%;
	text-indent:-9999px;
	top:48%;
}
.story_head ul li.st_00 a {
	left:3%;
}
.story_head ul li.st_01 a {
	left:35%;
}
.story_head ul li.st_02 a {
	left:66%;
}
.story_title {
	width:100%;
	margin:10px 0;
}
.story_area {
	font-size:15px;
	line-height:1.8;
	text-align:center;
	color:#fff;
	font-weight:bold;
	margin-bottom:15px;
}
@media (min-width:641px){ /* for pc */
.story_area {
	font-size:24px;
	line-height:1.8;
}
}
.big {
	font-size:153%;
}
.st_pnav {
	position:relative;
	height:67.5px;
	margin-bottom:15px;
}
.st_pnav .next {
	display:block;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-107px;
	width:214.5px;
}
.st_pnav .next img {
	width:100%;
}
.st_pnav .prev {
	display:block;
	position:absolute;
	top:0;
	left:15%;
	margin-left:-36px;
	width:71.5px;
}
.st_pnav .prev img {
	width:100%;
}

/* story 00
---------------------------------*/
body.page-story #page {
	background:url(./img/story_00_bg.jpg) no-repeat;
	background-size:100% auto;
}
body.page-story .story_area {
	-moz-text-shadow: 0px 0px 15px rgba(8, 71, 143, 0.9);
	-webkit-text-shadow: 0px 0px 15px rgba(8, 71, 143, 0.9);
	-ms-text-shadow: 0px 0px 15px rgba(8, 71, 143, 0.9);
	text-shadow: 0px 0px 15px rgba(8, 71, 143, 0.9);
}

/* story 01
---------------------------------*/
body.page-story_01 #page {
	background:url(./img/story_01_bg.jpg) no-repeat;
	background-size:100% auto;
}
body.page-story_01 .story_area {
	-moz-text-shadow: 0px 0px 15px rgba(0, 0, 0, 1);
	-webkit-text-shadow: 0px 0px 15px rgba(0, 0, 0, 1);
	-ms-text-shadow: 0px 0px 15px rgba(0, 0, 0, 1);
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 1);
}

/* story 02
---------------------------------*/
body.page-story_02 #page {
	background:url(./img/story_02_bg.jpg) no-repeat;
	background-size:100% auto;
}
body.page-story_02 .story_area {
	-moz-text-shadow: 0px 0px 15px rgba(12, 76, 76, 0.9);
	-webkit-text-shadow: 0px 0px 15px rgba(12, 76, 76, 0.9);
	-ms-text-shadow: 0px 0px 15px rgba(12, 76, 76, 0.9);
	text-shadow: 0px 0px 15px rgba(12, 76, 76, 0.9);
}


/* メールで事前登録
---------------------------------*/
.page-preregimail #page {
	background:#1E0251 url(img/mail_bg.jpg) no-repeat;
	background-size:100% auto;
}
.page-preregimail .entry-title,
.page-preregimail_comp .entry-title {
	display:none;
}
.page-preregimail .entry-content{
	margin-top:49%;
	position:relative;
}
.preregimail_txt_01 {
	color: #fff;
    font-size: 130%;
    font-weight: bold;
    line-height: 2;
    margin: auto;
    padding: 3%;
    text-align: center;
    width: 84%;
	display:none;
}
.page-preregimail div.wpcf7-response-output {
    display: none !important;
}
.preregimail_btn {
	left: 0;
	width: 100%;
	z-index: 3;
	position: absolute;
    top:11.6%;
}
.preregimail_btn .btn_02 {
	width:100%;
}
.preregimail_btn input:hover,
.preregimail_btn input.active{
	border-radius:70px;
}
.preregimail_btn #ios,
.preregimail_btn #android {
	display: block;
	height: 82%;
	position: absolute;
	text-indent: -9999px;
	top: 8%;
	width: 44%;
	background:url(./g.png) no-repeat;
	border:none;
	cursor:pointer;
	margin:0;
	padding:0;
}
.preregimail_btn #ios {
	left:4.5%;
}
.preregimail_btn #android {
	right:4.5%;
}
.preregimail_btn .ajax-loader {
	display:none;
}
.wpcf7-form-control-wrap.mail input {
	display: block;
    font-size: 16px;
    margin: 20px auto;
    padding: 3%;
    width: 82%;;
	border:1px solid #ccc;
	background:#f9f9f9;
}
span.wpcf7-not-valid-tip {
    background: #D97625;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: bold;
	margin:-20px auto;
	position:absolute;
	left:9%;
    padding: 1% 0;
    text-align: center;
    width: 82%;
}
.registr_wrap{
	background:#1E0251 url(img/registr_bg.jpg) no-repeat;
	background-size:100% 100%;
	font-size: 16px;
    height: 36%;
    left: 3%;
    padding: 2%;
    position: absolute;
    top:46%;
    width: 94%;
}
.registr{
    font-size: 15px;
    height: 78%;
    left: 4%;
    overflow: auto;
    padding: 2%;
    position: absolute;
    top: 11%;
    width: 93%;
	line-height:1.8;
	color:#000;
}
.registr h3{
	text-align:center;
	font-weight:bold;
	padding-bottom:3%;
	margin-bottom:3%;
	background: url(img/registr_line.png) no-repeat center bottom;
}
.registr h4{
	font-weight:bold;
}
.registr ol li{
	padding-bottom:3%;
	margin-bottom:3%;
	word-break : break-all;
	border-bottom:1px solid #999;
}
.registr ol li:last-child{
	padding-bottom:0;
	margin-bottom:0;
	border-bottom:none;
}
.wpcf7-form-control-wrap {
    display: block;
}
.page-preregimail .btn_top{
	max-width:100%;
	margin:115% auto 6%;
}

/* メールで事前登録 登録完了
---------------------------------*/
.page-preregimail_comp #page {
	background:#1E0251 url(img/mail_comp_bg.jpg?201607151034) no-repeat;
	background-size:100% auto;
}
.page-preregimail_comp .btn_top{
	max-width:100%;
	margin:36% auto 0;
}

/* twitterで事前登録
---------------------------------*/
.page-preregitwitter #page {
	background:#1E0251 url(img/twitter_bg.jpg?201607151034) no-repeat;
	background-size:100% auto;
}
.page-preregitwitter .entry-title {
	display:none;
}
.page-preregitwitter .entry-content{
	margin-top:53%;
	position:relative;
}
.page-preregitwitter .registr_wrap{
    height: 40%;
    top: 35%;
}
.preregitwitter_txt_01 {
	padding:10px;
	text-align:center;
	display:none;
}
.page-preregitwitter .preregimail_btn{
	top: -0.5%;
}
.preregitwitter_btn {
	left: 0;
	width: 100%;
	z-index: 3;
	position: absolute;
    top: 25.5%;
}
.preregitwitter_btn .btn_02 {
	width:100%;
}
.preregitwitter_btn #ios,
.preregitwitter_btn #android {
	display: block;
	height: 95%;
	position: absolute;
	text-indent: -9999px;
	top: 2%;
	width: 44%;
	background:none;
	border:none;
	cursor:pointer;
	margin:0;
	padding:0;
}
.preregitwitter_btn #ios {
	left:5%;
}
.preregitwitter_btn #android {
	right:5%;
}
.preregitwitter .btn_top{
	max-width:100%;
	margin:115% auto 6%;
}
.page-preregitwitter .btn_top{
	max-width:100%;
	margin:105% auto 6%;
}

/* twitterで事前登録 再確認
---------------------------------*/
.page-preregitwitter_error #page {
	background:#1E0251 url(img/twitter_error_bg.jpg) no-repeat;
	background-size:100% auto;
}
.page-preregitwitter_error .btn_top{
	max-width:100%;
	margin:58% auto 40%;
}
.page-preregitwitter_error .entry-title {
	display:none;
}


/* twitterで事前登録 登録完了
---------------------------------*/
.page-preregitwitter_comp #page {
	background:#1E0251 url(img/twitter_comp_bg.jpg) no-repeat;
	background-size:100% auto;
}
.page-preregitwitter_comp .btn_top{
	max-width:100%;
	margin:36% auto 0;
}
.page-preregitwitter_comp .entry-title {
	display:none;
}

/* 事前ボタンブロック
---------------------------------*/
.pre_btn_area {
	position: relative;
}
.pre_btn_area  img {
	display:block;
	width:100%;
}
.pre_btn_app {
	position:absolute;
	left:0;
	/*top:-16.8%; pv内の値*/
	top:0%;
	z-index:10;
	width:100%;
}
.pre_btn_app img {
	width:100%;
}
.pre_btn_app a:hover,
.pre_btn_app a.active{
	border-radius:10px;
}
.pre_btn_app .app,
.pre_btn_app .google {
	position:absolute;
	display:block;
	width:45.5%;
	height:54%;
	top:22%;
	text-indent:-9999px;
	background:url(./g.png) no-repeat;
}
.pre_btn_app .app {
	left:3.5%;
}
.pre_btn_app .google {
	right:3%;
}

/* footer
---------------------------------*/
.footer_links {
	margin:1% 4.5% 2%;
}
.footer_links ul {
	margin:0;
	padding:0;
	list-style:none;
}
.footer_links:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.footer_links li {
	float:left;
	width:46%;
	margin:2%;
}
.footer_links li a {
	font-size:14px;
	color:#666;
	text-decoration:none;
	background:#eee;
	font-weight:bold;
	text-align:center;
	display:block;
	width:100%;
	padding:5%;
	box-sizing:border-box;
	border:2px solid #999;
}
.footer_links li a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/* character
---------------------------------*/
body.page-faq #page {
	background:url(./img/chara_bg.jpg) no-repeat;
	background-size:100% 100%;
}
body.page-faq .entry-header h1 {
    font-size: 200%;
    margin: 10px 0;
    text-align: center;
    width: 100%;
}
#faq-block .faq-list {
    margin: 20px auto;
    width: 90%;
}
#faq-block .single-faq {
    border-bottom: 1px solid #c78a00;
    border-top: 1px solid #c78a00;
    margin-top: -1px;
}
#faq-block .single-faq .faq-question, #faq-block .single-faq .faq-question a {
    font-size: 150%;
    font-weight: bold;
    padding: 0.5em;
}
#faq-block .faq-answer {
    padding: 1em 2em 2em 2em;
	font-size:14px;
}
#faq-block .faq-question, #faq-block .faq-answer {
    /*background-color: rgba(255, 255, 255, 0.5);*/
	background-color:#dcf3ff;
}
body.page-faq .btn_top{
	max-width:100%;
}
.faq_kanzen {
	margin:30px 0;
	text-align:center;
}
.faq_kanzen h3 {
	font-size:16px;
	font-weight:bold;
	margin:40px 0 10px;
	text-shadow: black 1px 1px 0px, black -1px 1px 0px, black 1px -1px 0px, black -1px -1px 0px;
    color: white;
}