


/* table style */
#MAIN table { width:100%; border-collapse: collapse; }
#MAIN table tr th,
#MAIN table tr td { background-color:transparent; text-align:left; vertical-align:middle; border:2px solid #c5d3de; padding:15px 10px; }
#MAIN table tr th { background-color:#e0e8ee; }

/* table layout */
#MAIN .table { display:table; width:100%; }
#MAIN .table > .t-row { display:table-row; }
#MAIN .table .t-cell { display:table-cell;  }
#MAIN .table .t-cell.va-m { vertical-align:middle; height:100%; }
#MAIN .table .t-cell.va-t { vertical-align:top; }

/* grid layout */
#MAIN .grid { width:100%; }
#MAIN .grid > .grid-wrapper > * { box-sizing:border-box; float:left; }

#MAIN .grid > .grid-wrapper > *.pc-10 { width:10%; }
#MAIN .grid > .grid-wrapper > *.pc-20 { width:20%; }
#MAIN .grid > .grid-wrapper > *.pc-25 { width:25%; }
#MAIN .grid > .grid-wrapper > *.pc-30 { width:30%; }
#MAIN .grid > .grid-wrapper > *.pc-33 { width:33.33%; }
#MAIN .grid > .grid-wrapper > *.pc-40 { width:40%; }
#MAIN .grid > .grid-wrapper > *.pc-50 { width:50%; }
#MAIN .grid > .grid-wrapper > *.pc-60 { width:60%; }
#MAIN .grid > .grid-wrapper > *.pc-66 { width:66.66%; }
#MAIN .grid > .grid-wrapper > *.pc-70 { width:70%; }
#MAIN .grid > .grid-wrapper > *.pc-80 { width:80%; }
#MAIN .grid > .grid-wrapper > *.pc-90 { width:90%; }
#MAIN .grid > .grid-wrapper > *.pc-100 { width:100%; }

#MAIN .grid.pc-1 > .grid-wrapper > * { width:100%; }
#MAIN .grid.pc-2 > .grid-wrapper > * { width:50%; }
#MAIN .grid.pc-3 > .grid-wrapper > * { width:33.33%; }
#MAIN .grid.pc-4 > .grid-wrapper > * { width:25%; }
#MAIN .grid.pc-5 > .grid-wrapper > * { width:20%; }

#MAIN .grid.gp-10 .grid-wrapper { margin-left:-10px; }
#MAIN .grid.gp-10 .grid-wrapper > * { padding-left:10px; }
#MAIN .grid.gp-m .grid-wrapper { margin-left:-20px; }
#MAIN .grid.gp-m .grid-wrapper > * { padding-left:20px; } 
#MAIN .grid.gp-30 .grid-wrapper { margin-left:-30px; }
#MAIN .grid.gp-30 .grid-wrapper > * { padding-left:30px; } 
#MAIN .grid.gp-40 .grid-wrapper { margin-left:-40px; }
#MAIN .grid.gp-40 .grid-wrapper > * { padding-left:40px; } 

#MAIN .grid.sp-reverse > * { width:50%; }
#MAIN .grid.sp-reverse > *:first-child { float:right; }
#MAIN .grid.sp-reverse > *:last-child { float:left; }

/* margin set */
#MAIN .mb-null { margin-bottom:0; }
#MAIN .mb-xs { margin-bottom:10px; }
#MAIN .mb-ss { margin-bottom:20px; }
#MAIN .mb-s { margin-bottom:30px; }
#MAIN .mb-m { margin-bottom:50px; }
#MAIN .mb-l { margin-bottom:60px; }
#MAIN .mb-ll { margin-bottom:80px; }
#MAIN .mb-xl { margin-bottom:100px; }
#MAIN .mb-1em { margin-bottom:1em; }

/* padding set */
#MAIN .pd-null { padding:0; }
#MAIN .pd-xs { padding:10px; }
#MAIN .pd-sss { padding:15px; }
#MAIN .pd-ss { padding:20px; }
#MAIN .pd-s { padding:30px; }
#MAIN .pd-m { padding:40px; }
#MAIN .pd-l { padding:50px; }
#MAIN .pd-ll { padding:60px; }
#MAIN .pd-xl { padding:70px; }

/* padding set */
#MAIN .pdt-null { padding-top:0; }
#MAIN .pdt-xs { padding-top:10px; }
#MAIN .pdt-ss { padding-top:20px; }
#MAIN .pdt-s { padding-top:30px; }
#MAIN .pdt-m { padding-top:40px; }
#MAIN .pdt-l { padding-top:50px; }
#MAIN .pdt-ll { padding-top:60px; }
#MAIN .pdt-xl { padding-top:70px; }

/* padding set */
#MAIN .pdb-null { padding-bottom:0; }
#MAIN .pdb-xs { padding-bottom:10px; }
#MAIN .pdb-ss { padding-bottom:20px; }
#MAIN .pdb-s { padding-bottom:30px; }
#MAIN .pdb-m { padding-bottom:40px; }
#MAIN .pdb-l { padding-bottom:50px; }
#MAIN .pdb-ll { padding-bottom:60px; }
#MAIN .pdb-xl { padding-bottom:70px; }


/* font control */
html #MAIN { font-size:10px; }
/*html #MAIN *,*/
html #MAIN ul,
html #MAIN p { font-size:14px; }

#MAIN .pc-bold { font-weight:bold; }
#MAIN .head-level1 { font-size:36px; }
#MAIN .head-level2 { font-size:28px; }
#MAIN .head-level3 { font-size:24px; }
#MAIN .head-level4 { font-size:20px; }
#MAIN .head-level5 { font-size:18px; }

#MAIN .weight-level-XL { font-size:24px; }
#MAIN .weight-level-LL { font-size:22px; }
#MAIN .weight-level-L { font-size:16px; }
#MAIN .weight-level-M { font-size:14px; }
#MAIN .weight-level-S,
#MAIN .notes,
#MAIN .caution { font-size:12px; }
#MAIN .sub { font-size:80%; }

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

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

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

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


/* Page common */
#MAIN .section {  }
#MAIN .section > .inner {
	padding:65px 0 80px;
}


/* Page Specific */

#MAIN .section.mainvisual {
	padding-top:30px;
}

#MAIN .section.mainvisual .inner {
	position:relative;
	height:576px;
}

#MAIN .section.mainvisual .pic-wrap {
	position:absolute;
	left:50%;
	top:50%;
}
#MAIN .section.mainvisual .pic {
	position:absolute;
	width:1118px;
	height:576px;
	margin-left:-559px;
	margin-top:-288px;
	background-image:url(../images/mainvisual.png);
	background-repeat:no-repeat;
}

#MAIN .section.headline > .inner { padding:45px 0 80px; }

#MAIN .section.headline .button {
	width:395px;
	height:70px;
}
#MAIN .section.headline .button a {
	background-image:url(../images/btn_go_cinema.png);
}

#MAIN .section.headline .pic.timeline {
	display:inline-block;
	background-image:url(../images/timeline.png);
	width:396px;
	height:97px;
}


#MAIN .section.equipment h2 {
	background-image:url(../images/fun_title.png);
	width:811px;
	height:100px;
}

#MAIN .section.equipment .round-container { padding-top:40px; }

#MAIN .section.equipment h3 span:after {
	width:98px;
	height:57px;
	margin-top:-28.5px;
	background-image:url(../images/fun_badge.png);
}

#MAIN .section.equipment .grid.gallery .pic {
	width:100%;
	height:361px;
	background-repeat:no-repeat;
}

#MAIN .section.equipment .grid.gallery .pic.first{
	background-image:url(../images/equipment_pic1.png);
}
#MAIN .section.equipment .grid.gallery .pic.second{
	background-image:url(../images/equipment_pic2.png);
}
#MAIN .section.equipment .grid.gallery .pic.third{
	background-image:url(../images/equipment_pic3.png);
}

#MAIN .section.cautions h2 {
	background-image:url(../images/cautions_title.png);
	width:631px;
	height:100px;
}

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


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

	COMMON ROUTER for PC

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


#MAIN .section.router {
	background-image:url(../images/router_bg.jpg);
	background-repeat:repeat-x;
}

#MAIN .section.router .inner {
	padding-top:50px;
	padding-bottom:40px;
}
#MAIN .section.router h2 {
	background-image:url(../images/router_title.png);
	width:620px;
	height:45px;
	margin-top:-5px;
	position:absolute;
	top:0px;
	left:0px;
}

#MAIN .section.router .grid li a {
	display:block;
	width:100%;
	height:100%;
}

#MAIN .section.router .grid li span.pic {
	display:inline-block;
	width:287px;
	height:92px;
}

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

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


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

#MAIN .genkids_important_notice_inr {
	max-width: 880px;
	width: 100%;
	margin: 0 auto;
	padding: 1.5em 4%;
	font-size: 16px;
	font-weight: normal;
	color: #000;
	text-align: left;
}

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

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


