@charset "Shift_JIS";

/* newsEnArea
-------------------------------------------------- */

#mainArea h1 {
	padding: 0px;
	background: none;
}

#mainArea .newsEnArea {
	width: 760px;
	padding: 0px;
	margin: 0px;
}

#mainArea .newsArea {
	width: 760px;
	padding: 0px;
	margin: 0px;
}

#mainArea .newsArea .leftArea {
	width: 650px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .newsArea .rightArea {
	width: 95px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#mainArea .newsArea h3 {
	margin: 3px 0px 2px;
	padding: 0px;
}

#mainArea .newsArea .leftArea p {
	width: 650px;
	margin: 0 0 5px;
}

#mainArea .newsArea .leftArea .columnBox {
	width: 650px;
	padding: 0px;
	margin: 0px;
}

#mainArea .newsArea .leftArea .columnBox .link {
	width: 350px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .newsArea .leftArea .columnBox .date {
	width: 300px;
	padding: 0px;
	margin: 0px;
	float: right;
	font-weight: normal;
	font-size: 95%;
}

#mainArea .newsArea .rightArea img {
	margin: 0 0 10px;
}

#mainArea .hr {
	width: 760px;
	height: 1px;
	margin: 0px 0px 10px;
	padding: 0;
	background: url(/shared/images/hr_010.gif) 0px 0px repeat-x;
}

#mainArea .newsEnArea .btnArea {
	width: 760px;
	padding: 0px;
	margin: 0px auto;
	text-align: right;
}

#mainArea .newsEnArea .btnArea .link li {
	padding: 0px;
	margin: 0px;
	background: none;
}

#mainArea .newsEnArea .btnArea a {
	padding: 1px 0px 3px;
	margin: 0px;
	background: url(/shared/images/arrow_middle_right.gif) 1px 4px no-repeat;
}

* html #mainArea .newsEnArea .btnArea a {
	background: url(/shared/images/arrow_middle_right.gif) 1px 4px no-repeat;
	_background: none;
	_background/* */: url(/shared/images/arrow_middle_right.gif) 1px 4px no-repeat;
}

#mainArea .newsEnArea .btnArea a  {
	padding-left: 16px;
	_padding-left: 0px;
	_padding-left/* */: 16px;
	text-indent: -16px;
	_text-indent: 0px;
	_text-indent/* */: -16px;
}
a.boxItemsLink {
	text-decoration:none;
}
.linkExternal::before {
    content: '';
    width: 14px;
    height: 14px;
    background-image: url(/shared/global/theatres_detail/images/ico_link_external_red.png);
    background-position-y: top;
    vertical-align: initial;
    display: inline-block;
    padding-right: 10px;
    background-repeat: no-repeat;
}


.generalTable .btn {
	margin-top: 12px;
	margin-bottom: 12px;	
}
@media screen and (max-width: 959px) {
	.generalTable .btn {
		margin-top: 8px;
		margin-bottom: 0;	
	}
}

/* Supported shows × languages*/
.supported-layout-container {
	position: relative;
	padding: 34px 30px 34px;
	background-color: #fff;
	border-bottom: 1px solid #eee;	
}
.supported-layout-row {
	display: flex;
	align-items: stretch;
	gap: 0 24px;	
	border-top: 1px solid #cbcbcb;
}
.supported-layout-row:last-child {
	border-bottom: 1px solid #cbcbcb;
}
.supported-layout-row	.th {
	flex: 1;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	border-left: 1px solid #cbcbcb;
	padding: 2px 0;
}
.supported-layout-row	.th:last-child {
	border-right: 1px solid #cbcbcb;
}
.supported-layout-row	.td {
	flex: 1;
	font-size: 1.5rem;
	font-weight: normal;	
	padding: 16px 0 16px 8px;
	border-left: 1px solid #cbcbcb;
	display: flex;
	align-items: center;
}
.supported-layout-row	.td:last-child {
	border-right: 1px solid #cbcbcb;
}

@media screen and (max-width: 959px) {	
	.supported-layout-container {
		padding: 23px 15px 23px;
		background-color: #fff;
		border-bottom: 1px solid #eee;
	}
	.supported-layout-row {
		display: flex;
		gap: 0 16px;		
	}
	.supported-layout-row .th {
		font-size: 1.2rem;
	}
	.supported-layout-row .td {
		font-size: 1.1rem;
		padding: 12px 0 12px 6px;
	}	
}
.underline {
	text-decoration: underline;
	text-decoration-style: dotted;
	text-underline-offset: 3px;
}
