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

#wrapper {
	width: 100%;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
}
		
.container {
	position: relative;
	height: 100%;
	margin: 0 auto;
	padding-bottom: 166px;
}

.footer {
	background: url("../images/bg_footer.png") top center no-repeat;
	width: 100%;
	height: 166px;
	background-color: rgba(0,0,0,0.7);
	float:left;
}

.c9 {background-color: #c9c9c9;}


.navbar {
	background: url("../images/bg_menu.png") top center no-repeat;
	position: absolute;
	top: 0; left: 0; right: 0;
	margin: auto;
	width: 100%; height: 60px;
	z-index: 1000;
}
.navbar ul {
	margin: auto;
	width: 1200px;
	height: auto;
}
.navbar ul li {
	display: inline-block;
	margin: 8px 20px;
	overflow: hidden;
}

	
/******************** Top Page ********************/	
.mainvidual{
	/*background: url("../images/top2.png") top center no-repeat;*/
	position: relative;
	/*height: 775px;*/
	height: 885px;
	text-align: center;
}

.mainvidual .bg {
	width: 1520px;
	height: auto;
	position: absolute;
	top: 50px; left: 0; right: 0;
	margin: auto;
}
.mainvidual #video {
	width: 100%; height: auto;
	margin: auto;
}	
.mainvidual .movie {
	position: absolute;
	top: 270px; left: 1000px;
	width: 160px; height: 160px;
	display: block;
	cursor: pointer;
}

.container .mainvidual .menu {
	background: url("../images/bg_menu.png") center center no-repeat;
	position: absolute;
	top: 0;
	margin: auto;
	width: 100%;
	height: 60px;
}
.container .mainvidual .menu li {
	display: inline-block;
	margin: 8px 30px;
}

.container .mainvidual .eye_catch {
	background: url("../images/cf_img_01bg.png") center center no-repeat;
	position: absolute;
	bottom:146px;
	margin: auto;
	width: 100%;
	height: 117px;
}

.container .mainvidual .eye_catch .box-container {
        padding-top:6px; 
	width: 776px;
	height: 100%;
	margin: auto;
	text-align: center;
	vertical-align: middle;
}

.container .mainvidual .social {
	background: url("../images/bg_social.png") top center no-repeat;
	position: absolute;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 148px;
}
.container .mainvidual .social .box-container {
	width: 1100px;
	height: 100%;
	margin: auto;
	display:flex;
	
}
.container .mainvidual .social .box-container div {
	/*border: solid 1px red;*/
	/*color: white;*/
	box-sizing: border-box;
}
.container .mainvidual .social .box-container .box1 {
	width: 33%;
	padding: 11px 0;
}
.container .mainvidual .social .box-container .box2 {
	width: 20%;
	height: 90%;
	padding: 37px 0;
}
.container .mainvidual .social .box-container .box3 {
	width: 21%;
	height: 90%;
	padding: 37px 0;
}
.container .mainvidual .social .box-container .box4 {
	margin: 50px 0 0 -357px;
}
.container .mainvidual .social .box-container .box5 {
	margin: 50px 0 0 7px;
}

.container .mainvidual .social .box-container .box6 {
	margin: 0;
	padding-top: 10px;
}

.movies {
	background: url("../images/bg_movies.png") bottom center no-repeat;
	position: relative;
	height: 220px;
	margin: auto;
	padding-top: 20px;
}
.movies ul {
	width: 1100px;
	margin: auto;
}
.movies ul li {
	display: inline-block;
	width: 360px;
}

.middle {
	background: url("../images/bg_middle.png") top center no-repeat;
	position: relative;
	width: 100%;
	height: 945px;
}
.middle .box-container {
	width: 1080px;
	height: auto;
	margin: 0 auto;
	padding-top: 30px;
}
/*.middle .box-container div {
	border: solid 1px red;
	color: white;
	box-sizing: border-box;
}*/
.middle .box-container .box1 {
	width: 737px;
	height: 480px;
	float: left;
}
.middle .box-container .box2 {
	width: 320px;
	height: 480px;
	float: right;
}
.middle .box-container .box3 {
	width: 300px;
	height: 150px;
	float: left;
}
.middle .box-container .box4 {
	width: 300px;
	height: 150px;
	float: left;
}
.middle .box-container .box5 {
	width: 1000px;
	height: 170px;
	clear: both;
}

.middle .game-info-box {
	background: url("../images/bg_appinfo.png") top center no-repeat;
	width: 1000px;
	height: 170px;
	margin: auto;
}


/*
.game-info-box div {
	border: solid 1px red;
	box-sizing: border-box;
	color: white;
}
*/
.game-info-container {
	margin: 0 auto;
	width: 950px;
	height: 155px;
}

.box5-1 {
	width: 150px;
	height: 170px;
	padding-top: 20px;
	float: left;
}
.box5-2 {
	width: 50%;
	height: 30%;
	padding-top: 15px;
	float: left;
}
.box5-3 {
	width: 50%;
	height: 30%;
	padding-top: 15px;
	float: left;
}
.box5-4 {
	width: 100%;
	height: 50%;
	padding-top: 15px;
	float: left;
}
.box5-5 {
	width: 445px;
	height: 170px;
	float: left;
	padding: 20px 0 0 20px;
	text-align: left;
	line-height: 1.7;
	font-size: 15px;
	color: white;
}
.box5-6 {
	width: 325px;
	height: 170px;
	float: left;
	padding-top: 15px;
}
.info {
	background: url("../images/bg_news.png") no-repeat center;
	position: relative;
	width: 737px;
	height: 443px;
	margin: 7px auto;
}
.info .tabs {
	position: relative;
	top: 57px;
	margin: auto;
}
.info .tabs li {
	display: inline-block;
}
.info .tabs .tab1 {
	float: left;
	width: 112px;
}
.info .tabs .tab2 {
	float: left;
	width: 136px;
}
.info .tabs .tab3 {
	float: left;
	width: 176px;
}
.info .tabs .tab4 {
	float: left;
	width: 137px;
}
.info .tabs .tab5 {
	float: left;
	width: 120px;
}
.info .box {
	position: relative;
	overflow-y: scroll;
	top: 75px;
	left: 25px;
	width: 675px;
	height: 340px;
	line-height: 18px;
	color: #fff;
	font-size: 15px;
	text-align: left;
	line-height: 2.8;
}
.info .box::-webkit-scrollbar {
	width: 15px;
}
.info .box::-webkit-scrollbar-thumb {
	background: blue;
	border-radius: 10px;
}
.info .box::-webkit-scrollbar-track-piece:start {
	/*background: #ffa5ba;*/
}
.info .box::-webkit-scrollbar-track-piece:end {
	/*background: #ffa5ba;*/
}

.info .event {
	background-color: #ea47a2;
	padding: 0 23px 0 23px;
}
.info .notice {
	background-color: #10a2f7;
	padding: 0 23px 0 23px;
}
.info .maintenance {
	background-color: #6a9802;
	padding: 0 8px 0 8px;
}
.info .important {
	background-color: #b80808;
	padding: 0 38px 0 38px;
}

.twitterBox {
	background: url("../images/bg_twitter.png") no-repeat center;
	/*background-size: 100%;*/
	width: 320px;
	height: 443px;
	margin: 8px auto;
}
/**************************************************/	



/******************** Game Page *******************/
#gameContainer {
	background: url("../images/game/bg.png") no-repeat top center;
	background-color: #1a191f;
	min-height: 644px;
}
#gameContainer #mainvidual {
	position: relative;
	height: 300px;
	margin: auto;
}
#gameContainer #mainvidual .title_game {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
#gameContainer #content {
	background: url("../images/border.png") repeat-y center;
	width: 1020px;
	min-height: 1000px;
	margin: auto;
	padding-bottom: 3em;
}
#gameContainer #content #sectionbar {
	background-color: #584c4c;
	width: 1020px;
	height: 45px;
	margin: auto;
}
#gameContainer #content #sectionbar ul li {
	display: inline-block;
	margin-top: 0.5em;
	margin-right: 2em;
}
#gameContainer #content #game_section_0001 {
	width: 1020px;
	height: auto;
	margin: 3em auto 0;
}
#gameContainer #content #game_section_0001 img { width: 95%; height: auto; }
#gameContainer #content #game_section_0002 {
	width: 1020px;
	height: auto;
	margin: 3em auto 0;
}
#gameContainer #content #game_section_0002 img { width: 95%; height: auto; }
#gameContainer #content #game_section_0003 {
	width: 1020px;
	height: auto;
	margin: 3em auto 0;
}
#gameContainer #content #game_section_0003 img { width: 95%; height: auto; }
#gameContainer #content #game_section_0004 {
	width: 1020px;
	height: auto;
	margin: 3em auto 0;
}
#gameContainer #content #game_section_0004 img { width: 95%; height: auto; }
/**************************************************/	



/******************** Busyo Page *******************/
#busyoContainer {
	background: url("../images/busyo/bg2.png") no-repeat top center;
	background-color: #1a191f;
	min-height: 644px;
}
#busyoContainer #mainvidual {
	position: relative;
	height: 300px;
	margin: auto;
}
#busyoContainer #mainvidual .title_busyo {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
#busyoContainer #content {
	background: url("../images/border.png") repeat-y center;
	width: 1020px;
	min-height: 80vh;
	margin: auto;
}
#busyoContainer #content #sectionbar {
	background-color: #584c4c;
	width: 1020px;
	height: 45px;
	margin: auto;
}
#busyoContainer #content #sectionbar ul li {
	display: inline-block;
	margin-top: 0.5em;
	margin-right: 2em;
}
#busyoContainer #content #busyou_section {
	width: 1020px;
	height: auto;
	margin: 3em auto 0;
}
#busyoContainer #content #heisyu_section {
	position: relative;
	width: 1020px;
	height: auto;
	margin: 3em auto 0;
}
#busyoContainer #content #heisyu_section .attrs {
	position: absolute;
	margin-top: 1em;
	margin-right: 2em;
	top: 0;
	right: 0;
}
#busyoContainer #content #heisyu_section .attrs li {
	display: inline-block;
}
#busyoContainer #content #heisyu_section .characters li {
	margin: 2em auto;
}
#busyoContainer #content #swiper_section {
	background: url("../images/font_busyou2.png") no-repeat center bottom;
	position: relative;
	max-width: 1020px;
	width: 1020px;
	height: 770px;
	margin: auto;
}
#busyoContainer #content #swiper_section #swiper_section_bg {
	position: absolute;
	top: 0;
	bottom: 65px;
	left: 0;
	right: 0;
	margin: auto;
	width: auto;
	height: auto;
}
/**************************************************/


	
/******************** FAQ Page *******************/
#faqContainer {
	background: url("../images/faq/bg_2.png") no-repeat top center;
	background-color: #1a191f;
	background-attachment: fixed;
	background-size: cover;
	min-height: 644px;
}
#faqContainer #mainvidual {
	position: relative;
	height: 300px;
	margin: auto;
}
#faqContainer #mainvidual .title_faq {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
#faqContainer #content {
	background: url("../images/border.png") repeat-y center;
	width: 100%;
	min-height: 80vh;
	margin: auto;
	padding-bottom: 100px;
}
/**************************************************/


/******************** Sirial Code Page *******************/
#sirialContainer {
	background: url("../images/faq/bg.png") no-repeat top center;
	background-color: #1a191f;
	/*min-height: 644px;*/
	height: auto;
}
#sirialContainer #mainvidual {
	position: relative;
	height: 160px;
	margin: auto;
}
#sirialContainer #content {
	background: url("../images/border.png") repeat-y center;
	width: 1020px;
	min-height: 250px;
	height: auto;
	margin: auto;
	padding: 2em 0;
}
#sirialContainer #content .text-box {
	padding: 0 25px;
	font-size: 16px;
	text-align: left;
}
#sirialContainer #content .send-btn {
	width: 265px;
	height: auto;
}
#sirialContainer #content .formBox2 {
}
#sirialContainer #content .formBox2 .emailinput {
	width: 305px;
	height: 50px;
	padding: 0;
	margin: 20px auto;
	line-height: 1.5;
	text-indent: 15px;
	font-size: 20px;
	vertical-align: top;
}
#sirialContainer #content .formBox2 select {
	width: 305px;
	height: 50px;
	margin: 20px auto;
	font-size: 20px;
}
/**************************************************/



/******************** Post Page *******************/
#postContainer {
	background: url("../images/faq/bg.png") no-repeat top center;
	background-color: #1a191f;
	min-height: 644px;
}
#postContainer #mainvidual {
	position: relative;
	height: 160px;
	margin: auto;
}
#postContainer #content {
	background: url("../images/border.png") repeat-y center;
	width: 1020px;
	/*min-height: 1000px;*/
	height: auto;
	margin: auto;
}
/**************************************************/



/******************** Support Page *******************/
#supportContainer {
	background: url("../images/faq/bg.png") no-repeat top center;
	background-color: #1a191f;
	min-height: 644px;
	height: 100%;
}
#supportContainer #mainvidual {
	position: relative;
	height: 60px;
	margin: auto;
}
#supportContainer #content {
	background: url("../images/border.png") repeat-y center;
	width: 1020px;
	min-height: 1000px;
	margin: auto;
}
#section1001 {
	width: 1000px;
	height: auto;
	margin: 0 auto;
}
#section1001 .logo {
	width: 900px;
	height: 50px;
	margin: 0 auto;
}
#section1001 .textarea {
	width: 800px;
	height: auto;
	margin: 50px auto;
	padding: 50px;
	color: white;
	text-align: left;
	line-height: 1.5;
}
#section1001 .t_title {
	font-size: 24px;
	text-align: center;
	padding-bottom: 30px;
}
#section1001 .st_text {
	padding-bottom: 30px;
}
#section1001 .button-area {
	margin: 3em auto 0;
	text-align: center;
}
/**************************************************/



/*top*/		
.pr_bt{
	width: 200px;
	height: 240px;
	margin: 0;
	padding: 257px 0 0 719px;/*	left: 650px; top: 250px;*/
	position: absolute;}

.logo {
/*
	position: absolute;
	left: 0px;
	top: 25px;
	width: 477px;
	height: 305px;
*/
}
	
.character {
	position: absolute;
	left: 350px;
	top: 0;
	width: 660px;
}
.character img {
	width: auto;
	height: 1140px;
}
/*
.pv {
	position: absolute;
	left: 85px;
	top: 315px;
	width: 300px;
}
.pv img {
	width: 300px;
	height: auto;
}
*/
.movie {
/*
	position: absolute;
	left: 28px;
	top: 375px;
	width: 410px;
*/
	width: 260px;
	margin: 0 auto;
}
.movie img {
/*
	width: 380px;
	height: auto;
*/
}

.container .mainvidual .catchcopy {
	/*position: absolute;
	top: 0px;
	left: 0px;*/
	margin-left: -450px;
}

/*
.container .mainvidual .menu {
	background: url("../images/frame1.png") center center no-repeat;
	position: relative;
	width: 870px;
	height: 95px;
	margin: 15px auto 0;
}
.container .mainvidual .menu li {
	display: inline-block;
	padding-top: 5px;
}
*/

.share {
	position: absolute;
	top: 40px;
	left: 540px;
	width: 500px;
	height: auto;
	z-index: 100;
}
.share .twitter {
	display: inline-block;
}
.share .facebook {
	display: inline-block;
	margin-left: 20px;
}

/****************************************************************/
.bg-video {
	position: fixed;
	left: 0;
	top: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
}
.bg-video-filter {
	/*background: url("../images/bpixel.png");*/
	/*background-repeat: repeat;*/
	background-color: rgba(69,86,92,0.73);
	position: fixed;
	left: 0;
	top: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -99;
}
/****************************************************************/



.thumbnail-001 {
	background: url("../images/thum-01.jpg") top center no-repeat #000;
	width: 100%;
	height: 684px;
	margin: 0 auto;
}

.thumbnail-002 {
	background: url("../images/thum-02.jpg") top center no-repeat #000;
	width: 100%;
	height: 684px;
	margin: 0 auto;
}

.thumbnail-003 {
	background: url("../images/thum-03.jpg") top center no-repeat #000;
	width: 100%;
	height: 676px;
	margin: 0 auto;
}

.thumbnail-004 {
	background: url("../images/thum-04.jpg") top center no-repeat #000;
	width: 100%;
	height: 684px;
	margin: 0 auto;
}

.thumbnail-005 {
	background: url("../images/thum-05.jpg") top center no-repeat #000;
	width: 100%;
	height: 684px;
	margin: 0 auto;
}

.thumbnail-006 {
	background: url("../images/thum-06.jpg") top center no-repeat #000;
	width: 100%;
	height: 840px;
	margin: 0 auto;
}

.thumbnail-container {
	position: relative;
	width: 1000px;
	height: auto;
	margin: 0 auto;
}

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

.stores .app {
	display: inline-block;
	width: 320px;
	margin: 30px auto;
}
.stores .google {
	display: inline-block;
	width: 320px;
}
	
/*top*/		
.section02 {
	width: 1000px;
	height: 305px;/*298px*/
	margin: 0 auto;
	padding: 0 0 0 0;/*0*/
	/*background-image: url(../images/02_20150103rereLP_04.png);*/
	background-repeat: no-repeat;
}/**/


/**/
.se_style{
	width: 1000px;
	height: 298px;
	float: left;
	margin: 0 auto;
	padding: 0;
}

.section03 {
	width: 1140px;
	height: auto;
	margin: 45px auto;
	padding: 0;}/**/
	/*background-image: url(../images/02_20150103rereLP_04.png);*/
	/*background-repeat: no-repeat;*/	
	


/*top*/	

.fabox {
	background-image: url(../images/twitter_frame.png);
	background-size: 100%;
	width: 507px;
	height: 312px;
	float: right;
	margin: -3px auto;
}
.fabox .inner {
	margin: 63px auto;
}

.section04 {
	width: 1000px;
	height: 15px;
	margin: 0;
	padding: 0;}/**/



.section05 {
	width: 1040px;
	height: 253px;
	margin: 50px auto;
	padding: 0;}/**/


.section06 {
	width: 1000px;
	height: 15px;
	margin: 0;
	padding: 0;}/**/


.section07 {
	width: 1000px;
	height: 500px;
	margin: 0;
	padding: 0;}/**/
	

.section0601 {
	width: 1000px;
	height: 15px;
	margin: 0;
	padding: 0;}/**/



.section08 {
	width: 1000px;
	height: 680px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	background-image: url(../images/10_in_1000_680_12.png);
	background-repeat: no-repeat;
	float: left;}

.section09 {
	position: relative;
	width: 1000px;
	height: 215px;
	margin: 0 auto;
	padding: 0;}/**/

.section10 {
	background: url("../images/formbox_back.png") center center no-repeat;
	width: 1000px;
	height: 450px;}
	
.section11 {
	background: url("../images/news.png") top center no-repeat;
	position: relative;
	width: 1000px;
	height: 265px;
	margin: 0 auto;
}

.section12 {
	background: url("../images/header_1000.png") top center no-repeat;
	position: relative;
	width: auto;
	height: 100px;
	margin: 0;
}
.section12 .section12-1 {
	width: 1000px;
	height: 100px;
	margin: 0 auto;
}
.section12 .section12-1 li {
	display: inline-block;
	width: 480px;
	margin-top: 5px;
}

ul.sns-gloup {
	position: absolute;
	bottom: 0;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}
ul.sns-gloup li {
	width: 260px;
	display: inline-block;
}

ul.contact-group {
	width: 1000px;
	margin: -15px auto 0;
	padding: 0;
}
ul.contact-group li {
	width: 415px;
	display: inline-block;
}

.twitter_btn {
	margin-top: 75px;}

.yoyaku_top10 {
	width: 1000px;
	height: 176px;
	margin: 0;
	padding: 0;}

.character-button {
	position: absolute;
	top: 560px;
	left: 550px;
}

.text_st{
	width:1000px;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 0 0 0 0;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;}
	

.he15{
	width: 1000px;
	height: 15px;
	margin: 0 auto;
	padding: 0;
	/*float: left;*/}
	

.he40{
	width: 1000px;
	height: 40px;
	margin: 0;
	padding: 50px 0 0 0;
	/*font-size: 12px;*/
	color: #ffffff;}
	
	
.he30{
	width: 1000px;
	height: 20px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	text-align: center;
	font-size: 12px;
	color: #ffffff;}
	
	
.he151{
	width: 1000px;
	height: 20px;
	margin: 0 auto;
	padding: 10px 0 15px 0;
	text-align: center;
	font-size: 12px;
	color: #ffffff;}



/******************** FAQ ********************/
#section601 {
	position: relative;
	width: 800px;
	height: auto;
	padding-bottom: 20px;
	margin: 0 auto 4em;
	background-color: white;
}
#section601 .category {
	width: 800px;
	height: auto;
	margin: 2em auto 0;
}
#section601 .category ul li {
	display: inline-block;
	width: 40%;
	height: auto;
}
#section601 .category ul li img {
	/*width: 100%;*/
	width: 90%;
	height: auto;
}
.faq-tag {
	width: 650px;
	height: 75px;
	margin: 30px auto;
	/*background: url("../images/Q_icon.png") center left no-repeat #003281;*/
	background-color: #003281;
}
.faq-tag .faq-title {
	width: 600px;
	height: 75px;
	padding-left: 80px;
	text-align: left;
	display: table-cell;
	vertical-align: middle;
	font-size: 24px;
	color: #fff;
}

.answer-container {
	width: 650px;
	height: auto;
	margin: 2em auto;
	/*background-color: #cddef8;*/
	background-color: #fbe9ba;
}
.answer-tag {
	width: 650px;
	height: 75px;
	margin: 0 auto;
	/*background: url("../images/Q_icon.png") center left no-repeat #003281;*/
	/*background-color: #003281;*/
	background-color: #f3da80;
}
.answer-tag .answer-title {
	width: 600px;
	height: 75px;
	padding-left: 20px;
	text-align: left;
	display: table-cell;
	vertical-align: middle;
	font-size: 24px;
	font-weight: bold;
	/*color: #fff;*/
	color: #583012;
}
.answer-text {
	padding: 15px;
	text-align: left;
	line-height: 1.3;
	font-size: 20px;
}
.answer-text-pagetop {
	text-align: right;
	color: #00347f;
}
/******************** FAQ ********************/



/********************* Popup ************************/
#popup {
	left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 4250px;
    z-index: 1001;
    background-image: url(../images/bpixel.png);
    background-repeat: repeat;
}
#popup2 {
    background-image: url(../images/bpixel.png);
    background-repeat: repeat;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1001;
}
.content-popup {
	position: fixed;
    top:50%;
    left: 50%;
    margin-top: -225px;
    margin-left: -400px;
}
#videoYT{
    margin-left: auto;
    width: 800px;
    height: 450px;
}
.close {
	position: absolute;
    right: -30px;
}

#topBtn {
    position: fixed;
    bottom: 0px;
    right: 110px;
	z-index: 1000;
}
#topBtn a {
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#topBtn a:hover {
    text-decoration: none;
}

#qrcode-popup {
	left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    background-image: url(../images/bpixel.png);
    background-repeat: repeat;
}
.qrcode-bg {
    background-image: url(../images/QRpopup.png);
	margin: 0 auto;
	width: 716px;
	height: 275px;
}
.qrcode-content-popup {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -358px;
	margin-top: -142px;
}
.qrcode-close {
	position: absolute;
	right: 0;
	top: -75px;
}
#popupVideo {
	left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 4250px;
    z-index: 1001;
    background-image: url(../images/bpixel.png);
    background-repeat: repeat;
}
#content-popup {
	position: fixed;
    top:50%;
    left: 50%;
    margin-top: -225px;
    margin-left: -400px;
}
.content-popup2 {
    margin: 30px auto 0;
    text-align: center;
}

#popupChar {
    background-image: url(../images/bpixel.png);
    background-repeat: repeat;
    position: fixed;
	left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
}
#popupChar #closeChar {
	position: absolute;
	top: 5%;
	left: 0;
	right: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	z-index: 1000;
}
#iconContainer {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#iconContainer #charContent {
	position: relative;
	width: 100%;
	height: 100%;
	margin: auto;
}
#iconContainer #charContent img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: auto;
	max-height: 806px;
	height: 80%;
	margin: auto;
}
/*
#iconContainer #playSound {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
*/
#iconContainer #playSound .audio-button {
	position: absolute;
	top: 63%;
	bottom: 0;
	left: 50%;
	right: 0;
	margin: auto;
}
#popupChar {
}
#popupChar .base {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	margin: auto;
	max-width: 380px; max-height: 570px;
	width: auto; height: auto;
}
#popupChar .base .voice {
	position: absolute;
	bottom: 23%; right: 2%;
	width: 58px; height: 58px;
	cursor: pointer;
}
#popupChar .base .close {
	position: absolute;
	top: 0; right: -30px;
	width: 30px; height: 30px;
	cursor: pointer;	
}
/************************************************/

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

/* 著作権ガイドラインFAQ */
.qstylebg {
    text-indent:0.5em;
	margin-left:1.5em;
	margin-bottom:1em;
	padding: 0.3em;
	border-radius: 5px 5px 5px 5px;
	background-color:#666666
}
.astylebg {
    text-indent:0em;
	margin-left:3.5em;
	padding: 0.3em 0.3em 0.3em 0.6em;
	border-radius: 5px 5px 5px 5px;
	background-color:#efdeb5;
	color: #333333;
}
.qhead{
	margin-right:0.4em;
	padding:0.55em;
	background-color:white;
	border-radius: 5px 5px 5px 5px;
	font-weight: bold;
	color:red
}
.ahead{
	margin-left:2em;
	padding:0.55em;
	background-color:white;
	border-radius: 5px 5px 5px 5px;
	font-weight: bold;
	color:blue
}