*,
*:before,
*:after {
	box-sizing: border-box;
}

.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

/* html
-------------------------------------------------- */
html {
	font-size: 62.5%;
}

.mainArea p {
	margin-bottom: 32px;
	font-size: 16px;
	line-height: 2;
	color: #333333;
}

@media screen and (max-width: 959px) {
	.mainArea p {
		margin-bottom: 20px;
		font-size: 12px;
		font-size: 1.2rem;
	}
}

/* link
-------------------------------------------------- */
/*a {
	text-decoration: none;
}

a:link {
	color: #0066cc;
}

a:hover {
	color: #0066cc;
}

a:active {
	color: #0066cc;
}

a:visited {
	color: #0066cc;
}

a:focus {
	color: #0066cc;
}

.linkUnderline {
	text-decoration: underline;
}*/

/* body
-------------------------------------------------- */
body {
	line-height: 1.5;
	color: #000000;
	font-family: "Hiragino Kaku Gothic Pro",Meiryo, "MS PGothic", sans-serif;
	background: #ffffff;
	-webkit-text-size-adjust: none;
}

img {
	vertical-align: bottom;
	line-height: 1;
	font-size: 1px;
}

.images {
	padding: 8px 0;
}

@media screen and (max-width: 959px) {
	.images {
		padding: 5px 0;
	}
}

/* isps isPc
-------------------------------------------------- */
.isSp {
	display: none;
}

.isPc {
	display: block;
}

@media screen and (max-width: 959px) {
	.isSp {
		display: block;
	}

	.isPc {
		display: none;
	}
}

/* wrapperArea
-------------------------------------------------- */
.wrapperArea {
	margin: 0 auto;
	width: 100%;
	background: #ffffff;
}

/* contentArea
-------------------------------------------------- */
.contentArea {
	width: 100%;
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 20px;
}

.contentArea:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
}

.contentArea2 {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}

@media screen and (max-width: 959px) {
	.contentArea {
		padding: 0 20px;
	}
}

/* globalNav
-------------------------------------------------- */
.globalNav {
	display: none;
	background: #eeeeee;
	border-top: 1px solid #cccccc;
}

.globalNav ul {
	margin-bottom: 0;
}

.globalNav li {
	display: table-cell;
	width: 200px;
	text-align: center;
	vertical-align: middle;
	list-style: none;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
}

.globalNav a {
	padding: 1.3em 0;
	color: #000000;
	display: block;
}

.globalNav a span {
	display: block;
	border-left: 1px solid #cccccc;
}

.globalNav a:hover {
	color: #767676;
}

/* bodyArea
-------------------------------------------------- */
.bodyArea {
	width: 100%;
	font-size: 12px;
	font-size: 1.2rem;
	position: relative;
}

/* mainArea
-------------------------------------------------- */
.mainArea {
	width: 100%;
	margin-bottom: 120px;
}

@media screen and (max-width: 959px) {
	.mainArea {
		margin-bottom: 50px;
	}
}

.localNav {
	margin-bottom: 20px;
}

.localNav li {
	margin-bottom: 0;
	list-style: none;
	border-bottom: 1px dotted #bbbbbb;
	background: #ffffff;
	position: relative;
}

.localNav li.lnavMypagehome {
	margin-bottom: 6px;
	border-bottom: 0;
}

.localNav li:last-child {
	border-bottom: 0;
}

.localNav li .btnIcon {
	padding-left: 28px;
}

.localNav li .btnIcon:before {
	position: absolute;
	left: 10px;
	top: 1.2em;
	content: ' ';
	background-image: url("/shared/images/icon_1.png");
	background-size: 16px 150px;
	background-position: 0 -32px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.localNav li a {
	padding: 1em 0;
	display: block;
	color: #000000;
}

/* keyvisual
-------------------------------------------------- */
.keyvisual {
	height: 320px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(/theatres/family_service/images/bg_keyvisual.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

.title {
	max-width: 1000px;
	text-align: center;
	font-family: 'Hannari';
	font-size: 60px;
	font-size: 6.0rem;
	line-height: 1.2;
	color: #000000;
	vertical-align: middle;
}

@media screen and (max-width: 959px) {
	.keyvisual {
		height: 160px;
		background-image: url(/theatres/family_service/images/bg_keyvisual.jpg);
		background-size: cover;
		background-position: center;
	}

	.title {
		font-size: 29px;
		font-size: 2.9rem;
	}
}

.table {
	display: table;
}

.tableCell {
	display: table-cell;
}

/* input
-------------------------------------------------- */
/*input[type="text"],
input[type="password"],
input[type="search"] {
	padding: 10px;
	border: 1px solid #cccccc;
	font-size: 12px;
	font-size: 1.2rem;
}

input[type="submit"] {
	padding: 12px 2em;
	border: 1px solid #cccccc;
	border-radius: 4px;
	font-size: 10px;
	font-size: 1rem;
	background: #ffffff;
}*/

/* errorBlock
-------------------------------------------------- */
/*.errorBlock .errorImg {
	margin-bottom: 20px;
	padding-top: 48px;
	text-align: center;
}

.errorBlock .errorTxt {
	text-align: center;
}*/

/* section Element
-------------------------------------------------- */
.sectionType1 {
	/*margin-top: 20px;*/
	background-color: #ffffff;
}
/*
.sectionType2 {
	margin-bottom: 32px;
}*/

.sectionType2:last-of-type {
	margin-bottom: 0;
}

/*@media screen and (max-width: 959px) {
	.sectionType2 {
		margin-bottom: 45px;
	}
}*/

/* tabBlock
-------------------------------------------------- */
.tabBlock {
	max-width: 1040px;
	width: 100%;
	padding: 0 20px;
	margin: 0 auto;
	display: table;
	z-index: 100;
}

.tabBlockSpace {
	width: 100%;
	padding: 8px 0;
	background-color: #ffffff;
	z-index: 1;
	transform: translate3d(0, 0, 0);
}

.tabBorder {
	border-bottom: 1px #cccccc solid;
}

.tabBlockWrap {
	margin-top: 48px;
}

.tabBlockBg {
	height: 20px;
	width: 100%;
	background-color: #ffffff;
}

.tabTitle {
	width: 50%;
	display: table-cell;
}

.tabTitle.current .tabLink {
	background-color: #ffffff;
	cursor: default;
}

.tabTitle .tabLink {
	padding: 15px 0;
	font-family: "Hiragino Kaku Gothic Pro",Meiryo, "MS PGothic", sans-serif;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	background-color: #eeeeee;
	border-top: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #000000;
	display: block;
}

.tabTitle.current {
	position: relative;
}

.tabTitle.current .tabLink:after {
	position: absolute;
	height: 1px;
	background-color: #ffffff;
	bottom: -1px;
	width: calc(100% - 4px);
	content: '';
}

.tab1.current .tabLink:after {
	left: 1px;
}

.tab2.current .tabLink:after {
	left: 3px;
}

.tabTitle .tabLink:hover {
	text-decoration: none;
	color: #cc0000;
}

.tab1 {
	padding-right: 2px;
}

.tab2 {
	padding-left: 2px;
}

a.tabLink:focus {
	color: #000000;
}

.tabTitle.current a.tabLink:hover {
	cursor: default;
	color: #000000;
}

@media screen and (max-width: 959px) {
	.tabTitle .tabLink {
		font-size: 12px;
		font-size: 1.2rem;
		padding: 12px 0;
	}

	.tabBlockWrap {
		margin-top: 22px;
	}
}

/* title
-------------------------------------------------- */

.titleBlock .titleLink {
	position: absolute;
	right: 0;
	top: 5px;
	font-size: 12px;
	font-size: 1.2rem;
}

.titleBlock .titStyle1 span {
	display: block;
	width: 70%;
}

.titleBlock2 {
	padding-top: 1em;
}

.titStyle1 {
	padding: 53px 0 64px;
	margin: 0;
	font-size: 46px;
	font-size: 4.6rem;
	text-align: center;
	color: #000000;
	line-height: 1.25;
}

.titStyle3 {
	padding:72px 0 52px;
	font-size: 34px;
	font-size: 3.4rem;
	text-align: center;
	line-height: 1;
}

.titStyle3Desc {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2;
	color: #333333;
}

.titDisnone {
	display: none;
}

.descTitle {
	margin-bottom: 0;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.6;
	font-weight: bold;
}


@media screen and (max-width: 959px) {
	.title {
		font-size: 29px;
		font-size: 2.9rem;
	}

	.titStyle1 {
		padding: 40px 0 32px;
		margin: 0;
		font-size: 23px;
		font-size: 2.3rem;
	}

	.titStyle3 {
		padding: 32px 0 25px;
		font-size: 19px;
		font-size: 1.9rem;
	}

	.descTitle {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.5;
	}

	.titStyle3Desc {
		font-size: 12px;
		font-size: 1.2rem;
	}
}


/* caution
-------------------------------------------------- */
.caution {
	margin-top: 52px;
	padding: 27px 30px;
	border: 1px #cccccc solid;
	border-radius: 4px;
}

.cautionTitle {
	font-weight: bold;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.3333;
	margin-bottom: 25px;
}

ul.cautionList {
	margin: 0;
}

.cautionList li {
	font-size: 16px;
	line-height: 2;
	color: #333333;
	margin-left: 1em;
	text-indent: -1em;
}

@media screen and (max-width: 959px) {
	.caution {
		margin-top: 23px;
		padding: 15px;
	}

	.cautionTitle {
		font-size: 14px;
		font-size: 1.4rem;
		margin-bottom: 12px;
	}

	.cautionList li {
		font-size: 12px;
		font-size: 1.2rem;
	}
}


/* box
-------------------------------------------------- */
.boxType1,
.boxType2 {
	padding: 40px;
	background-color: #eeeeee;
	border-radius: 4px;
}

.box > li {
	width: 100%;
	padding: 50px 50px 45px;
	position: relative;
	display: table;
}

.box > li:not(:last-of-type) {
	border-bottom: 5px #eeeeee solid;
}

.box > li:before,
.box > li:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
}

.box > li:before {
	border-top-color: #eeeeee;
	border-width:  27px 27px 0 27px;
	margin-left: -27px;
}

.box > li:after {
	border-top-color: #ffffff;
	border-width: 20px 20px 0 20px;
	margin-left: -20px;
}

.box > li:last-of-type:before,
.box > li:last-of-type:after {
	border: none;
}

.box > li .defaultItem {
	margin-bottom: -5px;
}

ol.box {
	margin: 0;
	background-color: #fff;
	border-radius: 4px;
}

.boxLeft,
.boxRight {
	display: table-cell;
	vertical-align: middle;
}

.boxLeft {
	width: 244px;
}

.boxRight {
	display: table-cell;
}

.defaultItem {
	margin-top: 4px;
}

.defaultItem li {
	margin-left: 1em;
	text-indent: -1em;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	margin-bottom: 7px;
}

.boxRighTxtItem {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2;
}

.boxTitle {
	margin-bottom: 30px;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.5;
	font-weight: bold;
}

@media screen and (max-width: 959px) {
	.boxType1,
	.boxType2{
		padding: 10px;
	}

	.box > li {
		width: 100%;
		margin: 0;
		padding: 10px 15px 15px;
		display: block;
		border-bottom: 2px #eeeeee solid;
	}

	.box > li:not(:last-of-type) {
		border-bottom: 2.5px #eeeeee solid;
	}

	.box .boxLongPadding {
		padding: 29px 15px 15px;
	}

	.box > li:after {
		border-width: 10px 10px 0 10px;
		margin-left: -10px;
	}

	.box > li:before {
		border-width: 13px 13px 0 13px;
		margin-left: -13px;
	}

	.boxLeft,
	.boxRight {
		display: block;
	}

	.boxLeft {
		width: 100%;
		text-align: center;
		margin-bottom: 28px;
	}

	.boxTitle {
		margin-bottom: 15px;
		font-size: 14px;
		font-size: 1.4rem;
	}

	.boxRighTxtItem {
		font-size: 12px;
		font-size: 1.2rem;
	}

	.defaultItem li {
		font-size: 12px;
		font-size: 1.2rem;
		margin-bottom: 5px;
	}
}

/* boxType2 */

.boxType2 {
	position: relative;
}

.boxType2:not(:last-of-type) {
	border-bottom: 5px #fff solid;
}

.boxType2:before,
.boxType2:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	z-index: 100;
}

.boxType2:before {
	border-top-color: #fff;
	border-width:  27px 27px 0 27px;
	margin-left: -27px;
}

.boxType2:after {
	border-top-color: #eee;
	border-width: 20px 20px 0 20px;
	margin-left: -20px;
}

.boxType2:last-of-type:before,
.boxType2:last-of-type:after {
	border: none;
}

/* stepBlock */

.stepBlock {
	width: 100%;
	background: #fff;
}

.stepBlock + .stepBlock {
	margin-top: 5px;
}

.boxStep {
	display: flex;
}

.boxStepImg img {
	border-radius: 4px;
}

@media screen and (max-width: 959px) {
	.boxType2 {
		width: 100%;
		margin: 0;
		padding: 5px 10px 10px;
		display: block;
		border-bottom: 2px #fff solid;
	}
	.boxType2:not(:last-of-type) {
		border-bottom: 2.5px #fff solid;
	}

	.boxType2:after {
		border-width: 10px 10px 0 10px;
		margin-left: -10px;
	}

	.boxType2:before {
		border-width: 13px 13px 0 13px;
		margin-left: -13px;
	}

	.stepBlock {
		padding: 5px 10px 10px;
	}
	.boxStep {
		flex-wrap: wrap;
	}
	.boxStep + .boxStep {
		margin-top: 10px;
	}
	.boxStep .boxStepTxt {
		order: 1;
		width: 100%;
	}
	.boxStep .boxStepTxt p {
		order: 1;
		width: 100%;
	}
	.boxStep .boxStepImg {
		width: 100%;
	}
	.boxStepImg img {
		width: 100%;
	}
}

@media screen and (min-width: 960px) {
	.boxStep + .boxStep {
		margin-top: 20px;
	}
	.boxStep .boxStepTxt {
		order: 2;
	}
	.boxStep .boxStepImg {
		order: 1;
	}
	.stepBlock {
		padding: 42px 50px;
	}
	.boxStepImg img {
		width: 410px;
	}
	.boxStepTxt {
		padding-left: 30px;
	}
}

.box > li:not(:last-of-type) {
	border-bottom: 5px #eeeeee solid;
}

.box > li:before,
.box > li:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
}

.box > li:before {
	border-top-color: #eeeeee;
	border-width:  27px 27px 0 27px;
	margin-left: -27px;
}

.box > li:after {
	border-top-color: #ffffff;
	border-width: 20px 20px 0 20px;
	margin-left: -20px;
}

.box > li:last-of-type:before,
.box > li:last-of-type:after {
	border: none;
}

.box > li .defaultItem {
	margin-bottom: -5px;
}

ol.box {
	margin: 0;
	background-color: #fff;
	border-radius: 4px;
}

.boxLeft,
.boxRight {
	display: table-cell;
	vertical-align: middle;
}

.boxLeft {
	width: 244px;
}

.boxRight {
	display: table-cell;
}

.defaultItem {
	margin-top: 4px;
}

.defaultItem li {
	margin-left: 1em;
	text-indent: -1em;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	margin-bottom: 7px;
}

.boxRighTxtItem {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2;
}

.boxTitle {
	margin-bottom: 30px;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.5;
	font-weight: bold;
}

@media screen and (max-width: 959px) {
	.boxType1 {
		padding: 10px;
	}

	.boxLeft,
	.boxRight {
		display: block;
	}

	.boxLeft {
		width: 100%;
		text-align: center;
		margin-bottom: 28px;
	}

	.boxTitle {
		margin-bottom: 15px;
		font-size: 14px;
		font-size: 1.4rem;
	}

	.boxRighTxtItem {
		font-size: 12px;
		font-size: 1.2rem;
	}

	.defaultItem li {
		font-size: 12px;
		font-size: 1.2rem;
		margin-bottom: 5px;
	}
}



/* linkBtn
-------------------------------------------------- */

.linkBtn li {
	display: inline-block;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 2;
}

.linkBtn li a {
	padding-left: 18px;
	display: block;
	position: relative;
}

.linkBtn li a:hover {
	padding-left: 18px;
	display: block;
	position: relative;
	text-decoration: none;
}

.linkBtn li:not(:first-of-type) {
	margin-top: 15px;
}

.linkBtn li.externalLink a:before {
	width: 8px;
	height: 8px;
	margin-top: -4px;
	position: absolute;
	left: 0;
	top: 50%;
	border-right: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	transform: rotate(-45deg);
	content: '';
}

.linkBtn li.externalLink a:hover:before {
	border-right: 1px #cc0000 solid;
	border-bottom: 1px #cc0000 solid;
}

.linkBtn li:nth-of-type(2n) {
	margin-left: 40px;
}

.linkBtn li.InternalLink a:before {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -7px;
	width: 13px;
	height: 14px;
	background-size: 14px 14px;
	background-image: url(/theatres/family_service/images/icon_arrow.png);
	content: '';
}

.linkBtn li.InternalLink a:hover:before {
	background-image: url(/theatres/family_service/images/icon_arrow_hover.png);
}

.link1 {
	padding-bottom: 2px;
	border-bottom: 1px #333333 solid;
	color: #333333;
}

.link1:hover {
	border-bottom: none;
	text-decoration: none;
	color: #cc0000;
}

@media screen and (max-width: 959px) {
	.linkBtn li {
		padding-left: 13px;
		display: block;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.6;
	}

	.linkBtn li.externalLink:before {
		width: 7px;
		height: 7px;
		margin-top: -2.5px;
	}

	.linkBtn li:nth-of-type(2n) {
		margin-left: 0;
	}

	.linkBtn:hover {
		text-decoration: none;
	}

	.linkBtn li.externalLink:hover:before {
		border-right: 1px #000000 solid;
		border-bottom: 1px #000000 solid;
		text-decoration: none;
	}

	.link1:hover {
		text-decoration: none;
		color: #333333;
	}

	.linkBtn.InternalLink:before {
		margin-top: -6px;
		background-size: 9px 11px;
		background-repeat: no-repeat;
	}
}

/* schedule
-------------------------------------------------- */
.schedule {
	position: relative;
	margin-bottom: 60px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	text-align: center;
	line-height: 1;
}

.scheduleBtn {
	width: 100%;
	padding: 22px 0;
	position: relative;
	font-size: 24px;
	cursor: pointer;
	font-weight: bold;
}

.scheduleItemDesc {
	position: relative;
}

.scheduleItemDesc:before {
	position: absolute;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 0;
	margin: -6px 0 0 -21px;
	border-right: 1px #333333 solid;
	border-bottom: 1px #333333 solid;
	transform: rotate(45deg);
	content: '';
}

.scheduleItemDesc.isActive:before {
	margin: -1px 0 0 -20px;
	transform: rotate(-135deg);
}

.scheduleBtn:hover:before {
	border-color: #cc0000;
}

.scheduleBtn.isActive:hover:before {
	border-color: #cc0000;
}

.scheduleList {
	display: none;
	margin-bottom: 0;
}

.schedule:before,
.schedule:after {
	position: absolute;
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: '';
}

.schedule:after {
	border-top-color: #ffffff;
	border-width: 13px 13px 0 13px;
	margin-left: -13px;
}

.schedule:before {
	border-top-color: #e1e1e1;
	border-width: 15px 15px 0 15px;
	margin-left: -15px;
}

.scheduleList li {
	padding: 17px 0;
	border-top: 1px #cccccc solid;
	font-size: 16px;
	cursor: pointer;
	font-weight: bold;
}

.scheduleList li:hover,
.scheduleBtn:hover {
	color: #cc0000;
}

.scheduleList li.current {
	color: #aaaaaa;
}

@media screen and (max-width: 959px) {
	.schedule {
		margin-bottom: 30px;
	}

	.schedule:after {
		border-width: 6px 6px 0 6px;
		margin-left: -6px;
	}

	.schedule:before {
		border-top-color: #e1e1e1;
		border-width: 8px 8px 0 8px;
		margin-left: -8px;
	}

	.scheduleBtn {
		padding: 13px 0;
		font-size: 14px;
		font-size: 1.4rem;
	}

	.scheduleItemDesc:before {
		width: 6px;
		height: 6px;
		margin: -3px 0 0 -14px;
		border-right: 1px #333333 solid;
		border-bottom: 1px #333333 solid;
		transform: rotate(45deg);
		content: '';
	}

	.scheduleItemDesc.isActive:before {
		margin: -1px 0 0 -14px;
	}

	.scheduleList li {
		padding: 13px 0;
		font-size: 12px;
		font-size: 1.2rem;
	}

	.scheduleList li:hover,
	.scheduleBtn:hover {
		color: #000000;
	}
}

/*tableBottom
-------------------------------------------------- */
.tableBottom {
	width: 100%;
	padding: 40px 30px;
	display: table;
	background-color: #ffffff;
	border-radius: 4px;
}

.tableBottom:not(:first-of-type) {
	margin-top: 10px;
}

p.tableBottomTitle,
.tableBottomContent {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.3;
}

p.tableBottomTitle {
	margin-left: 35px;
	font-size: 24px;
}

p.tableBottomTitle:before {
	position: absolute;
}

.tableBottomContent {
	text-align: center;
	width: 567px;
}

a.tell {
	cursor: default;
	font-size: 34px;
	color: #cc0000;
}

a.tell:hover {
	text-decoration: none;
}

.generalTableContent a.tell {
	font-size: 16px;
}

p.tableBottomDesc {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.4375;
	margin-bottom: 0;
}

.tableIcon {
	margin-right: 16px;
	display: inline-block;
}

@media screen and (max-width: 959px) {
	.tableBottom {
		padding: 25px 0;
		display: block;
	}

	p.tableBottomTitle {
		padding: 0;
		display: block;
		margin: 0 0 16px;
		text-align: center;
		font-size: 14px;
		font-size: 1.4rem;
	}

	.tableIcon {
		width: 16px;
		height: 16px;
	}

	.tableBottomContent {
		display: block;
		width: 100%;
	}

	.tableBottom:not(:first-of-type) {
		margin-top: 5px;
	}

	a.tell {
		display: inline-block;
		margin-bottom: 14px;
		font-size: 19px;
		font-size: 1.9rem;
		border-bottom: 1px solid #cc0000;
	}

	.generalTableContent a.tell {
		margin-bottom: 0;
		font-size: 12px;
	}

	p.tableBottomDesc {
		line-height: 1.5;
		font-size: 12px;
		font-size: 1.2rem;
	}

	.iconImage {
		width: 97px;
	}
}

/* paragraph Element
-------------------------------------------------- */
.txt {
	padding: 52px 0 0;
}

.introTxt {
	text-align: center;
}

.strongType_1 {
	font-weight: bold;
}

.strongType_2 {
	color: #000000;
	font-weight: bold;
}

.colorRed {
	color: #cc0000;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.fileIcon,
.windowIcon {
	padding-left: 15px;
	line-height: 1;
}

.fileIcon img,
.windowIcon img {
	vertical-align: middle;
}

.fontS {
	font-size: 14px;
	font-size: 1.4rem;
}

.note {
	padding: 4px 0;
	font-size: 12px;
	font-size: 1.2rem;
}

.depositTxt {
	margin: 3px 0 0;
	text-align: center;
	line-height: 1.2;
}

p.desc {
	margin-bottom: 0;
}

@media screen and (max-width: 959px) {
	.txt {
		padding: 25px 0 0;
	}
}

/* list Element
-------------------------------------------------- */
/* ul */
ul {
	margin: 0;
}

ul li {
	padding: 0;
	margin: 0;
}

/* ol */
ol {
	margin: 0 0 .8em 1.8em;
	list-style: decimal;
}

ol li {
	margin: 0;
}

/* attention
-------------------------------------------------- */
.attention {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #cc0000;
}

.attention li {
	padding: 0 0 0 1em;
	margin: 0;
	text-indent: -1em;
}

.attention li.strong {
	color: #cc0000;
}

@media screen and (max-width: 959px) {
	.attention {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 2;
	}
}

/* link Element
-------------------------------------------------- */
.link {
	padding: 0;
}

.link li {
	padding: 0;
	list-style: none;
	position: relative;
}

.link li a {
	padding-left: 13px;
	color: #000000;
}

.link li:before {
	margin-top: -8px;
	position: absolute;
	left: 0;
	top: 50%;
	background-image: url("/shared/images/icon_1.png");
	background-size: 16px 150px;
	background-repeat: no-repeat;
	background-position: 0 -32px;
	content: " ";
	width: 16px;
	height: 16px;
}

/* table Element
-------------------------------------------------- */
.tableBlock {
	padding: 3px 0;
}

.generalTable {
	padding: 50px 40px 40px;
	margin-bottom: 60px;
	background: #eeeeee;
	border-radius: 4px;
}

.generalTableWrap {
	margin-bottom: 60px;
}

.generalTable:last-of-type {
	margin-bottom: 0;
}

.tableTitle {
	font-size: 24px;
	line-height: 1.3333;
	color: #000000;
	text-align: center;
	border-bottom: 1px solid #cccccc;
}

p.tableTitleTxt {
	font-size: 2.4rem;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3333;
	margin-bottom: 34px;
}

.tableType1 {
	width: 100%;
	margin-bottom: 40px;
}

.generalTableTr {
	line-height: 2;
	font-size: 16px;
	font-size: 1.6rem;
}

.generalTableHeading {
	width: 25%;
	padding: 15px 0 15px 20px;
	vertical-align: middle;
	border-bottom: 1px solid #eeeeee;
	background-color: #ffffff;
	font-weight: bold;
}

.generalTableHeading.first {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.generalTableContent.first {
	border-top-right-radius: 4px;
}

.generalTableHeading.last {
	border-bottom-left-radius: 4px;
}

.generalTableContent.last {
	border-bottom-right-radius: 4px;
}

.generalTableContent {
	padding: 15px 30px;
	background: #ffffff;
	vertical-align: middle;
	border-bottom: 1px solid #eeeeee;
}

.generalTableContentHeading {
	display: table-cell;
	width: 140px;
}

.generalTableContentList {
	font-size: 0;
	margin-top: 4px;
}

.generalTableContentList li {
	width: 50%;
	display: inline-block;
	font-size: 16px;
}

.generalTable table tr:last-of-type td, .generalTable table tr:last-of-type th {
	border-bottom: 0;
}

.generalTable table .right {
	text-align: right !important;
}

.generalTable table .left {
	text-align: left !important;
}

.generalTable table .center {
	text-align: center !important;
}

.generalTable table .vtop {
	vertical-align: top !important;
}

.generalTable table .vmiddle {
	vertical-align: middle !important;
}

.generalTable .tableTypeBorderNone {
	width: auto;
}

.generalTable .tableTypeBorderNone th, .generalTable .tableTypeBorderNone td {
	padding: 0;
	text-align: left;
	vertical-align: top;
	border-bottom: none;
}

.generalTableContentDesc {
	display: table-cell;
}

@media screen and (max-width: 959px) {
	.tableType1 {
		margin-bottom: 10px;
	}

	.tableTitle {
		font-size: 14px;
		font-size: 1.4rem;
	}

	.generalTableTr {
		line-height: 2;
		font-size: 12px;
		font-size: 1.2rem;
	}

	.generalTable {
		padding: 17px 10px 10px;
		margin-bottom: 22px;
	}

	.generalTableWrap {
		margin-bottom: 22px;
	}

	.generalTableContentList li {
		display: block;
		width: 100%;
		font-size: 12px;
		font-size: 1.2rem;
	}

	.generalTableContentHeading {
		display: block;
		width: 100%;
	}

	.generalTableContentDesc {
		display: block;
	}

	p.tableTitleTxt {
		font-size: 14px;
		font-size: 1.4rem;
		margin-bottom: 19px;
	}

	.generalTableHeading {
		width: 100%;
		padding: 15px 15px 0;
		border-bottom: 0;
		display: block;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.5;
	}

	.generalTableContent {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 2;
		width: 100%;
		padding: 0 15px 15px;
		display: block;
	}
}

/* image Element
-------------------------------------------------- */
.image {
	padding: 3px 0;
}

.caption {
	margin: 3px 0 0;
	line-height: 1.5;
}

.imgOneBlock {
	text-align: center;
}

.imgOne {
	width: 380px;
}

.imgTwo {
	width: 380px;
}

.imgRadius {
	border-radius: 4px;
}

.imgTwoBlock > div:nth-of-type(odd) {
	float: left;
}

.imgTwoBlock > div:nth-of-type(2n) {
	float: right;
}

@media screen and (max-width: 959px) {
	.imgTwoBlock {
		text-align: center;
	}

	.imgTwoBlock > div:nth-of-type(odd) {
		float: none;
	}

	.imgTwoBlock > div:nth-of-type(2n) {
		float: none;
	}

	.imgOne {
		width: 100%;
		max-width: 280px;
	}

	.imgTwo {
		width: 100%;
		max-width: 280px;
	}
}

/* hr Element
-------------------------------------------------- */
hr {
	margin: 20px 0;
	height: 1px;
	border: 0;
	border-top: 1px solid #ddd;
}

/* btn
-------------------------------------------------- */
a.btn {
	width: 480px;
	padding: 20px 0;
	text-align: center;
	display: inline-block;
	position: relative;
	background-color: #000000;
	font-size: 24px;
	border-radius: 4px;
	color: #ffffff;
}

a.btn:hover {
	text-decoration: none;
	background-color: #404040;
}

a.btn:before {
	width: 14px;
	height: 14px;
	top: 50%;
	margin: -10px 0 0 -20px;
	position: absolute;
	background-image: url(/theatres/family_service/images/icon_link.png);
	background-repeat: no-repeat;
	content: '';
}

@media screen and (max-width: 959px) {
	a.btn {
		width: 260px;
		padding: 13px 0;
		font-size: 14px;
	}
	a.btn:before {
		width: 11px;
		height: 11px;
		top: 50%;
		margin: -6px 0 0 -15px;
		position: absolute;
		background-image: url(/theatres/family_service/images/icon_link.png);
		background-size: 11px;
		background-repeat: no-repeat;
		content: '';
	}
}

/* btnBlock
-------------------------------------------------- */
.btnBlock .btn {
	margin: 0;
	padding: 3px 0;
}

.btnBlock .btn li {
	margin-bottom: 0;
	border-radius: 4px;
	list-style: none;
	text-align: center;
}

.btnBlock .btn li.btnInline {
	display: inline-block;
}

.btnBlock .btn a {
	display: block;
}

.btnBlock .btn .btnIcon {
	padding-left: 13px;
	position: relative;
}

.btnBlock .btn .btnIcon:before {
	position: absolute;
	content: ' ';
	background-image: url("/shared/images/icon_1.png");
	background-size: 16px 150px;
}

.btnBlock li {
	position: relative;
	vertical-align: bottom;
}

.btnBlock .btnColorType1 {
	font-size: 12px;
	font-size: 1.2rem;
	color: #000000;
}

.btnBlock .btnColorType1 li {
	border: 1px solid #cccccc;
	background: #ffffff;
}

.btnBlock .btnColorType1 .btnIcon:before {
	width: 16px;
	height: 16px;
	left: 0;
	top: 0;
	background-position: -5px -32px;
}

.btnBlock .btnColorType1 a {
	padding: .5em 1em;
	color: #000000;
}

.btnBlock .btnColorType1.settleBtn {
	position: absolute;
	right: 0;
	top: 0;
	font-weight: bold;
}

.btnBlock .btnColorType1.settleBtn li {
	font-size: 12px;
	font-size: 1.2rem;
}

.btnBlock .btnColorType1.settleBtn a {
	padding: .8em 3em;
}

.btnBlock .btnColorType1.receiptBtn {
	position: absolute;
	right: 0;
	top: 0;
}

.btnBlock .btnColorType1.receiptBtn li {
	font-size: 12px;
	font-size: 1.2rem;
}

.btnBlock .btnColorType1.receiptBtn a {
	padding: .8em 2.5em;
}

.btnBlock .btnColorType2 {
	font-size: 14px;
	font-size: 1.4rem;
	color: #ffffff;
}

.btnBlock .btnColorType2 li {
	background: #cc0000;
}

.btnBlock .btnColorType2 .btnIcon:before {
	width: 16px;
	height: 16px;
	left: 0;
	top: 0;
	background-position: -5px -46px;
}

.btnBlock .btnColorType2 a {
	color: #ffffff;
}

/* bnrBlock
-------------------------------------------------- */
.bnrBlock li {
	margin-bottom: 15px;
	list-style: none;
}

/* siegeTextBox1
-------------------------------------------------- */
.siegeTextBox1 {
	margin: 0 0;
}

.siegeTextBox1 .body {
	padding: 50px 60px;
	background: #000000;
	line-height: 1.2;
	font-size: 14px;
	font-size: 1.4rem;
}

/* oneColumnsType1
-------------------------------------------------- */
.oneColumnsType1 {
	margin: 0 0;
}

/* twoIntoColumnsType1
-------------------------------------------------- */
.twoIntoColumnsType1 {
	margin: 0 0;
}

.twoIntoColumnsType1 .imageL {
	float: left;
	margin: 0 20px 20px 0;
}

.twoIntoColumnsType1 .imageR {
	float: right;
	margin: 0 0 20px 20px;
}

/* twoColumns
-------------------------------------------------- */
.twoColumns {
	margin: 0 0;
}

.twoColumns:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
}

.twoColumns .column {
	margin-right: 30px;
	float: left;
}

/* twoColumnsType1
-------------------------------------------------- */
.twoColumnsType1 .column {
	width: 465px;
	box-sizing: border-box;
}

.twoColumnsType1 .columnEnd {
	margin-right: 0;
}

/* threeColumns
-------------------------------------------------- */
.threeColumns {
	margin: 0 0;
}

.threeColumns:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
}

/* threeColumnsType1
-------------------------------------------------- */
.threeColumnsType1 .column {
	margin: 0 30px 0 0;
	width: 300px;
	float: left;
	box-sizing: border-box;
}

.threeColumnsType1 .columnEnd {
	margin-right: 0;
	float: right;
}

/* fourColumns
-------------------------------------------------- */
.fourColumns {
	margin: 0 0;
}

.fourColumns:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
}

/* fourColumnsType1
-------------------------------------------------- */
.fourColumnsType1 .column {
	width: 216px;
	margin: 0 32px 0 0;
	float: left;
}

.fourColumnsType1 .columnEnd {
	margin-right: 0;
	float: right;
}

/* newsBlock
-------------------------------------------------- */
.newsBlock {
	padding: 3px;
	border: 3px solid #eeeeee;
}

.newsBlock dl {
	padding: 10px;
	border-bottom: 1px dotted #eeeeee;
}

.newsBlock dl:last-of-type {
	border-bottom: 0;
}

/* detailBtnBlock
-------------------------------------------------- */
.detailBtnBlock {
	padding: 7px 10px;
	background: #dddddd;
	clear: both;
}

.detailBtnBlock .btn {
	font-weight: bold;
	font-size: 12px;
	font-size: 1.2rem;
}

.detailBtnBlock .btn li {
	margin-bottom: 5px;
}

.detailBtnBlock .btn li:last-child {
	margin-bottom: 0;
}

/* editBtnBlock
-------------------------------------------------- */
.editBtnBlock {
	padding: 7px 10px;
	background: #dddddd;
}

.editBtnBlock:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
}

.editBtnBlock .btn {
	font-weight: bold;
	font-size: 12px;
	font-size: 1.2rem;
}

.editBtnBlock .btn li {
	width: 49%;
}

.editBtnBlock .btn li:first-child {
	float: left;
}

.editBtnBlock .btn li:last-child {
	float: right;
}

/* orderBtnBlock
-------------------------------------------------- */
.orderBtnBlock:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
}

.orderBtnBlock .btn {
	font-weight: bold;
	font-size: 12px;
	font-size: 1.2rem;
}

.orderBtnBlock .btn li {
	padding: .8em 2em;
}

/* margin
-------------------------------------------------- */
.marginBottom0 {
	margin-bottom: 0 !important;
}

.marginBottom16 {
	margin-bottom: 16px !important;
}

.marginBottom28 {
	margin-bottom: 28px !important;
}