@charset "UTF-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


.flex-control-nav {
	display: none;
}
.menu-btn,
.close-btn {
	color:#fff;
	display:none;
	text-decoration: none;
}

.menu-btn:hover,
.close-btn:hover {
	color: #fff;
	text-decoration: none;
}

/* ヘッダーナビ
------------------------------- */

#nav-wrapper {
	width:100%;
	height:140px;
	background-color: rgba(0,0,0,0.7);
	float:left;
}

#nav-wrapper #site-title {
	max-width:1200px;
	margin:15px auto 12px;
	float:none;
}

/* グローバルナビ
------------------------------- */

@media screen and (min-width: 881px) {
	#sp-wrap {
		display: block !important;
	}
	.menu-btn {
		display: none !important;
	}
}


#nav-wrapper #global-nav {
	width:100%;
	height:54px;
	padding:0;
	margin:0;
	background: #484848; /* Old browsers */
	background: -moz-linear-gradient(top,  #484848 0%, #000000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #484848 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #484848 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	z-index:1;
}

#nav-wrapper #global-nav .parent-menu {
	max-width:1200px;
	margin:0 auto;
	height:54px;
}

#nav-wrapper #global-nav .parent-menu li.parent-menu-li {
	width:calc(16.2% - 24px);
	color:#fff;
	font-family: 'Noto Sans Japanese', serif;
	text-align:center;
	margin:0;
	float:left;
	box-sizing:border-box;
}

#nav-wrapper #global-nav .parent-menu li.parent-menu-li:before {
	width:3px;
	height:54px;
	content:url(../img/nav-break.png);
	background:none;
	margin:0 1px;
	padding:0;
	float:left;
}

#nav-wrapper #global-nav .parent-menu li.parent-menu-li.last:after {
	width:3px;
	height:54px;
	content:url(../img/nav-break.png);
	background:none;
	margin:-54px -4px 0;
	padding:0;
	float:right;
}


#nav-wrapper #global-nav .parent-menu li.parent-menu-li a {
	height:38px;
	color:#fff;
	font-family: 'Noto Sans Japanese', serif;
	font-size:115.38%;
	line-height:1.4;
	padding:16px 0 0 0;
	letter-spacing:3px;
}

#nav-wrapper #global-nav .parent-menu > li a:before {
	font-family: "FontAwesome";
	content: "\f138";
	margin: 0 8px 0 0;
	color: #fff;
}

#nav-wrapper #global-nav .parent-menu li a.db:before {
	position:relative;
	top:10px;
	margin: 0 5px 0 -20px;
}

#nav-wrapper #global-nav .parent-menu li:nth-child(1) a:before,
#nav-wrapper #global-nav .parent-menu li:nth-child(2) a:before {
	margin: 0;
}

#nav-wrapper #global-nav .parent-menu li:nth-child(3) a:before {
	margin: 0 3px 0 0;
}

#nav-wrapper #global-nav .parent-menu li:nth-child(1) a {
	background: -moz-linear-gradient(top,  rgba(97,138,179,1) 0%, rgba(97,138,179,0.45) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(97,138,179,1) 0%,rgba(97,138,179,0.45) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(97,138,179,1) 0%,rgba(97,138,179,0.45) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#618ab3', endColorstr='#73618ab3',GradientType=0 ); /* IE6-9 */
	letter-spacing:10px;
}

#nav-wrapper #global-nav .parent-menu li:nth-child(2) a {
	background: -moz-linear-gradient(top,  rgba(223,134,0,1) 0%, rgba(223,134,0,0.45) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(223,134,0,1) 0%,rgba(223,134,0,0.45) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(223,134,0,1) 0%,rgba(223,134,0,0.45) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df8600', endColorstr='#73df8600',GradientType=0 ); /* IE6-9 */
	letter-spacing:10px;
}

#nav-wrapper #global-nav .parent-menu li:nth-child(3) a {
	background: -moz-linear-gradient(top,  rgba(208,116,139,1) 0%, rgba(208,116,139,0.45) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(208,116,139,1) 0%,rgba(208,116,139,0.45) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(208,116,139,1) 0%,rgba(208,116,139,0.45) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0748b', endColorstr='#73d0748b',GradientType=0 ); /* IE6-9 */
	letter-spacing:5px;
}

#nav-wrapper #global-nav .parent-menu li:nth-child(4) a {
	background: -moz-linear-gradient(top,  rgba(98,114,48,1) 0%, rgba(98,114,48,0.45) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(98,114,48,1) 0%,rgba(98,114,48,0.45) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(98,114,48,1) 0%,rgba(98,114,48,0.45) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627230', endColorstr='#73627230',GradientType=0 ); /* IE6-9 */
}

#nav-wrapper #global-nav .parent-menu li:nth-child(5) a {
	height:50px;
	text-align:left;
	padding:5px 0 0 20%;
}


#nav-wrapper #global-nav .parent-menu li a:hover {
	color:#fff;
	text-decoration:none;
	background: -moz-linear-gradient(top,  rgba(76,39,89,1) 0%, rgba(76,39,89,0.45) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(76,39,89,1) 0%,rgba(76,39,89,0.45) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(76,39,89,1) 0%,rgba(76,39,89,0.45) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c2759', endColorstr='#734c2759',GradientType=0 ); /* IE6-9 */
}

#nav-wrapper #global-nav .parent-menu li.current a {
	background: -moz-linear-gradient(top,  rgba(115,18,9,0) 0%, rgba(115,18,9,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(115,18,9,0) 0%,rgba(115,18,9,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(115,18,9,0) 0%,rgba(115,18,9,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00731209', endColorstr='#731209',GradientType=0 ); /* IE6-9 */
}


/* グローバルナビ ドロップダウン
------------------------------- */

#global-nav div.child-menu {
	display:none;
	background: rgba(255,255,255,.85);
	width:calc(700% - 30px);
	padding:15px;
	margin:0;
	border: 1px solid #8D8570;
	position: absolute;
	z-index:100;
	top: 55px;
	left:0;
}

#global-nav ul.parent-menu li.parent-menu-li:nth-child(2) div.child-menu {
	left:-100%;
}

#global-nav ul.parent-menu li.parent-menu-li:nth-child(3) div.child-menu {
	left:-200%;
}

#global-nav ul.parent-menu li.parent-menu-li:nth-child(4) div.child-menu {
	left:-300%;
}

#global-nav ul.parent-menu li.parent-menu-li:nth-child(5) div.child-menu {
	left:-400%;
}

#global-nav ul.parent-menu li.parent-menu-li:nth-child(6) div.child-menu {
	left:-500%;
}

#global-nav ul.parent-menu li.parent-menu-li:nth-child(7) div.child-menu {
	left:-600%;
}


#global-nav .parent-menu li:hover div.child-menu {
	display:block;
	display:flex;
	justify-content:flex-start;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}


#global-nav div.child-menu .child-menu-block {
	width:calc(25% - 10px);
	float:left;
	margin:0 10px 10px 0;
}

#global-nav div.child-menu .child-menu-block strong a {
	height:auto !important;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	padding: 5px !important;
	letter-spacing:0 !important;
	font-weight:normal;
	color: #FFF;
	font-size: 14px !important;
	line-height: 1.21428571;
	display: block;
	background-image:none;
	background: #000 !important;
	text-align:left;
	border: 1px solid #A09884;
	text-decoration: none;
	overflow:hidden;  /*ie7*/
}

#global-nav div.child-menu .child-menu-block strong a:hover {
	background:#4c2759 !important;
}

#global-nav div.child-menu .child-menu-block strong a:before {
	font-family: "FontAwesome";
	content: "\00a0" !important;
	margin: 0 !important;
	color: #fff;
}

#global-nav div.child-menu .child-menu-block strong a:after {
	font-family: "FontAwesome";
	content: "\f138";
	margin: 0 3px 0 0 !important;
	color: #fff;
	float:right;
}

#global-nav div.child-menu .child-menu-block ul {
	width:100%;
	background: #f4f1ea;
	padding: 9px 11px 4px;
	border:1px solid #e6e6e6;
	list-style: none;
	box-sizing:border-box;
}

#global-nav div.child-menu .child-menu-block ul li {
	width:100% !important;
	padding:0 0 3px 0 !important;
}

#global-nav div.child-menu .child-menu-block ul li:before {
	display:none !important;
}

#global-nav div.child-menu .child-menu-block ul li a {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	width:100%;
	height:auto !important;
	padding:0 !important;
	margin:0 !important;
	color: #000 !important;
	font-size:13px !important;
	text-align:left !important;
	text-decoration: none;
	background:none !important;
	letter-spacing:0 !important;
}
#global-nav div.child-menu .child-menu-block ul li a:before {
	float:left;
	margin: 0 5px 0 0 !important;
	font-family: "FontAwesome";
	content: "\f138";
	color: #5E531D !important;
}

#global-nav div.child-menu .child-menu-block ul li a:hover {
	color: #408 !important;
	text-decoration: underline !important;
}

#global-nav div.child-menu .child-menu-block ul li a:hover:before {
	color: #408 !important;
}



/* ヘッダーナビ
------------------------------- */
#nav-wrapper .header-nav-wrap {
	max-width:1200px;
	margin:0 auto;
	padding: 0;
	z-index:1;
	position:relative;
	top:-125px;
}

#nav-wrapper .header-nav {
	width:60%;
	float:right;
}

#nav-wrapper .header-nav a {
	display: block;
}

#nav-wrapper .header-nav .language-links,
#nav-wrapper .header-nav .kids-link {
	float: left;
	clear:none;
	overflow:hidden;
}

#nav-wrapper .header-nav .site-nav {
	float: right;
	clear:none;
	overflow:hidden;
}

#nav-wrapper .header-nav .language-links {
	margin:0 0 0 62%;
	list-style: none;
}

#nav-wrapper .header-nav .kids-link {
	clear:right;
	list-style: none;
}

#nav-wrapper .header-nav .language-links .language-menu {
	position:absolute;
	width:9.3%;
	background:#F4F1EA;
	border:1px solid #fff;
	padding:0;
	margin:0;
}

#nav-wrapper .header-nav .language-links .language-menu li:first-child {
	display: none;
}

#nav-wrapper .header-nav .language-links .language-menu li {
	padding:0;
	margin:0;
	z-index:9999;
	font-size:92.3%;
	list-style:none;
}

#nav-wrapper .header-nav .language-links .language-menu li a {
	padding:1px 0;
	color:#665833;
	text-decoration:none;
}

#nav-wrapper .header-nav .language-links .language-menu li a:before {
	font-family: "FontAwesome";
	content: "\f138";
	margin: 0 8px 0 0;
	padding:0 0 0 10px;
}

#nav-wrapper .header-nav .language-links .language-menu li a:hover {
	background:#5E0A05;
	color:#fff;
	text-decoration:none;
}

#nav-wrapper .header-nav .language-links .language-toggle {
	padding:0 15px;
	text-decoration:none;
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#nav-wrapper .header-nav .kids-link li a {
	padding:1px 5px;
	text-decoration:none;
	background:#fff;
}

#nav-wrapper .header-nav .language-links .language-toggle:after {
	font-family: "FontAwesome";
	content: "\f13a";
	margin: 0 0 0 8px;
	color: #665833;
}

#nav-wrapper .header-nav .kids-link li a:after {
	font-family: "FontAwesome";
	content: "\f138";
	margin: 0 0 0 5px;
	color: #665833;
}

#nav-wrapper .header-nav .language-links .language-toggle:hover:after,
#nav-wrapper .header-nav .kids-link li a:hover:after {
	color:#408;
}

#nav-wrapper .header-nav .basic-links li,
#nav-wrapper .header-nav .site-nav .site-map-link,
#nav-wrapper .header-nav .site-nav .search-form,
#nav-wrapper .header-nav .site-nav .search-form .search-icon,
#nav-wrapper .header-nav .site-nav .search-form .search-input,
#nav-wrapper .header-nav .site-nav .search-form .search-submit {
	float: left;
	margin: 0;
}

#nav-wrapper .header-nav .site-links {
	float:left;
	clear:left;
	padding: 0;
	margin:0 0 0 28%;
	list-style: none;
}

#nav-wrapper .header-nav .site-links li {
	padding: 0;
	margin:0 0 0 10px;
	list-style: none;
	float:left;
}

#nav-wrapper .header-nav .site-links li a:before {
	content: "\00a0";
	border-left: 1px solid #fff;
	padding:0 2px;
	font-size:60%;
	line-height:0.8;
}

#nav-wrapper .header-nav .site-links li:last-child a:after {
	content: "\00a0";
	border-right: 1px solid #fff;
	padding:0 2px;
	font-size:60%;
	line-height:0.8;
}

#nav-wrapper .header-nav .site-links li a {
	color:#fff;
	text-decoration:none;
}

#nav-wrapper .header-nav .site-links li a:hover {
	color:#7033ac;
}

#nav-wrapper .header-nav .basic-links {
	padding: 0;
	margin-bottom: 10px;
	list-style: none;
}
#nav-wrapper .header-nav .basic-links li {
	margin: 0 0 0 10px;
}
#nav-wrapper .header-nav .site-nav .site-map-link {
	margin-right: 15px;
	clear:both;
}
#nav-wrapper .header-nav .site-nav .search-form .search-icon {
	margin-right: 7px;
}
#nav-wrapper .header-nav .site-nav .search-form .search-input {
	background:#fff;
	display:block;
	font-size:100%;
	line-height: 1.15384615;
	width: 142px;
	height:1.15384615em;
	padding: 2px 4px 3px;
	border: none;
}

#nav-wrapper .header-nav .site-nav {
	text-align:right;
}

#nav-wrapper .header-nav .site-nav .search-form {
	float:right;
}

#nav-wrapper .header-nav a:hover img,
#nav-wrapper .header-nav .search-submit:hover {
	filter: alpha(opacity=90); /* IE6/7 */
	-moz-opacity: 0.9; /* old Firefox */
	-ms-filter: "alpha(opacity=90)"; /* IE8 */
	opacity: 0.9;
}

.search-submit {
	width:3em;
	padding:3px 3px 2px 5px;
	background:#5E531D;
	color:#fff;
	letter-spacing:5px;
	border:none;
	text-align:center;
	cursor:pointer;
}

#nav-wrapper .header-nav .sp-nav {
	display: none;
}

#global-header,
#body-container,
#global-footer {
	width:auto;
	max-width: 1200px;
}

#global-header,
#top-banner-home {
	padding: 0 1px;
	max-height: 330px;
	height: auto;
}

#top-banner-home .slides li {
	background: none;
}

#global-header #top-banner-home .slides li a img {
	width: 100%;
}

.flex-direction-nav a {
	display: block;
	width: 30px;
	height: 80px;
	margin: -40px 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	overflow: hidden;
	opacity: 0;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	text-decoration:none;
}

.flex-direction-nav .flex-prev {
	left: -50px;
	background: url(../img/img-arrow-l.png) no-repeat 0 0;
}

.flex-direction-nav .flex-next {
	right: -50px;
	text-align: right;
	background: url(../img/img-arrow-r.png) no-repeat 0 0;
}



#body-container-wrapper {
	background: url(../img/bg-home-body-container.jpg) no-repeat top center;
	overflow: visible;
}


@media screen and (max-width: 1210px) {
	#nav-wrapper #site-title {
		margin:15px 20px 12px ;
	}
	
	#nav-wrapper .header-nav .language-links {
	margin:0 0 0 57%;
	}

	#nav-wrapper .header-nav .site-links {
		margin:0 0 0 20%;
	}


}

@media screen and (max-width: 1070px) {
	#nav-wrapper .header-nav .language-links {
	margin:0 0 0 52%;
	}

	#nav-wrapper .header-nav .site-links {
		margin:0 0 0 13%;
	}
	#nav-wrapper #global-nav .parent-menu li.parent-menu-li a {
		font-size: 94%;
	}

}

@media screen and (max-width: 960px) {
	#nav-wrapper .header-nav .language-links {
	margin:0 0 0 47%;
	}

	#nav-wrapper .header-nav .site-links {
		margin:0 0 0 5%;
	}
}


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

/*	#nav-wrapper .header-nav .language-links,
	#nav-wrapper .header-nav .site-links,
	#nav-wrapper .header-nav .kids-link,
	#nav-wrapper .header-nav .site-nav,
	#nav-wrapper #global-nav {
		display:none;
	}
*/

	#nav-wrapper #site-title {
		box-sizing: border-box;
		padding: 0 0 0 20px;
	}

	#nav-wrapper {
	height:90px;
}

	
	.menu-btn,
	.close-btn {
		width: 90px;
		height: 90px;
		padding: 20px 0;
		display:block;
		position: absolute;
		top: 0;
		right: 0;
		text-align: center;
		background-color: rgba(0,0,0,0.85);
		box-sizing:border-box;
		z-index: 100;
	}

		.close-btn {
		padding: 30px 0;
	}

	.menu-btn i,
	.close-btn i {
		float: none;
		clear: both;
		font-size: 250%;
	}
	
	#sp-wrap {
		width: 60%;
		position: absolute;
		right: 0;
		top: 0;
		display: none;
		
	}

	#nav-wrapper #global-nav {
	height:auto;
	background: none;
	z-index:100;
}
	
#nav-wrapper #global-nav li {
	width: 100%;
	}

	#global-nav .parent-menu li:hover div.child-menu {
		display: none !important;
	}
	
	#nav-wrapper #global-nav .parent-menu {
	margin:90px auto 0;
	height:auto;
}

#nav-wrapper #global-nav .parent-menu li.parent-menu-li {
	width:100%;
	text-align:left;
	margin:0;
	float:left;
	box-sizing:border-box;
}

#nav-wrapper #global-nav .parent-menu li.parent-menu-li:before,
#nav-wrapper #global-nav .parent-menu li.parent-menu-li.last:after,
#nav-wrapper #global-nav .parent-menu li.parent-menu-li a br {
	display: none !important;
}


#nav-wrapper #global-nav .parent-menu li.parent-menu-li a,
#nav-wrapper #global-nav .parent-menu li:nth-child(5) a {
	height:auto;
	font-size:138%;
	padding:16px 0 16px 16px;
	letter-spacing:3px;
	border-top: 1px solid #666;
}

#nav-wrapper #global-nav .parent-menu > li a:before {
	font-family: "FontAwesome";
	content: "\f138";
	margin: 0 8px 0 0;
	color: #fff;
}

#nav-wrapper #global-nav .parent-menu li a.db:before {
	position:relative;
	top:10px;
	margin: 0 8px 0 0;
}

	
#nav-wrapper #global-nav .parent-menu li a.db:before {
	position:relative;
	top:0;
}

#nav-wrapper #global-nav .parent-menu li:nth-child(1) a:before,
#nav-wrapper #global-nav .parent-menu li:nth-child(2) a:before {
	margin: 0;
}

#nav-wrapper #global-nav .parent-menu li:nth-child(3) a:before {
	margin: 0 3px 0 0;
}

	
	#nav-wrapper #global-nav .parent-menu li a {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9000000', endColorstr='#d9000000',GradientType=0 ); /* IE6-9 */
}

	
#nav-wrapper #global-nav .parent-menu li:nth-child(1) a,
#nav-wrapper #global-nav .parent-menu li:nth-child(2) a {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9000000', endColorstr='#d9000000',GradientType=0 ); /* IE6-9 */
	letter-spacing:10px;
}

#nav-wrapper #global-nav .parent-menu li:nth-child(3) a {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9000000', endColorstr='#d9000000',GradientType=0 ); /* IE6-9 */
	letter-spacing:5px;
}

#nav-wrapper #global-nav .parent-menu li:nth-child(4) a {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9000000', endColorstr='#d9000000',GradientType=0 ); /* IE6-9 */
}

#nav-wrapper #global-nav .parent-menu li a:hover {
	color:#fff;
	text-decoration:none;
	background: -moz-linear-gradient(top,  rgba(76,39,89,1) 0%, rgba(76,39,89,0.45) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(76,39,89,1) 0%,rgba(76,39,89,0.45) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(76,39,89,1) 0%,rgba(76,39,89,0.45) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c2759', endColorstr='#734c2759',GradientType=0 ); /* IE6-9 */
}

#nav-wrapper #global-nav .parent-menu li.current a {
	background: -moz-linear-gradient(top,  rgba(115,18,9,0) 0%, rgba(115,18,9,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(115,18,9,0) 0%,rgba(115,18,9,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(115,18,9,0) 0%,rgba(115,18,9,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00731209', endColorstr='#731209',GradientType=0 ); /* IE6-9 */
}
	
	
	.topics-list li:nth-child(n + 8) {
		display: none;
	}
	
	.topics-list li:nth-child(1),
	.topics-list li:nth-child(2),
	.topics-list li:nth-child(3) {
		display: block;
	}
	
	
/* ヘッダーナビ
------------------------------- */
	#nav-wrapper .header-nav-wrap {
		width: 100%;
		z-index:101;
		top:0;
		padding: 10px 0;
		overflow: hidden;
		border-top: 1px solid #666;
		background: -moz-linear-gradient(top,  rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9000000', endColorstr='#d9000000',GradientType=0 ); /* IE6-9 */
	}

	#nav-wrapper .header-nav {
		width: 100%;
	}
	
	#nav-wrapper .header-nav .language-links {
		width: 100%;
		margin:10px 0;
		padding: 0;
		min-height: 70px;
	}

	#nav-wrapper .header-nav .language-links li{
		float: left;
	}

	#nav-wrapper .header-nav .language-links .language-toggle,
	#nav-wrapper .header-nav .language-links .language-toggle:after,
	#nav-wrapper .header-nav .kids-link li a:after{
		display: none !important;
	}
	
	#nav-wrapper .header-nav .language-links .language-menu {
		position:absolute;
		width:100%;
		background:none;
		border:none;
		padding:0;
		margin:0;
		display: block !important;
	}

	#nav-wrapper .header-nav .language-links .language-menu li:first-child {
		display: block;
		padding: 21px 0 20px;
		border: none;
		font-size: 91.6%
	}

	#nav-wrapper .header-nav .language-links .language-menu li:nth-child(2){
		border: none;
	}

	#nav-wrapper .header-nav .language-links .language-menu li {
		float: left;
		width: 20%;
		margin: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		background: #665833;
		color: #fff;
		text-align: center;
		border-left: 1px solid #ccc;
		box-sizing: border-box;
	}

	#nav-wrapper .header-nav .language-links .language-menu li a {
		width: 100%;
		background: #fff;
		padding: 20px 0;
	}

	#nav-wrapper .header-nav .language-links .language-menu li a:before {
		margin: 0 4px 0 0;
		padding:0;
	}

	#nav-wrapper .header-nav .kids-link {
		width: 25%;
		margin: 0;
		padding: 0;
		float: left;
		clear: none;
		box-sizing: border-box;
	}

	#nav-wrapper .header-nav .kids-link img {
		width: 100%;
		padding: 20px 0;
	}
	
	
	#nav-wrapper .header-nav .site-links {
		width: 75%;
		margin:0;
		padding: 0;
		float: left;
		clear: none;
		box-sizing: border-box;
		font-size: 92.3%;
	}

	#nav-wrapper .header-nav .site-links li {
		width: 33.3%;
		margin: 0;
		padding: 0;
		text-align: center;
		border-left: 1px solid #ccc;
		box-sizing: border-box;
	}

	#nav-wrapper .header-nav .site-links li a {
		background: #fff;
		padding: 16px 0 26px;
		color: #665833;
	}

	#nav-wrapper .header-nav .site-links li a:before {
		display: none;
	}

	#nav-wrapper .header-nav .site-links li a:after {
		font-family: "FontAwesome";
		content: "\f138" !important;
		width: 100%;
		padding:0;
		margin: -2px 0 0 0 !important;
		color: #665833;
		float:right;
		border:none;
	}

	#nav-wrapper .header-nav .site-links li:last-child a:after {
		font-size: 105%;
		line-height: 1.4;
	}

	#nav-wrapper .header-nav .site-links li a:hover,
	#nav-wrapper .header-nav .site-links li a:hover:after {
		color: #8C8266;
	}

	
	
	#nav-wrapper .header-nav .site-nav {
		width: 100%;
		padding: 10px 16px;
		margin: 20px 0;
		box-sizing: border-box;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}

	#nav-wrapper .header-nav .site-nav .search-form .search-input {
		width:calc(100% - 80px);
	}

	#nav-wrapper .header-nav .site-nav .search-form {
		width: 100%;
	}
	
	#nav-wrapper .header-nav .sp-nav {
		display: block;
		list-style: none;
		width: 100%;
		padding: 0 16px 20px;
		margin: 0;
		box-sizing: border-box;
	}

	#nav-wrapper .header-nav .sp-nav a {
		color: #fff;
		text-decoration: none;
		padding: 0 0 5px 0;
	}
	
	#nav-wrapper .header-nav .sp-nav a:before {
		font-family: "FontAwesome";
		content: "\f138";
		margin: 0 8px 0 0;
		color: #fff;
	}

	#nav-wrapper .header-nav .sp-nav a:hover,
	#nav-wrapper .header-nav .sp-nav a:hover:before {
		color: #7033ac;
		text-decoration: none;
	}
	
	.sp-anchor-nav {
		width: 100%;
		margin: 0 0 20px;
		padding: 0;
		list-style: none;
		display: block !important;
	}
	
	.sp-anchor-nav li {
		list-style: none;
		width: 33.3%;
		float: left;
	}

	.sp-anchor-nav li img {
		width: 100%;
	}
	
	
	.page-content .sp-anchor-nav li:before,
	.side-link-btn {
		display: none;
	}
	
	.sp-anchor-nav li a:hover {
		filter: alpha(opacity=80); /* IE6/7 */
		-moz-opacity: 0.8; /* old Firefox */
		-ms-filter: "alpha(opacity=80)"; /* IE8 */
		opacity: 0.8;
	}

	
	#global-header #top-banner-home .slides li a img {
		width: 100%;
	}
	
	
	
}



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

	#nav-wrapper #site-title {
		width: 100%;
		padding: 0;
	}

	#nav-wrapper #site-title img {
		max-width: calc(100% - 100px);
		height: auto;
	}

	#sp-wrap {
		width: 100%;
	}

	.menu-btn,
	.close-btn {
		width: 70px;
	}
	
	.flex-direction-nav a {
		display: block;
		width: 15px;
		height: 40px;
		margin: -20px 0 0;
	}

	.flex-direction-nav .flex-prev,
	.flex-direction-nav .flex-next {
		-moz-background-size:cover;
		background-size:cover;
	}



}






/* コンテンツエリア
------------------------------- */
#main-column {
	width: 80%;
}
#sidebar {
	width: 20%;
}

.home .page-content,
.home #sidebar {
	padding: 20px 0 0;
}

.section-header,
.event-header {
	margin: 0 0 15px 0px;
}

h2 {
	font-family: 'Noto Sans Japanese', serif;
	color:#262626;
	font-size: 115.3846%;
	margin: 40px 0 18px 0;
}

h2:before {
	content: url(../img/title-mark.png);
	top:0.3em;
}
.home h2 {
	font-size:123.076923%;
	line-height:1.25;
	padding:0 0 4px 20px;
}


@media screen and (max-width: 880px) {
	#main-column,
	#sidebar {
		width: 100% !important;
	}
}


/* トップページお知らせ関連
------------------------------- */
.sp-anchor-nav {
	display: none;
}


.section-header .link-btn {
	font-size: 92.3%;
}

.research-info,
.exhibitions-info {
	width:50%;
	clear:none;
	float:left;
	padding:0 0 0 4%;
	margin:0 0 40px 0;
	box-sizing:border-box;
}

.exhibitions-info {
	padding:0 0 0 2%;
}

.others-info {
	padding:0 0 0 4%;
}

.section .category-icon {
	color: #FFF;
	font-size:92.307692%;
	line-height: 1.16666667;
	display: inline-block;
	background: #ccc;
	text-align: center;
	width: 80px;
	padding: 2px 0 0;
	margin-right:10px;
	margin-bottom:3px;
	font-weight:bold;
}

.section .oshirase {
	background: #825172;
}

.info-link-list {
	width:100%;
	padding:0 !important;
	margin:0 0 10px 0 !important;
}

	.info-link-list li {
		width: 32%;
		float: left;
		padding: 10px 0;
		margin:0 2% 10px 0;
		font-family: 'Noto Sans Japanese', serif;
		font-size: 14px;
		text-align: center;
		background: #fff url(../img/home-btn-bg-w.png) no-repeat center center;
		box-sizing: border-box;
		text-decoration: none;
		border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border:1px solid #999999;
		list-style:none !important;
	}

	.info-link-list li:last-child {
		margin:0 0 10px 0;
	}

	.info-link-list li:hover {
		filter: alpha(opacity=90); /* IE6/7 */
		-moz-opacity: 0.9; /* old Firefox */
		-ms-filter: "alpha(opacity=90)"; /* IE8 */
		opacity: 0.9;
	}

	.info-link-list li:hover a {
		color:#408;
	}


	.info-link-list li:before {
		display:none !important;
	}

	.info-link-list li a {
		color:#5E531D;
		text-decoration:none;
	}

	.info-link-list li a:before {
		font-family: "FontAwesome";
		content: "\f138";
		margin: 0 5px 0 0;
		padding:0 0 0 10px;
		background:none !important;
		color:#5E531D;
	}

	.info-link-list li:hover a:before {
		color:#408;
	}


.research-info .topics-list,
.exhibitions-info .topics-list {
	height: auto;
	max-height:840px;
	box-sizing:border-box;
	overflow:auto;
}

.research-info .topics-list {
	height: auto;
	max-height:774px;
}

.others-info .topics-list {
	height: auto;
	max-height: 670px;
	box-sizing:border-box;
	overflow:auto;
}

.research-info .topics-list li,
.exhibitions-info .topics-list li,
.others-info .topics-list li {
	width:100%;
	position:relative;
	padding: 0 0 0 2px;
	box-sizing: border-box;
}


.research-info .topics-list a,
.exhibitions-info .topics-list a,
.others-info .topics-list a,
.research-info .topics-list .no-link,
.exhibitions-info .topics-list .no-link,
.others-info .topics-list .no-link {
	width:97%;
	float:left;
	padding:15px 5% 15px 3%;
	box-sizing:border-box;
	background:#fff;
	text-decoration:none;
	box-shadow:0px 0px 8px 1px rgba(153,153,153,0.3);
	-moz-box-shadow:0px 0px 8px 1px rgba(153,153,153,0.3);
	-webkit-box-shadow:0px 0px 8px 1px rgba(153,153,153,0.3);
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border: 1px solid #fff;
}

.others-info .topics-list .no-link {
	padding:15px 5% 15px 2%;
}

.research-info .topics-list .no-link,
.exhibitions-info .topics-list .no-link,
.others-info .topics-list .no-link {
	width:97%;
	margin: 0 0 18px 2px
}

.others-info .topics-list .no-link {
	width:98.2%;
}
.others-info .topics-list a {
	width:98.5%;
	padding:15px 5% 15px 2%;
}

.research-info .topics-list a:hover,
.exhibitions-info .topics-list a:hover,
.others-info .topics-list a:hover {
	filter: alpha(opacity=90); /* IE6/7 */
	-moz-opacity: 0.9; /* old Firefox */
	-ms-filter: "alpha(opacity=90)"; /* IE8 */
	opacity: 0.9;
	border: 1px solid #408;
}

.research-info .topics-list a:before,
.exhibitions-info .topics-list a:before,
.others-info .topics-list a:before {
	font-family: "FontAwesome";
	content: "\f138";
	margin: 0;
	padding:0;
	background:none !important;
	color:#5E531D;
	position:absolute;
	top:40%;
	right:5%;
}

.research-info .topics-list a:hover:before,
.exhibitions-info .topics-list a:hover:before,
.others-info .topics-list a:hover:before {
		color:#408;
	}

.research-info .topics-list a .date,
.exhibitions-info .topics-list a .date,
.others-info .topics-list a .date {
	color:#333333;
	float:left;
	margin:0 5px 5px 0;

}

.research-info .topics-list a .title,
.exhibitions-info .topics-list a .title,
.others-info .topics-list a .title,
.research-info .topics-list a .description,
.exhibitions-info .topics-list a .description {
	float:left;
	width:100%;
}

#main-column .topics-list li:first-child {
	margin-top: 3px;

}



@media screen and (max-width: 880px) {
	.research-info,
	.exhibitions-info,
	.others-info {
		width: 100% !important;
		padding: 0;
	}

	.info-link-list {
		display:none;
	}

	.research-info .topics-list,
	.exhibitions-info .topics-list,
	.others-info .topics-list {
		height:auto;
	}

	.research-info .topics-list a,
	.exhibitions-info .topics-list a,
	.others-info .topics-list a {
		width: 99.7%;
	}

	.research-info .topics-list .no-link,
	.exhibitions-info .topics-list .no-link,
	.others-info .topics-list .no-link {
		width: 99%;
	}

	.research-info .topics-list a:before,
	.exhibitions-info .topics-list a:before,
	.others-info .topics-list a:before {
		right:2%;
	}


}



@media screen and (max-width: 580px) {
	ul.topics-list .thumbnail {
			width: 40%;
	}

	ul.topics-list .thumbnail img {
		width: 95%;
		height: auto;
	}

	ul.topics-list .twitter-thum,
	ul.topics-list .twitter-thum {
		width: auto;
	}

	
}






/* サイドバー
------------------------------- */
#sidebar .side-link-btn {
	width: 100%;
	float: left;
	padding: 13px 0;
	font-family: 'Noto Sans Japanese', serif;
	color: #fff;
	font-size: 15px;
	text-align: center;
	background: #847431 url(../img/home-btn-bg-g.png) no-repeat center center;
	box-sizing: border-box;
	text-decoration: none;
	margin: 0 0 30px 0;
	border-radius: 6px;
}

#sidebar .side-link-btn-img {
	width: 100%;
	float: left;
	margin: 0 0 30px 0;
}

#sidebar .side-link-btn-img img {
	width: 100%;
}

#sidebar .side-link-btn:hover,
#sidebar .side-link-btn-img:hover {
	filter: alpha(opacity=80); /* IE6/7 */
	-moz-opacity: 0.8; /* old Firefox */
	-ms-filter: "alpha(opacity=80)"; /* IE8 */
	opacity: 0.8;
}

#sidebar-basic-infomation {
	margin: 1em 0 30px;
	overflow: hidden;
}

#sidebar .section {
	padding:0;
}

#sidebar .description {
	margin:10px 0 0 0;
	border:1px solid #C0C0C0;
}

#sidebar .topics-list {
	padding:0;
	margin:0;
	list-style:none;
}

dl dt {
	color:#333;
}

.sidebar-calendar h4 span.manth-number {
	color:#262626;
}

.sidebar-calendar h4 span.year-manth-name {
	color:#000;
}

	#sidebar #sidebar-basic-infomation h3 {
		width: 8em;
		background: #847225;
		text-align: center;
		color: #fff;
		padding: 9px 0 5px;
	}




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

	#sidebar #sidebar-basic-infomation h3 {
		width: 8em;
		font-size: 16px;
		background: #847225;
		text-align: center;
		color: #fff;
		padding: 9px 0 5px;
	}

	#sidebar #sidebar-basic-infomation dt {
		width: 5em;
		padding: 9px 0 5px;
	}

	#sidebar #sidebar-basic-infomation dt,
	#sidebar #sidebar-basic-infomation dd,
	#sidebar #sidebar-basic-infomation dd strong {
		font-size: 16px;
	}

	#sidebar #sidebar-basic-infomation dd + dd {
		margin-left: 5em;
	}

	#sidebar-basic-infomation ul.related-links {
		float: right;
	}

}

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

	#sidebar #sidebar-basic-infomation dd {
		width: 100%;
		font-size: 12px;
	}

	#sidebar #sidebar-basic-infomation dd strong {
		font-size: 12px;
	}

	#sidebar #sidebar-basic-infomation dd + dd {
		margin-left: 0;
	}


}




.return-links,
.return-links-inner ,
.return-links.fixed .return-links-inner {
	width: 1200px;
}

.sp-page-top-link {
	display: none;
}

@media screen and (max-width: 1230px) {
	.return-links,
	.return-links-inner ,
	.return-links.fixed .return-links-inner {
		width: calc(100% - 40px);
	}

}



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

	#global-footer-wrapper {
		border: none;
	}

	#global-footer-wrapper #global-footer {
		padding: 0;
	}

	#footer-nav,
	.return-links {
		display: none;
	}
	
	#global-footer a.sp-page-top-link {
		width: 100%;
		padding: 20px 0;
		display: block;
		background: #847225;
		color: #fff;
		text-align: center;
		text-decoration: none;
		font-family: Arial, Helvetica," sans-serif";
		font-size: 15px;
	}

	#global-footer a.sp-page-top-link:before {
		font-family: "FontAwesome";
		content: "\f139";
		margin: 0 8px 0 0;
	}

	#global-footer a.sp-page-top-link:hover {
		filter: alpha(opacity=80); /* IE6/7 */
		-moz-opacity: 0.8; /* old Firefox */
		-ms-filter: "alpha(opacity=80)"; /* IE8 */
		opacity: 0.8;
	}

	
}


.mrginT0 {
	margin-top: 0 !important;
}