@charset "UTF-8";
/* ================================
	style.css
================================ */

/* SP JUMP BTN
------------------------------------------ */
.spJumpBtn {
	display: none;
	width: 100%;
	height: 150px;
	text-align: center;
	background: linear-gradient(#704749, #400a0c);
}
.spJumpBtn a {
	display: block;
	width: 100%;
	height: 150px;
}
.spJumpBtn a img {
	padding-top: 50px;
}


/* PARTS
------------------------------------------ */
.alignR { text-align: right; }
.alignC { text-align: center; }
.clf:after {
	display: block;
	clear: both;
	content: "";
}
/**/
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }
.common_red { color: #660000; }
.small_text {
	font-size: 0.91em;
	color: #666666;
}
.align_right { text-align: right; }
.mb40 { margin-bottom: 40px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb5 { margin-bottom: 5px; }
.mb_2 { margin-bottom: 2px; }
.mt55 { margin-top: 55px; }
.mt40 { margin-top: 40px; }
.mt20 { margin-top: 20px; }
.mt15 { margin-top: 15px; }
.mt15-mb {
	margin-top: 15px;
	margin-bottom: 15px;
}
.mt10 { margin-top: 10px; }
.mt5 { margin-top: 5px; }
.mt25 { margin-top: 25px; }
.mt8 { margin-top: 8px; }
.mt8-mb {
	margin-top: 8px;
	margin-bottom: 15px;
}
.mr20 { margin-right: 20px; }
.ml10 { margin-left: 10px; }
.ml18 { margin-left: 18px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml65 { margin-left: 65px; }
.ind_1em { text-indent: 1em; }
.ind_3em { text-indent: 3em; }
.f_left { float: left; }
.f_right { float: right; }
.align_center { text-align: center; }
.text_pat01 {
	margin-top: 15px;
	margin-left: 4px;
}
/**/
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb1em { margin-bottom: 1em; }
.w300 { width: 300px; }
.texAndImg .imgR {
	float: right;
	margin-left: 30px;
}
.texAndImg .imgL {
	float: left;
	margin-lright: 30px;
}
.fukudashiArea01 {
	display: table;
	width: 100%;
}
.fukudashiArea01 .fukidashiImg {
	display: table-cell;
	padding-right: 20px;
	background: url(/common/images/bg_fukidashi_01.gif) no-repeat right 50%;
}
.fukudashiArea01 .fukidashiTex {
	display: table-cell;
	width: 1000px;
	background: #f7f7f7;
	vertical-align: middle;
	padding: 30px;
}
.listKome { margin-left: 1em; }
.listKome li { text-indent: -1em; }

.txtLink { color: #00e; }

/* HEADER
------------------------------------------ */
#header { width: 100%; }
#header #header01 {
	position: relative;
	margin: 0 auto;
	width: 940px;
	height: 80px;
	display: flex;
	justify-content: space-between;
    padding-top: 10px;
	box-sizing: border-box;
}
#header #header01 h1 {
	/* position: absolute;
	top: 10px;
	left: 0; */
	width: 200px;
	height: 60px;
}
#header #header01 h1 a {
	display: block;
	width: 200px;
	height: 60px;
	background: url(/common/images/hed_img_logo_00.png) no-repeat left top;
	text-indent: -9999px;
}
#header #header01 aside {
	display: flex;
	justify-content: right;
    padding-top: 10px;
}
#header #header01 aside > *{
	margin-left: 20px;
}
#header #header01 ul.lang {
	/* position: absolute;
	top: 20px;
	right: 305px; */
	line-height: 1;
}
#header #header01 ul.lang li { margin-bottom: 6px; }
#header #header01 .textSize {
	/* position: absolute;
	top: 20px;
	right: 220px; */
	line-height: 1;
	width: 64px;
	height: 40px;
	background: url(/common/images/hed_tex_text_01.gif) no-repeat left top;
	font-size: 0;
	padding: 15px 0 0;
}
#header #header01 .textSize ul {
	padding-bottom: 3px;
	border-bottom: #400a0c 2px solid;
	font-size: 0;
}
#header #header01 .textSize ul li {
	display: inline-block;
	margin-left: 2px;
	cursor: pointer;
}
#header #header01 .textSize ul li:first-child { margin-left: 0; }
#header #header01 #serchBox {
	/*position: absolute;
	top: 20px;
	right: 0; */
	position: relative;
	width: 196px;
	height: 36px;
	border: #400a0c 2px solid;
}
#header #header01 #serchBox input#siteSearch_L {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0 0 0 10px;
	width: 141px;
	height: 36px;
	border: none;
	color: #400a0c;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 36px;
}
#header #header01 #serchBox input#siteSearchBtn {
	position: absolute;
	top: 0;
	right: 0;
}
#header #header01 .flTwitter {
	margin-top: 5px;
}
#header #header01 .flTwitter a:hover {
	opacity: 0.7;
}
#header #header02 {
	position: relative;
	top: 0;
	width: 100%;
	background: #d22b34;
}
#header #header02 ul.nav {
	display: table;
	margin: 0 auto;
	width: 940px;
	height: 50px;
}
#header #header02 ul.nav > li {
	display: table-cell;
	border-left: #d22b34 1px solid;
	background: #d22b34;
}
#home #header #header02 ul.nav > li.nav00,
#about #header #header02 ul.nav > li.nav01,
#info #header #header02 ul.nav > li.nav02,
#exhibition #header #header02 ul.nav > li.nav03,
#event #header #header02 ul.nav > li.nav04,
#news #header #header02 ul.nav > li.nav05,
#collection #header #header02 ul.nav > li.nav06,
#book #header #header02 ul.nav > li.nav07,
#inquiry #header #header02 ul.nav > li.nav08,
#header #header02 ul.nav > li:hover { background: #a12027; }
#about #header #header02 ul.nav > li.nav01:hover,
#info #header #header02 ul.nav > li.nav02:hover,
#exhibition #header #header02 ul.nav > li.nav03:hover,
#collection #header #header02 ul.nav > li.nav06:hover,
#inquiry #header #header02 ul.nav > li.nav08:hover,
#header #header02 ul.nav > li.navPrnt:hover { background: #a12027 url(/common/images/dnav_bg_00.png) no-repeat 50% bottom; }
#header #header02 ul.nav > li > a { white-space: nowrap; }
#header #header02 ul.nav > li:first-child { border-left: none; }
#header #header02 ul.nav > li > a {
	display: block;
	padding: 0 5px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 50px;
}
#header #header02 ul.nav > li > div {
	position: absolute;
	left: 0;
	display: none;
	padding: 10px 0 5px;
	width: 100%;
	background: #400a0c;
	z-index: 9999;
}
#header #header02 ul.nav > li > div ul {
	margin: 0 auto;
	width: 940px;
}
#header #header02 ul.nav > li > div ul li {
	display: block;
	float: left;
	margin-bottom: 5px;
	background: url(/common/images/dnav_bg_01.gif);
}
#header #header02 ul.nav > li > div ul li:hover { background: url(/common/images/dnav_bg_02.gif); }
#header #header02 ul.nav > li > div ul li a {
	display: table;
	padding: 10px;
	color: #fff;
	text-align: left;
	text-decoration: none;
}
#header #header02 ul.nav > li > div ul li a img,
#header #header02 ul.nav > li > div ul li a p {
	display: table-cell;
	vertical-align: middle;
}
#header #header02 ul.nav > li > div ul li a img { width: 50px; }
#header #header02 ul.nav > li > div ul li a p {
	padding-left: 20px;
	width: 1000px;
	font-size: 13px;
	font-size: 1.3rem;
}
#header #header02 ul.nav > li > div ul.dropNavBox2 li { width: 467px; }
#header #header02 ul.nav > li > div ul.dropNavBox2 li:first-child { margin-right: 6px; }
#header #header02 ul.nav > li > div ul.dropNavBox2 li a { width: 447px; }
#header #header02 ul.nav > li > div ul.dropNavBox3 li {
	margin-left: 5px;
	width: 310px;
}
#header #header02 ul.nav > li > div ul.dropNavBox3 li:first-child,
#header #header02 ul.nav > li > div ul.dropNavBox3 li.fourfold { margin-left: 0; }
#header #header02 ul.nav > li > div ul.dropNavBox3 li a { width: 290px; }
#header #header02 ul.nav > li > div ul.dropNavBox4 li {
	margin-left: 5px;
	width: 230px;
}
#header #header02 ul.nav > li > div ul.dropNavBox4 li:first-child,
#header #header02 ul.nav > li > div ul.dropNavBox4 li.fivefold { margin-left: 0; }
#header #header02 ul.nav > li > div ul.dropNavBox4 li a { width: 210px; }

/* FOOTER
------------------------------------------ */
#footer {
	margin-top: 80px;
	background: #f7f7f7;
}
#footer .footerBnrArea {
	padding: 20px 0;
	width: 100%;
	background: #e6e6e6;
}
#footer .footerBnrArea ul {
	margin: 0 auto;
	width: 940px;
}
#footer .footerBnrArea ul li {
	float: left;
	margin-left: 10px;
	font-size: 0;
}
#footer .footerBnrArea ul li:first-child { margin-left: 0px; }
#footer .footerListArea {
	margin: 0 auto;
	padding: 40px 0 20px;
	width: 940px;
}
#footer .footerListArea nav > div {
	float: left;
	margin-left: 5px;
	width: 230px;
}
#footer .footerListArea nav > div:first-child { margin-left: 0px; }
#footer .footerListArea nav > div ul { margin-bottom: 2em; }
#footer .footerListArea nav > div ul li {
	font-size: 12px;
	font-size: 1.2rem;
}
#footer .footerListArea nav > div ul li:first-child { margin-bottom: 1em; }
#footer .footerListArea nav > div ul li a {
	color: #333;
	text-decoration: none;
}
#footer .footerListArea nav > div ul li:before { content: '- '; }
#footer .footerListArea nav > div ul li:first-child:before { content: ''; }
#footer .footerListArea nav > div ul li a:hover { text-decoration: underline; }
#footer .footerListArea nav > div ul li:first-child a { color: #610f13; }
#footer .footerListArea2 {
	padding: 40px 0 40px;
	width: 100%;
	background: #fff;
}
#footer .footerListArea2 > div {
	margin: 0 auto;
	width: 940px;
}
#footer .footerListArea2 nav {
	position: relative;
	padding-right: 80px;
}
#footer .footerListArea2 ul {
	display: block;
	margin-bottom: 1em;
	line-height: 1;
}
#footer .footerListArea2 ul li { float: left; }
#footer .footerListArea2 ul li:before { content: '　|　'; }
#footer .footerListArea2 ul li:first-child:before { content: ''; }
#footer .footerListArea2 ul li a {
	color: #333;
	text-decoration: none;
	font-size: 12px;
	font-size: 1.2rem;
}
#footer .footerListArea2 ul li a:hover { text-decoration: underline; }
#footer .footerListArea2 p.jt {
	position: absolute;
	top: 0;
	right: 0;
}
#footer .footerListArea2 div > p { float: left; clear:left; }
/* 2ND
------------------------------------------ */
/*ここからimport用*/
.secondContents .secondContentsMainIMP {
	float: left;
	width: 730px;
	font-size: 12px;
}

.secondContents .secondContentsMainIMP div:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.secondContents .secondContentsMainIMP div { display: block; }
.secondContents .secondContentsMainIMP table img { vertical-align: baseline; }
/*ここまでimport用*/

.secondHeader {
	max-width: 100%;
	width: 100%;
	height: 150px;
	background-color: #fff;
	background-attachment: fixed;
	background-position: center top;
	background-size: contain;
	background-repeat: no-repeat;
	text-align: center;
}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
.secondHeader {
	background-size:auto;
    }
}
.secondHeader h2 {
	padding-top: 38px;
	color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.1;
}
.secondHeader h2 strong {
	display: block;
	font-weight: normal;
	font-size: 50px;
	font-size: 5.0rem;
}
.breadcrumb {
	padding: 20px 0;
	width: 100%;
	background: #f7f7f7;
}
.breadcrumb ul {
	margin: 0 auto;
	width: 940px;
}
.breadcrumb ul li {
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
}
.breadcrumb ul li:before { content: ' > '; }
.breadcrumb ul li:first-child:before { content: ''; }
.breadcrumb ul li a {
	color: #333;
	text-decoration: none;
}
.breadcrumb ul li a:hover { text-decoration: underline; }
.secondContents {
	margin: 50px auto 0;
	width: 940px;
}
.secondContents .secondContentsMain {
	float: left;
	width: 730px;
}
.secondContents .secondContentsMain h3 {
	margin-bottom: 40px;
	padding: 20px 0 0;
	background: url(/common/images/bg_h3.gif) no-repeat left top;
	font-weight: bold;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1;
}
.secondContents .secondContentsMain h4 {
	margin-bottom: 20px;
	padding: 16px;
	border-left: #d22b34 3px solid;
	background: #f7efef;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1;
}
.secondContents .secondContentsMain h5 {
	margin-bottom: 20px;
	padding: 5px 16px;
	border-left: #400a0c 3px solid;
	font-weight: bold;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1;
}
.secondContents .secondContentsMain .linkArw {
	padding-left: 20px;
	background: url(/common/images/ico_arw_04.png) no-repeat left 50%;
}
.secondContents .secondContentsMain .linkBlank,
.secondContents .secondSideArea .linkBlank {
	padding-left: 20px;
	background: url(/common/images/ico_blank_01.png) no-repeat left 50%;
}
.secondContents .secondContentsMain a.linkPDF {
	margin-right: 5px;
	padding-right: 25px;
	background: url(/common/images/ico_pdf.png) no-repeat right 50%;
}
.secondContents .secondContentsMain a.linkPDFL {
	padding-left: 25px;
	background: url(/common/images/ico_pdf.png) no-repeat left 50%;
}
.secondContents .secondContentsMain .btnOuter {
	text-align: center;
	font-size: 0;
}
.secondContents .secondContentsMain p.btnLink,
.secondContents .secondContentsMain p.noLink {
	display: inline-block;
	margin: 0 5px;
	background: #400a0c url(/common/images/ico_arw_05.png) no-repeat 15px 50%;
	text-align: center;
}
.secondContents .secondContentsMain p.btnLink:hover { background: #d22b34 url(/common/images/ico_arw_05.png) no-repeat 15px 50%; }
.secondContents .secondContentsMain p.btnLinkBlank {
	display: inline-block;
	margin: 0 5px;
	background: #400a0c url(/common/images/ico_blank_02.png) no-repeat 15px 50%;
	text-align: center;
}
.secondContents .secondContentsMain p.btnLinkBlank:hover { background: #d22b34 url(/common/images/ico_blank_02.png) no-repeat 15px 50%; }
.secondContents .secondContentsMain .btnLink a,
.secondContents .secondContentsMain .btnLinkBlank a {
	display: block;
	padding: 13px 35px 13px 40px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-size: 1.4rem;
}
.secondContents .secondContentsMain p.noLink {
	padding: 13px 35px 13px 40px;
	background-color: #cfc2c2;
	color: #fff;
	vertical-align: top;
	font-size: 14px;
	font-size: 1.4rem;
}
.secondContents .secondContentsMain .pdfDlBox > p {
	float: left;
	width: 140px;
}
.secondContents .secondContentsMain .pdfDlBox div {
	float: right;
	width: 590px;
}
.secondContents .secondContentsMain .pdfDlBox div p {
	margin-bottom: 0;
	font-size: 14px;
	font-size: 1.4rem;
}
.secondContents .secondContentsMain p {
	font-size: 14px;
	font-size: 1.4rem;
}
.secondContents .secondContentsMain .borderBox01 {
	padding: 30px;
	border: #ccc 1px dotted;
}
.secondContents .secondContentsMain .borderBox02 {
	padding: 20px;
	border: #ccc 1px solid;
}
/* secondSideArea
------------------------------------------ */
.secondSideArea {
	float: right;
	width: 180px;
}

.secondSideArea .about,
.secondSideArea .sitemap,
.secondSideArea .privacy,
.secondSideArea .sitepolicy,
.secondSideArea .info,
.secondSideArea .exhibition,
.secondSideArea .event,
.secondSideArea .news,
.secondSideArea .collection,
.secondSideArea .book,
.secondSideArea .inquiry,
.secondSideArea .blog,
.secondSideArea .error,
.error .secondSideArea .sitemap{
	display:none;
}

#about .secondSideArea .about,
#sitemap .secondSideArea .sitemap,
#privacy .secondSideArea .privacy,
#sitepolicy .secondSideArea .sitepolicy,
#info .secondSideArea .info,
#exhibition .secondSideArea .exhibition,
#event .secondSideArea .event,
#news .secondSideArea .news,
#book .secondSideArea .book,
#collection .secondSideArea .collection,
#inquiry .secondSideArea .inquiry,
.blog .secondSideArea .news,
.blog .secondSideArea .blog{
	display:block;
}

.error .secondSideArea .sitemap{
	display:none !important;
}

.top .secondSideArea .list01 a,
.access .secondSideArea .list02 a,
.map .secondSideArea .list03 a,
.tokubetsutenNoNamae .secondSideArea .list01 a,
.tokubetsutenNext .secondSideArea .list02 a,
.tokubetsutenSchedule .secondSideArea .list03 a,
.archive .secondSideArea .list04 a,
.web_exhibition .secondSideArea .list05 a,
.calendar01 .secondSideArea .list01 a,
.flyer .secondSideArea .list02 a,
.shop .secondSideArea .list04 a,
.tobacco .secondSideArea .list01 a,
.salt .secondSideArea .list02 a,
.other .secondSideArea .list03 a,
.book .secondSideArea .list04 a,
.blog .secondSideArea .news .list01 a,
.group .secondSideArea .list01 a,
.order .secondSideArea .list02 a,
.secondary .secondSideArea .list03 a,
.aboutImg .secondSideArea .list03 a,
.press .secondSideArea .list04 a{
	background: #f7f7f7 url("/common/images/ico_arw_03.png") no-repeat scroll 10px 50%;
}

.secondSideArea .sideNav { margin-bottom: 45px; }

.secondSideArea .sideNav > li {
	display: block;
	text-align: center;
}
.secondSideArea .sideNav > li > a {
	display: block;
	padding: 17px 0 19px;
	background: #400a0c;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.6;
}
.secondSideArea .sideNav > li.parent > a { background: #400a0c url(/common/images/ico_arw_02.png) no-repeat 10px 50%; }
.secondSideArea .sideNav > li > a:hover { text-decoration: underline; }
.secondSideArea .sideNav > li:first-child {
	height: 48px;
	border: #400a0c 1px solid;
}
.secondSideArea .sideNav > li:first-child > a {
	background: #fff;
	color: #400a0c;
}
.secondSideArea .sideNav > li > ul li { border-bottom: #bca9a9 1px dotted; }
.secondSideArea .sideNav > li > ul li a {
	display: block;
	padding: 17px 0 19px;
	background: #fff url(/common/images/ico_arw_03.png) no-repeat 10px 50%;
	color: #333;
	text-decoration: none;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.6;
}
.secondSideArea .sideNav > li > ul li.act a,
.secondSideArea .sideNav > li > ul li a:hover { background: #f7f7f7 url(/common/images/ico_arw_03.png) no-repeat 10px 50%; }
.secondSideArea .sideBnrNav li { margin-bottom: 10px; }
.secondSideArea .sideBnrNav li p {
	font-size: 10px;
	font-size: 1.0rem;
}
/* window
------------------------------------------ */
#win {
	width: 100%;
	padding: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#win header {
	display: block;
	width: 200px;
	height: 60px;
	background: url(/common/images/hed_img_logo_00.png) no-repeat left top;
	text-indent: -9999px;
}
#win.ver2 header {
	background: none;
	text-indent: 0;
}
#win.ver2 header a{
	display: block;
	width: 100%;
	height: 100%;
}
#win footer { text-align: left; }
#win .secondContents {
	width: 100%;
	margin: 20px auto 40px;
}
#win .secondContents h2, 
#win.ver2 .secondContents h1 {
	position: relative;
	width: 100%;
	margin-bottom: 40px;
	padding: 20px 0 0;
	font-weight: bold;
	font-size: 24px;
	font-size: 2.4rem;
	border-top: 3px solid #400a0c;
	line-height: 1;
}
#win .secondContents h2:after,
#win.ver2 .secondContents h1:after {
	content: "";
	position: absolute;
	left: 0;
	top: -3px;
	width: 50px;
	border-top: 3px solid #d22b34;
}