@charset "utf-8";

/* ---------- common ---------------------------------------- */
#contents {
	position: relative;
}

/* page-visual */
#page-visual {}
#page-visual .photo {
	background: url(../images/visual_contact.jpg?ver=20180123) no-repeat center center;
	background-size: cover;
	width: 100%;
	height: 260px;
}
.exhi #page-visual .photo,
.exhi.coll #page-visual .photo,
.cale #page-visual .photo {background-image: url(../images/visual_exhibition_event.jpg?ver=20180123);}
.coll #page-visual .photo {background-image: url(../images/visual_collection.jpg?ver=20180123);}
.educ #page-visual .photo {background-image: url(../images/visual_education.jpg?ver=20180123);}
.visi #page-visual .photo {background-image: url(../images/visual_visitor.jpg?ver=20180123);}
.faci #page-visual .photo {background-image: url(../images/visual_facility.jpg?ver=20180123);}
.abou #page-visual .photo {background-image: url(../images/visual_about.jpg?ver=20180123);}
.frie #page-visual .photo {background-image: url(../images/visual_friendship.jpg?ver=20180123);}
.pres #page-visual .photo {background-image: url(../images/visual_press.jpg?ver=20180123);}
.news #page-visual .photo {background-image: url(../images/visual_news.jpg?ver=20180123);}
.volu #page-visual .photo {background-image: url(../images/visual_volunteer.jpg?ver=20180123);}
.ipt #page-visual .photo {background-image: url(../images/visual_ipt.jpg?ver=20180123);}

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

/* page-title */
#page-title {
	position: absolute;
	top: 186px;
	right: -60px;
	background-color: #fff;
	width: 300px;
	height: 120px;
	text-align: center;
}
#page-title .title {
	margin-top: 36px;
	font-size: 18px;
	line-height: 120%;
	letter-spacing: 0.1em;
}
#page-title .title span {
	display: block;
	padding-top: 3px;

	font-family: "Roboto Slab";
	font-size: 14px;
	line-height: 120%;
	letter-spacing: 0.1em;
}

/* first-title */
.first-title {
	margin-bottom: 48px;
	font-size: 28px;
	line-height: 140%;
	letter-spacing: 0.1em;
	text-align: center;
}
.first-title:after {
	content: "";
	display: block;
	width: 40px;
	height: 1px;
	background-color: #5cc4e8;
	margin: 28px auto 0;
}

/* second-title */
.second-title {
	margin-bottom: 35px;
	font-size: 20px;
	line-height: 140%;
	letter-spacing: 0.1em;
}
.second-title:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #757575;
	margin: 18px 0 0;
}

/* third-title */
.third-title {
	margin-bottom: 20px;
	font-size: 17px;
	line-height: 140%;
	letter-spacing: 0.1em;
}
.third-title:after {
	content: "";
	display: block;
	width: 24px;
	height: 1px;
	background-color: #757575;
	margin: 16px 0 0;
}

/* facility-title */
.facility-title {
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 140%;
	letter-spacing: 0.1em;
}
.facility-title span {
	display: block;
	padding-top: 5px;
	padding-left: 2px;
	font-family: "Roboto Slab";
	font-size: 14px;
	line-height: 140%;
	letter-spacing: 0.1em;
}
.facility-title:after {
	content: "";
	display: block;
	width: 24px;
	height: 1px;
	background-color: #757575;
	margin: 17px 0 0 2px;
}

/* forth-title */
.forth-title {
	margin-bottom: 0.6em;
	font-size: 14px;
	font-weight: bold;
	line-height: 180%;
	letter-spacing: 0.1em;
}

/* name-title */
.name-title {
	margin-bottom: 0.6em;
	font-size: 14px;
	font-weight: bold;
	line-height: 180%;
	letter-spacing: 0.1em;
}
.name-title span {
	font-family: "Roboto Slab";
	font-size: 13px;
	font-weight: normal;
	padding-left: 0.8em;
}
.name-title .job {
	font-family: inherit;
	padding-left: 0.2em;
}

/* coming-title */
.coming-title {
	margin-bottom: 20px;
	color: #747474;
	font-size: 16px;
	line-height: 120%;
	letter-spacing: 0.1em;
	text-align: center;
}

/* -------- slider -------- */
/* slider(bx-slider) */
.slider {
	position: relative;
	width: 100%;
	margin: 0 auto 60px;
}
.slider ul li {
	text-align: center;
}
.slider ul li img {
	width: 100%;
	height: auto;
}

/* bx-controls */
.slider .bx-controls .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -14px;
	width: 14px;
	height: 27px;

	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	z-index: 500;
}
.slider .bx-controls .bx-controls-direction .bx-prev {
	left: -38px;
	background: url(../images/slider_controls.png) no-repeat 0 0;
}
.slider .bx-controls .bx-controls-direction .bx-next {
	right: -38px;
	background: url(../images/slider_controls.png) no-repeat -14px 0;
}

/* bx-pager */
.slider .bx-controls .bx-pager {
	position: absolute;
	width: 100%;
	bottom: 19px;
	text-align: center;
	z-index: 450;
}
.slider .bx-controls .bx-pager-item {
	display: inline-block;
}
.slider .bx-controls .bx-pager-link {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0px 6px;
	border-radius: 4px;
	vertical-align: bottom;
	background-color: #fff;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;

	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.slider .bx-pager a.active {
	background: none repeat 0% 0% #5cc4e8;
}

/* -------- nav -------- */

/* breadcrumb */
.breadcrumb {
	padding-top: 16px;
	margin-bottom: 38px;
}
.breadcrumb ol {}
.breadcrumb ol li {
	display: inline-block;
	font-size: 0;
}
.breadcrumb ol li a {
	display: inline-block;
	background: url(../images/angle_right.png) no-repeat right center;
	background-size: 5px 9px;
	padding: 4px 17px 4px 0;
	margin-right: 7px;
	font-size: 0;
}
.breadcrumb ol li span {
	display: block;
	color: #1f1f1f;
	font-size: 11px;
	line-height: 120%;
	letter-spacing: 0.1em;
}
.breadcrumb ol li a:hover span,
.breadcrumb ol li a:active span {
	text-decoration: underline;
}

/* pagenav */
.pagenav {
	margin: 0 auto 70px;
	text-align: center;
	font-size: 0;
}
.pagenav ul {
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	border-left: solid 1px #e0e0e0;
}
.pagenav ul li {
	display: inline-block;
	border: solid 1px #e0e0e0;
	margin-left: -1px;
}
.pagenav ul li a {
	display: block;
	padding: 17px 22px;
	font-size: 13px;
	line-height: 120%;
	letter-spacing: 0.1em;
	-webkit-transition: color .3s, background-color .3s;
	transition: color .3s, background-color .3s;
}
.pagenav ul li a:hover {
	color: #fff;
	background-color: #5cc4e8;
}

.exhi.exhb .pagenav .exhb a,
.exhi.coll .pagenav .coll a,
.exhi.even .pagenav .even a,
.even.repo .pagenav .repo a,

.coll.cole .pagenav .cole a,
.coll.sear .pagenav .sear a,
.coll.outd .pagenav .outd a,
.coll.perm .pagenav .perm a,
.coll.post .pagenav .post a,

.visi.gene .pagenav .gene a,
.visi.grou .pagenav .grou a,
.visi.vist .pagenav .vist a,
.visi.acce .pagenav .acce a,
.visi.surr .pagenav .surr a,

.faci.floo .pagenav .floo a,
.faci.facl .pagenav .facl a,
.faci.rest .pagenav .rest a,
.faci.muse .pagenav .muse a,
.faci.roof .pagenav .roof a,

.abou.conc .pagenav .conc a,
.abou.gree .pagenav .gree a,
.abou.desi .pagenav .desi a,
.abou.hist .pagenav .hist a,
.abou.coun .pagenav .coun a,
.abou.publ .pagenav .publ a,
.abou.comm .pagenav .comm a,

.frie.frin .pagenav .frin a,
.frie.hist .pagenav .hist a,
.frie.regu .pagenav .regu a,
.frie.repo .pagenav .repo a,

.volu.voln .pagenav .voln a,
.volu.repo .pagenav .repo a,

.educ.prog .pagenav .prog a,
.educ.univ .pagenav .univ a,
.educ.repo .pagenav .repo a {
	color: #fff;
	background-color: #5cc4e8;
}

.pagenav .panorama-button {
	display: inline-block;
	vertical-align: middle;
	margin-left: 24px;
}

.pagenav-buttons {
	margin-top: 25px;
}

.panorama-button a {
	display: inline-block;
	padding: 14px 27px;
	background-color: #f4f4f2;
	border-radius: 20px;

	font-size: 13px;
	line-height: 120%;
	letter-spacing: 0.1em;
	vertical-align: middle;
	-webkit-transition: background-color .3s, border-color .3s;
	transition: background-color .3s, border-color .3s;
}
.panorama-button span {
	padding-left: 22px;
	background: url(../images/ic_panorama.png) no-repeat center left;
}
.panorama-button a:hover {
	background-color: #5cc4e8;
	border-color: #5cc4e8;
}
.panorama-button a:hover span {
	color: #fff;
	background-image: url(../images/ic_panorama_white.png);
}

.pagenav .calendar-button {
	display: inline-block;
	vertical-align: middle;
	margin-left: 35px;
}
.pagenav .calendar-button:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 16px;
	background-color: #bdbdbd;
	vertical-align: middle;
	margin-left: 20px;
}
.pagenav .calendar-button a {
	display: inline-block;
	padding: 14px 27px;
	background-color: #f4f4f2;
	border-radius: 20px;

	font-size: 13px;
	line-height: 120%;
	letter-spacing: 0.1em;
	vertical-align: middle;
	-webkit-transition: background-color .3s, border-color .3s;
	transition: background-color .3s, border-color .3s;
}
.pagenav .calendar-button span {
	padding-left: 22px;
	background: url(../images/ic_calendar.png) no-repeat center left;
}
.pagenav .calendar-button a:hover,
.cale .pagenav .calendar-button a {
	background-color: #5cc4e8;
	border-color: #5cc4e8;
}
.pagenav .calendar-button a:hover span,
.cale .pagenav .calendar-button a span {
	color: #fff;
	background-image: url(../images/ic_calendar_white.png);
}

.pagenav .schedule-button {
	display: inline-block;
	margin-left: 20px;
	vertical-align: middle;

	font-size: 13px;
	line-height: 120%;
	letter-spacing: 0.1em;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}
.pagenav .schedule-button span {
	padding-left: 21px;
	background: url(../images/ic_pdf.png) no-repeat center left;
}
.pagenav .schedule-button:hover {
	opacity: .6;
}

/* scroll-nav */
.scroll-nav {
	margin-top: -18px;
	margin-bottom: 40px;
	text-align: center;
}
.scroll-nav ul {
	display: inline-block;
	border-left: solid 1px #bdbdbd;
	border-right: solid 1px #bdbdbd;
	padding: 6px 16px 6px 24px;
}
.scroll-nav ul li {
	display: inline-block;
	padding: 0 3px;
}
.scroll-nav ul li a {
	display: block;
	font-size: 13px;
	line-height: 115%;
	letter-spacing: 0.1em;
	padding: 6px 8px 6px 16px;
	background: url(../images/angle_bottom.png) no-repeat left center;
}

/* content-box */
.content-box {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 120px;
}
.content-box small {
	padding-top: 4px;
	font-size: 12px;
	line-height: 170%;
}

/* box */
.box {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

/* -------- button -------- */

/* btn ホバー時に半透明にする */
.btn > a,
.btn > button {
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}
.btn:hover > a,
.btn:hover > button {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}

/* square-button */
.square-button {
	display: block;
	text-align: left;
}
.square-button a,
.square-button span.comming {
	box-sizing: border-box;
	display: inline-block;
	min-width: inherit;
	max-width: 320px;
	width: 100%;
	line-height: 48px;
	border: solid 1px #757575;
	text-align: center;
	-webkit-transition: border-color .3s, background-color .3s;
	transition: border-color .3s, background-color .3s;
}
.square-button a span,
.square-button span.comming span {
	font-size: 14px;
	letter-spacing: 0.1em;
}
.square-button a:hover {
	border-color: #5cc4e8;
	background-color: #5cc4e8;
}
.square-button a:hover span {
	color: #fff;
}

/* pdf-button */
.pdf-button {
	display: block;
	text-align: left;
}
.pdf-button a {
	box-sizing: border-box;
	display: inline-block;
	min-width: 320px;
	line-height: 48px;
	border: solid 1px #757575;
	text-align: center;
	-webkit-transition: border-color .3s, background-color .3s;
	transition: border-color .3s, background-color .3s;
}
.pdf-button a span {
	padding-left: 18px;
	background: url(../images/ic_pdf.png) no-repeat center left;
	font-size: 14px;
	letter-spacing: 0.1em;
}
.pdf-button a:hover {
	border-color: #5cc4e8;
	background-color: #5cc4e8;
}
.pdf-button a:hover span {
	color: #fff;
	background-image: url(../images/ic_pdf_white.png);
}

/* word-button */
.word-button {
	display: block;
	text-align: left;
}
.word-button a {
	box-sizing: border-box;
	display: inline-block;
	min-width: 320px;
	line-height: 48px;
	border: solid 1px #757575;
	text-align: center;
	-webkit-transition: border-color .3s, background-color .3s;
	transition: border-color .3s, background-color .3s;
}
.word-button a span {
	padding-left: 18px;
	background: url(../images/ic_word.png) no-repeat center left;
	font-size: 14px;
	letter-spacing: 0.1em;
}
.word-button a:hover {
	border-color: #5cc4e8;
	background-color: #5cc4e8;
}
.word-button a:hover span {
	color: #fff;
	background-image: url(../images/ic_word_white.png);
}

/* web-button */
.web-button {
	display: block;
	text-align: left;
}
.web-button a,
.web-button span.comming {
	box-sizing: border-box;
	display: inline-block;
	min-width: 320px;
	line-height: 48px;
	border: solid 1px #757575;
	text-align: center;
	-webkit-transition: border-color .3s, background-color .3s;
	transition: border-color .3s, background-color .3s;
}
.web-button a span,
.web-button span.comming span {
	padding-left: 21px;
	background: url(../images/ic_web.png) no-repeat center left;
	font-size: 14px;
	letter-spacing: 0.1em;
}
.web-button a:hover {
	border-color: #5cc4e8;
	background-color: #5cc4e8;
}
.web-button a:hover span {
	color: #fff;
	background-image: url(../images/ic_web_white.png);
}

/* more-button */
.more-button {}
.more-button a,
.more-button span {
	display: inline-block;
	background: url(../images/ic_lightblue_button.png) no-repeat center right;
	padding: 5px 26px 5px 0;
	color: #5bc4e7;
	font-size: 13px;
	line-height: 120%;
	letter-spacing: 0.1em;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}
.more-button a:hover {
	opacity: 0.6;
}

/* -------- link -------- */

/* link */
.link {
	display: inline-block;
	background: url(../images/angle_right.png) no-repeat left center;
	padding-left: 15px;
	padding-top: 0.3em;
	padding-bottom: 0.4em;
	border-bottom: solid 1px #757575;

	font-size: 13px;
	line-height: 120%;
	letter-spacing: 0.1em;
}

/* pdf-link */
.pdf-link {
	display: inline-block;
	background: url(../images/ic_pdf.png) no-repeat left center;
	padding-left: 19px;
	padding-top: 0.2em;
	padding-bottom: 0.4em;
	border-bottom: solid 1px #757575;

	font-size: 13px;
	line-height: 120%;
	letter-spacing: 0.1em;
}

/* web-link */
.web-link {
	display: inline-block;
	background: url(../images/ic_web.png) no-repeat left center;
	padding-left: 19px;
	padding-top: 0.2em;
	padding-bottom: 0.4em;
	border-bottom: solid 1px #757575;

	font-size: 13px;
	line-height: 120%;
	letter-spacing: 0.1em;
}

/* text-link */
.text-link {
	display: inline-block;
	border-bottom: solid 1px #757575;
}

/* -------- table -------- */

/* table */
.table {
	width: 100%;
	margin-bottom: 1.5em;
}
.table th,
.table td {
	border: solid 1px #d3d3d3;
	font-size: 14px;
	font-weight: 500;
	padding: 13px 13px;
	line-height: 200%;
}
.table thead {
	background-color: #f4f4f2;
}
.table tbody th {
	font-weight: bold;
}
.table th {
	text-align: center;
	border-left: none;
}
.table td:last-child,
.table th:last-child {
	border-right: none;
}

/* -------- list -------- */

/* list */
.list {
	margin-bottom: 1em;
}
.list > li {
	background: url(../images/circle.gif) no-repeat left 8px;
	padding-left: 14px;
	padding-bottom: 0.7em;
	font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 180%;
}

/* olist */
.olist {}
.olist > li {
	padding-left: 0.2em;
	padding-bottom: 0.7em;
	list-style-type: decimal;
	font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 180%;
}
.list .olist {
	padding-left: 1em;
	padding-top: 0.4em;
}
.list .olist > li {
	padding-bottom: 0.4em;
}

/* dlist */
.dlist {
	margin-bottom: 28px;
}
.dlist > dt,
.dlist > dd {
	padding-bottom: 15px;
	padding-top: 5px;

	font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 180%;
}
.dlist > dt {
	clear: both;
	float: left;
	width: 6em;
	padding-right: 2.5em;
	font-weight: bold;
}
.dlist > dd {
	padding-left: 8.5em;
	margin-bottom: 10px;
	border-bottom: solid 1px #d3d3d3;
}

/* select */
.select {
	background-color: #fafafa;
}
.select select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	box-sizing: border-box;
	min-width: 220px;
	border: solid 1px #d3d3d3;
	padding: 10px 25px 10px 14px;
	background: url(../images/caret_down.png) no-repeat 92% center;

	font-size: 12px;
	line-height: 120%;
	letter-spacing: 0.1em;
}
.select option {
	padding: 3px 3px;
}

/* contact-block */
.contact-block {
	width: 350px;
	box-sizing: border-box;
	padding: 28px 28px 38px;
	background-color: #f4f4f2;
}
.contact-block .button {
	margin-top: 0.3em;
}

/* asterisk　２行目以降一字下げ */
.asterisk {
	display: inline-block;
	padding-left: 1em;
	text-indent: -1em;
}

/* ---------- top ------------------------------------ */
#top-visual {
	position: relative;
}

/* top-slider */
#top-visual .slider {
	width: 100%;
	height: 80vh;
	margin-bottom: 0;
}
#top-visual .slider li {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#top-visual .slider li a {
	display: block;
	width: 100%;
	height: 100%;
}

/* bx-slider */
#top-visual .slider .bx-viewport,
#top-visual .slider .bx-wrapper {
	position:relative;
	width:100%;
	height:100% !important;
	top:0;
	left:0;
}
#top-visual .slider .bx-wrapper ul {
	height: 100%;
	*zoom: 1;
}
#top-visual .slider .bx-wrapper ul li{
	height: 100%;
}
#top-visual .slider .bx-wrapper ul li img {
	width: 100%;
	height: auto;
}

/* caution */
#top-visual .slider .caution {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 9px 0;
	background-color: #fff176;
	text-align: center;
	z-index: 500;
}
#top-visual .slider .caution span {
	padding-right: 9px;
	color: #747474;
	font-size: 13px;
	line-height: 140%;
	letter-spacing: 0.06em;
}
#top-visual .slider .caution p {
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	line-height: 140%;
}

/* open-info */
#top-visual .open-info {
	position: absolute;
	top: 50%;
	right: -60px;
	-webkit-transform: translate(0px, -50%);
	        transform: translate(0px, -50%);
	width: 80px;
	background-color: #fff;
	text-align: center;
	z-index: 800;
}
#top-visual .open-info.hide {
	right: -80px;
}
#top-visual .open-info .today {
	padding-top: 37px;
	padding-bottom: 14px;
}
#top-visual .open-info .today span.month {
	font-weight: normal;
	font-size: 11px;
	line-height: 120%;
	letter-spacing: 0.1em;
}
#top-visual .open-info .today strong {
	display: block;
	font-weight: normal;
	font-size: 24px;
	line-height: 120%;
	letter-spacing: 0.1em;
}
#top-visual .open-info .today span.day {
	font-size: 11px;
	line-height: 120%;
	letter-spacing: 0.1em;
}
#top-visual .open-info .musium {
	margin-bottom: 13px;
	text-align: center;
}
#top-visual .open-info .roof {
	padding-bottom: 25px;
	text-align: center;
}
#top-visual .open-info .musium::before,
#top-visual .open-info .roof::before {
	content: "";
	display: block;
	width: 24px;
	height: 1px;
	background-color: #bdbdbd;
	margin: 0 auto;
}
#top-visual .open-info .musium .label,
#top-visual .open-info .roof .label {
	width: 12px;
	margin: 16px auto 3px;

	font-size: 12px;
	line-height: 120%;
}
#top-visual .open-info .musium span,
#top-visual .open-info .roof span {
	font-size: 11px;
	line-height: 110%;
	letter-spacing: 0.1em;
}
#top-visual .open-info .button {
	margin: 30px auto;
	text-align: center;
}

/* scroll */
#top-visual .scroll {
	position: absolute;
	bottom: 60px;
	left: -60px;
	width: 60px;
	background-color: #fff;
	text-align: center;
	z-index: 800;
}
#top-visual .scroll span {
	padding-bottom: 17px;
	background: url(../images/arrow_bottom.png) no-repeat center bottom;

	font-family: "Roboto Slab";
	font-size: 11px;
	line-height: 120%;
	letter-spacing: 0.1em;
	-ms-writing-mode: tb-lr;
	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
}

/* news-ticker */
#top-visual .news-ticker {
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	min-height: 60px;
	padding: 10px 10px 10px 5px;
	margin: 0;
}
#top-visual .news-ticker .title {
	float: left;
	margin: 12px 0 12px;
	padding: 0 17px 0 0;

	font-family: "Roboto Slab";
	font-size: 14px;
	line-height: 120%;
	letter-spacing: 0.1em;
}
#top-visual .news-ticker .title::after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 16px;
	background-color: #757575;
	margin-left: 17px;
	vertical-align: middle;
}

#top-visual .news-ticker .ticker {
	margin-top: 11px;
	margin-right: 90px;
}
#top-visual .news-ticker .ticker ul {}
#top-visual .news-ticker .ticker ul li {
	margin: 0;
}
#top-visual .news-ticker .ticker ul li a {
	font-size: 12px;
	line-height: 120%;
	letter-spacing: 0.1em;
}
#top-visual .news-ticker .ticker ul li a:hover,
#top-visual .news-ticker .ticker ul li a:active {
	text-decoration: underline;
}
#top-visual .news-ticker .more-button {
	position: absolute;
	top: 21px;
	right: 1px;
}

/* ticker */
.ticker {
	position: relative;
	overflow: hidden;
}
.ticker ul {
	width: 100%;
	position: relative;
}
.ticker ul li {
	width: 100%;
	display: none;
}


/* top-movie */
#top-movie {
	height: 360px;
	background: url(../images/home/bg_movie.jpg) no-repeat center center;
	background-size: cover;
}
#top-movie a {
	display: block;
	height: 100%;
	background-color: rgba(0,118,191,0.25);
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
#top-movie a:hover {
	background-color: rgba(0,118,191,0.55);
}
#top-movie .title {
	padding: 115px 0 13px;
	color: #fff;
	font-size: 14px;
	line-height: 120%;
	text-align: center;
}
#top-movie .play-button {
	text-align: center;
}

/* mpf */
.mfp-tad-movie.mfp-bg {
	background-color: rgba(240,251,253,0.95);
}
.mfp-tad-movie.mfp-close-btn-in .mfp-content .mfp-close {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 29px;
	height: 29px;
	background: url(../images/ic_close.png) no-repeat top left;
	padding: 0;
}
.mfp-tad-movie .mfp-iframe-holder .mfp-content {
	max-width: 1000px;
}
.mfp-tad-movie .mfp-iframe-holder .mfp-content .mfp-iframe {
	box-shadow: inherit;
}

/* top-exhi-area */
.top-exhi-area {
	overflow: hidden;
	padding: 70px 0 80px;
	background-color: #f4f4f2;
}
.top-exhi-area .top-exhi,
.top-exhi-area .top-coll {
	overflow: hidden;
	clear: both;
	width: 840px;
	margin: 0 auto;
}
.top-exhi-area .top-coll {
	padding-top: 48px;
}

/* exhi-entry */
.top-exhi-entry-area {
	margin-left: 95px;
	padding: 0 0 0 40px;
	border-left: solid 1px #757575;
}
.top-exhi-entry-area .exhi-entry {
	width: auto;
	margin-top: 40px;
	padding: 0 0 40px;
}
.top-exhi-entry-area .exhi-entry:first-child {
	margin-top: 0;
}
.top-exhi-entry-area .exhi-entry:last-child {
	padding-bottom: 0;
}
.top-exhi-entry-area .exhi-entry .photo {
	float: left;
	width: 270px;
	margin-right: 38px;
}
.top-exhi-entry-area .exhi-entry .photo img {
	max-width: 270px;
	height: auto;
}
.top-exhi-entry-area .exhi-entry .text {
	margin-left: 308px;
}
.top-exhi-entry-area .exhi-entry-none {
	box-sizing: border-box;
	min-height: 100px;
	padding-bottom: 30px;
}


/* vertical-title-area */
.vertical-title-area {
	float: left;
	width: 95px;
}
.vertical-title-area .title {
	display: inline-block;
	width: 80px;
	margin-bottom: 21px;
	-ms-writing-mode: tb-lr;
	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;

	font-size: 23px;
	letter-spacing: 0.12em;
	line-height: 120%;
}
.vertical-title-area .title span {
	display: block;
	padding-top: 3px;
	padding-left: 7px;

	font-family: "Roboto Slab";
	font-size: 14px;
	letter-spacing: 0.12em;
	line-height: 120%;
	vertical-align: top;
}
.vertical-title-area .button {}
.vertical-title-area .button a {
	display: inline-block;
	min-width: 46px;
	border: solid 1px #757575;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	-webkit-transition: color .3s, border .3s, background-color .3s;
	transition: color .3s, border .3s, background-color .3s;
}
.vertical-title-area .button a:hover {
	color: #fff;
	border: solid 1px #5bc4e7;
	background-color: #5bc4e7;
}

/* top-even */
.top-even {
	padding-top: 67px;
	margin-bottom: 80px;
}
.top-even-title-area {
	margin-bottom: 35px;
}
.top-even-title-area .title {
	text-align: center;
	font-size: 23px;
}
.top-even-title-area .title span {
	display: block;
	font-family: "Roboto Slab";
	font-size: 14px;
	letter-spacing: 0.1em;
}
.top-even-title-area .button {
	float: right;
	margin-top: -2.5em;
}
.top-even-title-area .button a {
	display: inline-block;
	min-width: 46px;
	border: solid 1px #757575;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	-webkit-transition: color .3s, border .3s, background-color .3s;
	transition: color .3s, border .3s, background-color .3s;
}
.top-even-title-area .button a:hover {
	color: #fff;
	border: solid 1px #5bc4e7;
	background-color: #5bc4e7;
}

.top-even-entry-area {
	overflow: hidden;
	padding-top: 10px;
	margin-top: -10px;
	margin-bottom: 30px;
}

.top-even .wide-button {
	margin: 0 auto 0;
	text-align: center;
}
.top-even .wide-button a {
	display: inline-block;
	min-width: 640px;
	border: solid 1px #757575;
	background: url(../images/arrow_right.png) no-repeat 98% center;
	-webkit-transition: all .3s;
	transition: all .3s;
	font-size: 14px;
	line-height: 50px;
	letter-spacing: 0.1em;
}
.top-even .wide-button a:hover {
	color: #fff;
	border: solid 1px #5bc4e7;
	background-color: #5bc4e7;
	background-image: url(../images/arrow_right_white.png);
}

/* top-news */
.top-news {
	background-color: #f4f4f2;
	padding: 70px 0;
}
.top-news .inner {
	overflow: hidden;
	width: 840px;
	margin: 0 auto;
}

.top-news-entry-area {
	min-height: 100px;
	margin-left: 95px;
	padding: 0 0 0 40px;
	border-left: solid 1px #757575;
}

.top-news dl {}
.top-news dl dt {
	float: left;
	padding-bottom: 1.25em;

	color: #747474;
	font-size: 14px;
	line-height: 160%;
	letter-spacing: 0.1em;
}
.top-news dl dd {
	margin-left: 7.4em;
	padding-bottom: 1.25em;

	font-size: 14px;
	line-height: 160%;
}
.top-news dl dd:last-child {
	padding-bottom: 0.3em;
}
.top-news dl dd a:hover{
	text-decoration: underline;
}

/* top faci */
.top-faci {
	overflow: hidden;
	margin-bottom: 80px;
}
.top-faci section {
	float: left;
	box-sizing: border-box;
	width: 50%;
	border-left: solid 1px #bdbdbd;
}
.top-faci section:nth-child(n+3) {
	width: 33%;
}
.top-faci section:nth-child(1),
.top-faci section:nth-child(3) {
	clear: both;
	border-left: none;
}
.top-faci section a {
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}
.top-faci section a:hover {
	opacity: .7;
}

.top-faci .photo {
	overflow: hidden;
}
.top-faci .photo img {
	width: 100%;
	height: auto;
	-webkit-transition: -webkit-transform 0.6s;
	transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	transition: transform 0.6s, -webkit-transform 0.6s;
}
.top-faci section a:hover .photo img {
	-webkit-transform: scale(1.05);
	        transform: scale(1.05);
}

.top-faci .title {
	box-sizing: border-box;
	min-height: 120px;
	padding-top: 2.2em;
	padding-bottom: 1.8em;
	font-size: 18px;
	text-align: center;
}
.top-faci .title span {
	display: block;
	padding-top: 0.3em;

	font-family: "Roboto Slab";
	font-size: 14px;
	line-height: 120%;
	letter-spacing: 0.1em;
}

/* top-others */
.top-others {
	clear: both;
	overflow: hidden;
	margin: 0 auto 80px;
}
.top-others section {
	float: left;
	width: 50%;
}
.top-others section:nth-child(odd) {
	clear: both;
}
.top-others section a {
	overflow: hidden;
	display: block;
	margin-left: 2%;
	margin-right: 0;
	border-top: solid 1px #bdbdbd;
	border-bottom: solid 1px #bdbdbd;
	background: url(../images/arrow_right.png) no-repeat 98% center;
}
.top-others section:nth-child(odd) a {
	clear: both;
	margin-right: 2%;
	margin-left: 0;
}
.top-others section:nth-child(n+3) a {
	border-top: none;
}

.top-others .photo {
	display: inline-block;
	width: 25%;
	vertical-align: middle;
}
.top-others .photo img {
	width: 100%;
	height: auto;
}
.top-others .title {
	display: inline-block;
	padding-left: 2%;
	max-width: 65%;

	font-size: 15px;
	line-height: 160%;
	vertical-align: middle;
}

/* top-banners */
.top-banners {
	overflow: hidden;
	width: 660px;
	margin: 0 auto 100px;
}
.top-banners ul {
	font-size: 0;
	text-align: center;
}
.top-banners ul li {
	box-sizing: border-box;
	display: inline-block;
	width: 160px;
	margin-bottom: 20px;
	border-right: solid 1px #bdbdbd;
	vertical-align: top;
}
.top-banners ul li:first-child,
.top-banners ul li:nth-child(5) {
	border-left: solid 1px #bdbdbd;
}
.top-banners ul li a {
	display: block;
	padding: 8px 9px;
}
.top-banners ul li.kogei a {
	padding-top: 5px;
	padding-bottom: 5px;
}
.top-banners ul li a img {
	width: 100%;
	height: auto;
}

@media screen and (min-width: 1260px) {
	.top-banners {
		width: 100%;
	}
	.top-banners ul li:nth-child(5) {
		border-left: none;
	}
}


/* ---------- collection ------------------------------------ */

/* -------- collection -------- */
.coll-intro {
	text-align: center;
	margin-bottom: 50px;
}
.coll-block-area {
	margin-bottom: 40px;
	padding-bottom: 20px;
	border-bottom: solid 1px #757575;
}
.coll-block-area:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.coll-block-area .third-title {
	text-align: center;
	margin-bottom: 36px;
}
.coll-block-area .third-title:after {
	margin-left: auto;
	margin-right: auto;
}
.coll-block {
	overflow: hidden;
	clear: both;
	padding: 50px 130px;
	border-bottom: solid 1px #bdbdbd;
	margin: 0 auto;
}
.coll-block:nth-child(2) {
	padding-top: 0;
}
.coll-block:last-child {
	border-bottom: none;
}
.coll-block .photo {
	float: left;
	width: 270px;
}
.coll-blcok .photo img {
	width: 100%;
	height: auto;
}
.coll-block .photo .credit {
	padding-top: 10px;
	font-size: 12px;
	line-height: 160%;
}
.coll-block .text {
	margin-left: 270px;
	padding-left: 36px;
}
.coll-block .text .maker {
	padding-top: 12px;
	font-size: 12px;
}


/* -------- search -------- */
.coll-search {
	text-align: center;
}
.coll-search p {
	margin-bottom: 38px;
}
.coll-search .web-button {
	text-align: center;
	margin-bottom: 58px;
}
.coll-search .web-button a {
	width: 640px;
	line-height: 70px;
}

/* -------- outdoor -------- */
.outd-block {}
.outd-block > .photo {
	margin-bottom: 40px;
}
.outd-block > section {
	overflow: hidden;
	margin-bottom: 52px;
}
.outd-block > section .text {
	float: left;
	width: 720px;
}
.outd-block > section .photo {
	float: right;
	width: 200px;
}

/* -------- permanent -------- */
.perm-photo {
	margin-bottom: 66px;
}

.perm-block {
	margin-bottom: 84px;
}
.perm-block > section {
	overflow: hidden;
	margin-bottom: 45px;
}
.perm-block .text {
	float: left;
	width: 600px;
}
.perm-block .photo {
	float: right;
	width: 320px;
	margin-top: 8px;
}
.perm-block .photo .caption {
	padding-top: 10px;
	font-size: 12px;
	line-height: 160%;
	text-align: left;
}

/* -------- poster -------- */
.post .content-box {
	width: auto;
}
.poster-intro {
	text-align: center;
	margin-bottom: 50px;
}
/* poster-archive */
.poster-archive {
	background-color: #f4f4f2;
	margin-bottom: 60px;
}
.poster-archive .inner {}
.poster-archive .archive-entry {
	padding: 30px 70px 30px 70px;
	border-bottom: solid 1px #bdbdbd;
}
.poster-archive .archive-entry .photo {
	width: 80px;
	margin-right: 38px;
}
.poster-archive .archive-entry .photo img {
	max-width: 80px;
}
.poster-archive .archive-entry .text {
	margin-left: 108px;
}
.poster-archive .archive-entry .date {
	color: #727272;
	font-size: 14px;
	line-height: 140%;
}
.poster-archive .archive-entry .title {
	padding-top: 0.8em;
	padding-bottom: 0.6em;
	font-size: 16px;
	line-height: 160%;
}

.poster-pagenavi-area {
	text-align: center;
}

.poster-block {
	width: 840px;
	margin: 0 auto  75px;
}
.poster-block .period {
	color: #727272;
}
.poster-block .name-title {
	margin-bottom: 25px;
}
.poster-block > p {
	margin-bottom: 50px;
}

.poster-designer {
	overflow: hidden;
	margin-bottom: 35px;
}
.poster-designer .text {
	float: left;
	width: 595px;
}
.poster-designer .photo {
	float: right;
	width: 200px;
}
.poster-designer .name-title {
	margin-bottom: 12px;
}
.poster-designer .button {
	margin-top: 25px;
}


/* ---------- visitor ------------------------------------ */

/* -------- general -------- */
.open-close {
	float: left;
	width: 530px;
	margin-bottom: 50px;
}
.open-close .list > li {
	font-size: 13px;
}

.admission-fee {
	float: right;
	width: 380px;
	margin-bottom: 50px;
}
.admission-fee .button {
	margin-bottom: 1em;
}
.admission-fee .dlist > dt {
	width: 8em;
	padding-right: 2em;
}
.admission-fee .dlist > dd {
	padding-left: 10em;
}
.admission-fee .list > li,
.admission-fee .olist > li {
	font-size: 13px;
}

.barrier-free {
	clear: both;
	margin-bottom: 50px;
}

.free-area {
	clear: both;
	margin-bottom: 70px;
}
.free-area p {
	line-height: 200%;
	margin-bottom: 1.2em;
}
.parking {
	overflow: hidden;
	margin-bottom: 75px;
}
.parking .left {
	float: left;
}
.parking .right {
	float: right;
}
.parking > section {
	float: left;
	width: 460px;
	margin-bottom: 30px;
}
.parking > section .third-title {
	margin-bottom: 26px;
}
.parking > section .dlist {
	margin-bottom: 0;
}
.parking > p {
	clear: both;
	margin-bottom: 1.6em;
}
.parking .button {
	margin-bottom: 12px;
}

/* -------- group -------- */
.group-use {
	margin-bottom: 75px;
}
.group-use p {
	margin-bottom: 2em;
}
.group-use > section {
	margin-top: 45px;
}
.group-use .word-button,
.group-use .pdf-button {
	margin-bottom: 10px;
}
.group-bus {
	margin-bottom: 70px;
}

/* -------- visitor-policies -------- */

.poli-list {
	margin-bottom: 50px;
}
.poli-list li {
	box-sizing: border-box;
	min-height: 40px;
	margin-bottom: 15px;
	padding: 7px 0 7px 50px;
	background: url(../images/visitor/pict_notice.png) no-repeat top left;
	background-size: 40px 40px;

	font-size: 14px;
	line-height: 180%;
}
.poli-list .pet      {background-image: url(../images/visitor/pict_pet.png);}
.poli-list .umbrella {background-image: url(../images/visitor/pict_umbrella.png);}
.poli-list .locker   {background-image: url(../images/visitor/pict_locker.png);}
.poli-list .eat      {background-image: url(../images/visitor/pict_eat.png);}
.poli-list .smoking  {background-image: url(../images/visitor/pict_smoking.png);}
.poli-list .touch    {background-image: url(../images/visitor/pict_touch.png);}
.poli-list .camera   {background-image: url(../images/visitor/pict_camera.png);}
.poli-list .mobile   {background-image: url(../images/visitor/pict_mobile.png);}
.poli-list .pencil   {background-image: url(../images/visitor/pict_pencil.png);}

.oyako-block {
	margin-top: 20px;
}
.oyako-block p {
	padding-bottom: 12px;
}

.poli-block {
	margin-top: 66px;
	margin-bottom: 60px;
}

/* -------- access -------- */
.visi.acce .content-box {
	width: auto;
}
#gmap {
	width: 100%;
	height: 480px;
	margin: 0 0 70px;
}

.acce-map {
	overflow: hidden;
	margin-bottom: 88px;
}
.acce-map .photo {
	float: left;
	width: 580px;
}
.acce-map .text {
	float: right;
	width: 320px;
}
.acce-map address {
	padding-bottom: 1.8em;
	line-height: 180%;
}
.acce-map .web-button {
	margin-bottom: 30px;
}
.acce-map .web-button a {
	width: 100%;
}
.acce-map .button {
	margin-bottom: 1em;
}

.acce-block {
	margin-bottom: 80px;
}
.acce-block > section {
	margin-bottom: 60px;
}
.acce-block .dlist {}
.acce-block .dlist dt {
	width: 8em;
}
.acce-block .dlist dd {
	padding-left: 10.5em;
}
.acce-block .dlist .list {
	padding-top: 0.6em;
	margin-bottom: 0;
}
.acce-block .dlist .list li {
	font-size: 13px;
}

/* -------- surround -------- */
.surr-intro {
	text-align: center;
	margin-bottom: 60px;
}
.surr-block {
	overflow: hidden;
	padding-top: 56px;
	margin-bottom: 60px;
	border-top: solid 1px #bdbdbd;
}
.surr-block .left {
	float: left;
	width: 580px;
}
.surr-block .right {
	float: right;
	width: 320px;
}
.surr-block .web-button {
	margin-bottom: 30px;
}
.surr-block address {
	line-height: 200%;
}
.surr-block .photo {
	clear: both;
	padding-top: 48px;
}
.surr-block p {
	clear: both;
}

/* ---------- facility ------------------------------------ */

/* -------- floormap -------- */
.floor-block {
	margin-bottom: 70px;
}
.floor-block .second-title {
	margin-bottom: 40px;
	font-size: 24px;
}
.floor-block .second-title:after {
	margin-top: 16px;
}
.floor-block .second-title span {
	display: inline-block;
	float: right;
	font-size: 14px;
	line-height: 280%;
}
.floor-block > div {
	position: relative;
}
.floor-block .figure {}

.floor-block .floor-nav {
	width: 340px;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.floor-nav ul {
	border-top: solid 1px #bdbdbd;
}
.floor-nav ul li {
	clear: both;
	min-height: 60px;
	border-bottom: solid 1px #bdbdbd;
}
.floor-nav ul li a {
	display: block;
	background: url(../images/arrow_right.png) no-repeat right center;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}
.floor-nav ul li a:hover {
	opacity: 0.6;
}
.floor-nav ul li .photo {
	display: inline-block;
	width: 90px;
	vertical-align: middle;
}
.floor-nav ul li .photo img {
	width: 100%;
	height: auto;
}
.floor-nav ul li .title {
	display: inline-block;
	vertical-align: middle;
	padding: 21px 0 21px 12px;
	padding-left: 15px;
	font-size: 14px;
	line-height: 120%;
	letter-spacing: 0.1em;
}

.floor-nav .panorama-button {
	margin-bottom: 27px;
	text-align: center;
}
.floor-nav .panorama-button a {
	padding: 14px 36px;
}

/* -------- facilities -------- */
.facl .content-box {
	overflow: hidden;
}
.facilities-area {
	overflow: hidden;
	margin-bottom: 40px;
}
.facilities-area > section {
	box-sizing: border-box;
	float: left;
	width: 320px;
	border-right: solid 1px #bdbdbd;
	margin-bottom: -400px;
	padding-bottom: 400px;
}
.facilities-area > section:nth-child(3n+1) {
	clear: both;
}
.facilities-area > section:nth-child(3n) {
	border-right: none;
}
.facilities-area .photo img {
	width: 100%;
	height: auto;
}
.facilities-area .text {
	padding: 24px 30px 32px;
}
.facilities-area .title {
	font-size: 18px;
	line-height: 130%;
	padding-bottom: 0.6em;
}
.facilities-area .title span.ja {
	padding-right: 0.7em;
}
.facilities-area .title span.en {
	font-family : "Roboto Slab";
	font-size: 14px;
	line-height: 130%;
}
.facilities-area p {
	line-height: 160%;
}

.facilities-notice {
	clear: both;
	margin-bottom: 75px;
}

.facilities-others {}
.facilities-others .dlist {}
.facilities-others .dlist > dt {
	width: 11em;
	padding-right: 2.5em;
}
.facilities-others .dlist > dd {
	padding-left: 13.5em;
}
.facilities-others .dlist .list {
	margin-bottom: 0;
}

/* -------- restaurant-cafe -------- */
.rest .content-box {
	width: auto;
}
.faci-block {
	clear: both;
	overflow: hidden;
	position: relative;
	margin-bottom: 75px;
}
.faci-block  p {
	line-height: 200%;
}

.faci-block .text {
	float: left;
	width: 580px;
}
.faci-block .text .headline {
	font-size: 16px;
	font-weight: bold;
	line-height: 160%;
	padding-bottom: 7px;
}

.faci-block .info {
	float: right;
	width: 320px;
	margin-top: 80px;
}
.faci-block .web-button {
	margin-bottom: 32px;
}
.faci-block .dlist {
	margin-bottom: 26px;
}
.faci-block .dlist > dt {
	width: 5em;
	padding-right: 1.5em;
}
.faci-block .dlist > dd {
	padding-left: 6.5em;
}

/* recommends-block */
.recommends-block {
	overflow: hidden;
	margin-bottom: 90px;
}
.recommends-block > section {
	box-sizing: border-box;
	float: left;
	width: 320px;
	border-left: solid 1px #bdbdbd;
}
.recommends-block > section:nth-child(3n+1) {
	clear: both;
	border-left: none;
}
.recommends-block .photo {}
.recommends-block .text {
	padding: 22px 30px;
}
.recommends-block .title {
	padding-bottom: 0.5em;
	font-size: 14px;
	font-weight: bold;
	line-height: 140%;
}
.recommends-block .price {
	padding-bottom: 1.4em;
	font-size: 12px;
	line-height: 120%;
}
.recommends-block .description {
	line-height: 180%;
}

/* menu-block */
.menu-block {}
.menu-block > section {
	margin-bottom: 35px;
}
.menu-block > section > section {
	margin-bottom: 20px;
}
.menu-block .third-title {
	margin-bottom: 24px;
}
.menu-block .forth-title {
	margin-bottom: 0.9em;
}
.menu-block .forth-title span {
	padding-left: 13px;
	font-weight: normal;
	font-size: 13px;
}
.menu-block .list li {
	font-size: 13px;
}


/* -------- museumshop -------- */
.muse .content-box {
	width: auto;
}
.muse-block .text {
	float: none;
	width: auto;
	margin-bottom: 50px;
}

/*.muse-block .text {
	width: 590px;
}
.muse-block .web-button {
	top: 4px;
}*/

/* -------- rooftop -------- */
.roof .content-box {
	width: auto;
	margin-bottom: 0;
}
.roof-block {}
.roof-block .text {
	float: none;
	width: auto;
	margin-bottom: 50px;
}
.roof-block > .dlist {
	margin-bottom: 75px;
}
.roof-caution {
	margin-bottom: 75px;
}

.roof-design {
	overflow: hidden;
}
.roof-design > section {
	overflow: hidden;
	margin-bottom: 50px;
}
.roof-design .text {
	float: left;
	width: 715px;
}
.roof-design .photo {
	float: right;
	width: 200px;
	text-align: center;
	margin-top: 15px;
}

.roof-note {
	clear: both;
}

.roof-app {
	overflow: hidden;
	margin-bottom: 50px;
}
.roof-app .roof-app-title {
	border-bottom: solid 1px #757575;
	padding-bottom: 10px;
	margin-bottom: 45px;
}
.roof-app .photo {
	overflow: hidden;
	float: left;
	width: 530px;
}
.roof-app .photo .app-logo {
	box-sizing: border-box;
	float: left;
	margin-top: 30px;
	padding-right: 36px;
	border-right: solid 1px #bdbdbd;
}
.roof-app .photo .app-buttons {
	box-sizing: border-box;
	float: left;
	margin-top: 30px;
	padding-left: 35px;
	font-size: 0;
	text-align: left;
}
.roof-app .photo .app-buttons a {
	display: inline-block;
	margin-top: 25px;
	margin-right: 10px;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
}
.roof-app .photo .app-buttons a:hover {
	opacity: 0.6;
}
.roof-app .text {
	float: right;
	width: 380px;
	margin-bottom: 0;
}
.roof-app .text p:first-child {
	margin-bottom: 1.2em;
}
.roof-app .text p.asterisk {
	font-size: 13px;
}
.roof-app .text section {
	margin-top: 36px;
}
.roof-app .text section p {
	margin-bottom: 1em;
}


/* ---------- about ------------------------------------ */

/* -------- concept -------- */
.conc .content-box {
	width: auto;
	text-align: center;
}

.concept-intro {
	display: inline-block;
	padding: 13px 38px;
	border-left: solid 1px #bdbdbd;
	border-right: solid 1px #bdbdbd;
	margin-bottom: 50px;
}
.concept-intro .title {
	font-size: 14px;
	font-weight: bold;
	line-height: 120%;
	letter-spacing: 0.1em;
}
.concept-intro .title span {
	padding-left: 0.7em;
	font-family: "Roboto Slab";
	font-size: 13px;
	font-weight: normal;
	line-height: 120%;
	letter-spacing: 0.1em;
}
.concept-intro p {
	padding-top: 0.8em;
	color: #747474;
	font-size: 12px;
	line-height: 120%;
}

.concept-block {
	overflow: hidden;
	position: relative;
	clear: both;
	text-align: left;
}
.concept-block .photo {
	width: 50%;
	float: left;
}
.concept-block .photo img {
	width: 100%;
	height: auto;
}
.concept-block .text {
	width: 50%;
	float: right;
	box-sizing: border-box;
	padding: 0 58px;

	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.concept-block .title {
	padding-bottom: 24px;
	font-size: 20px;
	line-height: 180%;
}
.concept-block .title span {
	display: block;
	padding-bottom: 8px;
	font-family: "Roboto Slab";
	font-size: 24px;
	line-height: 120%;
	letter-spacing: 0.1em;
}
.concept-block p {
	line-height: 200%;
}
.concept-block.concept-02 .photo,
.concept-block.concept-04 .photo {
	float: right;
}
.concept-block.concept-02 .text,
.concept-block.concept-04 .text {
	float: left;
	left: 0;
}

/* -------- greeting -------- */
.greeting-text {
	margin-bottom: 66px;
}
.greeting-text .signature {
	font-weight: bold;
	padding-top: 1.8em;
	text-align: right;
}

.curator-profile {
	overflow: hidden;
}
.curator-profile .text {
	float: left;
	width: 685px;
}
.curator-profile .photo {
	float: right;
	width: 240px;
	margin-top: 12px;
}

/* -------- design -------- */
.desi .content-box .text {
	float: left;
	width: 715px;
}
.desi .content-box .photo {
	float: right;
	width: 200px;
	text-align: center;
}

.arch-block {}
.arch-block > section {
	clear: both;
	overflow: hidden;
	margin-bottom: 48px;
}
.arch-outline {
	clear: both;
	overflow: hidden;
	margin-bottom: 50px;
}
.arch-outline .photo-outline {
	margin-bottom: 48px;
}
.arch-outline .dlist {
	width: 460px;
}
.arch-outline .dlist-left {
	float: left;
	width: 520px;
}
.arch-outline .dlist-right {
	float: right;
	width: 400px;
}

.about-logo {
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
}
.about-logo > section {
	clear: both;
	overflow: hidden;
	margin-bottom: 60px;
}
.about-logo .photo-logo {
	margin-top: 15px;
}
.about-logo .photo-designer {
	margin-top: 15px;
}

.about-uniform {
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
}
.about-uniform > section {
	clear: both;
	overflow: hidden;
	margin-bottom: 60px;
}
.about-uniform .photo-area {
	overflow: hidden;
	margin-top: 42px;
	margin-bottom: 46px;
}
.about-uniform .photo-area .photo-ss {
	float: left;
	width: 470px;
}
.about-uniform .photo-area .photo-aw {
	float: right;
	width: 470px;
}
.about-uniform .photo-area .name-title {
	margin-bottom: 0.8em;
}
.about-uniform .photo-area img {
	width: 100%;
	height: auto;
}
.about-uniform .photo-area .credit {
	clear: both;
	padding-top: 6px;
	font-size: 10px;
	line-height: 140%;
	text-align: left;
}

.about-uniform .photo-designer {
	margin-top: 10px;
}
.about-uniform .photo-designer .caption {
	padding-top: 5px;
	font-size: 10px;
	line-height: 140%;
	text-align: left;
}

.about-poster {
	clear: both;
	overflow: hidden;
	margin-bottom: 15px;
}
.about-poster > section {
	clear: both;
	overflow: hidden;
	margin-bottom: 60px;
}
.about-poster .photo-area {
	height: 480px;
	margin-top: 56px;
	margin-bottom: 46px;
	background-color: #d3d3d3;
	font-size: 0;
	text-align: center;
}
.about-poster .photo-area .photo-1 {
	display: inline-block;
	width: 283px;
	margin-top: 40px;
	margin-right: 10px;
}
.about-poster .photo-area .photo-2 {
	display: inline-block;
	width: 283px;
	margin-top: 40px;
	margin-left: 10px;
}
.about-poster .photo-area img {
	width: 100%;
	height: auto;
}
.about-poster .photo-designer {
	margin-top: 15px;
}

.about-miruzo {
	clear: both;
	overflow: hidden;
	margin-bottom: 60px;
}
.about-miruzo .photo-miruzo {
	margin-top: 6px;
}

.design-other {
	clear: both;
}
.design-other > div {
	margin-bottom: 1em;
}

/* -------- history -------- */
.history-table {
	width: 100%;
	margin: 0 auto;
}
.history-table th,
.history-table td {
	padding: 16px 0;
	border-bottom: solid 1px #e0e0e0;
	line-height: 200%;
}
.history-table th {
	min-width: 7em;
}

/* -------- council -------- */
.coun-committee {
	margin-bottom: 80px;
}
.coun-committee > section {}
.coun-committee > section > section {
	margin-bottom: 35px;
}
.coun-committee .button {}
.coun-conference {}
.coun-conference .third-title {
	margin-bottom: 30px;
}

/* -------- publication -------- */
.abou.publ .content-box {
	width: auto;
}
.publ-intro {
	margin-bottom: 60px;
	text-align: center;
}
.publ-sale {
	color: #5CC4E8;
	font-weight: bold;
}

.publ-list-area {
	overflow: hidden;
	background-color: #f4f4f2;
	padding: 30px 0 40px;
}
.publ-list {
	width: 840px;
	margin: auto;
}
.publ-list li {
	margin-bottom: 20px;
}
.publ-list .title {
	margin-bottom: 5px;
	font-size: 14px;
}
.publ-list .description {
	color: #757575;
	font-size: 13px;
}
.publ-list .publ-sale {
	padding-left: 11px;
}

/* ---------- friend ------------------------------------ */

/* info-block */
.info-block {
	background-color: #f4f4f2;
	padding: 60px;
	margin-bottom: 78px;
}
.info-block .inner {
	overflow: hidden;
	min-height: 80px;
}
.info-title-area {
	float: left;
}
.info-title-area .title {
	font-size: 20px;
	line-height: 120%;
}
.info-title-area .select {
	display: inline-block;
	margin-top: 15px;
}
.info-title-area .select select {
	min-width: 210px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 12px;
}
.info-entry-area {
	border-left: solid 1px #757575;
	margin-left: 254px;
	margin-bottom: -400px;
	padding-left: 35px;
	padding-bottom: 400px;
}
.info-entry-area dl {
	overflow: hidden;
	margin-bottom: -10px;
}
.info-entry-area dl dt,
.info-entry-area dl dd {
	padding-bottom: 1em;
	font-size: 14px;
	line-height: 120%;
	letter-spacing: 0.1em;
}
.info-entry-area dl dt {
	clear: both;
	float: left;
	color: #747474;
}
.info-entry-area dl dd {
	float: left;
	padding-left: 1.3em;
	margin-bottom: 0.3em;
}
.info-entry-area dl dd a {
	display: block;
	background: url(../images/ic_pdf.png) no-repeat left center;
	padding-left: 19px;
}
.info-entry-area dl dd a:hover {
	text-decoration: underline;
}
.info-entry-area .button {
	clear: both;
}

.frie-about {
	margin-top: 70px;
	margin-bottom: 70px;
}
.frie-about .pdf-button {
	margin-top: 24px;
}

.frie-division {
	margin-bottom: 70px;
}
.frie-division > section {
	margin-bottom: 60px;
}
.frie-division .table {
	width: 820px;
	margin-top: 34px;
	margin-bottom: 55px;
}
.frie-division .table td:last-child {
	text-align: center;
}

.frie-discount {
	box-sizing: border-box;
	width: 600px;
	border: solid 1px #d3d3d3;
	padding: 0 38px 5px;
	margin-bottom: 60px;
}
.frie-discount .title {
	margin-top: -0.6em;
	padding: 0 0 1.6em;

	font-size: 15px;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
}
.frie-discount .title span {
	display: inline-block;
	background-color: #fff;
	padding: 0 1.5em;
}
.frie-discount .dlist {
	margin-bottom: 0;
}

.frie-discount .dlist > dt {
	width: 8em;
}
.frie-discount .dlist > dd {
	padding-left: 10.5em;
}
.frie-discount .dlist > dd:last-child {
	border-bottom: none;
}

.frie-old {
	margin-bottom: 70px;
}
.frie-old .list {
	margin-bottom: 35px;
}
.frie-old > section {

}
.frie-old-block {
	margin-bottom: 24px;
}
.frie-old-block .forth-title {
	margin-bottom: 0.2em;
}

.frie-privilege {
	width: 600px;
	box-sizing: border-box;
	border: solid 1px #5cc4e8;
	padding: 0 30px 15px;
	margin-top: 55px;
}
.frie-privilege .title {
	margin-top: -0.6em;
	padding: 0 0 1.6em;

	font-size: 15px;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
}
.frie-privilege .title span {
	display: inline-block;
	background-color: #fff;
	padding: 0 1.2em;
}
.frie-privilege .list {
	margin-bottom: 0;
}
.frie-privilege p {
	padding-bottom: 0.7em;
	line-height: 180%;
}

.frie-flow {}
.frie-flow .flow-block {
	position: relative;
	padding-left: 54px;
	margin-bottom: 40px;
}
.frie-flow .flow-block .flow-num {
	position: absolute;
	top: 0;
	left: 0;

	display: inline-block;
	width: 36px;
	height: 36px;
	background-color: #5cc4e8;
	border-radius: 18px;
	text-align: center;

	color: #fff;
	font-size: 14px;
	vertical-align: middle;
	line-height: 36px;
}
.frie-flow .flow-block .title {
	padding: 5px 0 20px;
	font-size: 18px;
	line-height: 140%;
}
.frie-flow .flow-block h4 {
	padding-bottom: 0.4em;
	font-size: 14px;
	font-weight: bold;
}
.frie-flow .flow-block p {
	padding-bottom: 1.2em;
}
.frie-flow .flow-block > section {
	margin-bottom: 34px;
}
.frie-flow .flow-block .pdf-button {
	margin-bottom: 10px;
}

/* -------- history -------- */
.frie-hist-intro {
	margin-bottom: 48px;
}
.frie-hist-block {}

/* -------- regulation -------- */
.regu-block {}
.regu-block > section {
	margin-bottom: 38px;
}
.regu-revision {
	margin-bottom: 36px;
	font-weight: bold;
}

/* -------- report -------- */
.frie.repo.inde .content-box,
.educ.repo.inde .content-box,
.volu.repo.inde .content-box {
	width: auto;
}

/* report-archive */
.report-archive {
	background-color: #f4f4f2;
}

/* archive-nav */
.archive-nav {
	background-color: #f4f4f2;
	text-align: center;
}
.archive-nav .inner {
	width: 840px;
	padding: 50px 0 34px;
	margin: 0 auto;
	border-bottom: solid 1px #bdbdbd;
}
.archive-nav .select {
	display: inline-block;
	margin: 0 5px 8px;
}

/* archive-entry-area */
.archive-entry-area {
	overflow: hidden;
	background-color: #f4f4f2;
	padding: 0 0 60px;
}

/* archive-entry */
.archive-entry {
	box-sizing: border-box;
	overflow: hidden;
	width: 840px;
	padding: 30px 70px 30px 65px;
	border-bottom: solid 1px #bdbdbd;
	margin: 0 auto;
}
.archive-entry:first-child {
	margin-top: 0;
}
.archive-entry .photo {
	float: left;
	width: 120px;
	margin-right: 38px;
}
.archive-entry .photo img {
	max-width: 120px;
	height: auto;
}
.archive-entry .text {
	margin-left: 152px;
}
.archive-entry .date {
	display: inline-block;
	margin-bottom: 0.4em;
	color: #727272;
	font-size: 14px;
	line-height: 140%;
	vertical-align: middle;
}
.archive-entry .category {
	display: inline-block;
	margin-left: 1em;
	margin-bottom: 0.4em;
	color: #5ac4e6;
	font-size: 13px;
	font-weight: bold;
	line-height: 120%;
	vertical-align: middle;
}
.archive-entry .title {
	padding-bottom: 0.6em;
	font-size: 16px;
	line-height: 160%;
}


/* archive-entry hover */
.archive-entry > a {
	display: block;
	overflow: hidden;
}
.archive-entry .photo {
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}
.archive-entry .title,
.archive-entry .date,
.archive-entry p {
	-webkit-transition: color .3s;
	transition: color .3s;
}
.archive-entry > a:hover .photo {
	opacity: .7;
}
.archive-entry > a:hover .title,
.archive-entry > a:hover .date,
.archive-entry > a:hover p {
	color: #5bc4e7;
}

/* ---------- education ------------------------------------ */
/* -------- index -------- */
.prog-intro {
	margin-bottom: 60px;
	text-align: center;
}
.prog-intro .inner {
	display: inline-block;
	padding: 13px 38px;
	border-left: solid 1px #bdbdbd;
	border-right: solid 1px #bdbdbd;
}
.prog-intro .title {
	font-size: 14px;
	font-weight: bold;
	line-height: 120%;
	letter-spacing: 0.1em;
}
.prog-intro p {
	padding-top: 0.8em;
	color: #747474;
	font-size: 12px;
	line-height: 120%;
}

.prog-index {
	overflow: hidden;
	margin-bottom: 75px;
}
.prog-index > p {
	margin-bottom: 34px;
}
.prog-index ol {}
.prog-index ol li {
	clear: both;
	overflow: hidden;
}
.prog-index ol li .num {
	float: left;
	width: 58px;
	font-size: 24px;
	font-family: "Roboto Slab";
	letter-spacing: 0.08em;
}
.prog-index ol li .text {
	margin-left: 58px;
	padding-left: 28px;
	padding-bottom: 28px;
	border-left: solid 1px #757575;
}
.prog-index ol li:last-child .text {
	padding-bottom: 2px;
}
.prog-index ol li p {
	padding-bottom: 2px;
}
.prog-index ol li .title {
	display: inline-block;
	border-bottom: solid 1px #757575;
	font-size: 20px;
	line-height: 160%;
}
.prog-index ol li:first-child {
	padding-top: 6px;
}
.prog-index ol li:first-child p{
	margin-top: -10px;
}

.prog-block {
	margin-bottom: 75px;
}
.prog-block > section {
	margin-bottom: 35px;
	padding-bottom: 34px;
	border-bottom: solid 1px #bdbdbd;
}
.prog-block .third-title {
	margin-bottom: 10px;
}
.prog-block .third-title:after {
	display: none;
}
.prog-block p {
	margin-bottom: 18px;
}
.prog-block .button {
	margin-top: 16px;
	margin-bottom: 12px;
}
.prog-block .list {
	margin-top: 16px;
	margin-bottom: 0;
}

/* -------- univercity -------- */
.univ-block {
	margin-bottom: 75px;
}
.univ-block .second-title {
	margin-bottom: 32px;
}
.univ-block .univ-pause {
	padding-bottom: 17px;
	font-weight: bold;
}
.univ-block .buttons {
	margin-top: 35px;
}
.univ-block .button {
	margin-bottom: 12px;
}

/* ---------- volunteer ------------------------------------ */
/* -------- index -------- */
.volu-block {
	margin-bottom: 75px;
}
.volu-block > p {
	margin-bottom: 40px;
}
.volu-block > section {
	margin-bottom: 45px;
}
.volu-block table {
	width: 100%;
	margin-bottom: 50px;
}
.volu-block table tr {
	border-bottom: solid 1px #e0e0e0;
}
.volu-block table th,
.volu-block table td {
	padding: 16px 13px 16px 0;
}
.volu-block table th {
	width: 16%;
}

.volu-block .activity {
	margin-bottom: 25px;
}
.volu-block .activity > section {
	margin-bottom: 20px;
}
.volu-block .activity .title {
	margin-top: 20px;
	padding-bottom: 14px;
	font-size: 16px;
}
.volu-block .activity .title span {
	padding-right: 8px;
	font-family: "Roboto Slab"
}
/* -------- info -------- */

/* ---------- ipt ------------------------------------ */
.ipt .content-box {
	width: auto;
}
.ipt-intro {
	margin-bottom: 58px;
	text-align: center;
}
.ipt-intro .intro-en {
	padding-bottom: 5px;
	font-family: "Roboto Slab"

}
.ipt-content {}
.ipt-content .title {
	margin-bottom: 25px;
	font-size: 18px;
	line-height: 160%;
}
.ipt-content .description {
	padding-bottom: 0.4em;
}
.ipt-content .text-link {
	margin-bottom: 8px;
}
.ipt-content .buttons .flier-button:after {
	display: none;
}
.ipt-content .list > li {
	padding-bottom: 0.9em;
}
.ipt-block {
	margin-top: 30px;
	margin-bottom: 40px;
	padding-bottom: 38px;
	border-bottom: solid 1px #bdbdbd;
}
.ipt-block .list {
	margin-bottom: 0;
}

/* ---------- press ------------------------------------ */
.press-provide {}
.press-provide > p {
	margin-bottom: 46px;
}
.press-provide .list {
	margin-bottom: 30px;
}

.press-form-intro {
	text-align: left;
	margin-bottom: 40px;
}
.press-condition {
	margin-bottom: 5px;
}

/* ---------- privacy ------------------------------------ */
.priv-intro {
	margin-bottom: 60px;
}
.priv-block {
	margin-bottom: 55px;
}
.priv-block .second-title {
	margin-bottom: 32px;
}

/* ---------- contact ------------------------------------ */
.cont-intro {
	margin-bottom: 38px;
	text-align: center;
}
.cont-block {
	margin-left: auto;
	margin-right: auto;
}

/* ---------- sitemap ------------------------------------ */
.site-block {
	float: left;
	width: 460px;
	border-top: solid 1px #bdbdbd;
	padding: 22px 0 46px;
}
.site-block:nth-child(even) {
	clear: both;
	margin-right: 40px;
}
.site-block:first-child,
.site-block:last-child {
	clear: both;
	width: 100%;
	margin: 0;
}
.site-block .title {
	padding-bottom: 20px;
	font-size: 17px;
	line-height: 160%;
}
.site-block a {
	display: inline-block;
	padding: 3px 0 3px 20px;
	margin-bottom: 3px;
	background: url(../images/arrow_right.png) no-repeat left center;

	font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 160%;
}
.site-block a:hover {
	text-decoration: underline;
}

/* ---------- exhibition-event ------------------------------------ */
.exhi .content-box {
	width: auto;
}

/* -------- exhibition -------- */

/* exhi-nav */
.exhi-nav {
	font-size: 0;
	text-align: center;
}
.exhi-nav > div {
	display: inline-block;
	width: 420px;
	height: 60px;
}
.exhi-nav > div > a {
	display: block;
	-webkit-transition: color .3s;
	transition: color .3s;
}
.exhi-nav .title {
	font-size: 14px;
	line-height: 60px;
	letter-spacing: 0.1em;
}
.exhi-nav .title span {
	padding-left: 19px;
	background: url(../images/angle_bottom.png) no-repeat left center;
}
.exhi-nav > div.current {
	background-color: #f4f4f2;
}
.exhi-nav .current .title {
	color: #747474;
}

/* archive-area */
.archive-area {
	background-color: #f4f4f2;
}

/* exhi-entry-area */
.exhi-entry-area {
	overflow: hidden;
	background-color: #f4f4f2;
	padding: 20px 0 20px;
}

/* exhi-entry */
.exhi-entry {
	box-sizing: border-box;
	overflow: hidden;
	width: 840px;
	padding: 50px 70px 50px 65px;
	border-bottom: solid 1px #bdbdbd;
	margin: 0 auto;
}
.exhi-entry:last-child {
	border-bottom: none;
}
.exhi-entry .photo {
	float: left;
	width: 270px;
	margin-right: 38px;
}
.exhi-entry .photo img {
	max-width: 270px;
	height: auto;
}
.exhi-entry .text {
	margin-left: 308px;
}
.exhi-entry .headline {
	padding-bottom: 0.6em;
	color: #5bc4e7;
	font-size: 13px;
	font-weight: bold;
	line-height: 120%;
}
.exhi-entry .title {
	padding-bottom: 0.6em;
	font-size: 18px;
	line-height: 160%;
}
.exhi-entry .period {
	margin-bottom: 1.5em;
	color: #727272;
	font-size: 14px;
	line-height: 160%;
}
.exhi-entry .description {
	font-size: 13px;
}

/* exhi-entry hover */
.exhi-entry > a {
	display: block;
	overflow: hidden;
}
.exhi-entry .photo {
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}
.exhi-entry .title,
.exhi-entry .period,
.exhi-entry p {
	-webkit-transition: color .3s;
	transition: color .3s;
}
.exhi-entry > a:hover .photo {
	opacity: .7;
}
.exhi-entry > a:hover .title,
.exhi-entry > a:hover .period,
.exhi-entry > a:hover p {
	color: #5bc4e7;
}
.exhi-entry .more-button {
	margin-top: 20px;
}

/* -------- exhibition-past -------- */
/* year-archive-nav */
.year-archive-nav {
	overflow: hidden;
	padding: 56px 0 0;
	background-color: #f4f4f2;
}
.year-archive-nav .inner {
	overflow: hidden;
	width: 840px;
	margin: 0 auto;
	padding-bottom: 16px;
	border-bottom: solid 1px #757575;
}
.year-archive-nav .title {
	float: left;
	padding-top: 1.2em;
	font-size: 16px;
	line-height: 120%;
	letter-spacing: 0.1em;
}
.year-archive-nav .select {
	float: right;
}

/* past.exhi-entry-area */
.past.exhi-entry-area {
	padding-bottom: 40px;
}
.past.exhi-entry-area .exhi-entry {
	padding-top: 40px;
	padding-bottom: 40px;
}
.past.exhi-entry-area .exhi-entry .photo {
	width: 100px;
}
.past.exhi-entry-area .exhi-entry .photo img {
	max-width: 100px;
}
.past.exhi-entry-area .exhi-entry .text {
	margin-left: 138px;
}
.past.exhi-entry-area .exhi-entry .period br {
	display: none;
}

/* -------- event -------- */

/* even-nav */
.even-nav {
	padding: 42px 0 46px;
	background-color: #f4f4f2;
	text-align: center;
}
.even-nav .select {
	display: inline-block;
	margin: 0 8px;
}

/* even-entry-area */
.even-entry-area {
	overflow: hidden;
	margin-top: -10px;
	padding-top: 10px;
}

/* even-entry */
.even-entry {
	box-sizing: border-box;
	position: relative;
	float: left;
	width: 25%;
	margin-bottom: -800px;
	padding-bottom: 800px;
	border-left: solid 1px #bdbdbd;
}
.even-entry:nth-child(4n+1) {
	clear: both;
	border-left: none;
}
.even-entry .new-icon {
	position: absolute;
	top: -10px;
	left: 10px;
	width: 60px;
	height: 60px;
	background: url(../images/ic_new.png) no-repeat top center;

	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	z-index: 100;
}
.even-entry .photo a {
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.even-entry .photo a:hover {
	opacity: 0.7;
}
.even-entry .photo img {
	width: 100%;
	height: auto;
}
.even-entry .text {
	padding: 18px 20px 32px;
}
.even-entry .category {
	padding-bottom: 0.6em;
	color: #5ac4e6;
	font-size: 13px;
	font-weight: bold;
	line-height: 120%;
}
.even-entry .title {
	padding-bottom: 0.6em;
	font-size: 15px;
	line-height: 160%;
}
.even-entry .period {
	color: #727272;
	font-size: 14px;
	line-height: 160%;
}
.even-entry .new-text {
	display: inline-block;
	padding-left: 5px;
	color: #5ac4e6;
	font-size: 13px;
	font-weight: bold;
}
.related-entry-area .even-entry .new-text {
	display: none;
}


/* even-entry hover */
.even-entry .photo {
	overflow: hidden;
	height: 0;
	padding-bottom: 66.6%;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}
.even-entry .title,
.even-entry .period {
	-webkit-transition: color .3s;
	transition: color .3s;
}
.even-entry > a {
	display: block;
	overflow: hidden;
}
.even-entry > a:hover {}
.even-entry > a:hover .photo {
	opacity: .7;
}
.even-entry > a:hover .title,
.even-entry > a:hover .period {
	color: #5ac4e6;
}

/* -------- detail -------- */
.detail-box {
	width: 840px;
	margin-left: auto;
	margin-right: auto;
}

.detail-title-area {
	margin-top: 70px;
	margin-bottom: 36px;
	text-align: center;
}
.detail-title-area .headline {
	margin-bottom: 25px;
	color: #59c4e5;
	font-size: 14px;
	font-weight: bold;
	line-height: 120%;
}
.detail-title-area .headline:after {
	content: "";
	display: block;
	width: 40px;
	height: 1px;
	background-color: #5cc4e8;
	margin: 20px auto 0;
}
.detail-title-area .title {
	padding-bottom: 0.3em;
	font-size: 24px;
	line-height: 160%;
}
.detail-title-area .period {
	color: #727272;
	font-size: 16px;
	line-height: 160%;
}
.detail-title-area .period br {
	display: none;
}
.detail-title-area .date {
	color: #727272;
	font-size: 14px;
	line-height: 160%;
}

.detail-content {
	margin-bottom: 70px;
	background-color: #f4f4f2;
}
.detail-content .detail-box {
	overflow: hidden;
	position: relative;
	padding: 70px 0 80px;
}
.detail-content .photo {
	float: left;
	width: 400px;
}
.detail-content .photo img {
	max-width: 100%;
	height: auto;
}
.detail-content .text {
	float: right;
	width: 400px;
}

.detail-content .buttons {
	box-sizing: border-box;
	display: inline-block;
	position: absolute;
	bottom: 0;
	right: 0;
	clear: both;
	background-color: #fff;
	min-height: 60px;
	padding: 19px 34px;
	text-align: center;
}
.detail-content .flier-button {
	display: inline-block;
	margin-right: 13px;
	font-size: 13px;
	line-height: 120%;
	letter-spacing: 0.1em;
	vertical-align: middle;
}
.detail-content .flier-button:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 16px;
	margin-left: 20px;
	background-color: #bdbdbd;
	vertical-align: middle;
}
.detail-content .flier-button span {
	padding-left: 20px;
	background: url(../images/ic_pdf.png) no-repeat left center;
}
.detail-content .flier-button a {
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}
.detail-content .flier-button a:hover {
	opacity: .6;
}
.detail-content .share-button {
	display: inline-block;
}
.detail-content .share-button .label {
	display: inline-block;
	color: #757575;
	font-size: 13px;
	line-height: 120%;
	letter-spacing: 0.1em;
	vertical-align: middle;
}
.detail-content .share-button ul {
	display: inline-block;
	vertical-align: middle;
}
.detail-content .share-button ul li {
	display: inline-block;
	margin-left: 6px;
	vertical-align: middle;
}
.detail-content .share-button ul li a {
	display: block;
	width: 19px;
	height: 19px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../images/ic_twitter_share.png) no-repeat center center;
	background-size: 19px 19px;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}
.detail-content .share-button ul li a:hover {
	opacity: 0.7;
}
.detail-content .share-button ul .twitter a {
	background-image: url(../images/ic_twitter_share.png);
}
.detail-content .share-button ul .facebook a {
	background-image: url(../images/ic_facebook_share.png);
}

.detail-box > section {
	margin-bottom: 75px;
}
.detail-box > section a {
	color: #0076bf;
}
.detail-box > section a:hover {
	text-decoration: underline;
}

/* detail-info */
.detail-info table {
	width: 100%;
}
.detail-info table tr {
	border-bottom: solid 1px #e0e0e0;
}
.detail-info table th,
.detail-info table td {
	padding: 17px 0;
	line-height: 180%;
}
.detail-info table th {
	min-width: 7.5em;
	padding-right: 1.5em;
	font-weight: bold;
}
.detail-info table .list {
	margin-top: 1em;
	margin-bottom: 0;
}
.detail-info table .list li {
	font-size: 13px;
	line-height: 180%;
}

/* detail-profile */
.detail-box.detail-profile {
	margin-bottom: 40px;
}
.detail-profile > section {
	margin-bottom: 35px;
}

/* detail-work */
.detail-box.detail-work {
	overflow: hidden;
	margin-bottom: 45px;
}
.detail-work-area {
	overflow: hidden;
}
.detail-work-area > section {
	float: left;
	width: 260px;
	margin-left: 30px;
	margin-bottom: 30px;
}
.detail-work-area > section:nth-child(3n+1) {
	margin-left: 0;
	clear: both;
}
.detail-work-area .photo img {
	width: 100%;
	height: auto;
}
.detail-work-area .title {
	padding-top: 0.9em;
	font-size: 12px;
	line-height: 160%;
	letter-spacing: 0.1em;
}
.detail-work-area p {
	line-height: 200%;
	padding-top: 1.1em;
}

/* related-block */
.related-block {
	margin-bottom: 90px;
}
.related-entry-area {
	overflow: hidden;
	margin-top: 40px;
	margin-bottom: 30px;
}
.related-entry-area .even-entry {
	overflow: hidden;
	clear: both;
	float: none;
	width: auto;
	margin-bottom: 0;
	padding-bottom: 0;
	border-top: solid 1px #bdbdbd;
	border-left: none;
}
.related-entry-area .even-entry:first-child {
	border-top: none;
}
.related-entry-area .even-entry .new-icon {
	display: none;
}
.related-entry-area .even-entry .photo {
	width: 210px;
	float: left;
	padding-bottom: 16.6%;
}
.related-entry-area .even-entry .text {
	margin-left: 210px;
	padding: 22px 26px 12px;
}

.related-description {
	margin-top: 30px;
}

.detail-box > .square-button {
	width: 640px;
	margin: 0 auto;
}
.detail-box > .square-button a {
	max-width: inherit;
}

/* related-report-block */
.related-report-block {
	margin-top: 80px;
}
.related-entry-area .repo-entry .text {
	padding: 26px 34px 12px;
}
.related-entry-area .repo-entry .category {
	padding-bottom: 0.6em;
}

/* -------- calendar -------- */

/* category-list */
.category-list {
	margin-top: -18px;
	margin-bottom: 40px;
	text-align: center;
}
.category-list ul {
	display: inline-block;
	border-left: solid 1px #bdbdbd;
	border-right: solid 1px #bdbdbd;
	padding: 12px 28px;
}
.category-list ul li {
	display: inline-block;
	margin: 0 10px;
}
.category-list ul li .color-box {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 5px;
}
.category-list ul li span {
	font-size: 12px;
	line-height: 120%;
	letter-spacing: 0.1em;
	vertical-align: middle;
}

/* ---------- news ------------------------------------ */
.news .content-box {
	width: auto;
}
.news-archive {
	background-color: #f4f4f2;
}
.news-entry-area {
	overflow: hidden;
	padding-bottom: 45px;
}
.news-entry-area dl {
	width: 840px;
	margin: 0 auto;
}

.news-entry-area dl dt,
.news-entry-area dl dd {
	padding-bottom: 16px;
	padding-top: 16px;

	font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 180%;
}
.news-entry-area dl dt {
	clear: both;
	float: left;
	width: 6em;
	padding-right: 2.8em;

	color: #747474;
	font-size: 14px;
	line-height: 160%;
	letter-spacing: 0.1em;
}
.news-entry-area dl dd {
	padding-left: 8.8em;
	border-bottom: solid 1px #d3d3d3;
}
.news-entry-area dl dd a:hover{
	text-decoration: underline;
}

/* -------- detail -------- */
.news .content-box.single {
	width: 840px;
}

/* ---------- form ------------------------------------ */
.form .content-box {
	margin-top: 60px;
}

/* formtable */
.formtable {
	width: 100%;
	margin-top: 50px;
	margin-bottom: 48px;
	border-top: solid 1px #e0e0e0;
}
.formtable tr {
	border-bottom: solid 1px #e0e0e0;
}
.formtable th {
	padding: 18px 14px 18px 20px;
	background-color: #f4f4f2;
	font-size: 14px;
	min-width: 8em;
}
.formtable th:nth-child(2) {
	padding: 0 18px 0 0;
	min-width: inherit;
	width: 2.5em;
}
.formtable .required,
.formtable .optional {
	display: inline-block;
	color: #fff;
	font-size: 11px;
	letter-spacing: 0.1em;
	padding: 0 4px;
	border-radius: 2px;
	line-height: 18px;
	margin-top: 20px;
}
.formtable .required {background-color: #5cc4e8;}
.formtable .optional {background-color: #bdbdbd;}

.formtable td {
	width: 74.5%;
	font-size: 100%;
	line-height: 100%;
	padding: 9px 0 9px 19px;
}
.formtable input[type="text"],
.formtable input[type="email"],
.formtable input[type="tel"],
.formtable input[type="password"],
.formtable textarea {
	background-color: #f8f8f8;
	border: 1px solid #eee;
	padding: 10px 10px;
	line-height: 140%;
}
.formtable select {
	background-color: #f8f8f8;
	border: 1px solid #eee;
	padding: 3px 10px;
}
.formtable select option {
	padding: 4px 10px;
}
.formtable input[type="text"],
.formtable input[type="email"] {
	width: 370px;
	box-sizing: border-box;
}
.formtable input[type="tel"] {
	width: 300px;
	box-sizing: border-box;
}
.formtable textarea {
	width: 100%;
	height: 120px;
	box-sizing: border-box;
}
.formtable input[type="radio"] {
	margin-right: 5px;
	vertical-align: middle;
}
.formtable input[type="checkbox"] {
	margin-right: 5px;
	vertical-align: middle;
}
.formtable input[type="file"] {
	display: block;
	margin-bottom: 18px;
}
.formtable input.name,
.formtable input.address,
.formtable input.zip {
	margin-bottom: 10px;
}
.formtable input.name {
	width: 220px;
}
.formtable input.zip {
	width: 160px;
}
.formtable select.pref {
	margin-bottom: 10px;
}

.formtable #zip-button {
	border: solid #000 1px;
	padding: 10px 14px;
	margin-left: 15px;
}

.formtable .year > select {
	width: 90px;
	margin-right: 8px;
}
.formtable .month > select {
	width: 70px;
	margin-right: 8px;
}
.formtable .day > select {
	width: 70px;
	margin-right: 8px;
}

.formtable label {
	padding-right: 8px;
	font-size: 14px;
	line-height: 160%;
	letter-spacing: 0.1em;
	vertical-align: middle;
}
.formtable label.radio {
	display: block;
	padding: 7px 0 7px;
	margin-bottom: 6px;
}
.formtable label.radio-h {
	display: inline-block;
	padding: 7px 0 7px;
	margin-right: 15px;
}
.formtable label.checkbox {
	display: block;
	padding: 7px 0 7px;
}

.formtable span.notice {
	padding-left: 0.8em;
	color: #747474;
	font-size: 13px;
	line-height: 120%;
	letter-spacing: 0.1em;
}
.formtable p.confirm {
	line-height: 120%;
	padding: 1.5em 0 0.8em;
}
.formtable a {
	color: #0076bf;
}
.formtable a:hover {
	text-decoration: underline;
}
.formtable section {
	margin-top: 12px;
	margin-bottom: 15px;
}
.formtable section.other {
	margin-bottom: 35px;
}
.formtable section .title {
	margin-bottom: 0.5em;
	color: #747474;
	font-size: 14px;
	font-weight: bold;
}
.formtable section .place {
	margin-top: 1.8em;
	margin-bottom: 0.3em;
	font-size: 14px;
}

/* form-button */
.form-button {
	text-align: center;
}
.form-button button,
.form-button input {
	display: inline-block;
	width: 360px;
	line-height: 60px;
	background-color: #5cc4e8;
	margin: 0 8px 10px;

	color: #fff;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.form-button button.back {
	width: 320px;
	line-height: 54px;
}

/* readonly */
.formtable input[type="text"][readonly="readonly"],
.formtable input[type="email"][readonly="readonly"],
.formtable input[type="tel"][readonly="readonly"],
.formtable input[type="password"][readonly="readonly"],
.formtable textarea[readonly="readonly"] {
	border: none;
	background-color: #fff;
}

/* confirm-form-block */
.confirm-form-block {
	padding-top: 85px;
}
.confirm-form-block .title {
	font-size: 26px;
	line-height: 140%;
	letter-spacing: 0.1em;
	text-align: center;
	margin-bottom: 20px;
}
.confirm-form-block p {
	text-align: center;
}

/* ---------- thanks ------------------------------------ */
.thanks-block {}
.thanks-block p {
	text-align: center;
}


/* ---------- search ------------------------------------ */
.sear .content-box {
	width: auto;
}
.search-count {
	width: 840px;
	padding: 40px 0;
	margin: 0 auto;
	text-align: center;
}
.search-entry-area {
	width: 840px;
	margin: 0 auto;
	border-top: solid 1px #bdbdbd;
}
.search-entry {
	padding: 50px 70px 50px 65px;
	border-bottom: solid 1px #bdbdbd;
}
.search-entry .search-link {
	font-size: 13px;
}
.search-entry a {
	display: block;
	-webkit-transition: color .3s;
	transition: color .3s;
}
.search-entry a .third-title {
	-webkit-transition: color .3s;
	transition: color .3s;
}
.search-entry a .third-title:after {
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
}
.search-entry a:hover {
	color: #5cc4e8;
}
.search-entry a:hover .third-title {
	color: #5cc4e8;
}
.search-entry a:hover .third-title:after {
	background-color: #5cc4e8;
}

/* ---------- wordpress ------------------------------------ */

/* pagenavi-area */
.pagenavi-area {
	position: relative;
	width: 840px;
	margin: 0 auto;
	padding: 50px 0 20px;
	text-align: center;
}

.pagenavi-area .prev,
.pagenavi-area .next {
	display: inline-block;
	vertical-align: middle;
}
.pagenavi-area .prev span,
.pagenavi-area .next span {
	font-size: 13px;
	line-height: 120%;
	letter-spacing: 0.1em;
}
.pagenavi-area .prev span {
	padding-left: 13px;
	background: url(../images/angle_left.png) no-repeat left center;
}
.pagenavi-area .next span {
	padding-right: 13px;
	background: url(../images/angle_right.png) no-repeat right center;
}

.pagenavi-area .center {
	display: inline-block;
	width: 1px;
	height: 30px;
	background-color: #bdbdbd;
	vertical-align: middle;
	margin: 0 17px;
}

/* news-pagenavi-area */
.news-pagenavi-area {
	padding-top: 70px;
}
.news-pagenavi-area .square-button {
	display: inline-block;
	width: 540px;
	margin: 0 60px;
}
.news-pagenavi-area .square-button a {
	width: 100%;
	min-width: inherit;
	max-width: inherit;
}

/* wp-pagenavi */
.wp-pagenavi {
	clear: both;
	position: relative;
	margin: 0 auto;
	text-align: center;
	font-size: 0;
}
.wp-pagenavi a,
.wp-pagenavi span {
	overflow: hidden;
	box-sizing: border-box;
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-left: 10px;
	background-color: #fff;
	border: solid 1px #e0e0e0;

	font-size: 13px;
	letter-spacing: 0.1em;
	line-height: 38px;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.wp-pagenavi span.current,
.wp-pagenavi a:hover {
	color: #fff;
	border-color: #4ec1ea;
	background-color: #4ec1ea;
}
.wp-pagenavi a.first,
.wp-pagenavi a.last {
	width: auto;
	padding: 0 10px;
}
.wp-pagenavi span.pages {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	color: #757575;
	border: none;
	background: none;
	padding: 0;
	margin: 0;
}

/* even-pagenavi-area */
.news-pagenavi-area {}
.news-pagenavi-area span.pages {
	left: 140px;
}

/* postbody */
.postbody {
	overflow: hidden;
}
.postbody h1,
.postbody h2 {
	font-size: 16px;
	font-weight: bold;
	padding: 1.2em 0;
	letter-spacing: 0.1em;
}
.postbody h3,
.postbody h4 {
	font-size: 14px;
	font-weight: bold;
	padding: 0.8em 0;
	letter-spacing: 0.1em;
}
.postbody p {
	margin-bottom: 1em;
	line-height: 200%;
}
.postbody a {
	color: #0076bf;
}
.postbody a:hover {
	text-decoration: underline;
}

.postbody img {
	display: block;
	margin-top: 1em;
	margin-bottom: 2em;
}
.postbody img:first-child {
	margin-top: 0;
}
.postbody dl {
	margin-bottom: 1em;
}
.postbody dl dt {
	float: left;
	font-weight: bold;
	padding: 0.8em 1em 0.8em 0;
	min-width: 4em;
	color: #202020;
	line-height: 130%;
}
.postbody dl dd {
	padding: 0.8em 1em;
	line-height: 130%;
}
.postbody .alignleft {
	float: left;
	margin-right: 1em;
}
.postbody .alignright {
	float: right;
	margin-left: 1em;
}
.postbody .aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.postbody .wp-caption {
	margin-top: 1.2em;
	margin-bottom: 1.2em;
}
.postbody .wp-caption > img {
	margin: 0;
}
.postbody .wp-caption .wp-caption-text {
	font-size: 12px;
	margin: 0;
}

/* contact form 7 */
.formtable .wpcf7-list-item {
	display: block;
	margin: 0;
}
.formtable .wpcf7-list-item > label {
	display: block;
	padding: 7px 0 7px;
}
.formtable .wpcf7-list-item-label {
	vertical-align: middle;
}
.formtable .gender .wpcf7-list-item,
.formtable .mailnews .wpcf7-list-item {
	display: inline-block;
	padding: 7px 0 7px;
	margin-right: 18px;
}

.wpcf7 span.wpcf7-not-valid-tip {
	color: #e50012;
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 0 5px;
}
.wpcf7 div.wpcf7-response-output {
	margin: 1.5em 0.5em;
	padding: 14px 11px;
	font-size: 14px;
	font-weight: bold;
	line-height: 140%;
}
.wpcf7 div.wpcf7-response-output.wpcf7-validation-errors {
	color: #e50012;
	border: 2px solid;
}
.wpcf7 div.wpcf7-response-output.wpcf7-mail-sent-ng {
	color: #e50012;
	border: 2px solid;
}
.wpcf7 div.wpcf7-response-output.wpcf7-mail-sent-ok {
	color: #5cc4e8;
	border: 2px solid;
}
.wpcf7 .wpcf7-form .ajax-loader {
	visibility: hidden;
	display: block;
	border: medium none;
	margin: 6px auto 0;
}


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

	/* ---------- common ---------------------------------------- */
	#contents {}

	/* page-visual */
	#page-visual {}
	#page-visual .photo {
		height: 130px;
	}

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

	/* page-title */
	#page-title {
		position: absolute;
		top: 95px;
		right: -4%;
		width: 190px;
		height: 70px;
	}
	#page-title .title {
		margin-top: 18px;
		font-size: 13px;
	}
	#page-title .title span {
		padding-top: 2px;
		font-size: 11px;
	}

	/* first-title */
	.first-title {
		margin-bottom: 25px;
		font-size: 20px;
	}
	.first-title:after {
		width: 20px;
		margin: 14px auto 0;
	}

	/* second-title */
	.second-title {
		margin-bottom: 18px;
		font-size: 15px;
		line-height: 140%;
	}
	.second-title:after {
		margin: 14px 0 0;
	}

	/* third-title */
	.third-title {
		margin-bottom: 14px;
		font-size: 13.5px;
		line-height: 140%;
	}
	.third-title:after {
		width: 18px;
		height: 1px;
		margin: 13px 0 0;
	}

	/* forth-title */
	.forth-title {
		margin-bottom: 0.5em;
		font-size: 12px;
		line-height: 140%;
	}

	/* facility-title */
	.facility-title {
		margin-bottom: 14px;
		font-size: 16px;
		line-height: 140%;
	}
	.facility-title span {
		padding-top: 4px;
		padding-left: 2px;
		font-size: 11.5px;
	}
	.facility-title:after {
		width: 18px;
		height: 1px;
		margin: 13px 0 0 2px;
	}

	/* name-title */
	.name-title {
		margin-bottom: 0.5em;
		font-size: 12px;
		line-height: 140%;
	}
	.name-title span {
		font-size: 11px;
		padding-left: 0.8em;
	}
	.name-title .job {
		padding-left: 0.2em;
	}

	/* -------- slider -------- */
	/* slider(bx-slider) */
	.slider {
		margin: 0 auto 24px;
	}

	/* bx-controls */
	.slider .bx-controls .bx-controls-direction a {
		position: absolute;
		top: 50%;
		margin-top: -14px;
		width: 14px;
		height: 27px;
	}
	.slider .bx-controls .bx-controls-direction .bx-prev {
		left: 10px;
		background: url(../images/slider_controls.png) no-repeat 0 0;
	}
	.slider .bx-controls .bx-controls-direction .bx-next {
		right: 10px;
		background: url(../images/slider_controls.png) no-repeat -14px 0;
	}

	/* bx-pager */
	.slider .bx-controls .bx-pager {
		position: absolute;
		bottom: 11px;
	}
	.slider .bx-controls .bx-pager-item {}
	.slider .bx-controls .bx-pager-link {
		width: 8px;
		height: 8px;
		margin: 0px 6px;
		border-radius: 4px;
	}

	/* -------- nav -------- */

	/* breadcrumb */
	.breadcrumb {
		padding-top: 40px;
		margin-bottom: 16px;
	}
	.breadcrumb ol {}
	.breadcrumb ol li {}
	.breadcrumb ol li a {
		background: url(../images/angle_right.png) no-repeat right center;
		background-size: 4px auto;
		padding: 3px 12px 3px 0;
		margin-right: 3px;
	}
	.breadcrumb ol li span {
		font-size: 10px;
	}

	/* pagenav */
	.pagenav {
		margin: 0 auto 44px;
		text-align: left;
	}
	.exhi .pagenav {
		margin-bottom: 30px;
	}
	.pagenav ul {
		display: block;
	}
	.pagenav ul li a {
		padding: 14px 14px;
		font-size: 11px;
	}

	.pagenav .panorama-button {
		margin-left: 0;
		margin-top: 8px;
		text-align: left;
	}
	.panorama-button a {
		margin-right: 14px;
		padding: 14px 20px;
		font-size: 11px;
	}
	.panorama-button span {
		padding-left: 16px;
		background: url(../images/ic_panorama.png) no-repeat center left;
		background-size: 11px auto;
	}

	.pagenav .calendar-button {
		margin-left: 0;
		text-align: left;
	}
	.pagenav .calendar-button a {
		margin-right: 14px;
		margin-bottom: 12px;
		padding: 14px 14px;
		background-color: #f4f4f2;
		border: solid 1px #e0e0e0;
		border-radius: 0;
		font-size: 11px;
	}
	.pagenav .calendar-button span {
		padding-left: 16px;
		background: url(../images/ic_calendar.png) no-repeat center left;
		background-size: 11px auto;
	}
	.pagenav .calendar-button:after {
		display: none;
	}
	.pagenav .calendar-button:before {
		content: "";
		display: block;
		overflow: hidden;
		clear: both;
		width: auto;
	}
	.pagenav .schedule-button {
		margin-left: 0;
		margin-bottom: 12px;
		font-size: 11px;
		padding: 4px 14px;
		border-left: solid 1px #bdbdbd;
		border-right: solid 1px #bdbdbd;
	}
	.pagenav .schedule-button span {
		padding-left: 16px;
		background: url(../images/ic_pdf.png) no-repeat center left;
		background-size: 11px auto;
	}

	/* scroll-nav */
	.scroll-nav {
		margin-top: -15px;
		margin-bottom: 25px;
		text-align: center;
	}
	.scroll-nav ul {
		display: inline-block;
		margin: 0 8%;
		padding: 6px 8px 6px 10px;
	}
	.scroll-nav ul li {
		display: inline-block;
		padding: 0 3px;
	}
	.scroll-nav ul li a {
		display: block;
		font-size: 11px;
		line-height: 115%;
		letter-spacing: 0.1em;
		padding: 5px 6px 5px 13px;
		background: url(../images/angle_bottom.png) no-repeat left center;
		background-size: 8px auto;
	}

	/* content-box */
	.content-box {
		width: auto;
		margin-bottom: 80px;
	}

	/* box */
	.box {
		width: auto;
	}

	/* -------- button -------- */

	/* square-button */
	.square-button {
		text-align: left;
	}
	.square-button a,
	.square-button span.comming {
		min-width: inherit;
		max-width: 320px;
		width: 100%;
		line-height: 42px;
	}
	.square-button a span,
	.square-button span.comming span {
		font-size: 12px;
	}

	/* pdf-button */
	.pdf-button {
		text-align: left;
	}
	.pdf-button a {
		min-width: inherit;
		max-width: 320px;
		width: 100%;
		line-height: 42px;
	}
	.pdf-button a span {
		padding-left: 16px;
		background-size: 10px auto;
		font-size: 12px;
	}

	/* word-button */
	.word-button {
		text-align: left;
	}
	.word-button a {
		min-width: inherit;
		max-width: 320px;
		width: 100%;
		line-height: 42px;
	}
	.word-button a span {
		padding-left: 16px;
		background-size: 10px auto;
		font-size: 12px;
	}

	/* web-button */
	.web-button {
		text-align: left;
	}
	.web-button a,
	.web-button span.comming {
		min-width: inherit;
		max-width: 320px;
		width: 100%;
		line-height: 42px;
	}
	.web-button a span,
	.web-button span.comming span {
		padding-left: 18px;
		background-size: 11px auto;
		font-size: 12px;
	}

	/* more-button */
	.more-button {}
	.more-button a,
	.more-button span {
		display: inline-block;
		padding: 5px 26px 5px 0;
		color: #5bc4e7;
		font-size: 13px;
		line-height: 120%;
		letter-spacing: 0.1em;
		-webkit-transition: opacity .3s;
		transition: opacity .3s;
	}
	.more-button a:hover {
		opacity: 0.6;
	}

	/* -------- link -------- */

	/* link */
	.link {
		padding-left: 13px;
		padding-top: 0.2em;
		padding-bottom: 0.3em;
		font-size: 12px;
	}

	/* pdf-link */
	.pdf-link {
		background-size: 10px auto;
		padding-left: 16px;
		padding-top: 0.2em;
		padding-bottom: 0.3em;
		font-size: 12px;
	}

	/* web-link */
	.web-link {
		background-size: 11px auto;
		padding-left: 17px;
		padding-top: 0.1em;
		padding-bottom: 0.3em;
		font-size: 12px;
	}

	/* text-link */
	.text-link {}

	/* -------- table -------- */
	/* table */
	.table {
		margin-bottom: 1em;
	}
	.table th,
	.table td {
		border: solid 1px #d3d3d3;
		font-size: 12px;
		padding: 10px 10px;
		line-height: 160%;
	}
	.table th {
		border-left: none;
	}

	/* -------- list -------- */
	/* list */
	.list {
		margin-bottom: 0.5em;
	}
	.list > li {
		background: url(../images/circle.gif) no-repeat left 8px;
		padding-left: 12px;
		padding-bottom: 0.6em;
		font-size: 12px;
		line-height: 180%;
	}

	/* olist */
	.olist {}
	.olist > li {
		padding-left: 0.2em;
		padding-bottom: 0.7em;
		font-size: 12px;
		line-height: 180%;
	}
	.list .olist {
		padding-left: 1em;
		padding-top: 0.4em;
	}
	.list .olist > li {
		padding-bottom: 0.4em;
	}

	/* dlist */
	.dlist {
		margin-bottom: 1em;
	}
	#contents .dlist > dt,
	#contents .dlist > dd {
		font-size: 12px;
		line-height: 180%;
	}
	#contents .dlist dt {
		float: none;
		width: auto;
		padding: 0.5em 0 0.3em;
	}
	#contents .dlist dd {
		padding: 0 0 0.8em;
		margin-bottom: 0.3em;
	}

	.dlist .list {
		padding-top: 0.4em;
		margin-bottom: 0;
	}
	.dlist .list li {
		font-size: 12px;
	}

	/* select */
	.select {}
	.select select {
		padding: 6px 20px 6px 10px;
		background: url(../images/caret_down.png) no-repeat 96% center;
		font-size: 11px;
	}
	.select option {
		padding: 3px 3px;
	}

	/* contact-block */
	.contact-block {
		display: inline-block;
		width: auto;
		padding: 24px 24px 32px;
	}
	.contact-block .button {
		margin-top: 0.3em;
	}

	/* ---------- top ------------------------------------ */
	#top-visual {}

	/* top-slider */
	#top-visual .slider {
		width: 100%;
		height: 390px !important;
	}

	/* caution */
	#top-visual .slider .caution {
		box-sizing: border-box;
		padding: 6px 6px;

	}
	#top-visual .slider .caution span {
		padding-right: 6px;
		font-size: 11px;
	}
	#top-visual .slider .caution p {
		font-size: 11px;
	}

	/* open-info */
	#top-visual .open-info {
		position: absolute;
		top: 40px;
		right: -4%;
		-webkit-transform: inherit;
		        transform: inherit;
		width: 54px;
		background-color: #fff;
		text-align: center;
		-webkit-transition: right .5s;
		transition: right .5s;
	}
	#top-visual .open-info.hide {
		right: -54px;
	}
	#top-visual .open-info .today {
		padding-top: 20px;
		padding-bottom: 10px;
	}
	#top-visual .open-info .today span.month {
		display: block;
		font-weight: normal;
		font-size: 8px;
		line-height: 120%;
		letter-spacing: 0.1em;
	}
	#top-visual .open-info .today strong {
		display: block;
		font-weight: normal;
		font-size: 21px;
		line-height: 120%;
		letter-spacing: 0.1em;
	}
	#top-visual .open-info .today span.day {
		display: block;
		font-size: 10px;
		line-height: 120%;
		letter-spacing: 0.1em;
	}

	#top-visual .open-info .musium {
		margin-bottom: 10px;
		text-align: center;
	}
	#top-visual .open-info .roof {
		padding-bottom: 6px;
		text-align: center;
	}
	#top-visual .open-info .musium::before,
	#top-visual .open-info .roof::before {
		content: "";
		display: block;
		width: 12px;
		height: 1px;
		background-color: #bdbdbd;
		margin: 0 auto;
	}
	#top-visual .open-info .musium .label,
	#top-visual .open-info .roof .label {
		width: 10px;
		margin: 10px auto 1px;

		font-size: 10px;
		line-height: 112%;
	}
	#top-visual .open-info .musium span,
	#top-visual .open-info .roof span {
		display: inline-block;
		padding-top: 3px;
		font-size: 8px;
		line-height: 120%;
		letter-spacing: 0.1em;
	}

	#top-visual .open-info .button {
		margin: 18px auto;
		text-align: center;
	}
	#top-visual .open-info .button img {
		width: 17px;
		height: 17px;
	}

	/* news-ticker */
	#top-visual .news-ticker {
		overflow: hidden;
		box-sizing: border-box;
		min-height: 40px;
		padding: 13px 0 12px;
		margin: 0;
	}
	#top-visual .news-ticker .title {
		float: left;
		margin: 1px 0 0;
		padding: 0 8px 0 0;

		font-family: "Roboto Slab";
		font-size: 11px;
		line-height: 120%;
		letter-spacing: 0.1em;
	}
	#top-visual .news-ticker .title::after {
		content: "";
		display: inline-block;
		width: 1px;
		height: 8px;
		background-color: #757575;
		margin-left: 8px;
		vertical-align: middle;
	}

	#top-visual .news-ticker .ticker {
		margin: -3px 0 0 50px;
	}
	#top-visual .news-ticker .ticker ul {}
	#top-visual .news-ticker .ticker ul li {
		margin: 0;
	}
	#top-visual .news-ticker .ticker ul li a {
		font-size: 10px;
		line-height: 120%;
		letter-spacing: 0.1em;
	}

	#top-visual .news-ticker .more-button {
		display: none;
	}

	/* top-movie */
	#top-movie {
		height: 180px;
		background: url(../images/home/bg_movie.jpg) no-repeat center center;
		background-size: cover;
	}
	#top-movie .title {
		padding: 50px 0 7px;
		font-size: 13px;
	}
	#top-movie .play-button img {
		width: 50px;
		height: 50px;
	}

	.mfp-tad-movie.mfp-close-btn-in .mfp-content .mfp-close {
		width: 20px;
		height: 20px;
		background: url(../images/ic_close.png) no-repeat top left;
		background-size: 20px 20px;
	}

	/* top-exhi-area */
	.top-exhi-area {
		padding: 5px 4% 10px;
		margin-bottom: 5px;
	}
	.top-exhi-area .top-exhi,
	.top-exhi-area .top-coll {
		width: auto;
	}
	.top-exhi-area .top-coll {
		padding-top: 0;
		border-top: solid 1px #bdbdbd;
	}

	/* vertical-title-area */
	.vertical-title-area {
		float: none;
		width: auto;
		padding-top: 25px;
		padding-bottom: 18px;
		position: relative;
		text-align: center;
	}
	.vertical-title-area .title {
		width: auto;
		margin-bottom: 0;
		-ms-writing-mode: inherit;
		-webkit-writing-mode: horizontal-tb;
		writing-mode: inherit;

		font-size: 15px;
		line-height: 120%;
	}
	.vertical-title-area .title span {
		display: block;
		padding-top: 2px;
		padding-left: 0;

		font-size: 12px;
		line-height: 120%;
		vertical-align: top;
	}
	.vertical-title-area .button {}
	.vertical-title-area .button a {
		min-width: 35px;
		font-size: 10px;
		line-height: 20px;

		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -10px;
	}
	.vertical-title-area .button a:hover {}

	.top-exhi-entry-area {
		margin-left: 0;
		padding: 0;
		border-left: none;
	}

	/* top-even */
	.top-even {
		padding-top: 0;
		margin-bottom: 8%;
	}
	.top-even-title-area {
		padding-top: 25px;
		margin-bottom: 18px;
	}
	.top-even-title-area .title {
		text-align: center;
		font-size: 15px;
	}
	.top-even-title-area .title span {
		display: block;
		font-family: "Roboto Slab";
		font-size: 12px;
		letter-spacing: 0.1em;
	}
	.top-even-title-area .button {
		float: right;
		margin-top: -2.0em;
	}
	.top-even-title-area .button a {
		display: inline-block;
		min-width: 35px;
		border: solid 1px #757575;
		font-size: 10px;
		line-height: 20px;
		text-align: center;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	.top-even-title-area .button a:hover {
		color: #fff;
		border: solid 1px #5bc4e7;
		background-color: #5bc4e7;
	}

	.top-even-entry-area {
		overflow: hidden;
		padding-top: 6px;
		margin-top: -6px;
		margin-bottom: 6%;
	}

	.top-even .wide-button {}
	.top-even .wide-button a {
		display: inline-block;
		min-width: inherit;
		box-sizing: border-box;
		width: 100%;

		font-size: 12px;
		line-height: 42px;
	}
	.top-even .wide-button a:hover {}

	/* top-news */
	.top-news {
		padding: 5px 4% 20px;
	}
	.top-news .inner {
		overflow: hidden;
		width: auto;
		margin: 0 auto;
	}
	.top-news .vertical-title-area {
		padding-bottom: 16px;
	}
	.top-news-entry-area {
		min-height: inherit;
		margin-left: 0;
		padding: 0 0 0 0;
		border-left: none;
	}

	.top-news dl {}
	.top-news dl dt {
		float: none;
		padding-bottom: 0.2em;

		color: #747474;
		font-size: 12px;
		line-height: 160%;
		letter-spacing: 0.1em;
	}
	.top-news dl dd {
		margin-left: 0;
		padding-bottom: 0.8em;

		font-size: 12px;
		line-height: 160%;
	}
	.top-news dl dd:last-child {
		padding-bottom: 0.3em;
	}
	.top-news dl dd a:hover{}

	/* top faci */
	.top-faci {
		overflow: hidden;
		margin-bottom: 8%;
	}
	.top-faci section {
		float: none;
		box-sizing: border-box;
		width: 100%;
		border-left: none;
	}
	.top-faci section:nth-child(n+3) {
		width: 100%;
	}
	.top-faci section:nth-child(1),
	.top-faci section:nth-child(3) {}
	.top-faci section a {}
	.top-faci section a:hover {}

	.top-faci .photo {}
	.top-faci .photo img {}
	.top-faci section a:hover .photo img {}

	.top-faci .title {
		box-sizing: border-box;
		min-height: inherit;
		padding-top: 30px;
		padding-bottom: 18px;
		font-size: 14px;
		text-align: center;
	}
	.top-faci .title span {
		display: block;
		padding-top: 2px;

		font-family: "Roboto Slab";
		font-size: 12px;
		line-height: 120%;
	}

	/* top-others */
	.top-others {
		clear: both;
		overflow: hidden;
		width: auto;
		margin-bottom: 10%;
	}
	.top-others section {
		float: none;
		width: auto;
	}
	.top-others section:nth-child(odd) {}

	#contents .top-others section a {
		margin-left: 0;
		margin-right: 0;
		background: none;
		border-top: none;
	}
	#contents .top-others section:first-child a {
		border-top: solid 1px #bdbdbd;
	}

	.top-others .photo {
		display: inline-block;
		width: 25%;
		vertical-align: middle;
	}
	.top-others .photo img {
		width: 100%;
		height: auto;
	}
	.top-others .title {
		display: inline-block;
		padding-left: 2%;
		max-width: 70%;

		font-size: 11px;
		line-height: 160%;
	}

	/* top-banners */
	.top-banners {
		width: auto;
		margin-bottom: 12%;
	}
	.top-banners ul {
		overflow: hidden;
		max-width: 400px;
		padding: 0 10%;
		margin: 0 auto;
	}
	.top-banners ul li {
		box-sizing: border-box;
		float: left;
		width: 50%;
		border-right: solid 1px #bdbdbd;
		margin-bottom: 5%;
	}
	.top-banners ul li:nth-child(odd) {
		border-left: solid 1px #bdbdbd;
	}
	.top-banners ul li a {
		display: block;
		padding: 6px 4px;
		-webkit-transition: opacity .3s;
		transition: opacity .3s;
	}
	.top-banners ul li.kogei a {
		padding-top: 3px;
		padding-bottom: 3px;
	}
	.top-banners ul li a:hover {
		opacity: 0.6;
	}
	.top-banners ul li a img {
		width: 100%;
		height: auto;
	}

	/* ---------- collection ------------------------------------ */

	/* -------- collection -------- */
	.coll-intro {
		margin-bottom: 28px;
	}
	.coll-intro br {
		display: none;
	}
	.coll-block-area {
		margin-bottom: 40px;
		padding-bottom: 20px;
		border-bottom: solid 1px #757575;
	}
	.coll-block-area .third-title {
		margin-bottom: 24px;
	}
	.coll-block {
		padding: 30px 4%;
	}
	.coll-block .photo {
		float: none;
		width: auto;
		margin-bottom: 1em;
		text-align: center;
	}
	.coll-block .photo img {
		max-width: 270px;
		width: 73%;
		min-width: 220px;
		height: auto;
	}
	.coll-block .text {
		margin-left: 0;
		padding-left: 0;
	}

	/* -------- search -------- */
	.coll-search {
		text-align: center;
	}
	.coll-search p {
		margin-bottom: 24px;
	}
	.coll-search .web-button {
		text-align: center;
		margin-bottom: 35px;
	}
	.coll-search .web-button a {
		width: 100%;
		line-height: 56px;
	}

	/* -------- outdoor -------- */
	.outd-block {}
	.outd-block > .photo {
		margin-bottom: 25px;
	}
	.outd-block > .photo img {
		width: 100%;
		height: auto;
	}
	.outd-block > section {
		overflow: hidden;
		margin-bottom: 35px;
	}
	.outd-block > section .text {
		float: none;
		width: auto;
	}
	.outd-block > section .photo {
		float: none;
		width: auto;
		text-align: center;
		margin-top: 18px;
	}

	/* -------- permanent -------- */
	.perm-photo {
		margin-bottom: 30px;
	}
	.perm-photo img {
		max-width: 100%;
		height: auto;
	}

	.perm-block {
		margin-bottom: 50px;
	}
	.perm-block > section {
		overflow: hidden;
		margin-bottom: 35px;
	}
	.perm-block .text {
		float: none;
		width: auto;
	}
	.perm-block .photo {
		float: none;
		width: auto;
		max-width: 250px;
		margin: 18px auto 0;
		text-align: center;
	}
	.perm-block .photo img {
		max-width: 100%;
		height: auto;
	}
	.perm-block .photo .caption {
		padding-top: 6px;
		font-size: 12px;
	}

	/* -------- poster -------- */
	.poster-intro {
		text-align: center;
		margin-bottom: 25px;
	}

	/* poster-archive */
	.poster-archive {
		margin-bottom: 32px;
	}
	.poster-archive .archive-entry {
		width: auto;
		padding: 20px 0 20px;
	}
	.poster-archive .archive-entry .photo {
		float: left;
		width: 35%;
		margin-right: 4%;
	}
	.poster-archive .archive-entry .photo img {
		max-width: 100%;
	}
	.poster-archive .archive-entry .text {
		float: right;
		width: 61%;
		margin-left: 0;
	}
	.poster-archive .archive-entry .date {
		font-size: 11px;
		margin-bottom: 0.2em;
	}
	.poster-archive .archive-entry .title {
		padding-top: 0.6em;
		padding-bottom: 0.6em;
		font-size: 13px;
	}
	.poster-pagenavi-area {}

	.poster-block {
		width: auto;
		margin: 0 auto 40px;
	}
	.poster-block .period {}
	.poster-block .name-title {
		margin-bottom: 18px;
	}
	.poster-block > p {
		margin-bottom: 25px;
	}

	.poster-designer {
		overflow: hidden;
		margin-bottom: 30px;
	}
	.poster-designer .text {
		float: none;
		width: auto;
		margin-bottom: 12px;
	}
	.poster-designer .photo {
		float: none;
		width: auto;
		text-align: center;
	}
	.poster-designer .photo img {
		max-width: 100%;
		height: auto;
	}
	.poster-designer .name-title {
		margin-bottom: 10px;
	}
	.poster-designer .button {
		margin-top: 18px;
	}

	/* ---------- visitor ------------------------------------ */

	/* -------- general -------- */
	.open-close {
		float: none;
		width: auto;
		margin-bottom: 38px;
	}
	.open-close .list > li {
		font-size: 12px;
	}

	.admission-fee {
		float: none;
		width: auto;
		margin-bottom: 38px;
	}
	.admission-fee .button {
		margin-bottom: 1em;
	}
	.admission-fee .dlist {}
	.admission-fee .list > li,
	.admission-fee .olist > li {
		font-size: 12px;
	}

	.barrier-free {
		clear: both;
		margin-bottom: 32px;
	}

	.free-area {
		margin-bottom: 38px;
	}
	.free-area p {
		margin-bottom: 1.2em;
	}
	.parking {
		overflow: hidden;
		margin-bottom: 38px;
	}
	.parking .left {
		float: none;
	}
	.parking .right {
		float: none;
		margin-bottom: 1.5em;
	}
	.parking > section {
		float: none;
		width: auto;
		margin-bottom: 32px;
	}
	.parking > section .third-title {
		margin-bottom: 20px;
	}
	.parking > section .dlist {}
	.parking > p {
		margin-bottom: 1.2em;
	}
	.parking .button {
		margin-bottom: 8px;
	}


	/* -------- group -------- */
	.group-use {
		margin-bottom: 38px;
	}
	.group-use p {
		margin-bottom: 1.5em;
	}
	.group-use > section {
		margin-top: 32px;
	}
	.group-bus {
		margin-bottom: 38px;
	}

	/* -------- visitor-policies -------- */
	.poli-list {
		margin-bottom: 30px;
	}
	.poli-list li {
		min-height: 30px;
		margin-bottom: 12px;
		padding: 2px 0 0 40px;
		background-size: 30px 30px;
		font-size: 12px;
	}
	.poli-block {
		margin-top: 38px;
		margin-bottom: 38px;
	}

	/* -------- access -------- */
	#gmap {
		height: 250px;
		margin: 0 0 32px;
	}

	.acce-map {
		overflow: hidden;
		margin-bottom: 32px;
	}
	.acce-map .photo {
		float: none;
		width: auto;
		margin-bottom: 32px;
	}
	.acce-map .photo img {
		width: 100%;
		height: auto;
	}
	.acce-map .text {
		float: none;
		width: auto;
	}
	.acce-map .web-button {
		width: auto;
		margin-bottom: 1.2em;
	}
	.acce-map .web-button a {
		width: 100%;
	}
	.acce-map address {
		padding-bottom: 1em;
	}
	.acce-map .button {
		margin-bottom: 0.5em;
	}

	.acce-block {
		margin-bottom: 38px;
	}
	.acce-block > section {
		margin-bottom: 32px;
	}
	.acce-block .dlist {}
	.acce-block .dlist dt br {
		display: none;
	}
	.acce-block .dlist .list {
		padding-top: 0.6em;
	}

	/* -------- surround -------- */
	.surr-intro {
		text-align: center;
		margin-bottom: 38px;
	}
	.surr-block {
		padding-top: 28px;
		margin-bottom: 32px;
	}
	.surr-block .left {
		float: none;
		width: auto;
	}
	.surr-block .left p {
		margin-bottom: 16px;
	}
	.surr-block .right {
		float: none;
		width: auto;
	}
	.surr-block .web-button {
		margin-bottom: 16px;
	}
	.surr-block address {}
	.surr-block .photo {
		padding-top: 20px;
	}
	.surr-block .photo img {
		width: 100%;
		height: auto;
	}
	.surr-block p {}

	/* ---------- facility ------------------------------------ */

	/* -------- floormap -------- */
	.floor-block {
		margin-bottom: 46px;
	}
	.floor-block .second-title {
		margin-bottom: 24px;
		font-size: 20px;
	}
	.floor-block .second-title:after {
		margin-top: 11px;
	}
	.floor-block .second-title span {
		display: inline-block;
		float: right;
		font-size: 12px;
		line-height: 240%;
	}
	.floor-block .figure {
		margin-bottom: 32px;
		text-align: center;
	}
	.floor-block .figure img {
		max-width: 100%;
		height: auto;
	}

	.floor-block .floor-nav {
		width: auto;
		position: relative;
		top: inherit;
		right: inherit;
		-webkit-transform: inherit;
		        transform: inherit;
	}
	.floor-nav ul {
		font-size: 0;
	}
	.floor-nav ul li {
		min-height: inherit;
	}
	.floor-nav ul li a {
		background: url(../images/arrow_right.png) no-repeat right center;
		background-size: 10px auto;
	}
	.floor-nav ul li .photo {
		max-width: 90px;
		width: 24%;
	}
	.floor-nav ul li .title {
		width: 76%;
		box-sizing: border-box;
		padding: 8px 0 8px 8px;
		font-size: 12px;
		line-height: 140%;
	}

	.floor-nav .panorama-button {
		margin-bottom: 14px;
	}
	.floor-nav .panorama-button a {
		padding: 14px 26px;
	}

	/* -------- facilities -------- */
	.facilities-area {
		overflow: hidden;
		float: none;
		width: auto;
		margin-bottom: 32px;
	}
	.facilities-area .period {
		font-size: 12px;
		line-height: 130%;
	}
	.facilities-area > section {
		float: left;
		width: 50%;
	}
	.facilities-area > section:nth-child(3n+1) {
		clear: inherit;
	}
	.facilities-area > section:nth-child(2n) {
		border-right: none;
	}
	.facilities-area > section:nth-child(2n+1) {
		clear: both;
		border-right: solid 1px #bdbdbd;
	}
	.facilities-area .photo img {
		width: 100%;
		height: auto;
	}
	.facilities-area .text {
		padding: 8% 6% 10% 8%;
	}
	.facilities-area .title {
		font-size: 15px;
		padding-bottom: 0.6em;
	}
	.facilities-area .title span.ja {
		padding-right: 0.6em;
	}
	.facilities-area .title span.en {
		display: block;
		font-size: 11px;
		padding-top: 0.3em;
	}
	.facilities-area p {
		line-height: 160%;
	}
	.facilities-notice {
		clear: both;
		margin-bottom: 32px;
	}
	.facilities-others {
		margin-top: 0;
	}
	.facilities-others .dlist {}

	/* -------- restaurant-cafe -------- */
	.faci-block {
		margin-bottom: 38px;
	}

	.faci-block .text {
		float: none;
		width: auto;
		margin-bottom: 24px;
	}
	.faci-block .text .headline {
		font-size: 13px;
		font-weight: bold;
		padding-bottom: 5px;
	}
	.faci-block .info {
		float: none;
		width: auto;
		margin-top: 0;
	}
	.faci-block .web-button {
		margin-bottom: 18px;
	}
	.faci-block .dlist {
		margin-bottom: 24px;
	}

	/* recommends-block */
	.recommends-block {
		overflow: hidden;
		margin-bottom: 46px;
	}
	.recommends-block > section {
		float: left;
		width: 50%;
		border: none;
	}
	.recommends-block > section:nth-child(2n+1) {
		clear: both;
		border-right: solid 1px #bdbdbd;
		border-left: none;
	}
	.recommends-block .photo {}
	.recommends-block .photo img {
		width: 100%;
		height: auto;
	}
	.recommends-block .text {
		padding: 8% 6% 10% 8%;
	}
	.recommends-block .title {
		padding-bottom: 0.4em;
		font-size: 13px;
		font-weight: bold;
		line-height: 140%;
	}
	.recommends-block .price {
		padding-bottom: 1.0em;
		font-size: 12px;
		line-height: 120%;
	}
	.recommends-block .description {}

	/* menu-block */
	.menu-block {}
	.menu-block > section {
		margin-bottom: 28px;
	}
	.menu-block > section > section {
		margin-bottom: 16px;
	}
	.menu-block .third-title {
		margin-bottom: 16px;
	}
	.menu-block .forth-title {
		margin-bottom: 0.9em;
	}
	.menu-block .forth-title span {
		padding-left: 11px;
		font-size: 11px;
		line-height: 140%;
	}
	.menu-block .list li {
		font-size: 12px;
	}

	/* -------- museumshop -------- */
	.muse-block .text {
		width: auto;
	}
	.muse-block .web-button {
		top: inherit;
	}

	/* -------- rooftop -------- */
	.roof-block {}
	.roof-block > .dlist {
		margin-bottom: 32px;
	}
	.roof-caution {
		margin-bottom: 35px;
	}

	.roof-design {
		margin-bottom: 8px;
	}
	.roof-design > section {
		margin-bottom: 32px;
	}
	.roof-design .text {
		float: none;
		width: auto;
	}
	.roof-design .photo {
		float: none;
		width: auto;
		margin-top: 10px;
	}
	.roof-design .photo img {
		max-width: 100%;
		height: auto;
	}

	.roof-app {
		margin-bottom: 20px;
	}
	.roof-app .roof-app-title {
		margin-bottom: 18px;
	}
	.roof-app .roof-app-title img {
		max-width: 100%;
		max-height: 25px;
		width: auto;
		height: auto;
	}
	.roof-app .photo {
		float: none;
		width: auto;
		margin-bottom: 6px;
	}
	.roof-app .photo > img {
		width: 100%;
		height: auto;
	}
	.roof-app .photo .app-logo {
		width: 45%;
		max-width: 104px;
		margin-top: 16px;
		padding-right: 4%;
	}
	.roof-app .photo .app-logo img {
		max-width: 100%;
		height: auto;
	}
	.roof-app .photo .app-buttons {
		width: 55%;
		margin-top: 16px;
		padding-left: 3%;
	}
	.roof-app .photo .app-buttons a {
		display: inline-block;
		margin-top: 15px;
		margin: 0 2% 12px;
	}
	.roof-app .photo .app-buttons a img {
		max-width: 100%;
		height: auto;
	}
	.roof-app .text {
		float: right;
		width: auto;
	}
	.roof-app .text p.asterisk {
		font-size: 12px;
	}
	.roof-app .text section {
		margin-top: 24px;
	}
	.roof-app .text section p {
		margin-bottom: 0.8em;
	}

	/* ---------- about ------------------------------------ */

	/* -------- concept -------- */
	.concept-intro {
		padding: 8px 15px;
		margin: 0 4% 32px;
	}
	.concept-intro .title {
		font-size: 12px;
		line-height: 140%;
	}
	.concept-intro .title span {
		padding-left: 0.6em;
		font-size: 11.5px;
		line-height: 140%;
	}
	.concept-intro p {
		padding-top: 0.4em;
		color: #747474;
		font-size: 11px;
		line-height: 140%;
	}

	.concept-block {
		overflow: hidden;
		position: relative;
		clear: both;
		text-align: left;
	}
	#contents .concept-block .photo {
		width: auto;
		float: none;
	}
	#contents .concept-block .text {
		float: none;
		width: auto;
		padding: 18px 4% 30px;

		position: relative;
		left: inherit;
		top: inherit;
		-webkit-transform: inherit;
		        transform: inherit;
	}
	.concept-block .title {
		padding-bottom: 12px;
		font-size: 16px;
	}
	.concept-block .title span {
		padding-bottom: 4px;
		font-size: 20px;
	}

	/* -------- greeting -------- */
	.greeting-text {
		margin-bottom: 38px;
	}
	.greeting-text .signature {
		padding-top: 1em;
		text-align: right;
	}

	.curator-profile {}
	.curator-profile .text {
		float: none;
		width: auto;
	}
	.curator-profile .photo {
		float: none;
		width: auto;
		margin-top: 12px;
		text-align: center;
	}
	.curator-profile .photo img {
		max-width: 100%;
		height: auto;
	}

	/* -------- design -------- */
	.desi .content-box .text {
		float: none;
		width: auto;
	}
	.desi .content-box .photo {
		float: none;
		width: auto;
		text-align: center;
		margin-top: 16px;
	}
	.desi .content-box .photo img {
		max-width: 100%;
		height: auto;
	}

	.arch-block {}
	.arch-block > section {
		margin-bottom: 32px;
	}
	.arch-outline {
		margin-bottom: 38px;
	}
	.arch-outline .photo-outline {
		margin-bottom: 25px;
	}
	.arch-outline .photo-outline img {
		width: 100%;
		height: auto;
	}
	.arch-outline .dlist {
		width: auto;
	}
	.arch-outline .dlist-left {
		float: none;
		width: auto;
	}
	.arch-outline .dlist-right {
		float: none;
		width: auto;
	}

	.about-logo {
		margin-bottom: 14px;
	}
	.about-logo > section {
		clear: both;
		overflow: hidden;
		margin-bottom: 32px;
	}

	.about-uniform {
		margin-bottom: 14px;
	}
	.about-uniform > section {
		margin-bottom: 32px;
	}
	.about-uniform .photo-area {
		margin: 22px auto 30px;
		text-align: center;
		max-width: 400px;
	}
	.about-uniform .photo-area .photo-ss {
		float: none;
		width: auto;
		margin-bottom: 25px;
	}
	.about-uniform .photo-area .photo-aw {
		float: none;
		width: auto;
	}
	.about-uniform .photo-area .name-title {
		margin-bottom: 0.5em;
		text-align: left;
	}
	.about-uniform .photo-area img {
		max-width: 100%;
		width: inherit;
		height: auto;
	}
	.about-uniform .photo-area .credit {
		padding-top: 5px;
		font-size: 9px;
		text-align: left;
	}
	.about-uniform .photo-designer {
		max-width: 200px;
		margin-left: auto;
		margin-right: auto;
	}
	.about-uniform .photo-designer .caption {
		padding-top: 4px;
		text-align: left;
	}

	.about-poster {
		margin-bottom: 14px;
	}
	.about-poster > section {
		margin-bottom: 32px;
	}
	.about-poster .photo-area {
		height: inherit;
		margin: 25px auto 30px;
	}
	.about-poster .photo-area .photo-1 {
		box-sizing: border-box;
		width: 50%;
		margin: 5% 0;
		padding-left: 5%;
		padding-right: 1%;
	}
	.about-poster .photo-area .photo-2 {
		box-sizing: border-box;
		width: 50%;
		margin: 5% 0;
		padding-left: 1%;
		padding-right: 5%;
	}
	.about-poster .photo-area img {}

	.about-miruzo {
		margin-bottom: 38px;
	}
	.design-other > div {
		margin-bottom: 0.5em;
	}

	/* -------- history -------- */
	.history-table {
		margin: 0 auto;
	}
	.history-table th,
	.history-table td {
		display: block;
		width: auto;
		border-bottom: solid 1px #e0e0e0;
		line-height: 180%;
	}
	.history-table th {
		border-bottom: none;
		min-width: inherit;
		padding: 0.8em 0 0.3em;
		font-weight: bold;
		font-size: 13px;
	}
	.history-table td {
		padding: 0 0 0.8em;
	}

	/* -------- council -------- */
	.coun-committee {
		margin-bottom: 42px;
	}
	.coun-committee > section {}
	.coun-committee > section > section {
		margin-bottom: 32px;
	}
	.coun-committee .button {}
	.coun-conference {}
	.coun-conference .third-title {
		margin-bottom: 14px;
	}


	/* -------- publication -------- */
	.abou.publ .content-box {
		width: auto;
	}
	.publ-intro {
		margin-bottom: 30px;
	}
	.publ-list-area {
		padding: 20px 4% 30px;
	}
	.publ-list {
		width: auto;
		margin: auto;
	}
	.publ-list li {
		margin-bottom: 2px;
	}
	.publ-list .title {
		margin-bottom: 5px;
		font-size: 13px;
	}
	.publ-list .title a {
		font-size: 13px;
	}
	.publ-list .description {
		font-size: 12px;
	}
	.publ-list .publ-sale {
		display: block;
		padding-left: 0;
	}


	/* ---------- friend ------------------------------------ */

	/* info-block */
	.info-block {
		padding: 20px 4% 10px;
		margin-bottom: 40px;
	}
	.info-block .inner {
		min-height: inherit;
	}
	.info-title-area {
		float: none;
		margin-bottom: 8px;
		text-align: center;
	}
	.info-title-area  .title {
		font-size: 15px;
	}
	.info-title-area .select {
		margin-top: 10px;
	}
	.info-title-area .select select {
		min-width: 210px;
		padding-top: 6px;
		padding-bottom: 6px;
	}

	#contents .info-entry-area {
		border-top: solid 1px #757575;
		border-left: none;
		margin-left: 0;
		margin-bottom: 0;
		padding: 10px 0 10px;
	}
	.info-entry-area dl {
		overflow: hidden;
	}
	.info-entry-area dl dt,
	.info-entry-area dl dd {
		float: none;
		padding-bottom: 0.2em;
		font-size: 12px;
		line-height: 160%;
	}
	.info-entry-area dl dt {
		clear: both;
		padding-bottom: 0.2em;
	}
	.info-entry-area dl dd {
		padding: 0 0 0.8em;
	}

	.info-entry-area .button {}

	.frie-about {
		margin-top: 35px;
		margin-bottom: 40px;
	}
	.frie-about .pdf-button {
		margin-top: 16px;
	}

	.frie-division {
		margin-bottom: 40px;
	}
	.frie-division > section {
		margin-bottom: 35px;
	}
	.frie-division .table {
		width: auto;
		margin-top: 20px;
		margin-bottom: 35px;
	}
	.frie-division .table thead th:first-child {
		width: 4.5em;
	}

	.frie-discount {
		width: auto;
		padding: 0 6% 4px;
		margin-bottom: 40px;
	}
	.frie-discount .title {
		margin-top: -0.6em;
		padding: 0 0 0.9em;
		font-size: 13px;
	}
	.frie-discount .title span {
		padding: 0 1em;
	}
	.frie-discount .dlist {
		margin-bottom: 0;
	}

	.frie-old {
		margin-bottom: 40px;
	}
	.frie-old .list {
		margin-bottom: 20px;
	}
	.frie-old > section {}
	.frie-old-block {
		margin-bottom: 20px;
	}
	.frie-old-block .forth-title {
		margin-bottom: 0.2em;
	}

	.frie-privilege {
		width: auto;
		padding: 0 6% 15px;
		margin-top: 40px;
	}
	.frie-privilege .title {
		margin-top: -0.6em;
		padding: 0 0 0.9em;
		font-size: 13px;
	}
	.frie-privilege .title span {
		padding: 0 0.4em;
	}
	.frie-privilege .list {
		margin-bottom: 0;
	}
	.frie-privilege p {
		padding-bottom: 0.5em;
	}

	.frie-flow {}
	.frie-flow .flow-block {
		position: relative;
		padding-left: 0;
		padding-top: 0;
		margin-bottom: 28px;
	}
	.frie-flow .flow-block .flow-num {
		position: relative;
		top: 0;
		left: 0;

		display: inline-block;
		width: 30px;
		height: 30px;
		border-radius: 15px;

		font-size: 13px;
		line-height: 30px;
		vertical-align: top;
	}
	.frie-flow .flow-block .title {
		display: inline-block;
		padding: 6px 0 12px 2px;
		font-size: 14px;
	}
	.frie-flow .flow-block h4 {
		padding-bottom: 0.4em;
		font-size: 12px;
	}
	.frie-flow .flow-block p {
		padding-bottom: 0.8em;
	}
	.frie-flow .flow-block > section {
		margin-bottom: 22px;
	}
	.frie-flow .flow-block .pdf-button {
		margin-bottom: 8px;
	}

	/* -------- history -------- */
	.frie-hist-intro {
		margin-bottom: 25px;
	}
	.frie-hist-block {}

	/* -------- regulation -------- */
	.regu-block {}
	.regu-block > section {
		margin-bottom: 28px;
	}
	.regu-revision {
		margin-bottom: 12px;
		font-weight: bold;
	}

	/* -------- report -------- */

	/* archive-nav */
	.archive-nav {}
	.archive-nav .inner {
		width: auto;
		padding: 25px 0 18px;
	}
	.archive-nav .select {}

	/* archive-entry-area */
	.archive-entry-area {
		padding: 0 4% 25px;
	}

	/* archive-entry */
	.archive-entry {
		width: auto;
		padding: 20px 0 20px;
	}
	.archive-entry:first-child {
		margin-top: 0;
	}
	.archive-entry .photo {
		float: left;
		width: 48%;
		margin-right: 4%;
	}
	.archive-entry .photo img {
		max-width: 100%;
		height: auto;
	}
	.archive-entry .text {
		float: right;
		width: 48%;
		margin-left: 0;
	}
	.archive-entry .date {
		margin-bottom: 0.2em;
		font-size: 11px;
	}
	.archive-entry .title {
		padding-bottom: 0;
		font-size: 13px;
	}

	/* ---------- education ------------------------------------ */
	/* -------- index -------- */
	.prog-intro {
		margin: 0 4% 32px;
	}
	.prog-intro .inner {
		padding: 8px 15px;
	}
	.prog-intro .title {
		font-size: 12px;
		line-height: 140%;
	}
	.prog-intro p {
		padding-top: 0.6em;
		font-size: 11px;
	}

	.prog-index {
		overflow: hidden;
		margin-bottom: 36px;
	}
	.prog-index > p {
		margin-bottom: 18px;
	}
	.prog-index ol {}
	.prog-index ol li {
		clear: both;
		overflow: hidden;
	}
	.prog-index ol li .num {
		float: left;
		width: 36px;
		font-size: 18px;
	}
	.prog-index ol li .text {
		margin-left: 36px;
		padding-left: 16px;
		padding-bottom: 20px;
	}
	.prog-index ol li p {
		font-size: 12px;
		line-height: 160%;
		padding-bottom: 2px;
	}
	.prog-index ol li .title {
		font-size: 15px;
	}
	.prog-index ol li:first-child {
		padding-top: 2px;
	}
	.prog-index ol li:first-child p{
		margin-top: -2px;
	}

	.prog-block {
		margin-bottom: 40px;
	}
	.prog-block > section {
		margin-bottom: 26px;
		padding-bottom: 22px;
	}
	.prog-block .third-title {
		margin-bottom: 7px;
		font-weight: bold;
	}
	.prog-block p {
		margin-bottom: 12px;
	}
	.prog-block .button {
		margin-top: 12px;
		margin-bottom: 12px;
	}
	.prog-block .list {
		margin-top: 14px;
		margin-bottom: 0;
	}

	/* -------- univercity -------- */
	.univ-block {
		margin-bottom: 36px;
	}
	.univ-block .second-title {
		margin-bottom: 16px;
	}
	.univ-block .univ-pause {
		padding-bottom: 6px;
	}
	.univ-block .buttons {
		margin-top: 26px;
	}
	.univ-block .button {
		margin-bottom: 10px;
	}

	/* ---------- volunteer ------------------------------------ */
	/* -------- index -------- */
	.volu-block {
		margin-bottom: 40px;
	}
	.volu-block > p {
		margin-bottom: 30px;
	}
	.volu-block > section {
		margin-bottom: 28px;
	}
	.volu-block table {
		margin-bottom: 50px;
		border-top: solid 1px #bdbdbd;
	}
	.volu-block table tr {}

	.volu-block table th,
	.volu-block table td {
		display: block;
		width: 100%;
	}
	.volu-block table th {
		padding: 12px 0 3px;
		font-weight: bold;
	}
	.volu-block table td {
		padding: 3px 0 12px;
	}

	.volu-block .activity {
		margin-bottom: 24px;
	}
	.volu-block .activity > section {
		margin-bottom: 22px;
	}
	.volu-block .activity .title {
		margin-top: 12px;
		padding-bottom: 10px;
		font-size: 14px;
	}
	.volu-block .activity .title span {
		padding-right: 4px;
	}

	/* ---------- ipt ------------------------------------ */
	.ipt .content-box {
		width: auto;
	}
	.ipt-intro {
		margin-bottom: 30px;
	}
	.ipt-intro p {
		line-height: 180%;
	}
	.ipt-intro .intro-en {
		padding-bottom: 4px;
	}
	.detail-content.ipt-content {
		margin-bottom: 45px;
	}
	.ipt-content .title {
		margin-bottom: 15px;
		font-size: 15px;
	}
	.ipt-content .description {
		padding-bottom: 0.3em;
	}
	.ipt-content .text-link {
		margin-bottom: 8px;
	}
	.ipt-content .list > li {
		padding-bottom: 0.5em;
	}
	.ipt-block {
		margin-top: 30px;
		margin-bottom: 30px;
		padding-bottom: 28px;
	}

	/* ---------- press ------------------------------------ */
	.press-info-block {
		margin-bottom: 32px;
	}
	.press-provide {}
	.press-provide > p {
		margin-bottom: 30px;
	}
	.press-provide .list {
		margin-bottom: 16px;
	}

	.press-form-intro {
		margin-bottom: 25px;
	}
	.press-condition {
		margin-bottom: 30px;
	}

	/* ---------- privacy ------------------------------------ */
	.priv-intro {
		margin-bottom: 25px;
	}
	.priv-block {
		margin-bottom: 28px;
	}
	.priv-block .second-title {
		margin-bottom: 16px;
	}

	/* ---------- contact ------------------------------------ */
	.cont-intro {
		margin-bottom: 25px;
	}

	/* ---------- sitemap ------------------------------------ */
	#contents .site-block {
		float: none;
		width: auto;
		padding: 20px 0 20px;
		margin: 0;
	}

	.site-block .title {
		padding-bottom: 8px;
		font-size: 14px;
	}
	.site-block a {
		padding: 3px 0 3px 17px;
		margin-bottom: 3px;
		background: url(../images/arrow_right.png) no-repeat left center;
		background-size: 9px auto;
		font-size: 12px;
	}


	/* ---------- exhibition-event ------------------------------------ */

	/* exhi-nav */
	.exhi-nav {}
	.exhi-nav > div {
		display: inline-block;
		width: 50%;
		height: auto;
		vertical-align: middle;
	}
	.exhi-nav > div > a {}
	.exhi-nav .title {
		padding: 10px 2px;
		font-size: 11px;
		line-height: 140%;
	}
	.exhi-nav .title span {
		padding-left: 13px;
		background: url(../images/angle_bottom.png) no-repeat left center;
		background-size: 8px auto;
	}

	/* exhi-entry-area */
	.exhi-entry-area {
		padding: 5px 4% 10px;
	}

	.top-exhi-entry-area .exhi-entry {
		margin-top: 0;
		margin-bottom: 6%;
		padding-bottom: 6%;
	}
	.top-exhi-entry-area .exhi-entry-none {
		box-sizing: border-box;
		min-height: inherit;
		padding-bottom: 20px;
	}
	.top-exhi-entry-area .exhi-entry-none p {
		text-align: center;
	}

	/* exhi-entry */
	.exhi-entry {
		overflow: hidden;
		width: auto;
		padding: 20px 0 20px;
	}
	.exhi-entry:first-child {
		margin-top: 0;
	}
	#contents .exhi-entry .photo {
		float: left;
		width: 48%;
		margin-right: 4%;
	}
	#contents .exhi-entry .photo img {
		max-width: 100%;
		height: auto;
	}
	#contents .exhi-entry .text {
		float: right;
		width: 48%;
		margin-left: 0;
	}
	.exhi-entry .headline {
		padding-bottom: 0.6em;
		font-size: 11px;
		line-height: 120%;
	}
	.exhi-entry .title {
		font-size: 13px;
		line-height: 160%;
	}
	.exhi-entry .title a:hover {}
	.exhi-entry .period {
		margin-bottom: 0.8em;
		font-size: 12px;
		line-height: 160%;
	}
	.exhi-entry .description {
		display: none;
	}
	.exhi-entry .more-button {
		padding: 3px 0;
		margin-top: 8px;
	}
	.exhi-entry .more-button a {
		background: url(../images/ic_lightblue_button.png) no-repeat center right;
		background-size: 15px 15px;
		padding: 3px 21px 3px 0;
		color: #5bc4e7;
		font-size: 10px;
		line-height: 120%;
		letter-spacing: 0.1em;
		-webkit-transition: opacity .3s;
		transition: opacity .3s;
	}
	.exhi-entry .more-button a:hover {
		opacity: 0.6;
	}

	/* year-archive-nav */
	.year-archive-nav {
		overflow: hidden;
		padding: 20px 4% 0;
		background-color: #f4f4f2;
	}
	.year-archive-nav .inner {
		width: auto;
		margin: 0 auto;
		padding-bottom: 10px;
	}
	.year-archive-nav .title {
		float: left;
		padding-top: 1.0em;
		font-size: 14px;
	}
	.year-archive-nav .select {
		width: 40%;
		max-width: 220px;
		min-width: 150px;
		float: right;
	}
	.year-archive-nav .select select {
		min-width: inherit;
		width: 100%;
	}

	/* past.exhi-entry-area */
	.past.exhi-entry-area .exhi-entry {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.past.exhi-entry-area .exhi-entry .period br {
		display: inherit;
	}

	/* exhi-entry */
	.even-entry {
		width: 50%;
	}
	.even-entry:nth-child(2n+1) {
		clear: both;
		border-left: none;
	}
	.even-entry .new-icon {
		position: absolute;
		top: -6px;
		left: 6px;
		width: 45px;
		height: 45px;
		background-size: 45px 45px;
	}
	.even-entry .photo a {}
	.even-entry .photo a:hover {}
	.even-entry .photo img {}
	.even-entry .text {
		padding: 8% 6% 10% 8%;
	}
	.even-entry .category {
		padding-top: 0;
		padding-bottom: 0.5em;
		font-size: 11px;
	}
	.even-entry .title {
		padding-bottom: 0.5em;
		font-size: 12px;
		line-height: 160%;
	}
	.even-entry .title a:hover {}
	.even-entry .period {
		font-size: 12px;
		line-height: 160%;
	}
	.even-entry .new-text {
		padding-left: 4px;
		font-size: 11px;
	}

	/* -------- event -------- */
	.archive-even {}
	.even-nav {
		padding: 20px 4% 14px;
		background-color: #f4f4f2;
		text-align: center;
	}
	.even-nav .select {
		display: inline-block;
		margin: 0 6px 8px;
	}
	.even-entry-area {
		margin-top: -6px;
		padding-top: 6px;
	}

	/* -------- detail -------- */
	.detail-box {
		width: auto;
	}

	.detail-title-area {
		margin-top: 30px;
		margin-bottom: 25px;
		text-align: center;
	}
	.detail-title-area .headline {
		margin-bottom: 13px;
		font-size: 11px;
	}
	.detail-title-area .headline:after {
		width: 20px;
		margin: 13px auto 0;
	}
	.detail-title-area .title {
		padding-bottom: 0.2em;
		font-size: 16px;
	}
	.detail-title-area .period {
		font-size: 12px;
	}
	.detail-title-area .date {
		font-size: 12px;
	}

	.detail-content {
		margin-bottom: 35px;
		padding: 0 4%;
	}
	.detail-content .detail-box {
		overflow: inherit;
		padding: 30px 0 0;
	}
	.detail-content .photo {
		float: none;
		width: auto;
		margin-bottom: 1em;
	}
	.detail-content .text {
		float: none;
		width: auto;
		margin-bottom: 35px;
	}

	.detail-content .buttons {
		display: block;
		position: relative;
		bottom: inherit;
		right: inherit;
		min-width: auto;
		min-height: auto;
		margin: 0 -4.5%;
		padding: 24px 8px 0;
	}
	.detail-content .flier-button {
		margin-right: 10px;
		font-size: 11px;
	}
	.detail-content .flier-button:after {
		height: 15px;
		margin-left: 14px;
	}
	.detail-content .flier-button span {
		padding-left: 15px;
		background: url(../images/ic_pdf.png) no-repeat left center;
		background-size: 10px auto;
	}
	.detail-content .share-button {}
	.detail-content .share-button .label {
		font-size: 11px;
	}
	.detail-content .share-button ul {}
	.detail-content .share-button ul li {
		margin-left: 5px;
	}
	.detail-content .share-button ul li a {
		width: 19px;
		height: 19px;
		background: url(../images/ic_twitter_share.png) no-repeat center center;
		background-size: 19px 19px;
	}
	.detail-content .share-button ul .twitter a {
		background-image: url(../images/ic_twitter_share.png);
	}
	.detail-content .share-button ul .facebook a {
		background-image: url(../images/ic_facebook_share.png);
	}

	.detail-box > section {
		margin-bottom: 35px;
	}
	
	/* detail-info */
	.detail-info table {}
	.detail-info table tr {}
	.detail-info table th,
	.detail-info table td {
		display: block;
	}
	.detail-info table th {
		min-width: auto;
		padding: 10px 0 0;
	}
	.detail-info table td {
		padding: 0 0 12px;
	}
	.detail-info table .list {
		margin-top: 0.6em;
	}
	.detail-info table .list li {
		font-size: 11px;
	}

	/* detail-profile */
	.detail-box.detail-profile {
		margin-bottom: 14px;
	}
	.detail-profile > section {
		margin-bottom: 22px;
	}

	/* detail-work */
	.detail-work {
		overflow: hidden;
		margin-bottom: 12px;
	}
	.detail-work .second-title {
		margin-bottom: 28px;
	}
	.detail-work-area {}
	.detail-work .detail-work-area > section {
		float: none;
		width: auto;
		margin: 0 0 24px;
	}
	.detail-work-area .photo {
		text-align: center;
	}
	.detail-work-area .photo img {
		max-width: 340px;
		width: 73%;
		min-width: 220px;
		height: auto;
	}
	.detail-work-area .title {
		max-width: 340px;
		width: 73%;
		min-width: 220px;
		margin: 0 auto;
		padding-top: 0.9em;
		font-size: 10px;
	}
	.detail-work-area p {
		padding-top: 1.1em;
	}

	/* related-block */
	.related-block {
		margin-bottom: 30px;
	}
	.related-entry-area {
		margin-top: 0;
		margin-bottom: 18px;
	}
	.related-entry-area .even-entry {
		overflow: hidden;
		clear: both;
		float: none;
		width: auto;
		padding: 20px 0;
		margin-bottom: 0;
	}
	.related-entry-area .even-entry:first-child {
		padding-top: 1%;
	}
	.related-entry-area .even-entry .photo {
		width: 36%;
		float: left;
		padding-bottom: 24%;
	}
	.related-entry-area .even-entry .text {
		box-sizing: border-box;
		width: 64%;
		float: right;
		margin-left: 0;
		padding: 0 0 0 4%;
	}

	.related-description {}

	.detail-box > .square-button {
		width: auto;
	}

	/* related-report-block */
	.related-report-block {
		margin-top: 50px;
	}
	.related-entry-area .repo-entry .text {
		padding: 0 0 0 4%;
	}

	/* -------- calendar -------- */

	/* category-list */
	.category-list {
		margin: -12px 4% 25px;
	}
	.category-list ul {
		padding: 8px 16px 4px;
	}
	.category-list ul li {
		margin: 0 5px 6px;
	}
	.category-list ul li .color-box {
		width: 12px;
		height: 12px;
		margin-right: 3px;
	}
	.category-list ul li span {
		font-size: 11px;
	}

	/* ---------- news ------------------------------------ */
	.news-archive {
		padding: 0 4% 0;
	}
	.news-entry-area {
		padding-bottom: 20px;
	}
	.news-entry-area dl {
		width: auto;
	}
	.news-entry-area dl dt,
	.news-entry-area dl dd {
		font-size: 12px;
	}
	.news-entry-area dl dt {
		float: none;
		width: auto;
		padding: 12px 0 2px;
	}
	.news-entry-area dl dd {
		padding: 0 0 12px;
	}

	/* -------- detail -------- */
	.news .content-box.single {
		width: auto;
	}

	.news-content {}
	.news-content img {
		margin-bottom: 20px;
		max-width: 100%;
		height: auto;
	}

	/* ---------- form ------------------------------------ */

	/* formtable */
	.formtable {}
	.formtable tr {}
	.formtable th {
		display: inline-block;
		width: auto;
		min-width: inherit;
		background-color: inherit;
		padding: 12px 0 4px;
		font-size: 12px;
		font-weight: bold;
	}
	.formtable th:nth-child(2) {
		width: auto;
		display: inline-block;
		padding: 12px 4px 4px;
	}
	.formtable .required,
	.formtable .optional {
		display: inline-block;
		color: #fff;
		font-size: 11px;
		letter-spacing: 0.1em;
		padding: 0 3px;
		border-radius: 2px;
		line-height: 18px;
		margin-top: 0;
	}
	.formtable td {
		display: inline-block;
		width: 100%;
		font-size: 100%;
		line-height: 100%;
		padding: 4px 0 12px;
	}

	.formtable input[type="text"],
	.formtable input[type="email"],
	.formtable input[type="tel"],
	.formtable input[type="password"],
	.formtable textarea {
		width: 100%;
		padding: 6px 4px;
	}
	.formtable select {
		padding: 2px 4px;
	}
	.formtable select option {
		padding: 3px 4px;
	}

	.formtable textarea {
		height: 100px;
	}
	.formtable input[type="radio"] {
		margin-right: 5px;
	}
	.formtable input[type="checkbox"] {
		margin-right: 5px;
	}
	.formtable input[type="file"] {
		display: block;
		margin-bottom: 18px;
	}

	.formtable #zip-button {
		padding: 7px 8px;
		margin-left: 0;
	}

	.formtable .year > select {
		width: 75px;
		margin-right: 2px;
	}
	.formtable .month > select {
		width: 55px;
		margin-right: 2px;
	}
	.formtable .day > select {
		width: 55px;
		margin-right: 2px;
	}

	.formtable label {
		display: inline-block;
		font-size: 12px;
		margin-bottom: 4px;
	}
	.formtable label.radio {
		padding: 5px 0 5px;
		margin-bottom: 5px;
	}
	.formtable label.checkbox {
		padding: 5px 0 5px;
	}

	.formtable span.notice {
		display: inline-block;
		padding-left: 0;
		padding-top: 0.6em;
		font-size: 11px;
		line-height: 140%;
	}
	.formtable p.confirm {
		padding: 1em 0 0.8em;
	}
	.formtable section {
		margin-top: 6px;
		margin-bottom: 18px;
	}
	.formtable section.other {
		margin-bottom: 28px;
	}
	.formtable section .title {
		margin-bottom: 0.4em;
		font-size: 12px;
	}
	.formtable section .place {
		margin-top: 0.8em;
		margin-bottom: 0.3em;
		font-size: 12px;
	}

	/* form-button */
	.form-button {
		margin-top: 30px;
	}
	.form-button button {
		width: 100%;
		line-height: 48px;
		font-size: 14px;
	}

	/* ---------- search ------------------------------------ */
	.search-count {
		width: auto;
		padding: 20px 4%;
	}
	.search-entry-area {
		width: auto;
		margin: 0 auto;
	}
	.search-entry {
		padding: 25px 8% 25px;
	}
	.search-entry .search-link {
		font-size: 11px;
	}
	.search-entry a {}

	/* ---------- wordpress ------------------------------------ */

	/* pagenavi-area */
	.pagenavi-area {
		width: auto;
		padding: 25px 0 10px;
	}

	.pagenavi-area .prev span,
	.pagenavi-area .next span {
		font-size: 12px;
	}
	.pagenavi-area .prev span {
		padding-left: 13px;
		background: url(../images/angle_left.png) no-repeat left center;
	}
	.pagenavi-area .next span {
		padding-right: 13px;
		background: url(../images/angle_right.png) no-repeat right center;
	}
	.pagenavi-area .center {
		height: 26px;
		margin: 0 15px;
	}

	/* news-pagenavi-area */
	.news-pagenavi-area {
		padding-top: 24px;
		padding-bottom: 60px;
	}
	.news-pagenavi-area .prev,
	.news-pagenavi-area .next {
		padding: 5px 12px;
	}
	.news-pagenavi-area .square-button {
		position: absolute;
		bottom: 0;
		left: 50%;
		margin: 0 0 0 -50%;
		width: 100%;
	}
	.news-pagenavi-area .square-button a {
		width: 100%;
		min-width: inherit;
		max-width: inherit;
	}

	/* wp-pagenavi */
	.wp-pagenavi {
		padding-bottom: 4px;
	}
	.wp-pagenavi a,
	.wp-pagenavi span {
		width: 32px;
		height: 32px;
		margin-left: 8px;
		margin-bottom: 8px;
		font-size: 10px;
		line-height: 30px;
	}
	.wp-pagenavi a.first,
	.wp-pagenavi a.last {
		padding: 0 8px;
	}
	.wp-pagenavi span.pages {
		display: block;
		position: relative;
		top: inherit;
		left: inherit;
		line-height: 120%;
		height: auto;
		width: auto;
		padding-bottom: 12px;
	}

	/* postbody */
	.postbody {
		padding: 5px 0 10px;
	}
	.postbody h2 {
		font-size: 13px;
		font-weight: bold;
		padding: 1.1em 0;
		letter-spacing: 0.1em;
	}
	.postbody p {
		margin-bottom: 1em;
		line-height: 180%;
	}
	.postbody img {
		max-width: 100%;
		height: auto;
		margin: 1em auto 2em;
	}
	.postbody img:first-child {
		margin-top: 0;
	}
	.postbody dl {
		margin-bottom: 1em;
	}
	.postbody dl dt {
		float: left;
		font-weight: bold;
		padding: 0.8em 1em 0.8em 0;
		min-width: 4em;
		line-height: 130%;
	}
	.postbody dl dd {
		padding: 0.8em 1em;
		line-height: 130%;
	}
	.postbody iframe {
		max-width: 100%;
	}
	.postbody .alignleft {
		float: left;
		margin-right: 1em;
	}
	.postbody .alignright {
		float: right;
		margin-left: 1em;
	}
	.postbody .aligncenter {
		clear: both;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	/* contact form 7 */
	.formtable .wpcf7-list-item {}
	.formtable .wpcf7-list-item > label {
		padding: 5px 0 5px;
	}
	.formtable .gender .wpcf7-list-item,
	.formtable .mailnews .wpcf7-list-item {
		padding: 5px 0 5px;
		margin-right: 12px;
	}
	.wpcf7 span.wpcf7-not-valid-tip {
		font-size: 12px;
		padding: 4px 0 4px;
	}
	.wpcf7 div.wpcf7-response-output {
		margin: 0;
		padding: 9px 9px;
		font-size: 12px;
	}

}