@charset "UTF-8";

.pc { display:block !important; }
.sp { display:none !important; }

/* モバイルレイアウト  */

@media only screen and (max-width: 481px) {

.pc { display:none !important; }
.sp { display:block !important; }

html {
	overflow:auto;
	min-width:100%;
}
img.lock {
	width:100%;
}
/*-------decoration css--------*/

#maincontent #h1_box {
	position:static;
	top:0;
	left:0;
	padding-top:40px;
	min-width:100px;
}
#story_page #maincontent #h1_box {
	background:url(http://www.gumloq.com/anime/common/images/xanime_h1_story_sp.png.pagespeed.ic.NtDBvpOMr0.png) no-repeat top center;
	-moz-background-size:auto 120%;
	background-size:auto 120%;
	font-weight: bold;
	text-shadow: 0px 0px 1px #ffffff,
	0px 0px 10px #228eda,
	0px 0px 20px #228eda,
	0px 0px 30px #228eda,
	0px 0px 40px #228eda;
}
#character_page #maincontent #h1_box {
	background:url(http://www.gumloq.com/anime/common/images/xanime_h1_character_sp.png.pagespeed.ic.i7kB-DPekB.png) no-repeat top center;
	-moz-background-size:auto 120%;
	background-size:auto 120%;
	font-weight: bold;
	text-shadow: 0px 0px 1px #ffffff,
	0px 0px 10px #c8c614,
	0px 0px 20px #c8c614,
	0px 0px 30px #c8c614,
	0px 0px 40px #c8c614;
}
#structure_page #maincontent #h1_box {
	background:url(http://www.gumloq.com/anime/common/images/xanime_h1_structure_sp.png.pagespeed.ic.FOyIG8va2s.png) no-repeat top center;
	-moz-background-size:auto 120%;
	background-size:auto 120%;
	font-weight: bold;
	text-shadow: 0px 0px 1px #ffffff,
	0px 0px 10px #169d1d,
	0px 0px 20px #169d1d,
	0px 0px 30px #169d1d,
	0px 0px 40px #169d1d;
}
#view_page #maincontent #h1_box {
	background:none;
	-moz-background-size:auto 120%;
	background-size:auto 120%;
	font-weight: bold;
	text-shadow: 0px 0px 1px #ffffff,
	0px 0px 10px #228eda,
	0px 0px 20px #228eda,
	0px 0px 30px #228eda,
	0px 0px 40px #228eda;
}
#movie_page #maincontent #h1_box {
	background:none;
	-moz-background-size:auto 120%;
	background-size:auto 120%;
	font-weight: bold;
	text-shadow: 0px 0px 1px #ffffff,
	0px 0px 10px #228eda,
	0px 0px 20px #228eda,
	0px 0px 30px #228eda,
	0px 0px 40px #228eda;
}
#index_page #maincontent #h1_box {
	background:url(http://www.gumloq.com/anime/common/images/xanime_h1_etc_sp.png.pagespeed.ic.RbFu1Fnfhg.png) no-repeat top center;
	-moz-background-size:auto 120%;
	background-size:auto 120%;
	font-weight: bold;
	text-shadow: 0px 0px 1px #ffffff,
	0px 0px 10px #cc0000,
	0px 0px 20px #cc0000,
	0px 0px 30px #cc0000,
	0px 0px 40px #cc0000;
}
#maincontent h1 {
	width:100%;
	text-align:center;
}
#maincontent h1 span {
	margin:0;
	display:block;
}

/*-------header css--------*/

#anime_header {
	width:100%;
	height: auto;
	padding:15px 0 0; 
	background:url("http://www.gumloq.com/common/images/xall_header_bg.png.pagespeed.ic._TNTVK05KI.png") no-repeat scroll center top;
	-moz-background-size:auto 120%;
	background-size:auto 120%;
}
#header_link, #header_sns {
	display:none;
}
#logo {
    position:static;
	display:block;
	padding:0 30px;
	margin:0 auto 0px;
	width:auto;
}
#logo img {
	width:100%;
}
#sp_menu_open {
	width:95%;
	margin:0 auto 10px;
}

body.kasou_page #sp_menu_open {
	margin-bottom:0;	
}

#sp_menu_open img {
	width:100%;
}
#gnav {
	width:100%;
	margin-left:0;
	display:none;
	overflow:hidden;
}
#gnav li {
	width:50%;
	border-top:#333 solid 1px;
	border-bottom:#000 solid 1px;
}
#gnav li a span {
	display:block;
}
#gnav li a {
	display:block;
	padding:20px 0;
	text-align:center;
	background:#111;
	text-decoration:none;
	font-weight:bold;
	border-left:#333 solid 1px;
	border-right:#000 solid 1px;
}
#gnav li img {
	display:none;
}
#gnav li.sp_menu_link_btn img {
	display:block;
	width:95%;
	margin:0 auto;
}
#gnav li.sp_menu_link_btn img:hover {
	opacity:1;
}
	
/*-------main_contents css--------*/

#main_image {
    width: 100%;
    margin: 0px auto;
    height: auto;
}
#anime_top_main_image {
    position: relative;
    top:0;
    left:0;
	width:100%;
}
#anime_top_main_image img {
	width:100%;
}
#main_image h1 {
	position:relative;
	top:0;
	left:0;
	width:100%;
	margin-top:-100px;
	z-index:2000;
}
#main_image h1 img {
	width:100%;
}
#top_movie {
	display:block;
	width:auto;
	padding:0 15px;
	margin:0 auto;
	position:static;
	background:none;
}
#top_movie img {
	width:100%;
}
#top_movie img:hover {
	opacity:1;
}
#maincontent {
	width:100%;
}
#index_page #maincontent {
	padding-top:0px;
	width:90%;
	margin:0 auto;
}
#top_r, #top_l {
    float: none;
	width:100%;
}
#top_r ul li {
    float: none;
    padding:2px 15px;
	width:auto;
	background:none;
}
#top_r ul li img:hover {
	opacity:1;
}
#top_r ul li img {
	width:100%;
}
#top_l {
	padding:0 15px;
	width:auto;
}
#top_l img {
	width:100%;
}

/*-------footer css--------*/

#footer_box {
    background: #131313;
}
#footer_sub_link, #footer_sub_link, #footer_logo {
    width: auto;
	padding:0 15px;
}
#footer_sub_link li {
	width:50%;
}
#footer_link {
    width: 100%;
	padding:0;
	border-bottom:#333 solid 1px;
}
#footer_link li {
	width:50%;
	background: transparent url("http://www.gumloq.com/common/images/xall_link_icon2.png.pagespeed.ic.rvQA93mXyy.png") no-repeat scroll 165px 25px;
}
#footer_link li a {
	width:auto;
	text-align:left;
	padding-left:20px;
	border-top:#333 solid 1px;
	border-bottom:#111 solid 1px;
}
#footer_link li.li_first, #footer_link li.li_last {
	border:none;
}
#footer_logo {
	padding:20px 0 60px;
	width:90%;
	margin:0 auto;
}
#footer_logo li {
	width:33%;
}
#footer_logo li img {
	width:100%;
}
#deco_box {
	display:none;
}
#copy {
	line-height:12px;
}

/*-------character meche css--------*/

#slider {
	padding:0;
}
.bg_img {
	width:100%;
	position:static;
	top:0;
	left:0;
	height:auto;
}
.bg_img img {
	width:100%;
}
.bg_img .bx-viewport {
	padding-bottom:0;
}
#slide_btn {
	width:90%;
	margin:0 auto;
}
#slide_btn a {
	width:20%;
	height:auto;
	margin-top:35px;
}
#slide_btn a img {
	width:100%;
}
#slide_btn a.list_br {
	margin-left:0;
}
#slide_btn a.list_br2, #slide_btn a.list_br_r, #slide_btn a.list_br, #slide_btn a.list_br_r2 {
	clear:none;
}
#slide_btn a.list_right {
	float:left;
	margin:35px 0 5px;
}
#slide_btn .list_btn_bottom {
	margin-top:35px;
}
/*#slide_btn a.sp_right {
	float:right;
}
*/
#slide_btn a.slide_btn_position1, #slide_btn a.slide_btn_position2, #slide_btn a.slide_btn_position3, #slide_btn a.slide_btn_position4 {
	position:relative;
	left:0px;
}
.character_slide_coment {
	position:static;
	top:0;
	left:0;
	width:100%;
	border:none;
	padding:0;
	background:none;
}
.character_slide_coment h2 {
	font-size:22px;
	padding:15px;
	line-height:20px;
	text-align:center;
}

.character_slide_coment h2 span {
	font-size:14px;
	margin-left:10px;
}
.character_slide_coment p,
.character_slide_coment h4 {
	display:none;
}
.character_slide_coment h3 {
	position:absolute;
	bottom:80px;
	left:0;
	text-align:center;
	width:100%;
	padding:0;
	text-shadow: 0px 0px 1px #ffffff,
	0px 0px 10px #000,
	0px 0px 20px #000,
	0px 0px 30px #000,
	0px 0px 40px #000;
}
.chara_h2_line {
	display:none;
}

/*-------story css--------*/

#story_slide_box {
	padding-top:0;
}
.story_contents_box {
	width:100%;
	height:auto;
	overflow:hidden;
	padding:0 0 10px;
}

.story_contents_box .story_img {
	position:static;
	top:0;
	left:0;
	width:100%;
}
#slider_story {
	overflow:hidden;
	clear:both;
}
body#story_page .bx-viewport {
	height:auto;
}
#slider_story li {
	height:auto;
}
.story_contents_box h2 {
	width:auto;
	padding:15px 10%;
	text-align:center;
	font-size:20px;
}
.story_contents_box h3 {
	width:90%;
	margin:10px auto;
	padding:15px 0;
	background:none;
	border-top:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
	font-size:16px;
	text-align:center;
}
.story_contents_box p {
	width:90%;
	margin:0 auto;
	padding:10px 0;
	font-size:14px;
}
.bx-btn {
	position:static;
	top:0;
	left:0;
	width:90%;
	margin:10px auto;
	padding:0;
	overflow:hidden;
	border:#FFF solid 1px;
}
.bx-btn a {
	text-decoration:none;
	display:block;
}
.bx-btn span {
	display:block;
	text-align:center;
	background:#222222;
	font-weight:bold;
	padding:1px;
	margin:0;
}
.bx-btn img {
	width:130%;
	margin-left:-5px;
}
li.story1 .story_contents_box {
	background:url(http://www.gumloq.com/anime/common/images/xanime_story_text_bg1.jpg.pagespeed.ic.5459I8QOwR.jpg) no-repeat top left;
	-moz-background-size:auto 100%;
	background-size:auto 100%;
}
li.story2 .story_contents_box {
	background:url(http://www.gumloq.com/anime/common/images/xanime_story_text_bg2.jpg.pagespeed.ic.cAVftOXJOZ.jpg) no-repeat top left;
	-moz-background-size:auto 100%;
	background-size:auto 100%;
}
li.story3 .story_contents_box {
	background:url(http://www.gumloq.com/anime/common/images/xanime_story_text_bg3.jpg.pagespeed.ic.46NqN8PEvL.jpg) no-repeat top left;
	-moz-background-size:auto 100%;
	background-size:auto 100%;
}
.story_character_btn {
	width:90%;
	margin:0 auto;
}
.story_character_btn img {
	width:100%;
}
.mCSB_container {
	margin-right:0;
}
.stoey_box {
	width:auto;
}
#story_page .bx-viewport {
	padding-bottom:0;
	margin-bottom:40px;
}
/*-------movie css--------*/

#movie_page #maincontent {
	padding-top:0;
}
#movie_box {
	width:100%;
}
#movie_box img {
	width:100%;
}
#movie_box h3 {
	margin:0 auto;
	width:90%;
	font-size:18px;
	padding:20px 0 50px;
}
.movie_btn {
	width:100%;
}
.movie_btn li {
	clear:both;
	float:none;
	text-shadow: 0px 0px 1px #ffffff,
	0px 0px 20px #000,
	0px 0px 30px #000,
	0px 0px 40px #000,
	0px 0px 50px #000;
}
#movie_page #footer_sub_link {
    margin: -75px auto 0;
}

/*-------structure css--------*/

#structure_page #maincontent {
    background: transparent url("http://www.gumloq.com/anime/common/images/xanime_structure_bg.jpg.pagespeed.ic.9jXtKbycEa.jpg") repeat-x scroll center top;
	-moz-background-size:auto 100%;
	background-size:auto 100%;
	min-height:1000px;
}
#structure_page #maincontent.ura {
	min-height:850px;
}
#structure_box {
	width:100%;
/*	overflow:hidden;	*/
	height:auto;
}
#structure_sp_box {
	position:relative;
	top:-85px;
	left:-135px;
}
#structure_box #robo1, #structure_box #robo2, #structure_box #robo3, #structure_box #robo4, #structure_box #robo_bg,
#structure_box #robo_ura1, #structure_box #robo_ura2, #structure_box #robo_ura3, #structure_box #robo_ura4, #structure_box #robo_ura_bg {
	width:100%;
}
.str_line, .str_line_ura {
	display:none;
}
.structure_sp_atari {
	width:100%;
}
#structure_btn_box {
	width:100%;
	display:block;
	overflow:hidden;
	clear:both;
}
.st_btn, .st_btn_ura {
	width:50%;
	height:auto !important;
	float:left;
	position:static;
	top:0;
	left:0;
	background:#121212;
}
.st_btn img, .st_btn_ura img {
	width:100%;
}
.structure_logo {
	display:none;
}
.structure_back_btn {
	width:90%;
	margin:30px auto 80px;
	overflow:hidden;
	position:static;
	top:0;
	left:0;
	display:block;
}
.structure_back_btn img {
	width:100%;
}
#structure_page #footer_sub_link {
    margin: -95px auto 0px;
}

.st_btn a, .st_btn_ura a {
	display:block;
	overflow:hidden;
	clear:both;
	border-bottom:#000 solid 1px;
	border-top:#333 solid 1px;
	border-left:#000 solid 1px;
	border-right:#333 solid 1px;
	padding:5px 0;
	text-decoration:none;
}
.st_btn a h2, .st_btn_ura a h2 {
	font-size:12px;
	letter-spacing:-1px;
}
.st_btn h2 img, .st_btn_ura h2 img {
	display:block;
	float:left;
	width:15%;
	margin:0 5px;
}
.st_btn h2, .st_btn_ura h2 { display:block; }

/*-------view css--------*/

.threesixty_images {
	height:400px;
}
.gumloq_view {
	height:400px;
	overflow:hidden;
	display:block;
}
.threesixty .nav_bar {
	display:none;
}
#view_page #maincontent h2 {
	font-size:18px;
	width:90%;
	margin:0 auto;
}
/*-------pop css--------*/

}
@media only screen and (max-width: 800px) {
#structure_page #sb-wrapper-inner {
	height:500px !important;
}
#structure_page #sb-wrapper {
	top:100px !important;
}
@media only screen and (max-width: 650px) {

#structure_page #sb-wrapper {
	top:50px !important;
}
#structure_page #sb-wrapper-inner {
	height:600px !important;
}
.pop_contents_l {
	width:90%;
	text-align:center;
	float:none;
	margin:0 auto;
}
.pop_contents_l img {
	width:80%;
	margin:0 auto;
}
.pop_contents_r{
	width:90%;
	margin:0 auto;
	float:none;
}
.pop_contents_r h2, .pop_contents_r p {
	margin:0;
}
#structure_page #sb-nav a#sb-nav-next{
	position:absolute;
    right: 15px;
    top: 135px;
}
#structure_page #sb-nav a#sb-nav-previous{
	position:absolute;
    left: 15px;
    top: 135px;
}
}
@media only screen and (max-width: 370px) {

#structure_page #sb-wrapper-inner {
    height: 400px !important;
}
}
@media only screen and (max-width: 481px) {


.pop_contents_r h2 {
	font-size:22px;
	margin-bottom:15px;
	background:none;
	border-bottom:#FFF solid 1px;
	padding-bottom:15px;
}
#structure_page #sb-nav a#sb-nav-next{
	position:absolute;
    right: 15px;
    top: 120px;
}
#structure_page #sb-nav a#sb-nav-previous{
	position:absolute;
    left: 15px;
    top: 120px;
}

/*-------contact page css--------*/

#index_page #maincontent h2.contact_h2 {
	padding-left:0;
}
.contact_l, .contact_r {
	width:100%;
	margin:0 auto;
	float:none;
	clear:both;
}
#contact_form_box {
	width:100%;
	padding:0;
}
#contact_form_box table {
	width:100%;
	padding:0;
	margin-bottom:0;
}
#contact_form_box table th, #contact_form_box table td {
	display:block;
	width:auto;
	padding:5px 10px;
}
#contact_form_box table th {
	text-align:left;
}
#contact_form_box table td input {
	width:40%;
}
#contact_form_box table td textarea, #contact_form_box table td.witdh_form input {
	width:95%;
	margin:0 auto;
	display:block;
}
#contact_form_box table td.check_form input {
	width:auto;
}
.must_setumei {
	width:90%;
}
.mfp_buttons {
	width:100%;
}
.mfp_buttons button {
	width:35%;
	font-size:14px;
	padding:5px 0;
	background: #063;
}
.mfp_buttons button:hover {
	background:#3baa25;
}
form#mailformpro label {
    white-space:normal !important;
}
#contact_form_box table td textarea.text_form {
    width: 93% !important;
}
#contact_form_box table td input.half_form {
	width:40%;
}
#contact_form_box table td input.full_form {
	width:93%;
}
.contact_l img, .contact_r img {
	width:100%;
}
/*-------etc page css--------*/

.site_list {
	padding:10px;
}
.sitemap_img {
	padding:0 0 50px;
	width:100%;
}
.site_list li {
	width:50%;
	font-size:14px;
}
.site_list li a {
	display:block;
	padding:5px;
	background:url(../images/list_icon3.png) no-repeat;
	background-position: 0 2px;
	padding-left:35px;
	text-decoration:none;
}
.site_list li a:hover {
	background:#121212 url(../images/list_icon3_on.png) no-repeat;
	background-position: 0 2px;
}
.privacy_list li p {
	margin-left:0;
}
.privacy_list li ul {
	margin-left:0;
}

.gumloq_view {
	width:100% !important;
	height:auto !important;
}
.threesixty .spinner {
	margin-top:0 !important;
}