@charset "utf-8";
/* CSS Document */


/*********************************
*	LinoTYPE Web Fonts begin
**********************************/

/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
with any questions regarding Web Fonts:  http://www.linotype.com
*/

@import url("//fast.fonts.net/lt/1.css?apiType=css&c=c9719ab0-9159-4608-a4ff-46b6a9ea6422&fontids=1449343,1449347");
@font-face{
font-family:"Univers Next W04 Light";
src:url("Fonts/1449343/0b84f655-6068-496d-a1b2-327b2771aede.eot?#iefix");
src:url("Fonts/1449343/0b84f655-6068-496d-a1b2-327b2771aede.eot?#iefix") format("eot"),url("Fonts/1449343/0fb81a08-80ec-44ea-a213-463fa4455df3.woff2") format("woff2"),url("Fonts/1449343/7f4b194f-8ebe-4bd6-ab78-336c61312cf3.woff") format("woff"),url("Fonts/1449343/4324be21-8412-4e51-9dea-6a7fc376abe7.ttf") format("truetype"),url("Fonts/1449343/983e3621-fb13-4aa9-bae4-299c3f45aa78.svg#983e3621-fb13-4aa9-bae4-299c3f45aa78") format("svg");
}
@font-face{
font-family:"Univers Next W04 Regular";
src:url("Fonts/1449347/51a2e8ba-97c4-47a9-af92-e8b379eeddbd.eot?#iefix");
src:url("Fonts/1449347/51a2e8ba-97c4-47a9-af92-e8b379eeddbd.eot?#iefix") format("eot"),url("Fonts/1449347/89420d17-2c68-4bb3-b4d4-373b0d0f016b.woff2") format("woff2"),url("Fonts/1449347/e79b121c-bda4-4092-a565-1c29b272ef18.woff") format("woff"),url("Fonts/1449347/77019bfb-2faa-487f-97aa-b498678dc990.ttf") format("truetype"),url("Fonts/1449347/1f2c3faa-231e-4e71-aba4-b1adb03e0322.svg#1f2c3faa-231e-4e71-aba4-b1adb03e0322") format("svg");
}

/*********************************
*	LinoTYPE Web Fonts end
**********************************/


/*スマホ対応
===== BREAK POINT ========================================

	body	size: 900px
	tablet	size: 768px
	smart	size: 600px
	(iphone	size: 320px)

==========================================================*/

/* --------------------------------------------------------------------------
	共通パーツ
-------------------------------------------------------------------------- */
body {
	font-family: "Univers Next W04 Light","YuGothicPr6M";
}
p, ul, li, dl, dt, dd, div, th, td {
	font-family: "Univers Next W04 Light","YuGothicPr6M";
	letter-spacing: -0.05em;
}
img.bg {
	border: 1px solid #CCC;
}
.mainBox {
	width: 900px;
	margin: 0 auto;
}
.content {
	position: relative;
	margin: 20px 0 40px;
	word-wrap: break-word;
}
.content form#archives {
	margin-top: 20px;
	text-align: right;
}
.content form#archives select {
	padding: 5px;
}
.content h1.mainTitle {
	margin: 30px 0 0 0;
	font-size: 3.6rem;
	font-family: "Univers Next W04 Light","YuGothicPr6D";
}
.content h1.meinTitle {
	margin: 30px 0 0 0;
	font-size: 3.6rem;
	font-family: "Univers Next W04 Light","YuGothicPr6D";
}
.content h1.mainTitle span.supple {
	display: inline-block;
	margin-left: 2em;
	font-size: 2.2rem;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
}
.content h1.meinTitle span.supple {
	display: inline-block;
	margin-left: 2em;
	font-size: 2.2rem;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
}
.content h1.mainTitle span.date {
	float: right;
	font-size: 2rem;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
}
.content h1.meinTitle span.date {
	float: right;
	font-size: 2rem;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
}
.content h2.sabTitle_01 {
	clear: both;
	padding: 40px 0 20px 0;
	line-height: 1.2;
	font-size: 2.2rem;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
}
.content p.lead {
	padding: 30px 0 20px 0;
}
.btn_backList a {
	display: block;
	width: 16em;
	margin: 40px auto;
	padding: 5px 5px 7px 5px;
	border: 1px solid #000;
	color: #000;
	font-size: 1.4rem;
	text-align: center;
	text-decoration: none;
}
.btn_backList a:hover {
	background: #000;
	color: #FFF;
}
.linkWrap {
	margin: 10px 0 0 0;
	font-size: 1.3rem;
}
.linkWrap a {
	display: inline-block;
	padding: 1px 5px;
	border: 1px solid #000;
	color: #000;
	text-decoration: none;
}
.linkWrap a:hover {
	background: #000;
	color: #FFF;
}
div.contentBox {
	padding-top: 40px;
}
div.leadbox p.lead,
div.leadbox div.lead {
	width: 430px;
	display: block;
	float: left;
}

div.leadbox div.lead p.lead {
	float: none;
}
div.leadbox div.lead ul li {
	line-height: 1.4;
	list-style: none;
}
div.leadbox h3 {
	padding-top: 30px;
	margin-bottom: -20px;
	font-size: 18px;
}
div.leadbox div.img {
	width: 430px;
	overflow: hidden;
	padding: 34px 0 20px 0;
	float: right;
}
div.leadbox div.img img {
	width: 100%;
}
@media screen and (max-width: 768px){
	.mainBox {
		width: 96%;
		margin: 0 2%;
	}
	.content h2.sabTitle_01 {
		padding: 30px 0 20px 0;
	}
	div.leadbox p.lead,
	div.leadbox div.lead,
	div.leadbox div.img {
		width: 48%;
	}
	div.leadbox div.lead p.lead {
		width: 100%;
	}
}
@media screen and (max-width: 600px){
	.mainBox {
		width: 96%;
		margin: 0 2%;
	}
	.content h1.meinTitle {
		margin: 0;
		font-size: 2.6rem;
	}
	.content h1.mainTitle {
		margin: 0;
		font-size: 2.6rem;
	}
	body#schedule .content h1.meinTitle {
		font-size: 2.2rem;
	}
	body#schedule .content h1.mainTitle {
		font-size: 2.2rem;
	}
	.content h1.meinTitle span.date {
		position: relative;
		font-size: 1.4rem;
		top: 4px;
	}
	.content h1.mainTitle span.date {
		position: relative;
		font-size: 1.4rem;
		top: 4px;
	}
	.content h2.sabTitle_01 {
		padding: 30px 0 10px 0;
		font-size: 2.2rem;
	}
	.content p.lead {
		padding: 10px 0 10px 0;
	}
	
	.btn_backList a {
		width: auto;
		margin: 40px auto;
	}
	div.leadbox p.lead,
	div.leadbox div.lead {
		width:  100%;
		float: none;
	}
	div.leadbox div.img {
		width:  100%;
		float: none;
		padding-top: 0;
		padding-bottom: 0;
	}
	div.leadbox h3 {
		padding-top: 30px;
		margin-bottom: 10px;
		font-size: 18px;
	}
	div.leadbox div.lead ul {
		margin-top: -20px;
		margin-bottom: 20px;
	}
	.linkWrap {
		margin-bottom: 10px;
	}
}

/* header ---------------------------------------------------------------- */
header {
	position: relative;
	width: 900px;
	margin: 0 auto;
}
header div.header_01 {
	overflow: hidden;
	margin: 20px 0 0 0;
}
header div.header_01 div#logo_topMuseum {
	float: left;
}
header div.header_01 div#logo_topMuseum img {
	width: 530px;
	border: none;
}
header div.header_01 div#logo_syabi {
	float: right;
	width: 270px;
}
header div.header_01 div#logo_syabi img {
	width: 270px;
	margin: 0 0 10px 0;
}
header div.header_01 div#logo_syabi p.open {
	font-size: 12px;
	font-size: 1.2rem;
}
header div.header_02 {
	position: relative;
	/* overflow: hidden; */
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #000;
}
header div.header_02 p {
	position: absolute;
	bottom: 10px;
	left: 0;
	margin: 10px 0 0 0;
	line-height: 1.2;
	font-size: 16px;
	font-size:1.6rem;
	max-width: 596px;
}
header div.header_02 p.open {
/*
	position: absolute;
	float: left;
	display: block;
	margin: 10px 0 0 0;
	padding: 2px 5px 2px 0;
	line-height: 1.2;
	font-size:1.6rem;
	font-size: 16px;
	width: 596px;
*/
}
header div.header_02 p.closed {
	background: #000;
	color: #FFF;
	padding: 2px 5px;
/*
	position: absolute;
	bottom: 10px;
	float: left;
	display: block;
	margin: 10px 0 0 0;
	padding: 2px 5px 2px 5px;
	line-height: 1.2;
	font-size:1.6rem;
	font-size: 16px;
	background: #000;
	color: #FFF;
	width: 596px;
*/
}
header div.header_02 #searchform {
	overflow: hidden;
	float: right;
	width: 200px;
	border-bottom: 1px solid #000;
	margin-right: 70px;
}
header div.header_02 input[type="search"] {
	float: left;
	width: 160px;
	padding: 5px;
	border: none;
	font-size: 1.4rem;
	outline: none;
}
header div.header_02 input[type="image"] {
	float: right;
	padding: 5px;
}
p.sp_open {
	display: none;
}
p.sp_closed {
	display: none;
}
div.lang {
	position: absolute;
	right: 0;
	/**bottom: 55px;**/
	top: 80px;
	border: 1px solid #000;
	font-size: 1.4rem;
	z-index: 10000;
}
body.english div.lang {
	font-size: 1.6rem;
}

div.lang {
	background-color: #fff;
}

div.lang li {
	list-style: none;
	padding: 2px 5px 4px;
}

div.lang li:hover {
	background: #000;
}

div.lang a{
	text-decoration: none;
}

div.lang li:hover{
	color: #fff;
}

div.lang .mobaileLang {
	display: none
}

/** 他言語対応 **/
div.language ,div.mobileLang{
	position: absolute;
	right: 0;
	/**bottom: 55px;*/
	/**top: 80px;**/
	border: 1px solid #000;
	font-size: 1.4rem;
	z-index: 10000;
}
div.language {
	margin-top: 7px;
}
body.english div.language li,
body.english div.mobileLang li  {
	font-size: 1.4rem;
}
div.language {
	background-color: #fff;
	width: 6em;
	text-align: center;
}
div.language li,
div.mobileLang li {
	list-style: none;
	padding: 4px 0;
}
div.language li:hover,
div.mobileLang li:hover {
	background: #000;
	color: #fff;
}
div.language a,
div.mobileLang a{
	text-decoration: none;
}
li.langDefalutHide {
	display: none;
}
div.mobileLang {
	display: none;
}
header div.header_02 form#searchform.multiLang {
	margin-right: 90px;
	width: 180px;
}
header div.header_02 form#searchform.multiLang input#keywords {
	width: 150px;
}


@media screen and (max-width: 768px){
	header {
		width: 96%;
		margin: 0 2%;
	}
	header div.header_01 div#logo_topMuseum {
		width: 60%;
	}
	header div.header_01 div#logo_topMuseum img {
		width: 100%;
	}
	header div.header_01 div#logo_syabi {
		width: 30%;
	}
	header div.header_01 div#logo_syabi img {
		width: 100%;
		margin: 0 0 10px 0;
	}
	header div.header_02 p {
		font-size: 14px;
		font-size:1.4rem;
		box-sizing: border-box;
		max-width: 60%;
	}
	header div.header_02 form#searchform.multiLang {
		width: 24%;
	}
	header div.header_02 form#searchform.multiLang input#keywords {
		width: calc(100% - 30px);
	}
}

@media screen and (max-width: 600px){
	header {
		width: 96%;
		margin: 0 2%;
		padding: 0 0 10px 0;
		border-bottom: 1px solid #000;
	}
		header div.header_01 {
		margin: 10px 0 0 0;
	}
	header div.header_01 div#logo_topMuseum {
		width: 90%;
		float: none;
	}
	header div.header_01 div#logo_syabi {
		width: 60%;
		float: none;
	}
	header div.header_01 div#logo_syabi img {
		margin: 10px 0 10px 0;
	}
	header div.header_01 div#logo_syabi p.open {
		display: none;
	}
	header div.header_02 {
		display: none;
	}
	p.sp_open {
		display: block;
		display: inline-block;
		margin: 8px 0 0 0;
		padding: 2px 0;
		line-height: 1;
		font-size:1.4rem;
	}
	p.sp_closed {
		display: block;
		display: inline-block;
		margin: 8px 0 0 0;
		padding: 2px 5px;
		line-height: 1;
		color: #FFF;
		font-size:1.4rem;
		background: #000;
	}
	div.lang {
		position: relative;
		top: 0;
		left: 0;
		width: 6em;
		margin-top: 10px;
		text-align: center;
	}
	div.lang .mobaileLang {
		display: inline-block;
		padding: 2px 0 4px;
	}
	div.lang ul {
		display: none;
	}
	body.english div.lang {
		width: 4em;
	}
	/** 他言語 */
	div.mobileLang {
		display: block;
		position: relative;
		top: 0;
		left: 0;
		width: 6em;
		margin-top: 10px;
		text-align: center;
	}
	div.mobileLang span {
		width: 100%;
		display: inline-block;
		padding: 4px 0;
	}
	div.language {
		display: none;
	}
}

/* グローバルナビ -------------------------- */
header nav {
	position: relative;
	z-index: 1000;
	/*overflow: hidden;*/
	border-bottom: 1px solid #000;
	background: #FFF;
	width: 900px;
	min-height: 26px;
}
header nav ul.gNav {
	width: 100%;
	list-style: none;
	/*margin-left: -10px;*/
	font-size:1.6rem;
	font-size: 16px;
	display: table;
	font-family: "Univers Next W04 Light","YuGothicPr6D";
}
header nav ul.gNav li {
	position: relative;
	padding: 0 0.9em;
	display: table-cell;
	text-align: center;
	white-space: nowrap;
/* 	min-width: 60px; */
	font-family: "Univers Next W04 Regular","YuGothicPr6D";
}
body.english header nav ul.gNav li {
	padding: 0 1.7em;
}
header nav ul.gNav li a {
	display: block;
	padding: 7px 0 5px 0;
	color: #000;
	text-decoration: none;
	letter-spacing: -0.05em;
}
header nav ul.gNav li ul.child {
	z-index: 10000000;
	display: none;
	position: absolute;
	top: 28px;
	left: 0;
	width: auto;
	font-size:1.4rem;
	list-style: none;
	background: #FFF;
	box-shadow: 0 9px 8px -9px rgba(0,0,0,0.3);
	border-top: 1px solid #000;

}
body.english header nav ul.gNav li ul.child {
	font-size: 16px;
	font-size:1.6rem;	
}
header nav ul.gNav li ul.child li a {
	display: block;
	padding: 10px 15px 10px 15px !important;
}
body.english header nav ul.gNav li ul.child li a {
	padding: 10px 1.5em 10px 2em !important;
}
header nav ul.gNav li ul.child li a:hover {
	background: #000;
	color: #FFF;
}
@media screen and (min-width: 601px){
	header nav ul.gNav li ul.child.right {
		/*left: -100px;*/
	}
}

/*header nav ul.gNav li ul.child:after{
	position: relative;
	top: 15px;
	display: block;
	content:".";
	width: 100%;
	background: url(../images/nav_btm.png) repeat-x 0 0 transparent;
	overflow: hidden;
	text-indent: -9999px;
}*/
header nav ul.gNav li ul.child li {
	float: none;
	display: inline;
	text-align: left;
	padding: 0;
}
header nav ul.gNav li ul.child li a {
	padding: 8px 0;
}
header nav ul.gNav li.sp_search {
	display: none;
}
.fixed {
		position: fixed;
		top: 0px;
		z-index: 1;
}
	header nav.under .menuBtn {
		display: none;
		width: 0;
		height: 0;
		overflow: hidden;
	}


@media screen and (max-width: 768px){
header nav {
	width: 100%;
	/* height: 40px; */
}
header nav ul.gNav {
	font-size:1.4rem;
}
header nav ul.gNav li {
	width: auto;
}
header nav ul.gNav li a {
	/* padding: 10px 5px; */
}
header nav ul.gNav li ul.child {
	margin-top: -2px;
	/*margin-top: 7px;*/
		/* border-top: none; */
}
header nav ul.gNav li {
	padding: 0 0 !important;
}
body.english header nav ul.gNav li ul.child li a {
	padding: 10px 1.46em 10px 1.46em !important;
}
.fixed {
	width: 96%;
}
}

@media screen and (max-width: 600px){
	header nav {
		border: none;
		width: 100%;
		height: auto;
	}
	header nav.under {
		overflow: hidden;
	}
	header nav.under .menuBtn {
		z-index: 100000000;
		position: absolute;
		top: 9px;
		right: 10px;
		display: block;
		overflow: hidden;
		text-indent: -9999px;
		width: 32px;
		height: 32px;
		background: url(../images/icon_next.png) no-repeat 100% 0;
		background-size: 32px 32px;
	}
	header nav.under .menuBtn.active {
		transform: rotate(90deg);
	}
	header nav ul.gNav {
		margin: 10px 0 0 0;
		font-size: 1.6rem;
		display: block;
	}
	header nav ul.gNav li {
		position: static;
		float: none;
		display: none;
		text-align: left;
		white-space: normal;
		width: 50%;
		margin: 0;
	}
	header nav ul.gNav li.current,
	header nav ul.expand li {
			display: block;
	}
	header nav ul.gNav li a {
		display: block;
		padding: 8px 0;
		color: #000;
		text-decoration: none;
		letter-spacing: -0.05em;
	}
	header nav ul.gNav li ul.child {
		position: absolute !important;
		top: 12px;
		left: 50%;
		width: 50%;
		box-shadow: none;
	}
	header nav ul.gNav li ul.child:after{
		display: none;
	}
	header nav ul.gNav li ul.child li {
		line-height: 1.3;
		text-decoration: none;
	}
	header nav ul.gNav li ul.child li a {
		/*padding: 5px 0;*/
		padding: 5px 0 5px 5px !important;
	}
	header nav ul.gNav li.sp_search {
		display: block;
	}
	header nav ul.gNav li.sp_search a {
		padding-left: 23px;
		background: url(../images/icon_search.png) no-repeat 0 50%;
		background-size: 17px 18px;
	}
	header nav ul.gNav li ul.child {
		z-index: 10000000;
		display: none;
		position: static;
		padding: 0 5px 10px 0;
		font-size:1.4rem;
		list-style: none;
		background:#FFFFFF;
		border-top: none;
	}
	.fixed {
		width: 100%;
		position: relative;
	}
	.seleted {
		text-decoration: underline;
	}
	body.english header nav ul.gNav li ul.child li a {
		padding: 8px .8em 8px .4em !important;
	}
}

/* spSearchBox ---------------*/
.spSearchBox {
	display: none;
}
.spSearchBox input[type="search"] {
	display: none;
}
.spSearchBox input[type="image"] {
	display: none;
}
@media screen and (max-width: 600px){
.spSearchBox {
		width: 96%;
		margin: 0 2% 20px;
		padding: 5px 0;
		border-bottom: 1px solid #000;
}
.spSearchBox input[type="search"] {
	display:inline-block;
	width: 83%;
	padding: 5px;
	border: none;
	font-size: 1.4rem;
	font-size: 1.6rem;
}
.spSearchBox input[type="image"] {
	display: inline-block;
	padding: 5px 10px;
}
}

/* Footer ---------------------------------------------------------------- */
footer {
	overflow: hidden;
	width: 900px;
	margin: 0 auto;
	padding: 20px 0 10px 0;
	border-top: 1px solid #000;
	/*background:#F00;*/
}
footer .footer_box1 {
	float: left;
}
footer .footer_box1 .footer_link {
	overflow: hidden;
	list-style: none;
	margin: 0 0 10px 0;
}
footer .footer_box1 .footer_link li {
	float: left;
	width: 35px;
	height: 35px;
	margin: 0 15px 0 0;
}
footer .footer_box1 .footer_link li img {
	width: 80%;
	border: none;
}
footer .footer_box2 {
	float: right;
	overflow: hidden;
}
footer .footer_box2 .footer_box_unit1 {
	float: right;
	margin: 0 0 0 20px;
}
footer .footer_box2 .footer_box_unit1 .footer_nav {
	list-style: none;
}
footer .footer_box2 .footer_box_unit1 .footer_nav li {
	margin: 0 0 5px 0;
}
footer .footer_box2 .footer_box_unit1 .footer_nav li a {
	color: #000;
	text-decoration: none;
}
footer .footer_box2 .footer_box_unit1 .footer_nav li a:hover {
	text-decoration: underline;
}
footer .footer_box2 .footer_box_unit2 {
	float: right;
}
footer .footer_box2 .footer_box_unit2 p.address {
	margin: 10px 0 0 0;
	line-height: 1.2;
	font-size: 1.2rem;
}
footer .footer_box2 p.copy {
	clear: both;
	padding: 10px 0 0 0;
	line-height: 1.2;
	font-size: 1.0rem;
	word-wrap: break-word;
	text-align: right;
}
footer .footer_box2 p.copy a {
	text-decoration: none;
}

@media screen and (max-width: 768px){
	footer {
		width: 96%;
		margin: 10px 2% 10px;
	}
	footer .footer_box1 {
		float: left;
		width: 30%
	}
	footer .footer_box2 {
		float: right;
		width: 70%
	}
	footer .footer_box2 .footer_box_unit2 p.address {
		font-size: 1.4rem;
	}
	footer .footer_box2 p.copy {
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 600px){
	footer {
		padding: 10px 0 10px;
	}
	footer .footer_box1 {
		float: none;
		width: 100%;
	}
	footer .footer_box1 .footer_link li {
		width: 30px;
		height: 30px;
		margin: 0 5px 0 5px;
	}
	footer .footer_box2 {
		float: none;
		width: 100%;
	}
	footer .footer_box2 .footer_box_unit1 {
		float: none;
		width: 100%;
		margin: 5px 0 15px 0;
	}
	footer .footer_box2 .footer_box_unit1 .footer_nav {
		list-style: none;
	}
	footer .footer_box2 .footer_box_unit1 .footer_nav li {
		font-size: 1.6rem;
	}
	footer .footer_box2 .footer_box_unit1 .footer_nav li a {
		display: block;
		padding: 1px 0;
		color: #000;
		text-decoration: none;
	}
	footer .footer_box2 .footer_box_unit1 .footer_nav li a:hover {
		text-decoration: none;
	}
	footer .footer_box2 .footer_box_unit2 {
		width: 100%;
	}
	footer .footer_box2 p.copy {
		text-align: left;
	}
}


/* --------------------------------------------------------------------------
	TOP(index)
-------------------------------------------------------------------------- */
/* メインスライダー -------------------------------------------------*/
#mainSlider {
	position: relative;
	width: 900px;
	margin: 20px auto 20px;
}
#mainSlider:after {
	display: block;
	clear: both;
	content: "";
}
#mainSlider ul.slider li {
	position: relative;
	overflow: hidden;
	list-style: none;
}
#mainSlider ul.slider li .area_img {
	position: relative;
	float: left;
	max-width:  500px;
	/* height: 400px; */
	margin-right: 20px;
}
#mainSlider ul.slider li.fullsize .area_img {
	max-width:  100%;
	margin-right: 0;
}
#mainSlider ul.slider li .area_img img {
	max-width: 100%;
	max-height: 100%;
}
/*
#mainSlider ul.slider li.style1 .area_img {
	float: left;
	width: 500px;
	height: 400px;
}
#mainSlider ul.slider li.style1 .area_img img {
	max-width: 500px;
	max-height: 400px;
}
#mainSlider ul.slider li.style1 .area_info {
	margin-left: 520px;
}
#mainSlider ul.slider li.style2 .area_img {
	float: left;
	width: 400px;
	height: 400px;
}
#mainSlider ul.slider li.style2 .area_img img {
	max-width: 400px;
	max-height: 400px;
}
#mainSlider ul.slider li.style2 .area_info {
	margin-left: 420px;
}

#mainSlider ul.slider li.style3 .area_img {
	float: left;
	width: 300px;
	height: 400px;
}
#mainSlider ul.slider li.style3 .area_img img {
	max-width: 300px;
	max-height: 400px;
}
#mainSlider ul.slider li.style3 .area_info {
	margin-left: 320px;
}
#mainSlider ul.slider li.style4 .area_img {
	float: none;
	width: 900px;
	height: 450px;
	text-align: center;
}
#mainSlider ul.slider li.style4 .area_img img {
	max-width: 900px;
	max-height: 450px;
}
#mainSlider ul.slider li.style4 .area_info {
	display: none;
}
*/
#mainSlider ul.slider .floor {
	position: relative;
	font-size: 3.5em;
	margin: 5px 0 10px 0;
	font-family: "Univers Next W04 Regular","YuGothicPr6M";
}
#mainSlider ul.slider .floor span {
	position: absolute;
	top: 6px;
	display: inline-block;
	width: 17px;
	height: 18px;
	margin-left: 10px;
}
#mainSlider ul.slider .floor span.type3 {
	background: url(../images/icon/icon_morning.jpg) no-repeat 0 0;
}
#mainSlider ul.slider .floor span.type2 {
	background: url(../images/icon/icon_late.jpg) no-repeat 0 0;
}
#mainSlider ul.slider p.date {
	margin: 0 0 15px 0;
	line-height: 1.1;
	font-size: 2.8rem;
	font-family: "Univers Next W04 Regular","YuGothicPr6M";
}
#mainSlider ul.slider p.date span {
	font-size: 1.4rem;
	font-family: "Univers Next W04 Regular","YuGothicPr6M";
}
#mainSlider ul.slider p.date span.hyphen {
	position: relative;
	font-size: 2.8rem;
	top: -2px;
}
.japanese #mainSlider ul.slider p.date span.hyphen {
	left: -4px;
}
#mainSlider ul.slider p.title {
	line-height: 1.1;
	font-size: 3.7rem;
	letter-spacing: -0.05em;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
}
#mainSlider ul.slider p.title_sab {
	margin: 10px 0 10px;
	line-height: 1.2;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
	font-size: 2.5rem;
	text-decoration: underline;
	letter-spacing: -0.05em;
}
#mainSlider ul.slider p.title.small {
	font-size: 3rem;
}
#mainSlider ul.slider p.title_sab.small {
	font-size: 2rem;
}
#mainSlider ul.slider p.title.xsmall {
	font-size: 2.5rem;
}
#mainSlider ul.slider p.title_sab.xsmall {
	font-size: 1.5rem;
}
#mainSlider ul.slider div.btn_details {}
#mainSlider ul.slider div.btn_details a {
	display: inline-block;
	line-height: 1.6;
	margin: 10px 0 20px 0;
	padding: 2px 5px 0;
	border: 1px solid #000;
	color: #000000;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
	font-size: 1.3rem;
	text-decoration: none;
	letter-spacing: -0.05em;
}
body.english #mainSlider ul.slider div.btn_details a {
	padding-top: 0;
}
#mainSlider ul.slider div.btn_details a:hover {
	color: #FFF;
	background: #000;
}
#mainSlider div#slider_message {
	background: #fff;
/*
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
*/
}
#mainSlider div#slider_message p a {
	text-decoration: none;
}
#mainSlider div#slider_message p.closed {
	float: left;
	font-size: 16px;
	line-height: 48px;
	margin-left: 10px;
	font-family: "Univers Next W04 Regular","YuGothicPr6D";
}
.english #mainSlider div#slider_message p.closed,
.korea #mainSlider div#slider_message p.closed,
.chinese #mainSlider div#slider_message p.closed {
	line-height: 1.4;
	padding-top: 10px;
}
#mainSlider div#slider_message p.anniversary {
	float: right;
	padding-top: 8px;
	margin-right: 10px;
	line-height: 2;
	font-size: 14px;
	font-family: "Univers Next W04 Regular","YuGothicPr6D";
}
.english #mainSlider div#slider_message p.anniversary,
.korea #mainSlider div#slider_message p.anniversary,
.chinese #mainSlider div#slider_message p.anniversary {
	line-height: 1.2;
	padding-bottom: 8px;
}
#mainSlider div#slider_message p.anniversary span {
	display: block;
	font-size: 12px;
	line-height: 1;
}
.english #mainSlider div#slider_message p.anniversary span {
	margin-bottom: 8px;
}
/*
#mainSlider p.closed {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 4px 8px;
	background: rgba(255, 255, 255, 0.8);
	color: #000;
	font-size: 18px;
}
#mainSlider p.anniversary {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 4px 8px;
	color: #fff;
	font-size: 18px;
	line-height: 1.2
}
*/
#mainSlider p.copy {
	position: absolute;
	right: 0;
	font-size: 12px;
	line-height: 1.2
}

#mainSlider p.img_caption {
	font-size: 14px;
	font-size: 1.4rem;
	text-align: left;
}

@media screen and (max-width: 768px){
	#mainSlider {
		width: 90%;
		margin: 20px auto 20px;
	}
	#mainSlider ul.slider li .area_img {
		float: left;
		max-width: 50% !important;
		width: auto !important;
		height: auto;
	}
	#mainSlider ul.slider li.fullsize .area_img {
		width: auto !important;
		max-width: 100% !important;
	}
	#mainSlider ul.slider li .area_img img {
		max-width: 100% !important;
		max-height: 256px !important;
		width: auto !important;
		height: auto;
	}
	#mainSlider ul.slider li .area_info {
		/* margin-left: 53% !important; */
	}
/*
	#mainSlider ul.slider li.style1 .area_img {
		float: left;
		width: 50%;
		height: 400px;
	}
	#mainSlider ul.slider li.style1 .area_img img {
		max-width: 100%;
		max-height: 100%;
	}
	#mainSlider ul.slider li.style1 .area_info {
		margin-left: 53%;
	}
	#mainSlider ul.slider li.style2 .area_img {
		float: left;
		width: 50%;
		height: 400px;
	}
	#mainSlider ul.slider li.style2 .area_img img {
		max-width: 100%;
		max-height: 100%;
	}
	#mainSlider ul.slider li.style2 .area_info {
		margin-left: 53%;
	}
	#mainSlider ul.slider li.style3 .area_img {
		float: left;
		width: 40%;
		height: 400px;
	}
	#mainSlider ul.slider li.style3 .area_img img {
		max-width: 100%;
		max-height: 100%;
	}
	#mainSlider ul.slider li.style3 .area_info {
		margin-left: 43%;
	}
	#mainSlider ul.slider li.style4 .area_img {
		width: 100%;
		height: 400px;
	}
	#mainSlider ul.slider li.style4 .area_img img {
		max-width: 100%;
		max-height: 100%;
	}
	#mainSlider ul.slider li.style4 .area_info {
		display: none;
	}
*/
	#mainSlider ul.slider .floor {
		font-size: 3.0em;
	}
	#mainSlider ul.slider p.date {
		font-size: 2.4rem;
	}
	#mainSlider ul.slider p.date span {
		font-size: 1.4rem;
	}
	#mainSlider ul.slider p.title {
		font-size: 3.0rem;
	}
	#mainSlider ul.slider p.title_sab {
		font-size: 2.2rem;
	}
	#mainSlider ul.slider div.btn_details {}
	#mainSlider ul.slider div.btn_details a {
		font-size: 1.4rem;
	}
	#mainSlider div#slider_message p.closed {
		float: none;
	}
	#mainSlider div#slider_message p.anniversary {
		float: none;
		margin-left: 10px;
		margin-top: -10px;
	}
}

@media screen and (max-width: 600px){
	#mainSlider {
		width: 100%;
		margin: 20px 0 0;
/*
		width: 80%;
		margin: 20px auto 0;
*/
		text-align: center;
	}
	div.bx-viewport {
		height: auto !important;
	}
	#mainSlider ul.slider {
		position: static !important;
		transform: none !important;
		width: 100% !important;
	}
	#mainSlider ul.slider li.bx-clone {
		display: none;
	}

	#mainSlider ul.slider li .area_img {
		float: none;
		max-width: 100% !important;
		width: 100% !important;
		height: auto !important;
	}
	#mainSlider ul.slider li .area_img img {
		max-height: none !important;
	}
	#mainSlider .bx-viewport ul.slider li.fullsize:not(:nth-child(2)) {
		display: none;
	}
	#mainSlider ul.slider li.fullsize .area_img {
		margin-bottom: 20px;
	}
	#mainSlider ul.slider li .area_info {
		margin-left: 0 !important;
		padding: 0;
		text-align: left;
		border-bottom: 1px solid #CCC;
		margin-bottom: 20px;
	}
	#mainSlider ul.slider li:nth-last-child(-n+2) .area_info {
		border-bottom: none;
	}
	
/*
	#mainSlider ul.slider li.style1 .area_img,
	#mainSlider ul.slider li.style2 .area_img,
	#mainSlider ul.slider li.style3 .area_img {
	float: none;
	width: 100%;
	height: 250px;
	}
	#mainSlider ul.slider li.style1 .area_img img,
	#mainSlider ul.slider li.style2 .area_img img,
	#mainSlider ul.slider li.style3 .area_img img {
	max-width: 100%;
	height: auto;
	}
	#mainSlider ul.slider li.style1 .area_info,
	#mainSlider ul.slider li.style2 .area_info,
	#mainSlider ul.slider li.style3 .area_info {
		margin-left: 0;
		padding: 0 0 20px 0;
		text-align: left;
	}
	#mainSlider ul.slider li.style4 .area_img {
		display: block;
		width: 100%;
		height: auto;
	}
	#mainSlider ul.slider li.style4 .area_img img {
		width: 100%;
		height: auto;
		position: relative;
	}
*/
	#mainSlider ul.slider .box_info .floor {
		font-size: 2.4em;
		margin: 10px 0 10px 0;
	}
	#mainSlider ul.slider .box_info p.date {
		line-height: 1.1;
		font-size: 1.7rem;
	}
	#mainSlider ul.slider .box_info p.date span {
		font-size: 1.2rem;
	}
	#mainSlider ul.slider .box_info p.title {
		line-height: 1.1;
		font-size: 2.0rem;
	}
	#mainSlider ul.slider .box_info p.title_sab {
		margin: 10px 0 10px;
		line-height: 1.2;
		font-size: 1.4rem;
	}
	#mainSlider div#slider_message p.closed {
		text-align: left;
		font-size: 14px;
		padding: 10px 0;
		line-height: 1.4;
	}
	#mainSlider div#slider_message p.anniversary {
		position:  static;
		line-height: 1.4;
		text-align: left;
		padding-left: 0;
		padding-right: 0;
		margin-top: -10px;
		font-size: 14px;
		margin-bottom: 8px;
	}
	.english #mainSlider div#slider_message p.anniversary {
		margin-top: 0;
		margin-bottom: 0;
	}
	#mainSlider p.copy {
		position:  relative;
		text-align: left;
		top: -18px;
	}
}


/* 共通 -------------------------------------------------*/
#top h2 {
	margin: 20px 0 20px 0;
	font-size: 3.6rem;
	/* font-family: "Univers Next W04 Light","YuGothicPr6M"; */
	font-family: "Univers Next W04 Regular","YuGothicPr6M";
	letter-spacing: 1px;
}
.moreLink {
	clear: both;
	margin: 10px 15px 0 0;
	text-align: right;
}
.moreLink a {
	color: #000;
}

@media screen and (max-width: 768px){
	#top h2 {
		margin: 0 0 20px 0;
		font-size: 3.2rem;
	}
}

@media screen and (max-width: 600px){
	#top h2 {
		font-size: 2.6rem;
	}
	.moreLink {
		margin: 10px 0 0 0;
	}
}

/* UPCOMING */
.top_upcoming {
	border-top: 1px solid #000;
}
.top_upcoming .scroll_wrap {
	overflow-y: scroll;
	max-height: 210px;
	margin: 20px 0 20px;
}
.top_upcoming .upcoming_box {
	overflow: hidden;
	padding: 15px 0 15px 0;
	border-bottom: 1px solid #CCC;
}
.top_upcoming .upcoming_box:first-child {
	padding-top: 0;
}
.top_upcoming .upcoming_box .area_info {
	float: left;
	width: 550px;
	margin: 0 25px 0 0;
}
.top_upcoming .upcoming_box .area_img {
	float: left;
	width: 300px;
	height: 210px;
	text-align: center;
}
.top_upcoming .upcoming_box .area_img img {
	max-width: 100%;
	max-height: 210px;
}
.top_upcoming .upcoming_box .floor {
	position: relative;
	font-size: 3.0em;
	margin: 5px 0 15px 0;
	font-family: "Univers Next W04 Regular","YuGothicPr6M";
}
.top_upcoming .upcoming_box .floor span {
	position: absolute;
	top: 2px;
	display: inline-block;
	width: 17px;
	height: 18px;
	margin-left: 10px;
}
.top_upcoming .upcoming_box .floor span.type2 {
	background: url(../images/icon/icon_late.jpg) no-repeat 0 0;
}
.top_upcoming .upcoming_box .floor span.type3 {
	background: url(../images/icon/icon_morning.jpg) no-repeat 0 0;
}
.top_upcoming .upcoming_box p.date {
	margin: 0 0 10px 0;
	line-height: 1.1;
	font-size: 2.3rem;
	font-family: "Univers Next W04 Regular";
}
.top_upcoming .upcoming_box p.date span {
	font-size: 1.4rem;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
}
.top_upcoming .upcoming_box p.date span.hyphen {
	position: relative;
	font-family: "Univers Next W04 Regular";
	font-size: 2.3rem;
	top: -2px;
}
.japanese .top_upcoming .upcoming_box p.date span.hyphen {
	left: -4px;
}
.top_upcoming .upcoming_box p.title {
	line-height: 1.1;
	font-size: 3.0rem;
	letter-spacing: -0.05em;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
}
.top_upcoming .upcoming_box p.title_sab {
	margin: 15px 0;
	line-height: 1.1;
	font-size: 2.5rem;
	text-decoration: underline;
	letter-spacing: -0.05em;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
}
.top_upcoming .upcoming_box p.title.small {
	font-size: 2.5rem;
}
.top_upcoming .upcoming_box p.title_sab.small {
	font-size: 2rem;
	margin: 10px 0;
}
.top_upcoming .upcoming_box p.title.xsmall {
	font-size: 2rem;
}
.top_upcoming .upcoming_box p.title_sab.xsmall {
	font-size: 1.5rem;
	margin: 10px 0;
}
.top_upcoming .upcoming_box div.btn_details {}
.top_upcoming .upcoming_box div.btn_details a {
	display: inline-block;
	line-height: 1.6;
	margin: 10px 0 0 0;
	padding: 2px 5px 0;
	border: 1px solid #000;
	color: #000000;
	font-size: 1.3rem;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
	text-decoration: none;
	letter-spacing: -0.05em;
}
body.english .top_upcoming .upcoming_box div.btn_details a {
	padding-top: 0;
}
.top_upcoming .upcoming_box div.btn_details a:hover {
	color: #FFF;
	background: #000;
}

@media screen and (max-width: 768px){
	.top_upcoming {
		padding: 20px 0 0;
	}
	.top_upcoming .scroll_wrap {
		/*-webkit-overflow-scrolling: touch;*/
		overflow-y: visible;
		height: auto;
		max-height: none;
		margin: 20px 0;
	}
	.top_upcoming .upcoming_box {
		width: 100%;
	}	
	.top_upcoming .upcoming_box .area_info {
		width: 55%;
		margin: 0 5% 0 0;
	}
	.top_upcoming .upcoming_box .area_img {
		width: 40%;
	}

}
@media screen and (max-width: 600px){
	.top_upcoming {
		display: none;
	}
}

/* EVENT&PROGRAM */
.top_eandp {
	border-top: 1px solid #000;
}
.top_eandp .scroll_wrap {
	overflow-y: scroll;
	max-height: 210px;
	margin: 20px 0;
	/*padding-bottom: 20px;*/
}
.top_eandp .eandp_box {
	overflow: hidden;
	padding: 15px 0 10px 0;
	/* border-bottom: 1px solid #CCC; */
}
.top_eandp .eandp_box:first-child {
	padding-top: 0;
}
.top_eandp .eandp_box .area_info {
	float: left;
	width: 550px;
	margin: 0 25px 0 0;
}
.top_eandp .eandp_box .area_info:after {
	content: "";
	display: block;
	width: 30px;
	height: 1px;
	background: #000;
	top: 10px;
	left: 0;
	position: relative;
}
.top_eandp .eandp_box .area_info p {
	font-family: "Univers Next W04 Regular","YuGothicPr6M";
}
.top_eandp .eandp_box .area_info p a {
	text-decoration: none;
}
.top_eandp .eandp_box .area_info p a:hover {
	background: #000;
	color: #fff;
}
.top_eandp .eandp_box .area_img {
	float: left;
	width: 300px;
	height: 210px;
	text-align: center;
}
.top_eandp .eandp_box .area_img img {
	max-width: 100%;
	max-height: 210px;
}

#top section.top_eandp div.interview {
	display: inline-block;
	line-height: 1;
	margin: 5px 0 0 0;
	padding: 2px;
	border: 1px solid #FFF;
	background: #000;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
	font-size: 1.5rem;
	color: #FFF;
}
#top section.top_eandp .date{
	margin: 0 0 0 10px;
	font-size: 1.8rem;
	font-family: "Univers Next W04 Regular","YuGothicPr6M";
}
#top section.top_eandp .notice_title{
	font-size: 1.8rem;
}
#top section.top_eandp .notice_comment{
	margin-top: 10px;
}
@media screen and (max-width: 768px){
	.top_eandp {
		padding: 20px 0 0;
	}
	.top_eandp .eandp_box {
		width: 100%;
	}	
	.top_eandp .eandp_box .area_info {
		width: 55%;
		margin: 0 5% 0 0;
	}
	.top_eandp .eandp_box .area_img {
		width: 40%;
	}
	.top_eandp .scroll_wrap {
		/*-webkit-overflow-scrolling: touch;*/
		overflow-y: visible;
		height: auto;
		max-height:none;
	}
	.top_eandp .eandp_box .area_info {
		float: none;
		width: 100%;
		margin: 0;
	}
	.top_eandp .eandp_box .area_img {
		float: none;
		width: 100%;
		height: auto;
		margin: 20px 0 0 0;
		text-align: left;
	}
	.top_eandp .eandp_box .area_img img {
		max-width: 100%;
		max-height: none;
	}
}
.press_contentId_li,
#press_contentIdDiv_P2,
#press_contentIdDiv_P{
	font-size: 1.4px;
	font-size: 1.4rem;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
}
/* NEWS */
.top_news {
	border-top: 1px solid #000;
}
.top_news .scroll_wrap {
	overflow-y: scroll;
	max-height: 200px;
	margin: 20px 0;
}
.top_news ul {
	font-size: 1.8rem;
	list-style: none;
}
.top_news ul li {
	margin: 0 10px 15px 0;
	padding: 0 0 15px 0;
	line-height: 1.1;
	font-family: "YuGothicPr6M";
}
.top_news ul li span {
	/* font-family: "Univers Next W04 Regular"; */
	/* font-family: "Univers Next W04 Light","YuGothicPr6M"; */
	font-family: "Univers Next W04 Regular","YuGothicPr6M";
	display: block;
}
.top_news ul li span.top_news_date {
	margin-bottom: 5px;
}
.top_news ul li:after { /* 後で画像に差し替えかも。IE8は大丈夫なはずだけど確かめる */
	content: "";
	display: block;
	width: 30px;
	height: 1px;
	background: #000;
	top: 15px;
	left: 0;
	position: relative;
}
.top_news ul a{
	text-decoration: none;
}
.top_news ul a:hover{
	color: #fff;
	background: #000;
}
@media screen and (max-width: 768px){
	.top_news {
		padding: 20px 0 0;
	}
	.top_news .scroll_wrap {
		/*-webkit-overflow-scrolling: touch;*/
		overflow-y: visible;
		height: auto;
		max-height: none;
		margin: 20px 0;
	}
}

/* TOP BNNER */
.top_bnr {
	overflow: hidden;
	padding: 0 0 20px;
	border-top: 1px solid #000;
}
.top_bnr ul {
	overflow: hidden;
	list-style: none;
	margin: 20px 0 0 30px;
}
.top_bnr ul li {
	float: left;
	width: 250px;
	margin: 0 15px;
}
.top_bnr ul li img {
	width: 100%;
}

/* TOP BNNER JPN */
.japanese .top_bnr ul {
	margin: 20px -10px 0;
}
.japanese .top_bnr ul li {
	width: 210px;
	margin: 0 10px;
}

@media screen and (max-width: 768px){
.top_bnr ul {
	margin: 20px 0 0 0;
}
.top_bnr ul li {
	width: 31%;
	margin: 0 1%;
}
.japanese .top_bnr ul {
	margin: 20px 0 0;
}
.japanese .top_bnr ul li {
	width: 24%;
	margin: 0 .5%;
}
}
@media screen and (max-width: 600px){
.top_bnr ul li {
	float: none !important;
	width: 100% !important;
	margin: 0 0 10px 0 !important;
}
}

/* --------------------------------------------------------------------------
	Exhibition
-------------------------------------------------------------------------- */
#exhibition {}
#exhibition .content {}
#exhibition .exhibition_box1,
#exhibition .exhibition_box2,
#exhibition .exhibition_box3,
#exhibition .exhibition_box4,
#exhibition .exhibition_box5,
#exhibition .exhibition_box6 {
	overflow: hidden;
	margin: 20px 0 30px 0;
}
#exhibition.english .exhibition_box1,
#exhibition.english .exhibition_box2,
#exhibition.english .exhibition_box3,
#exhibition.english .exhibition_box4,
#exhibition.english .exhibition_box5,
#exhibition.english .exhibition_box6 {
	font-size: 16px;
	font-size: 1.6rem;
}
#exhibition .exhibition_box1 strong,
#exhibition .exhibition_box2 strong,
#exhibition .exhibition_box3 strong,
#exhibition .exhibition_box4 strong,
#exhibition .exhibition_box5 strong,
#exhibition .exhibition_box6 strong{
	font-family: "Univers Next W04 Regular","YuGothicPr6B";
}
#exhibition .exhibition_box1 .main_img {
	float: left;
	width: 600px;
	margin: 0 20px 0 0;
}
#exhibition .exhibition_box1 .main_img img {
	max-width: 600px;
	height: auto !important;
}
#exhibition .exhibition_box1 .exhibitionData_list {
	overflow: hidden;
	list-style: none;
	margin: 0 0 30px 0;
}
#exhibition .exhibition_box1 .exhibitionData_list li {
	float: left;
	max-width: 180px;
	max-height: 120px;
	margin: 0 5px 5px 0;
	font-size: 1.0rem;
}
#exhibition .exhibition_box1 .exhibitionData_list li img {
	display: block;
	max-width: 180px;
	max-height: 120px;
	margin: 0 0 5px 0;
	border: 1px solid #CCC;
}
#exhibition .exhibition_box1 .exhibitionData_list li a {
	color: #000;
	text-decoration: none;
}
#exhibition .exhibition_box1 .exhibitionData_list li a:hover {
	text-decoration: underline;
}
#exhibition .exhibition_box1 .exhibitionLink {
	list-style: none;
	margin-left: 620px;
}
#exhibition .exhibition_box1 .exhibitionLink li {
	margin: 0 0 10px 0;
}
#exhibition .exhibition_box1 .exhibitionLink li a {
	font-size: 14px;
	font-size: 1.4rem;
}
#exhibition.english .exhibition_box1 .exhibitionLink li a {
	font-size: 16px;
	font-size: 1.6rem;
}
#exhibition .exhibition_box2 h1 {
	font-size: 5.0rem;
	letter-spacing: -0.1em;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
}
#exhibition .exhibition_box2 h2 {
	margin: 10px 0 0 0;
	font-size: 3.5rem;
	text-decoration: underline;
	letter-spacing: -0.1em;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
}
#exhibition .exhibition_box2 div.floor {
	margin: 20px 0 28px 0;
	font-size: 5.5rem;
	font-family: "Univers Next W04 Regular","YuGothicPr6M";
}
#exhibition .exhibition_box2 p.date {
	margin: 20px 0 10px 0;
	line-height: 1.1;
	font-size: 4.3rem;
	font-family: "Univers Next W04 Regular","YuGothicPr6M";
}
#exhibition .exhibition_box2 p.date span {
	font-size: 2.1rem;
	font-family: "Univers Next W04 Regular","YuGothicPr6M";
}
#exhibition .exhibition_box2 p.date span.hyphen {
	position: relative;
	top: -2px;
	font-size: 4.3rem;
	font-family: "Univers Next W04 Regular";
}
#exhibition.japanese .exhibition_box2 p.date span.hyphen {
	left: -4px;
}
#exhibition .exhibition_box4 ul.info li {
	margin: 0 0 5px 0;
	line-height: 1.5;
}
#exhibition .exhibition_box4 p.kakko {
	line-height: 1.5;
	font-size: 1.3rem;
}
#exhibition .exhibition_box5 table {
	line-height: 1.6;
}
	#exhibition .exhibition_box5 img {
		margin: 2px;
	}
#exhibition .exhibition_box7 h2 {
	display:  inline-block;
	padding: 2px 10px ;
	color: #FFF;
	font-size: 1.6rem;
	background: #000;
}
#exhibition .exhibition_box7 dl.event {}
#exhibition .exhibition_box7 dl.event dt {
	margin: 15px 0 0 0;
	line-height: 1.2;
	font-size: 1.8rem;
}
#exhibition .exhibition_box7 dl.event dd {
	margin: 5px 0 30px 0;
	line-height: 1.6;
	font-size: 13px;
	font-size: 1.3rem;
}
#exhibition.english .exhibition_box7 dl.event dd {
	font-size: 15px;
	font-size: 1.5rem;
}
@media screen and (max-width: 768px){
#exhibition .exhibition_box1 .main_img {
	width: 65%;
}
#exhibition .exhibition_box1 .main_img img {
	max-width: 100%;
}
#exhibition .exhibition_box1 .exhibitionLink {
	margin-left: calc(65% + 20px);
}
#exhibition .exhibition_box2 h1 {
	font-size: 4.0rem;
}
#exhibition .exhibition_box2 h2 {
	font-size: 3.0rem;
}
#exhibition .exhibition_box2 div.floor {
	font-size: 5.0rem;
}
#exhibition .exhibition_box2 p.date {
	margin: 20px 0 0 0;
	font-size: 3.5rem;
}
#exhibition .exhibition_box2 p.date span {
	font-size: 1.6rem;
}

#exhibition .exhibition_box7 dl.event dd {
	font-size: 1.4rem;
}

}

@media screen and (max-width: 600px){
	#exhibition .exhibition_box1 .main_img {
		float: none;
		width: 100%;
		margin: 0 20px 0 0;
	}
	#exhibition .exhibition_box1 .exhibitionData_list {
		margin: 20px 0 10px 0;
	}
	#exhibition .exhibition_box1 .exhibitionData_list li {
		font-size: 1.0rem;
	}
	#exhibition .exhibition_box1 .exhibitionData_list li img {
		display: block;
		margin: 0 0 5px 0;
		border: 1px solid #CCC;
	}
	#exhibition .exhibition_box1 .exhibitionData_list li a {
		color: #000;
		text-decoration: none;
	}
	#exhibition .exhibition_box1 .exhibitionData_list li a:hover {
		text-decoration: underline;
	}
	#exhibition .exhibition_box1 .exhibitionLink {
		list-style: none;
		overflow: hidden;
		margin-left: 0;
	}
	#exhibition .exhibition_box1 .exhibitionLink li {
		float: left;
		margin: 0 5px 0 0;
	}
	#exhibition .exhibition_box1 .exhibitionLink li a {
		display: block;
		padding: 4px 5px 5px;
		background: #000;
		color: #FFF;
		font-size: 1.3rem;
		text-decoration: none;
	}
	#exhibition .exhibition_box2 h1 {
		font-size: 2.6rem;
	}
	#exhibition .exhibition_box2 h2 {
		margin: 10px 0 0 0;
		font-size: 2.0rem;
	}
	#exhibition .exhibition_box2 div.floor {
		margin: 15px 0 0 0;
		font-size: 3.6rem;
	}
	#exhibition .exhibition_box2 p.date {
		margin: 10px 0 0 0;
		font-size: 2.4rem;
	}
	#exhibition .exhibition_box2 p.date span {
		font-size: 1.3rem;
	}
	#exhibition .exhibition_box2 ul.info {
		font-size: 1.4rem;
	}
	#exhibition .exhibition_box2 ul.info li {}
	#exhibition .exhibition_box2 p.kakko {
		font-size: 1.4rem;
	}

	#exhibition .exhibition_box5 table {
	}
	#exhibition .exhibition_box5 table tr {
		display: block;
		max-width: 100%;
	}
	#exhibition .exhibition_box5 table tr th,
	#exhibition .exhibition_box5 table tr td {
		display:list-item;
	}
	#exhibition_page {
		max-width: 100%;
	}
	#exhibition .exhibition_box5 img,
	#exhibition .exhibition_photo img {
		max-width: 100%;
		height: auto !important;
	}
	#exhibition_page table {
		table-layout: fixed;
		width: 100%;
	}
	#exhibition_page img {
		max-width: 100%;
		height: auto !important;
	}
	#exhibition_page  table tr {
		display: block;
	}
	#exhibition_page  table tr th,
	#exhibition_page  table tr td {
		display:list-item;
		max-width: 100%;
		white-space: normal;
	}
	#exhibition .exhibition_box2 p.date span.hyphen {
		top: 0;
		font-size: 2.4rem;
	}
}


/* --------------------------------------------------------------------------
	note 鑑賞時のお願い
-------------------------------------------------------------------------- */
#note {}
#note .content ul.note-list {
	margin: 10px 0 0 1.5em;
	list-style: square;
}
#note .content ul.note-list li {
	line-height: 1.6;
}

/* --------------------------------------------------------------------------
	UPCOMING 次回の展覧会と上映
-------------------------------------------------------------------------- */
#upcoming{}
#upcoming .upcoming_box {
	overflow: hidden;
	padding: 15px 0 15px 0;
	border-top: 1px solid #000;
}
#upcoming .upcoming_box.first {
	margin-top: 60px;
}
#upcoming .upcoming_box .area_info {
	float: left;
	width: 550px;
	margin: 0 25px 0 0;
}
#upcoming .upcoming_box .area_img {
	float: left;
	width: 300px;
	height: 210px;
	text-align: center;
}
#upcoming .upcoming_box .area_img img {
	max-width: 100%;
	max-height: 210px;
}
#upcoming .upcoming_box .floor {
	position: relative;
	font-size: 3.0em;
	margin: 5px 0 5px 0;
	font-family: "Univers Next W04 Regular","YuGothicPr6M";
}
#upcoming .upcoming_box .floor span {
	position: absolute;
	top: 2px;
	display: inline-block;
	width: 17px;
	height: 18px;
	margin-left: 10px;
}
#upcoming .upcoming_box .floor span.type3 {
	background: url(../images/icon/icon_morning.jpg) no-repeat 0 0;
}
#upcoming .upcoming_box .floor span.type2 {
	background: url(../images/icon/icon_late.jpg) no-repeat 0 0;
}
#upcoming .upcoming_box p.date {
	margin: 0 0 10px 0;
	line-height: 1.1;
	font-size: 2.3rem;
	font-family: "Univers Next W04 Regular";
}
#upcoming .upcoming_box p.date span {
	font-size: 1.4rem;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
}
#upcoming .upcoming_box p.date span.hyphen {
	position: relative;
	font-family: "Univers Next W04 Regular";
	top: -2px;
	font-size: 2.3rem;
}
#upcoming.japanese .upcoming_box p.date span.hyphen {
	left: -4px;
}
#upcoming .upcoming_box p.title {
	line-height: 1.2;
	font-size: 2.5rem;
}
#upcoming .upcoming_box p.title_sab {
	margin: 5px 0 10px;
	line-height: 1.2;
	font-size: 2.0rem;
	text-decoration: underline;
}
#upcoming .upcoming_box div.btn_details {}
#upcoming .upcoming_box div.btn_details a {
	display: inline-block;
	line-height: 1.6;
	margin: 10px 0 0 0;
	padding: 2px 5px 0;
	border: 1px solid #000;
	color: #000000;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
	font-size: 1.2rem;
	text-decoration: none;
}
#upcoming.english .upcoming_box div.btn_details a {
	padding-top: 0;
}
#upcoming .upcoming_box div.btn_details a:hover {
	color: #FFF;
	background: #000;
}

@media screen and (max-width: 768px){
	#upcoming .upcoming_box {
		width: 100%;
	}	
	#upcoming .upcoming_box .area_info {
		width: 55%;
		margin: 0 5% 0 0;
	}
	#upcoming .upcoming_box .area_img {
		width: 40%;
	}
}

@media screen and (max-width: 600px){
	#upcoming .upcoming_box .area_info {
		float: none;
		width: 100%;
		margin: 0;
	}
	#upcoming .upcoming_box .area_img {
		overflow: hidden;
		float: none;
		width: 100%;
		height: 200px;
		margin: 20px 0 0 0;
		text-align: left;
	}
	#upcoming .upcoming_box .area_img img {
		max-width: 100%;
		max-height: 100%;
	}
	#upcoming .upcoming_box .floor {
		font-size: 2.6em;
	}
	#upcoming .program_box p.date {
		font-size: 2.0rem;
	}
	#upcoming .upcoming_box p.date span {
		font-size: 1.4rem;
	}
	#upcoming .upcoming_box p.title {
		font-size: 2.0rem;
	}
	#upcoming .upcoming_box p.title_sab {
		font-size: 1.6rem;
	}
	#upcoming .upcoming_box div.btn_details {}
	#upcoming .upcoming_box div.btn_details a {
		display: inline-block;
		line-height: 1;
		margin: 10px 0 0 0;
		padding: 3px 10px;
		border: 1px solid #000;
		color: #000000;
		font-size: 1.2rem;
		text-decoration: none;
	}
}
/* --------------------------------------------------------------------------
	EVENT&PROGRAM 次回の展覧会と上映
-------------------------------------------------------------------------- */
#event{}
/*#event h2 {
	margin: 20px 0 15px 0;
	padding: 0 0 0 5px;
	border-left: 5px solid #666;
	font-size: 2.0rem;
}*/
#event .eandp_box {
	overflow: hidden;
	padding: 15px 0 15px 0;
	border-top: 1px solid #CCC;
}
#event .eandp_box:first-child {
	padding-top: 0;
}
#event .eandp_box .area_info {
	float: left;
	width: 550px;
	margin: 0 25px 0 0;
}
#event .eandp_box .area_img {
	float: left;
	width: 300px;
	height: 210px;
	text-align: center;
}
#event .eandp_box .area_img img {
	max-width: 100%;
	max-height: 210px;
}

@media screen and (max-width: 768px){
	#event .eandp_box {
		width: 100%;
	}	
	#event .eandp_box .area_info {
		width: 55%;
		margin: 0 5% 0 0;
	}
	#event .eandp_box .area_img {
		width: 40%;
	}

}
@media screen and (max-width: 600px){
	#event .eandp_box .area_info {
		float: none;
		width: 100%;
		margin: 0;
	}
	#event .eandp_box .area_img {
		float: none;
		width: 100%;
		height: auto;
		margin: 20px 0 0 0;
		text-align: left;
	}
	#event .eandp_box .area_img img {
		max-width: 100%;
		max-height: none;
	}
}

/* --------------------------------------------------------------------------
	NEWS news_info.html
-------------------------------------------------------------------------- */
#news{}

@media screen and (max-width: 600px){
#news img {
    max-width: 100%;
    height: auto;
}
}

/* --------------------------------------------------------------------------
	NEWS news_archives.html
-------------------------------------------------------------------------- */
#news_archives{}
#news_archives dl {
	overflow: hidden;
	line-height: 1.6;
	margin: 40px 0 0 0;
}
#news_archives dl dt {
	float: left;
	width: 7em;
	padding: 10px 0 0;
	
}
#news_archives dl dd {
	padding: 10px 0 0 7em;
}


@media screen and (max-width: 600px){
#news_archives dl {
	margin: 10px 0 0 0;
}
#news_archives dl dt {
	float: none;
	width: 100%;
}
#news_archives dl dd {
	padding: 0 0 10px 0;
}

}


/* --------------------------------------------------------------------------
	schedule
-------------------------------------------------------------------------- */
#schedule {}
#schedule .scheduleTable {
	margin-top: 40px;
	border-collapse: collapse;
	border-bottom: 1px solid #000;
	width: 100%;
	}
#schedule .scheduleTable th {
	box-sizing: border-box;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
#schedule .scheduleTable td {
	padding: 20px 1.5%;
	box-sizing: border-box;
	border-right: 1px solid #000;
	vertical-align: top;
	/* word-break: break-all; */
}
.clicklink:hover {
	background: #000;
	color: #FFF;
}
.clicklink:hover p {
	color: #FFF;
}
.clicklink a {
	text-decoration: none;
}
/*#schedule .scheduleTable td.now {
	background: #EFEFEF;
}
#schedule .scheduleTable td a {
	display: block;
	color: #000;
	text-decoration: none;
}
#schedule .scheduleTable td a:hover p {
	text-decoration: underline;
}*/
#schedule .scheduleTable .month {
	width: 8%;
	/*min-height: 400px;*/
	padding: 20px 0;
	border-bottom: none;
	font-family: "Univers Next W04 Light";
	font-size: 4.2rem;
	text-align: center;
}
#schedule .scheduleTable .area {
	padding: 0 0 10px;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
	font-size: 3.0rem;
	text-align: center;
}
#schedule .scheduleTable .floor {
	width: 23%;
	padding: 5px 0;
	font-family: "Univers Next W04 Regular";
	font-size: 3.4rem;
	text-align: center;
}
#schedule .scheduleTable p.title {
	font-family: "Univers Next W04 Light","YuGothicPr6M";
	font-size: 2.0rem;
	letter-spacing: -0.1em;
	line-height: 1.27;
}
#schedule .scheduleTable p.title_movie {
	font-family: "Univers Next W04 Light","YuGothicPr6M";
	font-size: 1.6rem;
	letter-spacing: -0.1em;
	line-height: 1.27;
}
/*#schedule .scheduleTable p.title a,
#schedule .scheduleTable p.title_movie a {
	color: #000;
	text-decoration: none;
}*/
#schedule .scheduleTable p.title_sab {
	margin: 2px 0 0 0;
	font-family: "Univers Next W04 Light","YuGothicPr6R";
	font-size: 1.4rem;
	line-height: 1.27;
}
#schedule .scheduleTable p.date {
	margin: 2px 0 0 0;
	font-family: "Univers Next W04 Regular","YuGothicPr6M";
	font-size: 1.4rem;
	line-height: 1.27;
}
#schedule .scheduleTable div.interview {
	display: inline-block;
	line-height: 1;
	margin: 10px 0 0 0;
	border: 1px solid #FFF;
	background: #000;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
	font-size: 1.3rem;
	color: #FFF;
}
#schedule .scheduleTable div.interview a {
	display: block;
	padding: 3px 5px 5px;
	color: #FFF;
	text-decoration: none;
}
#schedule .scheduleTable div.interview a:hover {
	color: #000;
	background: #FFF;
}
.hr_colspan {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
table#schedule td.now{
	background: #ddd;
}
table#schedule td.now:hover{
	background: #000;
}
table#schedule td.multi_floor{
	border-top : solid 1px #000;
	border-bottom : solid 1px #000;
}
table#schedule th.left_top{
	border-bottom: 0;
}
table#schedule th.f_year{
	font-size: 4.2rem;
	border-top: 0;
}

table#schedule td a.detail_ref{
	display: block;
	margin-bottom: 10px;
}

@media screen and (max-width: 600px){
#schedule {}
#schedule .scheduleTable {
	width: 100%;
	overflow-x: scroll;
}
#schedule .scheduleTable .month {
	font-size: 2.0rem;
}
#schedule .scheduleTable .area {
	font-size: 2.0rem;
}
#schedule .scheduleTable .floor {
	font-size: 2.0rem;
}
#schedule .scheduleTable p.title {
	font-size: 1.4rem;
}
#schedule .scheduleTable p.title_movie {
	font-size: 1.4rem;
}
#schedule .scheduleTable p.title_sab,
#schedule .scheduleTable p.date {
	font-size: 1.2rem;
}

}
#archive_eyes_dd_id{
	font-size: 1.4rem;

}


/* --------------------------------------------------------------------------
	TOPについて
-------------------------------------------------------------------------- */
#about{}

/* 館長ご挨拶 */
#about .greetingBox {
	overflow: hidden;
}
#about .greeting_01 {
	float: left;
	width: 80%;
}
#about .greeting_01 p {
	margin-bottom: 10px;
}
#about .greeting_01 p.date {
	float: right;
}
#about .greeting_02 {
	float: left;
	width: 18%;
	padding: 0 0 0 2%;
}
#about .greeting_02 img {
	width: 100%;
}

@media screen and (max-width: 768px){
	#about .greeting_01 {
		float: left;
		width: 75%;
	}
	#about .greeting_02 {
		float: left;
		width: 23%;
		padding: 0 0 0 2%;
	}
}

@media screen and (max-width: 600px){
	#about .greeting_01 {
		float: none;
		width: 100%;
	}
	#about .greeting_02 {
		float: none;
		width: 150px;
		padding: 20px 0 0 0;
	}
}


/* 開館の経緯 */
#about dl.history {
	line-height: 1.5;
}
#about dl.history dt {
	float: left;
	width: 30%;
	padding: 0 0 1em 0;
}
body#about.english dl.history dt {
	width: 20%;
}
#about dl.history dd {
	padding: 0 0 1em 30%;
}
body#about.english dl.history dd {
	padding-left: 20%;
}
@media screen and (max-width: 600px){
#about dl.history dt,
body#about.english dl.history dt {
	float: none;
	width: 100%;
	padding: 0 0 0 0;
}
#about dl.history dd,
body#about.english dl.history dd {
	padding: 0 0 1em 0;
}
}


/* 美術館ニュース */
#about div.latest {
	overflow: hidden;
	margin: 40px 0 0 0;
}
#about div.latest dl.eyes {
	float: left;
	display: table;
	overflow: hidden;
	width: 200px;
}
#about div.latest dl.eyes dt {
	display: table-cell;
	width: 82px;
	height: 116px;
	border: 1px solid #CCC;
}
#about div.latest dl.eyes dt img {
	width: 100%;
}
#about div.latest dl.eyes dd {
	display: table-cell;
	line-height: 1.2;
	padding: 0 0 0 10px;
	vertical-align: bottom;
}

#about div.archive {
	overflow: hidden;
	margin: 50px 0 0 0;
}
#about div.archive dl.eyes {
	float: left;
	width: 82px;
	margin: 0 18px 25px 0;
}
#about div.archive dl.eyes dt {
	width: 82px;
	height: 116px;
	margin: 0 0 5px 0;
	border: 1px solid #CCC;
}
#about div.archive dl.eyes dt img {
	width: 100%;
}
#about div.archive dl.eyes dd {
	line-height: 1.2;
	font-size: 1.3rem;
}
@media screen and (max-width: 600px){
	#about div.latest dl.eyes {
		float: none;
		margin: 0 0 20px 0;
	}
}

/* 外部評価報告・東京都写真美術館年報・東京都写真美術館紀要 */
dl.repoAco {
	margin: 20px 0 0 0;
}
dl.repoAco dt {
	margin: 0 0 20px 0;
	font-size: 2.6rem;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
	cursor: pointer;
}
dl.repoAco dt span,
dl.repoAco dd span {
	display: inline-block;
	overflow: hidden;
	width: 20px;
	height: 20px;
	background: url(../images/icon_acc_arrow.png) no-repeat 0 50%;
	background-size: 20px 20px;
	text-indent: -9999px;
	margin: 0 0 0 10px;
	transition: transform 0.2s linear;
}
dl.repoAco dd a.folded span {
	transform: rotate(-90deg);
}
dl.repoAco dt.active span {
	display: inline-block;
	margin: 0 0 0 20px;
	transform: rotate(90deg);
}
dl.repoAco dd {
	padding: 0 0 20px 0;
	display: none;
}
dl.repoAco dd p {
	padding: 0 0 0 2%;
}
dl.repoAco dd p.ttl {
	font-family: "Univers Next W04 Light","YuGothicPr6M";
	font-size: 2.0rem;
}
dl.repoAco dd > p.lead {
	margin: 0;
	padding: 0 0 1em 2%;
}
dl.repoAco dd ul {
	list-style: none;
	margin: 0 0 1.5em 0;
	padding: 0 0 0 2%;
}
dl.repoAco dd ul li {
	line-height: 1.6;
}
dl.repoAco dd ul li a {
	color: #000;
}
dl#kiyou_dl {
	margin: 0 0 0 20px;
}
dl#kiyou_dl dt{
	font-size: 2.0rem;
}
@media screen and (max-width: 768px){
	dl.repoAco dt span {
		width: 16px;
		height: 16px;
		background-size: 16px 16px;
	}
}
@media screen and (max-width: 600px){
	dl.repoAco dt {
		font-size: 2.2rem;
	}
	dl.repoAco dt span {
		width: 14px;
		height: 14px;
		background-size: 14px 14px;
	}
dl.repoAco dd p {
	padding: 0;
}
	dl.repoAco dd p.ttl {
		font-size: 1.8rem;
	}
dl.repoAco dd > p.lead {
	padding: 0 0 1em 0;
}
dl.repoAco dd ul {
	padding: 0;
}
}


/* --------------------------------------------------------------------------
	ワークショップ
------------------------------------------------------------------------ｄ-- */
#workshop {}
#workshop .programBox {
	margin-bottom: 30px;
}
#workshop .programBox h2 {
	border-bottom: 1px solid #000;
}
#workshop .programBox .program {
	padding: 15px 0;
	border-bottom: 1px solid #000;
}
#workshop .programBox .program div.hed {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 50px;
}
#workshop .programBox .program div.stt2 {
	padding-left: 80px;
}
#workshop .programBox .program div.hed div.state {
	position: absolute;
	top: 3px;
	left:0;
	padding: 1px 5px 2px;
	border: 1px solid #000;
	font-size: 1.4rem;
}
#workshop .programBox .program div.hed h3 {
	margin: 0;
	line-height: 1.2;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
	font-size: 2.0rem;
}
#workshop .programBox .program div.hed div.link_details {
	position: absolute;
	top: 3px;
	right:0;
	padding: 1px 5px 2px;
	background: #000;
	border: 1px solid #000;
	color: #FFF;
	font-size: 1.4rem;
}
#workshop .programBox .program div.hed div.link_details a {
	color: #FFF;
	text-decoration: none;
}
#workshop .programBox .program div.content {
	margin: 10px 0;
}

/* 終了したプログラム */
#workshop .programBox.close .program div.hed div.state {
	border: 1px solid #999;
	color: #999;
}
#workshop .programBox.close .program div.hed div.link_details {
	background: #999;
	border: 1px solid #999;
}

@media screen and (max-width: 600px){
	#workshop .programBox .program {
		padding: 10px 0;
	}
	#workshop .programBox .program div.hed h3 {
		font-size: 1.6rem;
	}
	#workshop .content p.lead {
		padding-bottom: 40px;
	}
}


/* プログラム詳細ページ */
#workshop div.hed {
	position: relative;
	margin: 40px 0 30px 0;
	padding: 0 0 0 55px;
}
#workshop div.stt2 {
	padding-left: 85px;
}
#workshop div.hed div.state {
	position: absolute;
	top: 3px;
	left:0;
	padding: 1px 5px 2px;
	border: 1px solid #000;
	font-size: 1.6rem;
}
#workshop div.hed h2 {
	padding: 0;
}
#workshop table.summary {
	margin: 2em 0;
	border-collapse: collapse;
}
#workshop table.summary th,
#workshop table.summary td {
	padding: 10px 20px;
	line-height: 1.6;
	border: 1px solid #999;
	font-size: 1.4rem;
}
#workshop table.summary th {
	width: 15%;
	white-space: nowrap;
	vertical-align: middle;
	background: #EEE;
}
@media screen and (max-width: 600px){
#workshop table.summary th,
#workshop table.summary td {
	padding: 10px 2%;
}
#workshop table.summary th {
	width: 30%;
	white-space: normal;

}
}


/* --------------------------------------------------------------------------
	教育普及プログラム
-------------------------------------------------------------------------- */
#education {}

/* 教育普及プログラムとは */
#education div.program {
	float: left;
	width: 430px;
	/* height: 400px; */
	margin: 20px 0 20px 0;
}
#education div.program:nth-child(2n) {
	margin-left: 40px;
}
#education div.program a {
	text-decoration: none;
}
#education div.program div.img {
	width: 100%;
	height: 250px;
}
#education div.program div.img img {
	width: 100%;
}
#education div.program h2 {
	margin: 0.5em 0;
	font-size: 2.6rem;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
}

@media screen and (max-width: 768px){
	#education div.program {
		width: 49%;
		/* height: 400px; */
		margin: 20px 0 20px 0;
	}
	#education div.program:nth-child(2n) {
		margin-left: 2%;
	}
	#education div.program div.img {
		height: auto;
	}
}

@media screen and (max-width: 600px){
#education div.program {
	float: none;
	width: 100%;
	height: auto;
	margin: 0 0 30px 0;
}
#education div.program:nth-child(2n) {
	margin-left: 0;
}
#education div.program div.img {
	width: 100%;
	height: auto;
}
#education div.program h2 {
	font-size: 2.2rem;

}
#education .content p.lead {
		padding-bottom: 40px;
	}
}


/* 活動報告 */
#education ul.info {
	margin-top: 20px;
	list-style: none;
}
#education ul.info li {
	overflow: hidden;
	margin: 0 0 15px 0;
}
#education ul.info li div.img {
	float: left;
	width: 120px;
	height: 80px;
	box-sizing: border-box;
	/* border: 1px solid #000; */
	background: url(../images/img_no_image.png) no-repeat 50% 50%;
	background-size: 70px 70px;
	text-align: center;
}
#education ul.info li div.img_ok {
	background-image: none;
}
#education ul.info li div.img img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
#education ul.info li p {
	padding: 0 0 0 135px;
}
#education ul.info li p.cate,
#education ul.info li p.date {
	font-size: 1.3rem;
	text-decoration: none;
}
#education ul.info li a {
	display: block;
	color: #000;
	text-decoration: none;
}
#education ul.info li a p.ttl {
	text-decoration: underline;
}

/* 活動報告個別ページ */
#education p.infoText img {
	max-width: 100%;
	max-height: 100%;	
}
#education ul.state {
	overflow: hidden;
	list-style: none;
	margin: 0 0 1em 0;
}
#education ul.state li {
	float: left;
	margin: 0 10px 0 0;
}
#education ul.state li.cate {
	padding: 1px 5px;
	border: 1px solid #000;
	font-size: 1.3rem;
}


/* スクールプログラムとは */
#school ul.programList {
	list-style: none;
}
#school ul.programList li {
	margin: 0 0 1em 0;
	line-height: 1;
	line-height: 1.6;
}
#school ul.programList li a {
	color: #000;
}
#school .flow {
	line-height: 1.4;
}
#school .flow dd {
	margin-bottom: 1em;
}

#school p.supple {
	margin-top: -1em;
	margin-bottom: 1em;
}
#school h3 span.supple {
	font-size: 1.3rem;
}

/* スクールプログラム */
#education ul.school_program {
	list-style: none;
}
#education ul.school_program li {
	margin: 0 0 1em 0;
}
#education ul.school_program li a {
	color: #000;
}
#education dl.school_program_flow {}
#education dl.school_program_flow dt {
	font-family: "Univers Next W04 Light","YuGothicPr6M";
}
#education dl.school_program_flow dt span {
	display: inline-block;
	width: 20px;
	margin: 0 10px 0 0;
	padding: 1px 0;
	background: #000;
	color: #FFF;
	font-size: 1.3rem;
	text-align: center;
}
#education dl.school_program_flow dd {
	margin: 0.5em 0 2em 30px;
}

/* 先生のために研修会 */
#education ul.photo {
	overflow: hidden;
	list-style: none;
	margin: 20px 0 0 0;
}
#education ul.photo li {
	float: left;
	width: 430px;
	margin: 0 0 40px 0;
}
#education ul.photo li:nth-child(2n) {
	margin-left: 40px;
}
#education ul.photo li img {
	width: 100%;
}

/* 博物館実習 */
#education div#phone_number {
	margin-top: 20px;
}
#education div#phone_number p {
	margin: 10px 0;
}

@media screen and (max-width: 768px){
#education ul.photo li {
	float: left;
	width: 49%;
	margin: 0 0 20px 0;
}
#education ul.photo li:nth-child(2n) {
	margin-left: 2%;
}
}

@media screen and (max-width: 600px){
	#education ul.photo li {
		float: none;
		width: 100%;
		margin: 10px 0 0 0;
	}
	#education ul.photo li:nth-child(2n) {
		margin-left: 0;
	}
}

/* インターン */
#education div.intern h2 {
	font-size: 1.7rem;
	margin: 1em 0;
}
#education div.intern ul {
	margin: 1em 0;
}


/* --------------------------------------------------------------------------
	ボランティア
-------------------------------------------------------------------------- */
/* 募集 */
#volunteer div.leadbox div.lead p.look {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #000;
}
/* ログイン */
#volunteer form.volunteerLogin {
	overflow: hidden;
	margin: 20px 0 0 0;
}
#volunteer form.volunteerLogin div.id,
#volunteer form.volunteerLogin div.pw {
	margin: 10px 0 0 0px;
}
#volunteer form.volunteerLogin label {
	float: left;
	display: block;
	width: 80px;
	margin: 5px 0 5px 0;
	font-size: 1.4rem;
}
#volunteer form.volunteerLogin input[type="text"],
#volunteer form.volunteerLogin input[type="password"] {
	padding: 5px;
	width: 250px;
	border: 1px solid #000;
}
#volunteer form.volunteerLogin div.login input {
	display: inline-block;
	margin: 20px 0 20px 100px;
	padding: 0px 10px;
	border: 1px solid #000;
	color: #000;
	font-size: 1.6rem;
	text-decoration: none;
	text-align: center;
	background: #FFF;
}
#volunteer form.volunteerLogin div.login input:hover {
	background: #000;
	color: #FFF;
}
@media screen and (max-width: 600px){
#volunteer form.volunteerLogin {
	margin: 10px 0 0 0;
}
#volunteer form.volunteerLogin div.id,
#volunteer form.volunteerLogin div.pw {
	margin: 10px 0 0 0;
}
#volunteer form.volunteerLogin div.login input {
	display: block;
	width: 50%;
	margin: 30px auto 20px;

}
}

/* ボランティア一覧 */
#volunteer ul.list {
	list-style: none;
}
#volunteer ul.list li {
	margin: 0 0 1em 0;
	line-height: 1.6;
}
#volunteer ul.list li a {
	color: #000;
}
#volunteer ul.list li div.link_details {
	display: inline-block;
	margin: 0 0 0 5px;
	padding: 1px 5px 1px;
	line-height: 1;
	background: #000;
	border: 1px solid #000;
	color: #FFF;
	font-size: 1.3rem;
	text-decoration: none;
}

/* --------------------------------------------------------------------------
	コレクション
-------------------------------------------------------------------------- */
#collection {}

/* 収集の基本方針 */
#collection ol {
	margin: 0 0 0 20px;
}
#collection ol li {
	margin: 0 0 5px 0;
	line-height: 1.5;
}
#collection p.supple {
	position: relative;
	top: 20px;
}

/* 各年度の収集作品 */
#collection ul.collection_list {
	list-style: none;
	margin: 20px 0 0 0;
}
#collection ul.collection_list li {
	margin: 0 0 15px 0;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
	font-size: 1.3rem;
}
#collection ul.collection_list li a {
	display: inline-block;
	min-width: 100px;
	padding: 2px 5px;
	border: 1px solid #000;
	color: #000;
	text-align: center;
	text-decoration: none;
}
#collection ul.collection_list li a:hover {
	background: #000;
	color: #FFF;
}

/* 保存科学研究室だより*/
#collection dl.explanation {
	list-style: none;
	margin: 0 0 50px 0;
	line-height: 1.6;
}
#collection dl.explanation dt {
	float: left;
	width: 6em;
	padding: 0 0 10px 0;
}
#collection dl.explanation dd {
	padding: 0 0 10px 6em;
}
#collection dl.explanation dd a {
	color: #000;
	text-decoration: underline;
}

@media screen and (max-width: 600px){
#collection dl.explanation dt {
	float: none;
	width: 100%;
	padding: 0 0 0 0;
}
#collection dl.explanation dd {
	padding: 0 0 10px 0;
}
}

/* --------------------------------------------------------------------------
	どこでも写美
-------------------------------------------------------------------------- */
#everywhere {}
#everywhere dl.ivent {
	margin: 0 0 50px 0;
	line-height: 1.5;
}
#everywhere dl.ivent dt {
	margin: 0;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
	font-size: 2.0rem;
}
#everywhere dl.ivent dd {
	margin: 0 0 20px 0;
	font-size: 1.6rem;
}
#everywhere dl.ivent dd a {
	color: #000;
}
#everywhere dl.ivent dd span {
	display: inline-block;
	line-height: 1;
	margin: 0 0 0 10px;
	padding: 2px 5px;
	font-size: 1.3rem;
	background: #000;
}
#everywhere dl.ivent dd a span {
	color: #FFF;
}
#everywhere dl.ivent.close dd span {
	background: #999;
}
#everywhere dl.ivent_title {
	margin-top: 40px;
}
#everywhere dl.ivent_title dt {
	line-height: 1.2;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
	font-size: 2.6rem;
}
#everywhere dl.ivent_title dd {
	line-height: 1.2;
	margin: 0.5em 0 1.5em 0;
	font-size: 2.0rem;
}

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

}

@media screen and (max-width: 600px){
	#everywhere dl.ivent_title dt {
		font-size: 2.2rem;
	}
	#everywhere dl.ivent_title dd {
		font-size: 1.8rem;
	}

}


/* --------------------------------------------------------------------------
	サポート
-------------------------------------------------------------------------- */
#support{}
#support #passport,
#support #corporate {}

/* 支援会員 */
#support dl.corporate {
	margin: 0 0 50px 0;
}
#support dl.corporate dt {
	font-family: "Univers Next W04 Light","YuGothicPr6M";
	font-size: 2.0rem;
}
#support dl.corporate dd {
	margin: 1em 0 2em 0;
	line-height: 1.6;
}
#support h3 {
	margin: 1em 0 0 0;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
	font-size: 1.6rem;
}
#support ul.corporateList {
	overflow: hidden;
	list-style: none;
}
#support ul.corporateList li {
	float: left;
	width: 50%;
	margin: 0.5em 0 0.5em 0;
}
#support p.date {
	text-align: right;
}
@media screen and (max-width: 600px){
#support dl.corporate dt {
	font-size: 1.6rem;
}
#support h3 {
	font-size: 1.6rem;
}
#support ul.corporateList li {
	float: none;
	width: 100%;
	margin: 0.5em 0 0.5em 0;
}
}

/* --------------------------------------------------------------------------
	ご利用案内
-------------------------------------------------------------------------- */
#navigation {}

#guide h2.sabTitle_01 {
	font-size: 18px;
	font-size: 1.8rem;
}
#navigation p.lead span,
#guide p.lead span {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
}
#navigation dl.overview,
#guide dl.overview,
#navigation dl.facility {
	line-height: 1.6;
	padding: 40px 0 20px 0;
}

#guide dl.overview {
	padding: 10px 0 0 0;	
}

#navigation dl.overview dt,
#guide dl.overview dt,
#navigation dl.facility dt {
	margin: 1em 0 0 0;
	font-size: 1.8rem;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
}
#guide dl.overview dt.drop {
	font-size: 1.6rem;	
}

#guide dl.overview ol {
	list-style: none;
}

#guide dl.overview ol li {
	padding-left: 2em;
	text-indent: -2em;
}

#guide dl.overview ol li ul {
	list-style: none;
}

#guide .content h2.sabTitle_01 {
	padding-bottom:  0px;
	margin-bottom: -20px;
	padding-top: 1em;
}

#guide div.contentBlock {
	margin: 40px 0;
}


#guide div.img img {
	width: 430px;
	height: auto;
}

#navigation div.map img {
	max-width: 75%;
	height: auto;
	display: block;
	margin: 0 auto;
}

@media screen and (max-width: 600px){
	#navigation dl.overview dt,
	#navigation dl.facility dt {
		font-size: 1.8rem;
	}
	#guide div.img img {
		max-width: 100%;
	}
}


/* --------------------------------------------------------------------------
	年間パスポート
-------------------------------------------------------------------------- */
#annual_passport {}

#annual_passport p.lead span {
	font-size:  2.6rem;
	font-weight: bold;
}
#annual_passport h2.sabTitle_01 {
	padding: 0 0 20px;
}
#annual_passport .supple {
	display: block;
	font-size:  1.2rem;
	line-height: 1.2;
}

#annual_passport span.iSupple {
	font-size:  1.2rem;
}

#annual_passport div.contentBlock {
	margin: 40px 0;
}

#annual_passport div.contentBlock ol,
#annual_passport div.contentBlock ul,
#annual_passport div.contentBlock dl {
	line-height: 1.6;
	margin-bottom: 20px;
	margin-left: 1.5em;
}

#annual_passport div.contentBlock ol li {
	padding: 10px 0 0 0;
}

#annual_passport div.contentBlock ol li p {
	margin-top: 6px;
}

#annual_passport div.contentBlock table {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.6;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #000;
	margin-bottom: 20px;
}

#annual_passport div.contentBlock table tr th,
#annual_passport div.contentBlock table tr td {
	padding: 8px 4px;
	border: 1px solid #000;
}

#annual_passport div.contentBlock table tr td.name {
	white-space: nowrap;
}
#annual_passport table td.center {
	text-align: center;
	position: relative;
	left: -80px;
}

@media screen and (max-width: 600px){
	#annual_passport div.contentBlock ol,
	#annual_passport div.contentBlock ul {
		
	}
/*
	#annual_passport div.contentBlock table tr {
		border-bottom: 1px solid #000;
	}
	#annual_passport div.contentBlock table tr:nth-child(2) {
		border-top: 1px solid #000;
	}
	#annual_passport div.contentBlock table tr th {
		display:list-item;
		list-style: none;
		border: none;
		display: none;
	}

	#annual_passport div.contentBlock table tr td {
		display:list-item;
		list-style: none;
		border: none;
	}
	
*/
	#annual_passport div.contentBlock img {
		max-width: 100%;
		height: auto !important;
	}
	#annual_passport table td.center {
		left: 0;
	}
}

/* --------------------------------------------------------------------------
	カフェ
-------------------------------------------------------------------------- */
#cafe {}
#cafe p.lead {
	margin: 0 0 0.5em 0;
	font-size: 1.6rem;
}
#cafe div.wrap {
	overflow: hidden;
}
#cafe div.text {
	float: left;
	width: 550px;
	margin: 0 50px 0 0;
}
#cafe div.text ul.menu {
	list-style: none;
	margin: 1em 0 1em 0;
	line-height: 1.6;
}
#cafe ul.img {
	float: left;
	width: 300px;
	list-style: none;
}
#cafe ul.img li {
	margin: 0 0 10px 0;
}
#cafe ul.img li img {
	width: 100%;
}
#cafe table.shopInfo {
	width: 100%;
	margin: 20px 0 20px 0;
	border-collapse: collapse;
}
#cafe table.shopInfo th,
#cafe table.shopInfo td {
	padding: 10px 20px;
	line-height: 1.6;
	border: 1px solid #999;
	font-size: 1.4rem;
	text-align: left;
	vertical-align: middle;
}
#cafe table.shopInfo th {
	background: #EEE;
	text-align: center;
	white-space: nowrap;
}
#cafe .contentBlock {
	margin: 40px 0 0;
}
#cafe .contentBlock dl {
	line-height: 1.6;
}
#cafe div.contentBlock dl dt {
	color: #000;
}
#cafe .contentBlock dl dd {
	margin-bottom: 20px;
}
#cafe div.mainImg {
    margin-bottom: 20px;
}
#cafe div.mainImg img {
    max-width: 100%;
    height: auto;
}
#cafe .contentBlock dl dd ul {
    list-style: none;
}
#cafe .contentBlock dl dd ul li span.label {
    display: block;
    float: left;
}
#cafe .contentBlock dl dd ul li span.price {
    display: block;
    margin-left: 10em;
}

@media screen and (max-width: 768px){
	#cafe div.text {
		width: 55%;
		margin: 0 5% 0 0;
	}
	#cafe ul.img {
		width: 40%;
	}
	#cafe table.shopInfo th,
	#cafe table.shopInfo td {
		padding: 10px 2%;
	}
}

@media screen and (max-width: 600px){
	#cafe p.lead {}
	#cafe div.text {
		float: none;
		width: auto;
		margin: 0;
	}
	#cafe ul.img {
		float: none;
		width: 100%;
	}
}


/* --------------------------------------------------------------------------
	ショップ
-------------------------------------------------------------------------- */
#shop {}
#shop div.wrap {
	overflow: hidden;
}
#shop div.text {
	float: left;
	width: 550px;
	margin: 0 50px 0 0;
}
#shop div.text ul.menu {
	margin: 1em 0 1em 0;
	line-height: 1.6;
}
#shop ul.img {
	float: left;
	width: 300px;
	list-style: none;
}
#shop ul.img li {
	margin: 0 0 10px 0;
}
#shop ul.img li img {
	width: 100%;
}
#shop ul.img li.logo_nadiff {
	text-align: right;
}
#shop ul.img li.logo_nadiff img {
	width: auto;
}

#shop table.shopInfo {
	width: 100%;
	margin: 20px 0 20px 0;
	border-collapse: collapse;
}
#shop table.shopInfo th,
#shop table.shopInfo td {
	padding: 10px 20px;
	line-height: 1.6;
	border: 1px solid #999;
	font-size: 1.4rem;
	text-align: left;
	vertical-align: middle;
}
#shop table.shopInfo th {
	background: #EEE;
	text-align: center;
	white-space: nowrap;
}
#shop .contentBlock {
	margin: 40px 0 0;
}
#shop .contentBlock dl {
	line-height: 1.6;
}
#shop div.contentBlock dl dt {
	color: #000;
}
#shop .contentBlock dl dd {
	margin-bottom: 20px;
}
div.linkNadiff {
	font-size: 1.4rem;
}
div.linkNadiff span {
	display: block;
	margin: 5px 0 0 0;
	font-size: 1.3rem;
}
div.linkNadiff a {
	display: inline-block;
	margin: 10px 5px 0 0;
	padding: 10px 10px 10px 132px;
	background: url(../images/shop_logo.png) no-repeat 0 50%;
	background-size: 116px 50px;
	text-decoration: none;
}
#shop div.mainImg {
    margin-bottom: 20px;
}
#shop div.mainImg img {
    max-width: 100%;
    height: auto;
}
#shop .contentBlock dl dd ul {
    list-style: none;
}
#shop .contentBlock dl dd ul li span.label {
    display: block;
    float: left;
}
#shop .contentBlock dl dd ul li span.price {
    display: block;
    margin-left: 16em;
}

@media screen and (max-width: 768px){
	#shop div.text {
		width: 55%;
		margin: 0 5% 0 0;
	}
	#shop ul.img {
		width: 40%;
	}
	#shop table.shopInfo th,
	#shop table.shopInfo td {
		padding: 10px 2%;
	}
}

@media screen and (max-width: 600px){
	#shop div.text {
		float: none;
		width: auto;
		margin: 0;
	}
	#shop ul.img {
		float: none;
		width: 100%;
	}
}


/* オリジナルグッズ、おすすめ商品 */
#shop div.goods {
	overflow: hidden;
	padding: 10px 0;
	border-bottom: 1px solid #CCC;
}
#shop div.goods h4 {
	font-size: 14px;
	font-size: 1.4rem;
}
#shop div.content dt {
	color: #666464;
	margin-bottom: 6px;
}
#shop div.goods div.photo {
	float: left;
	display: block;
	width: 116px;
	height: 116px;
	text-align: center;
}
#shop div.goods div.photo img {
	max-width: 116px;
	max-height: 116px;
}
#shop div.goods p {
	padding-left: 136px;
}
#shop div.goods p.ttl {
	font-family: "Univers Next W04 Light","YuGothicPr6M";
	font-size: 14px;
	font-size: 1.4rem;
}

/* 図録一覧 */

#shop div.catalogList {
	overflow: hidden;
	margin: 40px 0 0 0;
}
#shop div.catalog {
	float: left;
	width: 130px;
	height: 220px;
	margin: 0 20px 25px 0;
}
#shop div.catalog div.photo img {
	max-width: 100px;
	max-height: 100px;
	/* border: 1px solid #CCC; */
}
#shop div.catalog dl {
	margin: 0.5em 0 0 0;
}
#shop div.catalog dl dt{
	line-height: 1.2;
	font-size: 1.3rem;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
}
#shop div.catalog dl dd {
	line-height: 1.2;
	font-size: 1.3rem;
	margin: 0.5em 0 0 0;
}

@media screen and (max-width: 600px){
	#shop div.catalog {
		overflow: hidden;
		float: none;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 10px 0;
		border-bottom: 1px solid #CCC;
	}
	#shop div.catalog div.photo {
		float: left;
		width: 115px;
	}
	#shop div.catalog dl {
		margin: 0;
	}
    #shop div.goods .guide p {
    	padding-left: 0;
    }
}


/* --------------------------------------------------------------------------
	プレス関係のみなさま
-------------------------------------------------------------------------- */
#press {}
#press dl {
	margin: 20px 0 0 0;
	line-height: 1.6;
}
#press dl dt {
	font-family: "Univers Next W04 Light","YuGothicPr6M";
	font-size: 1.4rem;
}
#press dl dd {
	margin: 0 0 2em 0;
}
#press dl dd ul {
	list-style: none;
	margin: 0.5em 0 2em 0;
}
#press dl dd ul li {
	margin: 0 0 0.2em 0;
}
#press dl dd ul li span {
	display: inline-block;
	width: 4em;
}
#press h3 {
	margin: 2em 0 0 0;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
	font-size: 1.8rem;
}
#press dl.press_list {}
#press dl.press_list dt {
	font-family: "Univers Next W04 Light","YuGothicPr6M";
	line-height: 1.3;
}
#press dl.press_list dd {
	margin: 0.5em 0 2em 0;
}
#press dl.press_list dd a {
	margin: 0 10px 0 0;
	padding: 0 5px;
	border: 1px solid #000;
	font-size: 1.3rem;
	text-decoration: none;
}
#press dl.press_list dd a:hover {
	background: #000;
	color: #FFF;
}
#press img.mailimg {
	position: relative;
	top: 3px;
	left: -2px;
}
@media screen and (max-width: 600px){
#press dl.press_list dt {
}
#press dl.press_list dd {
	margin: 0.2em 0 1em 0;
}
}
#archive_lead_h1{
	font-size: 14pxm;
	font-size: 1.4rem;
}
#contentIdDiv h2.sabTitle_01 {
	clear: both;
	padding: 30px 0 20px 0;
	line-height: 1.2;
	font-size: 2.2rem;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
}
/* --------------------------------------------------------------------------
	サイトマップ
-------------------------------------------------------------------------- */
#sitemap {}
#sitemap dl {
	margin: 40px 0 0 0;
}
#sitemap dl dt {
	font-family: "Univers Next W04 Light","YuGothicPr6M";
	font-size: 1.8rem;
}
#sitemap dl.sitemap ul {
	margin: 1em 0 2em 0;
	overflow: hidden;
	list-style: none;
	line-height: 1.2;
}
#sitemap dl.sitemap ul li {
	float: left;
	margin: 0 2em 0.5em 0;
}
#sitemap dl.sitemap ul li a {
	text-decoration: none;
}
@media screen and (max-width: 600px){
	#sitemap dl.sitemap ul li {
		float: none;
	}
}

/* --------------------------------------------------------------------------
	リンク
-------------------------------------------------------------------------- */
#link {}
#link ul.linkList {
	margin: 2em 0 0 0;
	list-style: none;
}
#link ul.linkList li {
	float: left;
	width: 50%;
	margin: 0 0 2em 0;
	line-height: 1.6;
	font-family: "Univers Next W04 Light","YuGothicPr6M";
}
#link table.linkList {
	border-collapse: separate;
	border-spacing: 0px 10px;
}
#link table.linkList th,
#link table.linkList td {
	padding: 5px 10px;
	text-align: left;
	vertical-align: middle;
}
#link table.linkList th {
	border: 1px solid #CCC;
	text-align: center;
}
#link dl.otherLink {
	position: relative;
	line-height: 1.6;
	margin: 20px 0 40px;
	font-size: 18px;
	font-size: 1.8rem;
}


@media screen and (max-width: 600px){
	#link ul.linkList {
		margin: 0;
	}
	#link ul.linkList li {
		float: none;
		width: 100%;
		margin: 0 0 1em 0;
	}
	#link table.linkList th,
	#link table.linkList td {
		display: block;
		padding: 0;
		text-align: left;
		vertical-align: top;
	}
#link table.linkList th {
	display: inline-block;
	border: 1px solid #CCC;
	text-align: left;
}
	#link table.linkList td {
		padding: 5px 0 10px 0;
	}
}


/* --------------------------------------------------------------------------
	ご利用にあたって
-------------------------------------------------------------------------- */
#use {}
#use dl.browser {
	line-height: 1.6;
}
#use dl.browser dd {
	margin: 0 0 2em 0;
}
#use dl.browser dd:last-child {
	margin: 0;
}
#use dl.browser dd ul {
	margin: 1em 0 0 2em;
	list-style-type: square;
}
#use ul.disclaimer {
	list-style: none;
	line-height: 1.6;
}
#use ul.disclaimer li {
	margin: 0 0 1em 1.5em;
	text-indent: -1.5em;
}



/* --------------------------------------------------------------------------
	あ・ら・かるちゃー
-------------------------------------------------------------------------- */
#ala {}
#ala div.pdfImg {
	width: 400px;
	margin: 0 0 1em 0;
}
#ala div.pdfImg img {
	width: 100%;
}
#ala dl.news,
#ala_archive dl.news {
	line-height: 1.5;
}
#ala dl.news dd,
#ala_archive dl.news dd {
	margin-bottom: 1em;
}
#ala div.lineup {
	overflow: hidden;
	float: left;
	width: 280px;
	height: 550px;
	margin: 20px 30px 0 0;
}
#ala.english div.lineup {
	height: 640px;	
}
#ala div.lineup:nth-child(3n) {
	margin-right: 0;
}
#ala div.lineup div.img {
	overflow: hidden;
	width: 280px;
	height: 185px;
	margin: 0 0 10px 0;
	background: #fff;
}
#ala div.lineup div.img img {
	width: 100%;
	height: 100%;
	display: block;
	margin: 0 auto;
}
#ala div.lineup p.ttl {
	margin: 0 0 0.5em 0;
	font-family: "Univers Next W04 Regular","YuGothicPr6M";
	font-size: 2.0rem;
	line-height: 1.2;
}
#ala div.lineup ul {
	margin: 0.5em 0 0 0;
	list-style: none;
	line-height: 1.6;
}

#ala div.lineup p.caution {
	padding-left: 1em;
	text-indent: -1em;
}

#ala div#toArchive {
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
}

#ala div#toArchive  a {
	display: inline-block;
	border: 1px solid #000;
	padding: 4px 6px;
	text-decoration: none;
}

#ala div#toArchive  a:hover {
	background: #000;
	color: #FFF;
}

#ala #ala_news h2 {
	display: none;
}

#ala #ala_news dl.news:not(:first-of-type) {
	display: none;
}

#ala_archive #ala_news dl.news:first-of-type {
	display: none;
}

@media screen and (max-width: 768px){
#ala div.lineup {

	float: none;
	width: 100%;
	height: auto;
	margin: 20px 0 20px 0;
}
#ala div.lineup:nth-child(3n) {
	margin-right: 0;
}
#ala div.lineup div.img {
	float: left;
	overflow: hidden;
	width: 280px;
	height: auto;
	margin: 0 0 10px 0;
}
#ala div.lineup div.img img {
	width: 100% !important;
	height: auto !important;
}
#ala div.lineup p,
#ala div.lineup ul {
	padding-left: 300px;
}

#ala div.lineup p.caution {
	padding-left: 300px !important;
	text-indent: 0;
}

}

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

#ala div.pdfImg {
	width: 100%;
}
#ala div.lineup {

	float: none;
	width: 100%;
	height: auto;
	margin: 20px 0 40px 0;
}
#ala div.lineup:nth-child(3n) {
	margin-right: 0;
}
#ala div.lineup div.img {
	float: none;
	overflow: hidden;
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
}
#ala div.lineup div.img img {
	width: 100% !important;
	height: auto !important;
}
#ala div.lineup p.ttl {
	font-size: 1.8rem;
}
#ala div.lineup p,
#ala div.lineup ul {
	padding-left: 0;
}
#ala div.lineup p.caution {
	padding-left: 0 !important;
	text-indent: 0;
}
}

/* --------------------------------------------------------------------------
	図書室
-------------------------------------------------------------------------- */

#library .content li {
	line-height: 1.5;
	margin-left: 2em;
}

#library .content h2.sabTitle_01 {
	padding-bottom:  10px;
}

#library #libraryContent {
	padding: 40px 0 20px 0;
}

#library #libraryContent dl dt {
	font-size: 1.6rem;
	margin: 0 0 0.6em;
}

#library #libraryContent dl dd {
	line-height: 1.4;
	margin-bottom: 2em;
}

/* --------------------------------------------------------------------------
	PR
-------------------------------------------------------------------------- */
#pr {}
#pr ul.linkList {
	list-style: none;
}
#pr ul.linkList li {
	margin: 0 0 1em 0;
	line-height: 1.6;
	font-family: "Univers Next W04 Light";
}

/* --------------------------------------------------------------------------
	404
-------------------------------------------------------------------------- */
div.notFound {
	margin: 100px auto;
	font-size: 2.0rem;
	text-align: center;
}
div.notFound h1 {
	margin: 0 0 0.5em 0;
	font-family: "Univers Next W04 Regular","YuGothicPr6D";
	font-size: 4.0rem;
}
@media screen and (max-width: 600px){
	div.notFound h1 {
		font-size: 3.0rem;
	}
}

/* --------------------------------------------------------------------------
	アイズ
-------------------------------------------------------------------------- */
#n_eyesContentIdDiv_P,
#eyesContentIdDiv_P{
	font-size: 1.4px;
	font-size: 1.4rem;
}
/* --------------------------------------------------------------------------
	ニァイズ
-------------------------------------------------------------------------- */
#nya-eyes {}
#nya-eyes div.main_img {
	margin: 40px 0 0;
}
#nya-eyes div.movie {
	margin: 0 0 1em;
}
#nya-eyes div.latest {
	border-top: 1px solid #000;
	margin: 40px 0 0 0;
}
#nya-eyes div.latest div.logo {
	margin: 40px 0 10px;
}
#nya-eyes div.latest h2 {
	margin: 1em 0 0.5em 0;
	font-size: 1.8rem;
	font-family: "Univers Next W04 Regular","YuGothicPr6M";
}
#nya-eyes div.latest p.link a {
	margin: 0 10px 0 0;
	padding: 0 5px;
	border: 1px solid #000;
	font-size: 1.3rem;
	text-decoration: none;
}
#nya-eyes div.latest p.link a:hover {
	background: #000;
	color: #FFF;
}
#nya-eyes div.backNumber h2 {
	margin: 1.5em 0 0 0;
	font-size: 1.8rem;
	font-family: "Univers Next W04 Regular","YuGothicPr6M";
}
#nya-eyes div.backNumber ul {
	list-style: none;
}
#nya-eyes div.backNumber ul li {
	line-height: 1.5;
	margin: 0.5em 0;
}
#nya-eyes div.backNumber ul li span {
	display: inline-block;
	width: 200px;
}
#nya-eyes div.backNumber ul li a {
	margin: 0 10px 0 0;
	padding: 0 5px;
	border: 1px solid #000;
	font-size: 1.3rem;
	text-decoration: none;
}
#nya-eyes div.backNumber ul li a:hover {
	background: #000;
	color: #FFF;
}
@media screen and (max-width: 600px){
#nya-eyes div.main_img {
	margin: 20px 0 0;
}
#nya-eyes div.main_img img {
	width: 100%;
	height: auto;
}
#nya-eyes div.movie img {
	width: 100%;
}
#nya-eyes div.backNumber ul li span {
	display: block;
	width: auto;
}
}
#nya-eyes div#idBackNumber ul li span {
	font-size: 1.4rem;
	font-size: 14px;
}

/* --------------------------------------------------------------------------
	EVENT&PROGRAM 今後の予定
-------------------------------------------------------------------------- */
#event #eventList li {
	list-style: none;
	border-top: 1px solid #CCC;
	padding: 15px 0;
}
#event #eventList li p.item {
	float: left;
	width: 10em;
}
#event #eventList li p.item span{
	background: black;
	color: #FFF;
	display: inline-block;
	padding: 2px 6px 1px;
	font-size: 1.2rem;
}
#event #eventList li p.date {
	float: left;
	width: 6em;
}
#event #eventList li p.title {
	/* float: right; */
	margin-left: 16em;
}
@media screen and (max-width: 768px){
	#event #eventList li p.date,
	#event #eventList li p.title {
		float: none;
		margin-left: 0;
	}
}
@media screen and (max-width: 600px){

}

/* --------------------------------------------------------------------------
	事業内容
-------------------------------------------------------------------------- */
#business #businessContent {
	padding: 40px 0 20px 0;
}

#business #businessContent dl dt {
	font-size: 1.6rem;
	margin: 0 0 0.6em;
}

#business #businessContent dl dd {
	line-height: 1.4;
	margin-bottom: 2em;
}

/* --------------------------------------------------------------------------
	基本的性格
-------------------------------------------------------------------------- */
#purpose div#purposeBox ol {
	margin: 0 0 0 1.5em;
}
#purpose div#purposeBox ol li {
	line-height: 1.5;
	margin-bottom: 1em;
}

/* --------------------------------------------------------------------------
	シンボルマーク
-------------------------------------------------------------------------- */
#symbol div.contentBlock {
	margin: 50px 0;
}

#symbol div.imgBlock img {
	max-width: 90%;
}

#symbol div.imgBlock h2.sabTitle_01 {
	padding-top: 50px;
}
#symbol.english div.imgBlock h2.sabTitle_01 {
	padding-top: 0;
	padding-bottom: 10px;
}
#symbol.english div.imgBlock p {
	margin-top: 20px;
}

#symbol div.contentBlock h3 {
	font-size: 1.6rem;
	margin: 0 0 0.6em;
}

#symbol div.contentBlock dl {
	line-height: 1.6;
	margin-bottom: 4px;
}
#symbol div.contentBlock dl dt {
	float: left;
	width: 10em;
}
#symbol div.contentBlock dl dd {
	margin-left: 10em;
}

#symbol div.contentBlock dt.spanOmit span {
	visibility: hidden;
}

/*************************************
* intention of designer begin
**************************************/
#symbol div.content h2.sabTitle_01#symbol_subtitle1{
	padding: 79px 0 13px 0;
	/* font-size: 2.2rem; */
}
#symbol div.content div#symbol_img_div{
	margin: 54px 0 50px 0;
}
#symbol div.content div#symbol_img_div img{
	max-width: 748px;
}
#symbol div.content div#symbol_img_div h2.sabTitle_01{
	padding: 63px 0 13px 0;
	/* font-size: 2.2rem; */
}
#symbol div.content div#logo_img_div{
	margin: 65px 0 50px 0;
}
#symbol div.content div#logo_img_div h2.sabTitle_01{
	padding: 54px 0 14px 0;
	/* font-size: 2.2rem; */
}
/*************************************
* intention of designer end
**************************************/
@media screen and (max-width: 768px){
	#symbol div.content div#symbol_img_div img{
		max-width: 100%;
	}
}

/* --------------------------------------------------------------------------
	トワイライトカード
-------------------------------------------------------------------------- */
#twilight div.content p {
	margin-bottom: 20px;
}
#twilight div.content img {
	float: right;
	margin-bottom: 20px;
	margin-left: 40px;
}

#twilight div.content ul {
	margin-left: 2em;
}
#twilight div.content ul li {
	line-height: 1.6;
	margin-bottom: 0.4em;
	list-style: none;
	text-indent: -10px;
}

/* --------------------------------------------------------------------------
	アクセス
-------------------------------------------------------------------------- */
#access div.contentBlock {
	margin: 40px 0;
}
#access div.addressInfo {
	width:  360px;
	float: left;
	margin-right: 20px;
}
#access div.addressInfo p {
	margin-bottom: 20px;
}

#access div.addressInfo p.logoImg {
	position: relative;
	margin-bottom: 10px;
}
#access iframe {
	float: right;
	width: 500px;
	height: 280px;
}
#access #myMap {
	float: right;
	width: 500px;
	height: 280px;
}
@media screen and (max-width: 768px){
	#access div.addressInfo {
		width: 40%;
		margin-right: 0;
	}
	#access iframe {
		width: 56%;
		height: 280px;
	}
	#access div.addressInfo p.logoImg img {
		max-width: 100%
	}
}
@media screen and (max-width: 600px){
	#access div.addressInfo {
		width: 100%;
	}
	#access iframe {
		width: 100%;
	}
	#access #myMap {
		float: none;
		width: 100%;
	}
}

/* --------------------------------------------------------------------------
	Twitterタイムライン
-------------------------------------------------------------------------- */
#timeline_831041528856391681 {
	position: absolute;
	top: 140px;
	right: 0;
	border: 1px solid #ccc;
	height: 520px;
	width: 280px;
}
@media screen and (max-width: 768px){
	#timeline_831041528856391681 {
		width: 236px;
	}
}
@media screen and (max-width: 600px){
	#timeline_831041528856391681 {
		position: relative;
		width: auto;
		top: 0;
	}
}


/* --------------------------------------------------------------------------
	Youtube
-------------------------------------------------------------------------- */
#symbol div.youtube iframe {
	float: left;
	margin-right: 20px;
}

#symbol div.youtube dl dt {
	width: 14em;
}

@media screen and (max-width: 768px){
	#symbol div.youtube iframe {
		float: none;
		margin-right: 0;
		max-width: 100%;
	}
	#symbol div.youtube dl dt {
		width: 13em;
	}
}
@media screen and (max-width: 320px){
	#symbol div.youtube dl dt,
	#symbol div.youtube dl dd {
		font-size: 90%;
	}
	#symbol div.youtube dl dt {
		width: 13em;
	}	
	#symbol div.youtube dl dd {
		margin-left: 14em;
	}
}