/* table escape */
/*	.table:not(.sp-safe),*/
#MAIN .table:not(.sp-safe) > .t-row,
#MAIN .table:not(.sp-safe) > .t-row > .t-cell,
#MAIN .table:not(.sp-safe) > .t-cell { box-sizing:border-box; display:block; padding:0; }
#MAIN .table:not(.sp-safe) .t-cell.va-m:not(.sp-safe) { vertical-align:top; }

#MAIN .grid:not(.sp-safe) .grid-wrapper > * { float:none; }

#MAIN .grid > .grid-wrapper > *[class*="pc-"] { width:auto; }
#MAIN .grid > .grid-wrapper > *[class*="sp-"]:first-child { margin-bottom:10px; }

#MAIN .grid > .grid-wrapper > *.sp-10 { width:10%; }
#MAIN .grid > .grid-wrapper > *.sp-20 { width:20%; }
#MAIN .grid > .grid-wrapper > *.sp-30 { width:30%; }
#MAIN .grid > .grid-wrapper > *.sp-40 { width:40%; }
#MAIN .grid > .grid-wrapper > *.sp-50 { width:50%; }
#MAIN .grid > .grid-wrapper > *.sp-60 { width:60%; }
#MAIN .grid > .grid-wrapper > *.sp-70 { width:70%; }
#MAIN .grid > .grid-wrapper > *.sp-80 { width:80%; }
#MAIN .grid > .grid-wrapper > *.sp-90 { width:90%; }
#MAIN .grid > .grid-wrapper > *.sp-100 { width:100%; }

/*.grid[class*="sp-"]  > .grid-wrapper > *[class*="sp-"] { width:auto; }*/
#MAIN .grid.sp-1 > .grid-wrapper > * { width:100%; }
#MAIN .grid.sp-2 > .grid-wrapper > * { width:50%; }
#MAIN .grid.sp-3 > .grid-wrapper > * { width:33.33%; }
#MAIN .grid.sp-4 > .grid-wrapper > * { width:25%; }
#MAIN .grid.sp-5 > .grid-wrapper > * { width:20%; }

#MAIN .grid:not(.sp-safe)[class*="gp-"] .grid-wrapper { margin-left:0; }
#MAIN .grid:not(.sp-safe)[class*="gp-"] .grid-wrapper > * { padding-left:0; }

#MAIN .grid.gp-m.sp-safe > .grid-wrapper { margin-left:-10px; }
#MAIN .grid.gp-m.sp-safe > .grid-wrapper > * { padding-left:10px; }

#MAIN .grid.sp-reverse > * { width:auto; }
#MAIN .grid.sp-reverse > *:first-child,
#MAIN .grid.sp-reverse > *:last-child { float:none; }

/* font control */
html #MAIN { font-size:10px; }
body #MAIN { font-size:12px; line-height:160%; }
#MAIN .sp-bold { font-weight:bold; }
#MAIN .head-level1 { font-size:21px; }
#MAIN .head-level2 { font-size:17px; }
#MAIN .head-level3 { font-size:15px; }
#MAIN .head-level4 { font-size:13px; }

#MAIN .weight-level-XL { font-size:14px; }
#MAIN .weight-level-LL { font-size:13px; }
#MAIN .weight-level-L { font-size:12px; }
#MAIN .weight-level-M { font-size:10px; }
#MAIN .weight-level-S,
#MAIN .notes,
#MAIN .caution { font-size:10px; line-height: 130%; }

#MAIN .LH100 { line-height:100%; }

#MAIN .karning { letter-spacing:-.1em; }
#MAIN .karning-weak { letter-spacing:-.08em; }


/* margin set */
#MAIN .mb-xs { margin-bottom:5px; }
#MAIN .mb-ss { margin-bottom:10px; }
#MAIN .mb-s { margin-bottom:15px; }
#MAIN .mb-m { margin-bottom:25px; }
#MAIN .mb-l { margin-bottom:30px; }
#MAIN .mb-ll { margin-bottom:40px; }
#MAIN .mb-xl { margin-bottom:50px; }
#MAIN .mb-1em { margin-bottom:1em; }

/* padding set */
#MAIN .pd-xs { padding:5px; }
#MAIN .pd-sss { padding:7px; }
#MAIN .pd-ss { padding:10px; }
#MAIN .pd-s { padding:15px; }
#MAIN .pd-m { padding:20px; }
#MAIN .pd-l { padding:25px; }
#MAIN .pd-ll { padding:30px; }
#MAIN .pd-xl { padding:35px; }

/* padding set */
#MAIN .pdt-xs { padding-top:5px; }
#MAIN .pdt-ss { padding-top:10px; }
#MAIN .pdt-s { padding-top:15px; }
#MAIN .pdt-m { padding-top:20px; }
#MAIN .pdt-l { padding-top:25px; }
#MAIN .pdt-ll { padding-top:30px; }
#MAIN .pdt-xl { padding-top:35px; }

/* padding set */
#MAIN .pdb-xs { padding-bottom:5px; }
#MAIN .pdb-ss { padding-bottom:10px; }
#MAIN .pdb-s { padding-bottom:15px; }
#MAIN .pdb-m { padding-bottom:20px; }
#MAIN .pdb-l { padding-bottom:25px; }
#MAIN .pdb-ll { padding-bottom:30px; }
#MAIN .pdb-xl { padding-bottom:35px; }

/* line-height control */
#MAIN .sp-lineH-ll { line-height:180%; }
#MAIN .sp-lineH-l { line-height:160%; }
#MAIN .sp-lineH-m { line-height:140%; }


#MAIN .f-right:not(.sp-safe),
#MAIN .f-left:not(.sp-safe) { float:none; }

/* common setting */
#MAIN img.w100 { width:100%; }
#MAIN .sp-f-right { float:right; }
#MAIN .sp-f-left { float:left; }
#MAIN .sp-inblock { display:inline-block; vertical-align: middle; }
#MAIN .sp-inblock.w100 { width:100%; }
#MAIN .sp-txt-center { text-align:center; }
#MAIN .sp-txt-left { text-align:left; }
#MAIN .sp-LH100 { line-height:100%; }
#MAIN .sp-strong { font-size:120%; }
#MAIN .sp-block-center { margin-left:auto; margin-right:auto; }
#MAIN .sp-d-block { display:block; }
#MAIN .sp-key-blue { color:#0a265d; }
#MAIN .sp-border-box { box-sizing:border-box; }
#MAIN .sp-H100 { height:100%; }
#MAIN .sp-relative { position:relative; }

br.pc-hide,
img.pc-hide,
span.pc-hide { display:inline-block; }
br.sp-hide,
img.sp-hide,
span.sp-hide  { display:none; }

div.pc-hide,
h2.pc-hide,
p.pc-hide { display:block; }
div.sp-hide,
h2.sp-hide,
p.sp-hide { display:none; }

#MAIN .sp-kerning.weak { letter-spacing:-.04em; }

#MAIN .section {  }
#MAIN .section > .inner {
	padding:20px;
}

#MAIN .section[class="drop-"] {
	background-size:35px 29px 30px;
}

#MAIN .round-container {
	padding: 12px 10px;
	border-radius:5px;
}

#MAIN .section.mainvisual .inner {
	padding:10px 0 0;
}

#MAIN .section.mainvisual .pic-wrap {
	position:relative;
	left:0;
	top:0;
}

#MAIN .section.mainvisual .pic {
	position:relative;
	width:100%;
	height:auto;
	padding-top:74.21%;
	margin-left:0;
	margin-top:0;
	background-image:url(../images/mainvisual_sp.png);
	background-size:contain;
	background-repeat:no-repeat;
}

#MAIN .section.headline .button {
	width:240px;
	height:50px;
}
#MAIN .section.headline .button a {
	background-image:url(../images/btn_go_cinema_sp.png);
	background-size:240px 50px;
	background-repeat:no-repeat;
}

#MAIN .section.headline h4 {
	font-size:14px;
	text-align:center;
	line-height:140%;
	font-weight:bold;
}
#MAIN .section.headline h4 + p {
	font-size:10px;
}

#MAIN .section.headline .pic.timeline {
	display:inline-block;
	background-image:url(../images/timeline_sp.png);
	width:100%;
	height:auto;
	padding-top:26.34%;
	background-size:contain;
}


#MAIN .section.equipment h2 {
	background-image:url(../images/fun_title_sp.png);
	width:100%;
	height:auto;
	padding-top:17.79%;
	background-position:center;
	background-size:contain;
}

#MAIN .section.equipment h3 span:after {
	width:62px;
	height:37px;
	margin-top:-28.5px;
	background-image:url(../images/fun_badge_sp.png);
	background-size:contain;
	right:-65px;
	top:50%;
	margin-top:-20px;
}

#MAIN .section.equipment .grid.gallery .pic {
	width:100%;
	height:335px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}

#MAIN .section.equipment .grid.gallery .pic.first{
	background-image:url(../images/equipment_pic1_sp.png);
}
#MAIN .section.equipment .grid.gallery .pic.second{
	background-image:url(../images/equipment_pic2_sp.png);
	margin-bottom:20px;
}
#MAIN .section.equipment .grid.gallery .pic.third{
	background-image:url(../images/equipment_pic3_sp.png);
}

#MAIN .section.cautions h2 {
	background-image:url(../images/cautions_title_sp.png);
	width:100%;
	height:auto;
	padding-top:17.79%;
	background-size:contain;
}

#MAIN .section.cautions li {
	margin-bottom:10px;
}

/* ----------------

	COMMON ROUTER for SP

 ----------------*/

#MAIN .section.router {
	background-image: url(../images/router_bg_sp_top.png), url(../images/router_bg_sp_bottom.png);
	background-size: 10px 121px, 320px 85px;
	-webkit-background-size: 10px 121px, 320px 85px;
	background-repeat: repeat-x, repeat-x;
	background-position: center 0, center bottom;
	background-color: #0e194f;
}

#MAIN .section.router .inner {
	/*padding-top:50px;*/
	padding-bottom:40px;
	width:300px;
	margin-left:auto;
	margin-right:auto;
}
#MAIN .section.router h2 {
	position:relative;
	margin:0 auto;
	background-size:contain;
}
#MAIN .section.router h2:before {
	content:'';
	display:block;
	width:320px;
	height:9px;
	position:absolute;
	top:-7px;
	left:50%;
	margin-left:-160px;
	background-size:contain;
	background-image:url(../images/router_top_sp.jpg);
}

#MAIN .section.router h2 {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:10px;
	margin-bottom:10px;
}
#MAIN .section.router h2 span {
	display:inline-block;
	text-align:center;
	color: #fbff96;
    text-shadow: 0px 1px 1px #140f08;
    margin-left:auto;
    margin-right:auto;
}
#MAIN .section.router h2 .check {
	width:107px;
	height:17px;
	background-image:url(../images/router_dash.png);
	background-size:107px 17px;
    font-size: 14px;
}
#MAIN .section.router h2 .middle {
	width:100%;
	font-size:14px;
}
#MAIN .section.router h2 .main {
	width:100%;
	font-size:16px;
}



#MAIN .section.router .grid li {
	box-sizing:border-box;
	border-radius:4px;
	background-color:rgba(255,255,255, .1);
	margin-bottom:3px;
}
#MAIN .section.router .grid li:first-child {
	margin-bottom:3px;
}
#MAIN .section.router .grid li:last-child {
	margin-bottom:10px;
}
#MAIN .section.router .grid li a {
	display:table;
	box-sizing:border-box;
	width:100%;
	height:100%;
	padding:10px;
	color:#fff;
}
#MAIN .section.router .grid li a > span {
	display:table-cell;
}

#MAIN .section.router .grid li span.pic {
	width:95px;
	height:65px;
	background-size:95px 65px;
	vertical-align: bottom;
	background-position:center;
	background-repeat:no-repeat;
}

#MAIN .section.router .grid li span.text {
	padding-left:10px;
	padding-right:21px;
	background-image:url(../images/router_arrow.png);
	background-size:17px 17px;
	background-repeat:no-repeat;
	background-position:right center;
	font-size:14px;
	line-height: 120%;
}

#MAIN .section.router .grid li .pic.digital-3d {
	background-image:url(../images/btn_other_3d_def_mql.jpg);
}

#MAIN .section.router li {
	font-size:12px;
}

.theater_pageTop a {
	color:#fff;
}


#MAIN .genkids_important_notice {
	background: #f1eee8;
	border-top: 1px solid #b60081;
	border-bottom: 1px solid #b60081;
}

#MAIN .genkids_important_notice_inr {
	padding: 20px;
}

#MAIN .genkids_important_notice_title {
	color: #b60081;
	font-weight: bold;
	margin: 0;
}

#MAIN .genkids_important_notice_read {
	padding-top: 0.8em;
	line-height: 160%;
}