@charset "UTF-8";

/*------------------------------------------------------------------------
共通
------------------------------------------------------------------------*/

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

body.overflow-hidden {
	overflow: hidden;
}


/*------------------------------------------------------------------------
ヘッダー
------------------------------------------------------------------------*/

header {
	position: fixed;
	width: 100%;
	height: 160px;
	display: block;
	z-index: 1000;
	padding: 20px 0 0 0;
	padding: 0;
	margin: 0;
	border-bottom: rgba(224, 224, 224, 1) solid 1px;
	background: rgba(255, 255, 255, 1) url(../img/common/bg_grad.jpg) repeat-x 0 center;
}

main {
	padding: 160px 0 0 0;
	margin: 0;
}

header {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

header #sitelogo {
	position: absolute;
	display: block;
	padding: 0;
	margin: 0;
	top: 20px;
	left: 60px;
	z-index: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

header #sitelogo img {
	display: block;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	pointer-events: none;
	cursor: pointer;
}

header #sitelogo a {
	position: relative;
	display: block;
	overflow: hidden;
	width: 220px;
	height: 0;
	padding: 110px 0 0 0;
	margin: 0;
	text-decoration: none;
	background: url(../img/common/sitelogo.svgz) no-repeat center center;
	background-size: contain;
}

header #sitelogo a:hover {
	opacity: 0.6;
}

header #gnavi {
	position: absolute;
	display: block;
	width: 700px;
	padding: 0;
	margin: 0;
	top: 20px;
	right: 0px;
	list-style: none;
	font-size: 0;
}

header #gnavi li {
	display: inline-block;
	padding: 0;
	margin: 0;
	font-size: 16px;
	line-height: 1.4;
	vertical-align: bottom;
}

header #gnavi li a {
	display: block;
	padding: 0 14px 5px 14px;
	margin: 0;
	line-height: 1;
	vertical-align: bottom;
	text-decoration: none;
	border-bottom: rgba(148, 134, 113, 0) solid 4px;
}

header #gnavi li a:hover {
	border-bottom: rgba(148, 134, 113, 1) solid 4px;
}

header #gnavi li.active a {
	border-bottom: rgba(148, 134, 113, 0.6) solid 4px;
}

header #gnavi li a.home {
	display: block;
	padding: 23px 14px 0 14px;
	margin: 0;
	width: 50px;
	height: 0;
	overflow: hidden;
	margin: 0;
	line-height: 1;
	vertical-align: top;
	text-decoration: none;
	background: url(../img/common/icon_home.svgz) no-repeat center top;
	background-size: 18px;
}
header #basicinfo {
	position: absolute;
	display: block;
	width: 800px;
	padding: 0;
	margin: 0;
	top: 60px;
	right: 40px;
	list-style: none;
	font-size: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

header #basicinfo li {
	display: inline-block;
	padding: 0;
	margin: 0 20px 10px 0;
	font-size: 12px;
	line-height: 1.4;
	vertical-align: top;
}

header #basicinfo li span.heading {
	display: inline-block;
	padding: 0 5px;
	margin: 0 5px 0 0;
	width: 7.5em;
	text-align: center;
	font-size: 10px;
	line-height: 1.8;
	font-weight: 800;
	background-color: rgba(148, 134, 113, 1);
	color: rgba(255, 255, 255, 1);
}

header #basicinfo li span.tel_num {
	display: inline-block;
	padding: 0;
	vertical-align: bottom;
	margin: 0;
	text-align: center;
	font-size: 18px;
	line-height: 1;
	font-weight: 800;
}

header #basicinfo li span.closed{
	color:#FF0000;
	margin:0 0 0 80px;
}
.cd_info span.closed{
	color:#FF0000;
}

/*--縮小ヘッダー------------------------------------*/

.header-hide {
	position: fixed;
	height: 80px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.header-hide #sitelogo {
	top: 5px;
	left: 40px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.header-hide #sitelogo a {
	width: 110px;
	height: 0;
	padding: 55px 0 0 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.header-hide #gnavi {
	top: 25px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.header-hide #basicinfo {
	top: 50px;
	opacity: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.header-show {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

header#mainmenu p#closed,
header#mainmenu.header-show p#closed{
	display:none;
}
header#mainmenu.header-hide p#closed{
	display:block !important;
	color: #FF0000;
	position:absolute;
	top:52px;
	right:65px;
}



/*--縮小ヘッダーここまで------------------------------------*/

@media screen and (max-width:1200px) {
	header {
		height: 140px;
	}
	header #sitelogo {
		top: 20px;
		left: 20px;
	}
	header #sitelogo a {
		width: 160px;
		height: 0;
		padding: 100px 0 0 0;
	}
	header #gnavi {
		top: 20px;
		right: 20px;
	}
	header #basicinfo {
		top: 65px;
		right: 20px;
	}
}

@media screen and (max-width:960px) {
	header {
		position: fixed;
		width: 100%;
		height: 90px;
		display: block;
		z-index: 1000;
		padding: 0;
		margin: 0;
	}
	main {
		padding: 90px 0 0 0;
		margin: 0;
	}
	header #sitelogo {
		width: 120px;
		top: 10px;
		left: 50%;
		margin: 0 0 0 -60px;
	}
	header #sitelogo a {
		width: 120px;
		height: 0;
		padding: 65px 0 0 0;
	}
	header #basicinfo {
		display: none;
	}
	header #gnavi {
		display: none;
	}
	/*--縮小ヘッダー------------------------------------*/
	.header-hide {
		position: fixed;
		height: 80px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.header-hide #sitelogo {
		width: 70px;
		top: 10px;
		left: 20px;
		margin: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.header-hide #sitelogo a {
		width: 70px;
		height: 0;
		padding: 40px 0 0 0;
	}
	.header-hide #gnavi {
		display: none;
	}
	.header-hide #basicinfo {
		display: none;
	}
	.header-show {
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	header#mainmenu.header-hide p#closed{
		line-height:120%;
		position:absolute;
		top:55px;
		right:0;
		left:10px;
		font-size:0.8em;
	}


	/*--縮小ヘッダーここまで------------------------------------*/
}


/*------------------------------------------------------------------------
メインスライダー
------------------------------------------------------------------------*/

#mainimg {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: rgba(0, 0, 0, 1);
}


/*------------------------------------------------------------------------
フッター
------------------------------------------------------------------------*/

footer {
	position: relative;
	display: block;
	padding: 60px 0 50px 0;
	margin: 0 0 0 0;
	text-align: center;
	color: rgba(0, 0, 0, 1);
	background-color: rgba(255, 255, 255, 1);
}

footer .wrap_btn {
	display: block;
	padding: 0;
	margin: 0 0 50px 0;
	text-align: center;
}

footer .mds {
	margin: 0 0 10px 0;
	padding: 0;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
	font-weight: normal:
}

footer address {
	text-decoration: none;
	font-style: normal;
	margin-bottom: 20px;
	font-size: 14px;
	vertical-align: bottom;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

footer address br {
	display: none;
}

footer address span.tel_num {
	display: inline-block;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 18px;
	line-height: 1;
	font-weight: 800;
}

footer .note {
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	margin: 40px 0;
	color: rgba(102, 102, 102, 1);
	font-size: 10px;
}

footer .basicinfo {
	display: block;
	padding: 0;
	margin: 0 0 10px 0;
	list-style: none;
	font-size: 0;
}

footer .basicinfo li {
	display: inline-block;
	padding: 0;
	margin: 0 10px 10px 10px;
	font-size: 12px;
	line-height: 1.4;
	vertical-align: top;
}

footer .basicinfo li span.heading {
	display: inline-block;
	padding: 0 5px;
	margin: 0 5px 0 0;
	width: 7.5em;
	text-align: center;
	font-size: 10px;
	line-height: 1.8;
	font-weight: 400;
	background-color: rgba(148, 134, 113, 1);
	color: rgba(255, 255, 255, 1);
}

footer .basicinfo li span.closed{
	color:#FF0000;
	margin:0 0 0 90px;
}


ul.link_footer {
	display: block;
	padding: 0;
	margin: 40px 0;
	list-style: none;
	text-align: center;
	font-size: 0;
}

ul.link_footer li {
	display: inline-block;
	position: relative;
	padding: 0;
	margin: 0;
	clear: both;
	font-size: 12px;
	vertical-align: middle;
}

ul.link_footer li a {
	display: inline-block;
	position: relative;
	padding: 0 20px;
	margin: 0;
	font-size: 1em;
	line-height: 1.5em;
	text-decoration: none;
	height: inherit;
	color: rgba(0, 0, 0, 1);
	border-right: rgba(234, 234, 234, 1) solid 1px;
}

ul.link_footer li:nth-child(3) a {
	border-right: none;
}

ul.link_footer li a:hover {
	text-decoration: underline;
	color: rgba(0, 0, 0, 0.6);
}

.copyright {
	display: block;
	padding: 14px 0 0 20px;
	font-size: 10px;
	color: rgba(153, 153, 153, 1);
	font-family: Arial, Helvetica, sans-serif;
}

@media screen and (max-width:800px) {
	footer {
		position: relative;
		display: block;
		padding: 30px 0 50px 0;
		margin: 0 0 0 0;
		text-align: center;
		color: rgba(0, 0, 0, 1);
		background-color: rgba(255, 255, 255, 1);
	}
	footer address br {
		display: block;
	}
	footer .basicinfo li span.closed{
		margin: 0;
	}
	ul.link_footer {
		display: block;
		padding: 0;
		margin: 0 0 20px 0;
		list-style: none;
		text-align: center;
		font-size: 0;
	}
	ul.link_footer li {
		display: block;
		position: relative;
		padding: 0;
		margin: 0 0 10px 0;
		clear: both;
		font-size: 12px;
		vertical-align: middle;
		text-align: center;
	}
	ul.link_footer li a {
		display: inline-block;
		position: relative;
		padding: 0 0;
		margin: 0;
		font-size: 1em;
		line-height: 1.5em;
		text-decoration: none;
		height: inherit;
		color: rgba(0, 0, 0, 1);
		border-right: rgba(234, 234, 234, 1) solid 0px;
	}
	ul.link_footer li:nth-child(2) a {
		border-left: rgba(234, 234, 234, 1) solid 0px;
	}
	ul.link_footer li.copyright {
		padding: 0 0 0 0px;
		line-height: 1;
	}
	ul.link_footer li a:hover {
		text-decoration: underline;
		color: rgba(0, 0, 0, 0.6);
	}
	ul.link_footer li.logo {
		padding: 0 0 0 0;
	}
	ul.link_footer li.logo a {
		display: block;
		border: none;
		padding: 0 0;
		margin: 0 auto;
		display: block;
	}
	ul.link_footer li.logo a:hover {
		opacity: 0.6;
	}
	ul.link_footer li .logo_company {
		display: block;
		margin: 0 auto 20px auto;
		width: 170px;
		height: auto;
		pointer-events: none;
	}
	ul.link_footer li.copyright {
		display: block;
		padding: 14px 0 0 20px;
		font-size: 10px;
		letter-spacing: 0.1em;
		color: rgba(153, 153, 153, 1);
		font-family: Arial, Helvetica, sans-serif;
	}
	.icon_sns {
		display: block;
		position: absolute;
		top: 5px;
		right: 0;
		padding: 0 0 0 0;
		text-align: right;
		z-index: 500;
	}
}

@media screen and (max-width:480px) {
	footer address {
		margin-bottom: 20px;
	}
	footer .basicinfo {
		text-align: left;
		margin-bottom: 0px;
	}
	footer .basicinfo li {
		display: inline-block;
		padding: 0;
		margin: 0 0px 10px 0px;
	}
	footer .basicinfo li span.heading {
		display: block;
		margin-bottom: 10px;
	}
}


/*------------------------------------------------------------------------
フッターナビ
------------------------------------------------------------------------*/

#foot_nav {
	position: relative;
	box-sizing: border-box;
	display: block;
	padding: 80px 0;
	margin: 0;
	text-align: center;
	background: rgba(255, 255, 255, 1) url(../img/common/bg_grad2.jpg) repeat-x 0 top;
}

#nav_bot {
	display: table;
	table-layout: fixed;
	vertical-align: middle;
	padding: 0;
	margin: 0 auto;
	list-style: none;
}

#nav_bot li {
	display: table-cell;
	vertical-align: middle;
	padding: 0 20px;
	margin: 0;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
}

#nav_bot li a {
	display: block;
	width: 90px;
	height: 14px;
	padding: 60px 0 0 0;
	margin: 0;
	text-align: center;
	text-decoration: none;
}

#nav_bot li:nth-child(1) a {
	background: url(../img/common/icon_exhibition.svgz) no-repeat center top;
	background-size: 50px;
}

#nav_bot li:nth-child(2) a {
	background: url(../img/common/icon_collection.svgz) no-repeat center top;
	background-size: 50px;
}

#nav_bot li:nth-child(3) a {
	background: url(../img/common/icon_guide.svgz) no-repeat center top;
	background-size: 50px;
}

#nav_bot li .icon_item {
	display: block;
	width: 60px;
	padding: 0;
	margin: 0 auto 15px auto;
	pointer-events: none;
	cursor: pointer;
}

#nav_bot li a:hover {
	opacity: 0.6;
}

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

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

@media screen and (max-width:800px) {
	#foot_nav {
		position: relative;
		box-sizing: border-box;
		display: block;
		padding: 20px 0 30px 0;
		margin: 0;
		text-align: center;
	}
	#nav_bot {
		display: block;
		table-layout: fixed;
		width: 100%;
		vertical-align: middle;
		padding: 0;
		margin: 0 auto;
		list-style: none;
		font-size: 0;
	}
	#nav_bot li {
		display: inline-block;
		vertical-align: middle;
		padding: 0 10px;
		margin: 0;
		text-align: center;
		font-size: 10px;
	}
	#nav_bot li a {
		display: block;
		width: 70px;
		height: 14px;
		padding: 35px 0 0 0;
		margin: 0;
		text-align: center;
		text-decoration: none;
	}
	#nav_bot li:nth-child(1) a {
		background: url(../img/common/icon_exhibition.svgz) no-repeat center top;
		background-size: 30px;
	}
	#nav_bot li:nth-child(2) a {
		background: url(../img/common/icon_collection.svgz) no-repeat center top;
		background-size: 30px;
	}
	#nav_bot li:nth-child(3) a {
		background: url(../img/common/icon_guide.svgz) no-repeat center top;
		background-size: 30px;
	}
}


/*------------------------------------------------------------------------
お知らせ
------------------------------------------------------------------------*/

#information {
	position: relative;
	display: block;
	padding: 80px 0;
	margin: 0;
	border-bottom: rgba(224, 224, 224, 1) solid 1px;
	text-align: center;
}

#information ul.list_news {
	display: block;
	box-sizing: border-box;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#information ul.list_news li {
	display: table;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	margin: 10px 0;
	padding: 40px 0px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#information ul.list_news li .item_img {
	width: 220px;
	height: auto;
	display: table-cell;
	position: relative;
	margin: 0;
	padding: 0;
}

#information ul.list_news li .item_img img {
	width: 80%;
	height: auto;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
}

#information ul.list_news li .item_img a,
#information ul.list_news li .item_body a.txtlink {
	display: inline-block;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#information ul.list_news li .item_img a:hover,
#information ul.list_news li .item_body a.txtlink:hover {
	opacity: 0.6;
}

#information ul.list_news li .item_body {
	width: auto;
	display: table-cell;
	position: relative;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: middle;
}

#information ul.list_news li .item_ttl {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 24px;
	line-height: normal;
}

#information ul.list_news li .item_date {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: 500;
}

#information ul.list_news li .item_date .large {
	font-size: 14px;
}

#information ul.list_news li .item_txt {
	display: block;
	margin: 10px 0;
	padding: 0;
	font-size: 14px;
}

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

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

@media screen and (max-width:800px) {
	#information {
		padding: 50px 0 30px 0;
	}
	#information ul.list_news {
		margin: 0;
		padding: 0;
		text-align: left;
	}
	#information ul.list_news li {
		display: block;
		box-sizing: border-box;
		position: relative;
		margin: 0;
		padding: 20px 0px;
	}
	#information ul.list_news li .item_img {
		display: block;
		width: 100%;
		height: auto;
		position: relative;
		margin: 0 0 20px 0;
		padding: 0;
		text-align: center;
	}
	#information ul.list_news li .item_img img {
		width: 60%;
		height: auto;
		display: block;
		position: relative;
		margin: 0 auto;
		padding: 0;
	}
	#information ul.list_news li .item_body {
		width: 100%;
		display: block;
	}
	#information ul.list_news li .item_ttl {
		display: block;
		margin: 0 0 20px 0;
		padding: 0;
		font-size: 18px;
		line-height: 1.4;
		font-weight: 700;
	}
	#information ul.list_news li .item_date {
		display: block;
		margin: 0;
		padding: 0;
		font-size: 12px;
		font-weight: 500;
	}
	#information ul.list_news li .item_date .large {
		font-size: 18px;
	}
	#information ul.list_news li .item_txt {
		display: block;
		margin: 10px 0;
		padding: 0;
		font-size: 14px;
	}
}


/*------------------------------------------------------------------------
コンセプト
------------------------------------------------------------------------*/

#concept {
	position: relative;
	display: block;
	padding: 80px 0;
	margin: 0;
	text-align: center;
}

#concept ul {
	position: relative;
	display: table;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}

#concept ul li {
	position: relative;
	display: table-cell;
	padding: 0;
	margin: 0 0 20px 0;
	vertical-align: top;
	text-align: right;
}

#concept ul li img {
	display: block;
	padding: 0;
	margin: 0 0 0 auto;
	width: 90%;
	height: auto;
}

#concept ul li.img_concept {
	position: relative;
	display: table-cell;
	padding: 30px 20px 0 0;
	margin: 0;
	width: 30%;
	text-align: left;
}

#concept ul li.img_concept img {
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
}

#concept .concept_s {
	display: none;
}

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

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

@media screen and (max-width:800px) {
	#concept {
		position: relative;
		display: block;
		padding: 30px 0;
		margin: 0;
		text-align: center;
	}
	#concept ul {
		display: none;
	}
	#concept .concept_s {
		display: block;
		padding: 0;
		margin: 0;
		width: 100%;
		text-align: left;
	}
	#concept .concept_s img {
		display: block;
		padding: 0;
		margin: 0;
		width: 100%;
		height: auto;
	}
}


/*------------------------------------------------------------------------
展覧会のご案内
------------------------------------------------------------------------*/

#exhibision {
	position: relative;
	display: block;
	padding: 80px 0;
	margin: 0;
	text-align: left;
}

#exhibision .ttl_exhi {
	position: relative;
	display: block;
	padding: 0;
	margin: 0 0 40px 0;
	text-align: left;
}

#exhibision .tel_num {
	margin: 0 2px 0 2px;
	font-weight: 700;
	font-size: 20px;
	line-height: 1;
}

#exhibision .ttl_work {
	margin: 0 0 20px 0;
	font-size: 32px;
	line-height: 1.4;
	font-weight: 200;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
	vertical-align: bottom;
}

#exhibision .ttl_work span {
	margin: 0 0 0 10px;
	font-size: 16px;
	line-height: 1;
}

#exhibision ul.item_art {
	position: relative;
	display: table;
	width: 100%;
	padding: 0;
	margin: 50px auto 50px auto;
	list-style: none;
	box-sizing: border-box;
}

#exhibision ul.item_art li.item_art_thumb {
	position: relative;
	display: table-cell;
	padding: 0;
	margin: 0;
	vertical-align: top;
	text-align: center;
	width: 25%;
}

#exhibision ul.item_art li.item_art_body {
	position: relative;
	display: table-cell;
	padding: 0 0 0 80px;
	margin: 0;
	vertical-align: top;
	text-align: left;
}

#exhibision .photo_art_v {
	width: 50%;
	height: auto;
	margin: 0 0 10px 0;
}

#exhibision .photo_art_h {
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
}

@media screen and (max-width:800px) {
	#exhibision {
		padding: 40px 0;
	}
	#exhibision .ttl_exhi {
		margin: 0 0 20px 0;
	}
	#exhibision .ttl_exhi img {
		width: 100%;
		height: auto;
	}
	#exhibision .tel_num {
		font-size: 18px;
	}
	#exhibision ul.item_art {
		display: block;
		margin: 10px auto 10px auto;
	}
	#exhibision ul.item_art li.item_art_thumb {
		position: relative;
		display: block;
		padding: 0;
		margin: 0 0 10px 0;
		vertical-align: top;
		text-align: center;
		width: 100%;
	}
	#exhibision ul.item_art li.item_art_body {
		position: relative;
		display: table-cell;
		padding: 0 0 0px 0;
		margin: 0;
	}
	#exhibision .photo_art_v {
		max-width: 35%;
		width: 35%;
		height: auto;
		margin: 30px 0 10px 0;
	}
	#exhibision .photo_art_h {
		max-width: 60%;
		width: 60%;
		height: auto;
		margin: 30px 0 10px 0;
	}
}

@media screen and (max-width:680px) {
	#exhibision .photo_art_v {
		max-width: 50%;
		width: 50%;
		height: auto;
		margin: 0 0 10px 0;
	}
	#exhibision .photo_art_h {
		max-width: 100%;
		width: 100%;
		height: auto;
		margin: 0 0 10px 0;
	}
}


/*------------------------------------------------------------------------
過去の展覧会
------------------------------------------------------------------------*/

#past {
	position: relative;
	display: block;
	padding: 80px 0;
	margin: 0;
	text-align: left;
}

#past .wrap_year {
	display: block;
	margin: 0 0 50px 0;
	padding: 0px 0 50px 0;
	border-bottom: rgba(224, 224, 224, 1) solid 1px;
}

#past .wrap_year:last-child {
	border-bottom: rgba(224, 224, 224, 1) solid 0px;
	margin: 0;
}

#past .ttl_year {
	margin: 0 0 50px 0;
	font-size: 42px;
	line-height: 1;
	font-weight: 200;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
	vertical-align: bottom;
	text-align: center;
}

#past .ttl_past_lead {
	margin: 0;
	font-size: 18px;
}

#past .ttl_past {
	margin: 0 0 10px 0;
	font-size: 42px;
	line-height: 1.4;
	font-weight: 600;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
	vertical-align: bottom;
}

#past .ttl_past span {
	display: block;
	margin: 0 0 0 0px;
	font-size: 20px;
	line-height: 1.5;
}

#past .ttl_past span.eng {
	display: block;
	margin: 0 0 0 0px;
	font-size: 14px;
	line-height: 1.5;
}

#past .past_date {
	display: block;
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 14px;
	font-weight: 400;
}

@media screen and (max-width:800px) {
	#past {
		padding: 40px 0;
	}
	#past .ttl_past {
		margin: 0 0 10px 0;
		font-size: 28px;
		line-height: 1.4;
		font-weight: 600;
		font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
		vertical-align: bottom;
	}
}


/*------------------------------------------------------------------------
コレクション
------------------------------------------------------------------------*/

#collection {
	position: relative;
	display: block;
	padding: 80px 0;
	margin: 0;
	text-align: left;
}

#collection h2.mds {
	margin: 0 auto 40px auto;
	text-align: center;
}

#collection .col_right {
	position: relative;
	display: block;
	width: 60%;
	padding: 0;
	margin: 0 0 0 auto;
	text-align: left;
}

#collection .col_left {
	position: relative;
	display: block;
	width: 60%;
	padding: 0;
	margin: 0 auto 0 0;
	text-align: left;
}

@media screen and (max-width:800px) {
	#collection {
		padding: 20px 0;
	}
	#collection h2.mds {
		margin: 0 auto 20px auto;
	}
	#collection .col_right {
		width: 100%;
	}
	#collection .col_left {
		width: 100%;
	}
}


/*------------------------------------------------------------------------
ご利用案内
------------------------------------------------------------------------*/

#guide {
	position: relative;
	display: block;
	padding: 80px 0;
	margin: 0;
	text-align: left;
}

#guide .img_main {
	position: relative;
	display: block;
	padding: 0 0 30px 0;
	margin: 0;
}

#caution {
	position: relative;
	display: block;
	padding: 40px 40px 10px 40px;
	margin: 0 0 40px 0;
	text-align: left;
	background-color: rgba(242, 242, 242, 1);
}

.mds_caution {
	position: relative;
	display: block;
	padding: 10px;
	margin: 0;
	text-align: center;
	background-color: rgba(51, 51, 51, 1);
	color: rgba(255, 255, 255, 1);
}

dl.dl_note {
	padding: 0;
	margin: 20px auto;
	list-style: none;
	display: block;
	text-align: left;
	font-size: 14px;
}

dl.dl_note dt {
	float: left;
	padding: 0;
	margint: 0;
	position: relative;
	width: 65px;
	font-weight: 700;
	z-index: +1;
}

dl.dl_note dd {
	margin: 0 0 30px 0;
	padding: 0 0 0 80px;
	position: relative;
	min-height: 56px;
	line-height: 1.4;
}

dl.dl_note dd span {
	display: block;
	margin: 5px 0 0 0;
	padding: 0;
	position: relative;
	font-size: 12px;
	font-weight: 300;
	line-height: 1.4;
}

@media screen and (max-width:800px) {
	#guide {
		padding: 20px 0;
	}
}


/*------------------------------------------------------------------------
クアセス
------------------------------------------------------------------------*/

#access {
	position: relative;
	display: block;
	padding: 80px 0;
	margin: 0;
	text-align: center;
}

#access .map_hotel {
	position: relative;
	display: block;
	padding: 0;
	margin: 0 0 40px 0;
	text-align: center;
}

#access .bnr {
	display: block;
	margin: 0 0 30px 0;
	padding: 0:
}

#access .bnr input[type="image"] {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

#access dl.dl_access {
	padding: 0;
	margin: 30px auto;
	list-style: none;
	display: block;
	text-align: left;
	font-size: 16px;
}

#access dl.dl_access dt {
	float: left;
	padding: 0;
	margint: 0;
	position: relative;
	width: 9em;
	font-weight: 700;
	z-index: +1;
}

#access dl.dl_access dd {
	margin: 0 0 20px 0;
	padding: 0 0 0 12em;
	position: relative;
	background: url(../img/common/bg_li_line.png) repeat-y 10em 0.5em;
}

#access dl.dl_access dd span {
	display: block;
	font-size: 14px;
	margin: 5px 0 10px 0;
	padding: 0;
}

#access dl.dl_access dd .emp {
	display: inline-block;
	margin: 0 2px 0 0;
	padding: 5px 0px;
	font-weight: 400;
	width: 6em;
	text-align: center;
	font-size: 16px;
	line-height: 1;
	color: rgba(0, 0, 0, 1);
	background-color: rgba(204, 204, 204, 0.2);
	border-radius: 3px;
}

#access dl.dl_access ul.list_access {
	padding: 0 0 0 1.5em;
	margin: 0 0 15px 0;
}

#access dl.dl_access ul.list_access li {
	margin: 0 0 5px 0;
	padding: 0;
}

#access .route {
	display: block;
	margin: 0 15px 40px 0;
	padding: 30px;
	border: rgba(204, 204, 204, 0.2) solid 5px;
	border-radius: 3px;
}

#access .route ul.flow {
	display: table;
	padding: 0;
	margin: 20px 0 0 0;
	list-style: none;
}

#access .route ul.flow li {
	display: table-cell;
	margin: 0 0 5px 0;
	padding: 0;
	vertical-align: top;
	width: 45%;
}

#access .route ul.flow li {
	display: table-cell;
	margin: 0 0 5px 0;
	padding: 0;
	vertical-align: top;
	width: 45%;
}

#access .route ul.flow li.arrow {
	position: relative;
	width: 10%;
	text-align: center;
	vertical-align: middle;
}

#access .route ul.flow li.arrow:before {
	position: absolute;
	top: 42%;
	left: 30%;
	display: block;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	margin-left: -10px;
	border-left: 1px solid rgba(0, 0, 0, 0.5);
	border-top: 1px solid rgba(0, 0, 0, 0.5);
	content: "";
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

#access .route .mds {
	display: block;
	margin: 0;
	padding: 15px 10px;
	font-weight: 700;
	text-align: center;
	font-size: 20px;
	line-height: 1;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(148, 134, 113, 1);
}

#access .mds_arrow {
	position: relative;
	display: block;
	margin: 0 0 40px 0;
	padding: 15px 0px;
	font-weight: 700;
	text-align: center;
	font-size: 20px;
	line-height: 1.4;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(148, 134, 113, 1);
}

#access .mds_arrow:before {
	position: absolute;
	bottom: 0;
	left: 50%;
	display: block;
	width: 6px;
	height: 6px;
	margin-left: -20px;
	margin-bottom: -40px;
	border-bottom: 20px solid transparent;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid rgba(148, 134, 113, 1);
	content: "";
}

#access .mds_arrow .emp {
	font-size: 28px;
	line-height: 1;
}

#access .route2 {
	display: block;
	margin: 0 0 40px 0;
	padding: 30px;
	border: rgba(204, 204, 204, 0.2) solid 5px;
	border-radius: 3px;
}

#access .route2 ul.flow {
	display: table;
	width: 100%;
	padding: 0;
	margin: 20px 0 0 0;
	list-style: none;
}

#access .route2 ul.flow li {
	display: table-cell;
	margin: 0 0 5px 0;
	padding: 0;
	vertical-align: top;
	width: 16%;
	text-align: left;
}

#access .route2 ul.flow li.arrow {
	position: relative;
	width: 5%;
	text-align: center;
	vertical-align: middle;
}

#access .route2 ul.flow li.arrow:before {
	position: absolute;
	top: 40%;
	left: 50%;
	display: block;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	margin-left: -10px;
	border-left: 1px solid rgba(0, 0, 0, 0.5);
	border-top: 1px solid rgba(0, 0, 0, 0.5);
	content: "";
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

@media screen and (max-width:800px) {
	#access {
		padding: 20px 0;
	}
	#access dl.dl_access {
		font-size: 14px;
	}
	#access dl.dl_access dt {
		float: none;
		padding: 0;
		margint: 0;
		width: 100%;
	}
	#access dl.dl_access dd {
		margin: 0 0 20px 0;
		padding: 0;
		position: relative;
		background: none;
		font-size: 12px;
	}
	#access dl.dl_access dd span {
		font-size: 12px;
	}
	#access dl.dl_access dd .emp {
		font-size: 14px;
	}
	#access .route {
		display: block;
		margin: 0 0 40px 0;
		padding: 10px;
		border: rgba(204, 204, 204, 0.2) solid 2px;
		border-radius: 3px;
	}
	#access .route ul.flow li.arrow:before {
		position: absolute;
		top: 42%;
		left: 50%;
		display: block;
		width: 12px;
		height: 12px;
		margin-top: -6px;
		margin-left: -10px;
		border-left: 1px solid rgba(0, 0, 0, 0.5);
		border-top: 1px solid rgba(0, 0, 0, 0.5);
		content: "";
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	#access .route2 {
		display: block;
		margin: 0 0 40px 0;
		padding: 10px;
		border: rgba(204, 204, 204, 0.2) solid 2px;
		border-radius: 3px;
	}
	#access .mds_arrow {
		margin: 0 0 40px 0;
		padding: 15px 10px;
		font-weight: 700;
		text-align: center;
		font-size: 14px;
		line-height: 1.4;
		color: rgba(255, 255, 255, 1);
		background-color: rgba(148, 134, 113, 1);
	}
	#access .mds_arrow:before {
		position: absolute;
		bottom: 0;
		left: 50%;
		display: block;
		width: 6px;
		height: 6px;
		margin-left: -20px;
		margin-bottom: -40px;
		border-bottom: 20px solid transparent;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 20px solid rgba(148, 134, 113, 1);
		content: "";
	}
	#access .mds_arrow .emp {
		font-size: 18px;
		line-height: 1;
	}
	#access .mds_arrow br {
		display: none;
	}
	#access .route2 ul.flow {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0 0 0 0;
		list-style: none;
	}
	#access .route2 ul.flow li {
		display: block;
		margin: 0 0 5px 0;
		padding: 0;
		vertical-align: top;
		width: 100%;
	}
	#access .route2 ul.flow li.arrow {
		position: relative;
		width: 100%;
		text-align: center;
		vertical-align: middle;
	}
	#access .route2 ul.flow li.arrow:before {
		position: absolute;
		top: 40%;
		left: 50%;
		display: block;
		width: 12px;
		height: 12px;
		margin-top: -6px;
		margin-left: -10px;
		border-left: 1px solid rgba(0, 0, 0, 0.5);
		border-top: 1px solid rgba(0, 0, 0, 0.5);
		content: "";
		-webkit-transform: rotate(225deg);
		-moz-transform: rotate(225deg);
		-o-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		transform: rotate(225deg);
	}
}

.info_closed{
    width: 80%;
    margin: 0 auto 40px;
}
.info_closed li{
    width: 49.3%;
    display: inline-block;
    margin: 0 0 20px;
}
.info_closed li:first-child{
    margin: 0 10px 20px 0;
}
.info_closed li.wide{
    width: 100%;
}
.info_closed a{
	font-size: 1.2em;
	color:#FF0000;
	border:2px solid #FF0000;
	padding: 20px;
	margin:0;
	display:block;
	overflow: hidden;
	width: 100%;
	text-decoration: none;
	position: relative;
	text-align: center;
}
.info_closed a:before{
	position: absolute;
	content: "";
	margin: auto;
	vertical-align: middle;
    right: 20px;
    top: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    border-top: 2px solid #FF0000;
    border-right: 2px solid #FF0000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.info_closed a:hover{
	opacity:0.6;
}
.info_closed a p{
	font-size:1.2em;
	text-decoration: underline;
	margin:0;
}
.info_closed br.sp{
    display: none;
}

@media screen and (max-width:800px) {
    .info_closed{
        width: 100%;
    }
    .info_closed li,
    .info_closed li:first-child{
        width: 100%;
        margin: 0 0 10px;
    }
	.info_closed a{
    	font-size: 1.0em;
		width:90%;
    	margin: 0 auto;
    	padding: 10px;
	}
	.info_closed a:before{
	    right: 10px;
	    width: 10px;
	    height: 10px;
	}
    .info_closed a{
    	line-height: 1.2;
    }
    .info_closed br.sp{
        display: block;
    }
}