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

/*---------------------------------------------------------------------
	container
---------------------------------------------------------------------*/
#container { overflow: hidden; }


/*---------------------------------------------------------------------
	pc_none
---------------------------------------------------------------------*/
.pc_none { display: none; }


/*---------------------------------------------------------------------
	edit_btn
---------------------------------------------------------------------*/
#edit_btn {
    background: #444;
}
#edit_btn #edit_btn_inner {
	/*+ width: 1080px; */
    padding: 5px 10px;
	margin: 0 auto;
}
#edit_btn a {
    color: #333;
    font-size: 13px;
    border-radius: 4px;
    display: block;
    float: right;
    font-weight: bold;
    margin: 5px 0 5px 5px;
    padding: 3px 15px 4px;
    text-decoration: none;
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,255,255) 0%,rgb(238,238,238) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(238,238,238)));
	background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(238,238,238) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(238,238,238) 100%);
	background-image:-ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(238,238,238) 100%);
	background-image:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(238,238,238) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffeeeeee,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffeeeeee,GradientType=0);
}
#edit_btn a:hover {
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(238,238,238) 0%,rgb(255,255,255) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(238,238,238)),color-stop(1, rgb(255,255,255)));
	background-image:-webkit-linear-gradient(-90deg,rgb(238,238,238) 0%,rgb(255,255,255) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(238,238,238) 0%,rgb(255,255,255) 100%);
	background-image:-ms-linear-gradient(-90deg,rgb(238,238,238) 0%,rgb(255,255,255) 100%);
	background-image:linear-gradient(180deg,rgb(238,238,238) 0%,rgb(255,255,255) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffffffff,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffffffff,GradientType=0);
}


/*---------------------------------------------------------------------
	goToSpSiteButton
---------------------------------------------------------------------*/
#goToSpSiteButton {
	display: none;
	text-align: center;
	background-color: #fff;
}
#goToSpSiteButton a {
    background: #55ba45 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 60px;
	font-size: 6rem;
    line-height: 1.6;
    margin: 15px auto;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 80%;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	  #goToSpSiteButton { display: block; text-align: center; }
}


/*---------------------------------------------------------------------
	alert_box
---------------------------------------------------------------------*/
.alert_box {
    padding: 20px;
}
.alert_box .inner {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #FFFFF7;
    border: 3px solid #da0000;
    padding: 20px 25px 25px;
    position: relative;
}
.alert_box .ttl {
    font-weight: bold;
    font-size: 137.5%;
    margin-bottom: 17px;
    border-bottom: 1px dotted #666;
    padding: 0 0 10px 35px;
	background: url(../image/icon/icon_alert.png) no-repeat 0 2px;
}
.alert_box .link {
    position: absolute;
    right: 20px;
    top: 15px;
    color: #fff;
    background: #da0000;
    border-radius: 25px;
    text-decoration: none;
    font-weight: bold;
    padding: 4px 37px 4px 25px;
    transition: .3s;
}
.alert_box .link:hover {
    color: #fff;
    background-color: #000;
}
.alert_box .link::before {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: absolute;
    right: 17px;
    top: 12px;
    transform: rotate(-45deg);
}
.alert_box dl {}
.alert_box dl + dl {
    margin-top: 10px;
}

.alert_box dl dt {
    font-size: 87.5%;
    display: inline-block;
    vertical-align: top;
	padding-left: 16px;
    margin: 3px 20px 0 0;
    position: relative;
}
.alert_box dl dt::before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 6px;
    border: 5px solid transparent;
    border-left: 8px solid #da0000;
}
.alert_box dl dd {
	display: inline-block;
    vertical-align: top;
    font-weight: bold;
}


/*---------------------------------------------------------------------
	site_header
---------------------------------------------------------------------*/
#site_header {
	position: relative;
	border-bottom: 1px solid #bbb;
	background-color: #fff;
	transition: .3s;
}

/* logo */
#site_header .fll {
	margin: 0;
	float: left;
	width: 40%;
	padding: 10px;
}
#site_header .site_logo {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    line-height: 1;
    width: 62%;
    max-width: 320px;
}
#site_header .site_logo a {
    display: block;
	background: #fff;
	padding: 5px;
}
#site_header .site_logo a img {
	vertical-align: top;
	width: 320px;
}

/* facility_link */
#site_header .facility_link {
	display: inline-block;
    vertical-align: middle;
}

#site_header .facility_link a {
    color: #fff;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    display: block;
    float: left;
    padding: 10px 10px;
    transition: .3s;
}
#site_header .facility_link .museum { background-color: #053B7B; margin-right: 5px; }
#site_header .facility_link .art-museum { background-color: #B23730; }


/* header_list */
#site_header .header_list {
	float: right;
	width: 59%;
}

/* utility_menu */
.utility_menu {
	font-size: 90%;
	text-align: right;
	margin-bottom: 10px;
}


.utility_menu > * {
    display: inline-block;
    vertical-align: top;
}

/* fontsize */
#fontsize {
	text-align: left;
	margin-top: 3px;
	margin-right: 10px;
}
#fontsize li {
    display: inline-block;
}
#fontsize .ttl {
    color: #555555;
    font-size: 81.25%;
    background: url(/image/icon/icon_fontsize.png) no-repeat 0 2px;
    padding-left: 25px;
}
#fontsize a {
	display: block;
	font-size: 81.25%;
	line-height: 1.2;
    font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	text-align: center;
	padding: 3px 4px;
}
#fontsize #fs_small { color: #fff; background-color: #999999; }
#fontsize #fs_big { color: #000; background-color: #DDDDDD; }

/* color_switch */
#color_switch {
	text-align: left;
	margin-top: 3px;
	margin-right: 10px;
}
#color_switch li {
    display: inline-block;
}
#color_switch .ttl {
    color: #555555;
    font-size: 81.25%;
    background: url(/image/icon/icon_bgcolor.png) no-repeat 0 2px;
    padding-left: 25px;
}
#color_switch a {
    display: block;
    font-size: 81.25%;
    line-height: 1.2;
    text-decoration: none;
    border-radius: 4px;
    text-align: center;
    padding: 3px 4px;
    border: 1px solid;
}
#color_switch #colors_rset { color: #000; background-color: #fff; border-color: #CCC; }
#color_switch #colors_black { color: #fff; background-color: #000; border-color: #000; }
#color_switch #colors_yellow { color: #000; background-color: #FFBF00; border-color: #FFBF00; }
#color_switch #colors_blue { color: #fff; background-color: #06438C; border-color: #06438C; }

/* lang_switch */
#lang_switch {
	text-align: center;
	vertical-align: top;
}
#lang_switch > li { position: relative; }
#lang_switch > li > a {
    display: block;
    color: #000;
    text-decoration: none;
    background-color: #DAD0AD;
	font-size: 70%;
    position: relative;
    padding: 5px 33px 5px 20px;
}
#lang_switch > li > a::before {
    content: "";
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top: 7px solid #000;
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -4px;
}

#lang_switch > li > a:hover {}
#lang_switch .lang_menu {
    position: absolute;
    width: 100%;
    top: 100%;
    margin-top: 2px;
    padding: 10px;
    z-index: 2;
    background: #BAAC89;
}
#lang_switch .lang_menu li + li { margin-top: 7px; }
#lang_switch .lang_menu a {
	color: #000;
    display: block;
    text-decoration: none;
    border-radius: 4px;
    font-size: 90%;
    padding: 5px;
    background-color: #fff;
	position: relative;
	transition: .3s;
}
#lang_switch .lang_menu a::before {
    content: "";
    width: 6px;
    height: 6px;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: rotate(-45deg);
    margin-top: -5px;
}
#lang_switch .lang_menu a:hover {
	color: #000;
	background-color: #eee;
}

/* search_form */
.header_search > a {
    background-color: #999;
    padding: 3px 10px 6px;
    text-align: center;
    display: block;
    line-height: 1;
}
.header_search > a img { width: 16px; }

.header_search .search_form {
    display: none;
    position: fixed;
    background: rgba(0,0,0,.5);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.search_form .gsc-search-box { margin: 0; background: #fff; }
.header_search .gsc-search-box {
    margin: auto;
    width: 500px;
    top: 50%;
    position: absolute;
    left: 50%;
    margin-left: -250px;
}
.search_form .gsc-input-box { height: auto; }
.search_form td {
    border: none;
    padding: 10px;
    background: none;
}
.search_form input.gsc-search-button {
    background: #333333 url(/image/icon/icon_search_01.png) no-repeat center center;
    margin: 0;
    padding: 21px 44px;
    vertical-align: middle;
    display: block;
    text-align: left;
    text-indent: -9999px;
}
.pop_inline #cboxContent,
.pop_inline #cboxLoadedContent {
	background: none;
}
.pop_inline #cboxClose {
    background-position: -50px 0;
    right: 0;
    background: url(/image/icon/icon_close.png) no-repeat center center;
    width: 40px;
    height: 40px;
    background-size: 100%;
    top: -60px;
}




/* header_navi */
.header_navi {
	text-align: right;
}
.header_navi > ul > li {
	display: inline-block;
	vertical-align: bottom;
  border-left: 1px solid #bbb;
}
/*.header_navi > ul > li + li { border-left: 1px solid #bbb; }*/
.header_navi > ul > li > a {
    color: #221813;
    font-size: 80%;
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 3px 5px 4px;
    position: relative;
    transition: .3s;
}

.header_navi > ul > li > a::after,
.header_navi > ul > li > a::after {
	content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: -15px;
    border: 6px solid transparent;
    border-top: 7px solid #915E33;
    margin-left: -5px;
    opacity: 0;
    transition: .3s;
}

.header_navi > ul > li > a:hover,
.header_navi > ul > li > a:focus,
.dir_guide .header_navi > ul > .navi_01 > a,
.dir_exhibition .header_navi > ul > .navi_02 > a,
.dir_event .header_navi > ul > .navi_03 > a,
.dir_floormap .header_navi > ul > .navi_04 > a,
.dir_education .header_navi > ul > .navi_05 > a,
.dir_research .header_navi > ul > .navi_06 > a,
.dir_about .header_navi > ul > .navi_07 > a,
.dir_about .header_navi > ul > .navi_08 > a {
	color: #915E33;
	font-weight: bold;
}
.header_navi > ul > li > a:focus::after,
.dir_guide .header_navi > ul > .navi_01 > a::after,
.dir_exhibition .header_navi > ul > .navi_02 > a::after,
.dir_event .header_navi > ul > .navi_03 > a::after,
.dir_floormap .header_navi > ul > .navi_04 > a::after,
.dir_education .header_navi > ul > .navi_05 > a::after,
.dir_research .header_navi > ul > .navi_06 > a::after,
.dir_about .header_navi > ul > .navi_07 > a::after,
.dir_about .header_navi > ul > .navi_08 > a::after {
	opacity: 1;
}
/*
.header_navi > ul > li > a:hover::after,
.header_navi > ul > li > a:focus::after,
.dir_guide .header_navi > ul > .navi_01 > a::after,
.dir_exhibition .header_navi > ul > .navi_02 > a::after,
.dir_event .header_navi > ul > .navi_03 > a::after,
.dir_floormap .header_navi > ul > .navi_04 > a::after,
.dir_education .header_navi > ul > .navi_05 > a::after,
.dir_research .header_navi > ul > .navi_06 > a::after,
.dir_about .header_navi > ul > .navi_07 > a::after {
	opacity: 1;
}
*/

/* pull_box */
.pull_box { display: none; }
.pull_box:hover { display: block !important; }
.header_navi .pull_box {
	position: absolute;
    left: 0;
    top: 81px;
    width: 100%;
    padding-top: 10px;
	z-index: 20;
}
.header_navi_pull {
    text-align: left;
	background: rgba(248, 241, 236, .90);
}
.header_navi_pull .inner {
    max-width: 1200px;
    padding: 15px 0 5px;
    margin: 0 auto;
    display: table;
}
.header_navi_pull .inner > p {
	font-size: 120%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0 30px;
	width: 23.08%;
    margin-top: -10px
}
.header_navi_pull .inner > p strong {
    border-bottom: 1px solid #D2A47E;
    display: block;
    padding-bottom: 8px;
    font-weight: 500;
}
.header_navi_pull .inner > ul {
	display: table-cell;
	vertical-align: middle;
	font-size: 0;
	padding-left: 30px;
}
.header_navi_pull .inner > ul li {
    font-size: 12px;
    width: 30.01%;
    margin: 0 3.25% 10px 0;
    display: inline-block;
    vertical-align: top;
}
.header_navi_pull .inner > ul li:nth-child(3n) { margin-right: 0; }
.header_navi_pull .inner > ul li a {
	display: block;
    background: rgba(255,255,255,1);
    color: #000;
    text-decoration: none;
    padding: 10px;
	position: relative;
	border: 1px solid #ccc;
	transition: .3s;
}
.header_navi_pull .inner > ul li a:hover {
	border-color: #D2A47E;
}
.header_navi_pull .inner > ul li a::before {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px;
    border-right: 2px solid #D2A47E;
    border-bottom: 2px solid #D2A47E;
    transform: rotate(-45deg);
}

/* fixed */
#site_header.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 20;
}
#site_header.fixed .site_logo {
    width: 220px;
    margin: 0 15px 0 0;
}
#site_header.fixed .site_logo a { padding: 3px; }
#site_header.fixed .facility_link a { padding: 5px;}
#site_header.fixed .utility_menu { display: none; }
#site_header.fixed .header_list { margin-top: 10px; }
#site_header.fixed .header_navi > ul > li > a::after,
#site_header.fixed .header_navi > ul > li > a::after { bottom: -23px; }
#site_header.fixed .header_navi .pull_box { top: 49px; }


/* 広いPC */
@media (min-width:1280px) {
	#site_header .fll {
		width: auto;
		padding: 5px 5px 5px 15px;
	}
	#site_header .header_list { width: auto; }
	#site_header .site_logo { width: auto; max-width: none; }
	#site_header .facility_link a { width: 110px; }
	.utility_menu { margin-bottom: 15px; }
	.header_navi > ul > li > a { font-size: 90%; }
	.header_navi_pull .inner > ul li { font-size: 14px; }
	.header_navi_pull .inner > ul li a { padding: 15px 14px; }
}


/* 広いPC */
@media (min-width: 1500px) {
	#site_header .site_logo { margin-right: 10px; }
	#site_header .facility_link a {
		font-size: 18px;
		width: 160px;
		padding: 21px 5px;
	}
	.utility_menu {
		font-size: 100%;
		margin-bottom: 20px;
	}
	#lang_switch > li > a {
		width: 160px;
		font-size: 81.25%;
		padding: 5px;
	}
	#lang_switch > li > a::before {
		right: 14px;
	}
	
	.header_search > a { padding: 5px 15px; }
	.header_search > a img { width: auto; }

	.header_navi > ul > li > a {
		font-size: 87.5%;
		padding: 3px 12px 4px;
	}
	
	.header_navi_pull .inner { min-height: 281px; }
}

/*---------------------------------------------------------------------
	load_lang
---------------------------------------------------------------------*/
.load_lang {
    position:  fixed;
    top:  0;
    left:  0;
    width:  100%;
    height:  100%;
    background: rgba(0,0,0,.3);
    z-index: 20;
}

.load_lang .inner {
    width:  500px;
    margin: 190px auto 0;
    padding: 50px;
    background:  rgba(0,0,0,.8);
    color:  #fff;
  position: relative;
}
.load_lang p {
  text-align: center;
  font-size: 30px;
  margin-bottom: 20px;
}
.load_lang ul {
    font-size:  0;
    text-align:  center;
}
.load_lang li {
    font-size:  20px;
    display:  inline-block;
    vertical-align:  top;
    width: 48%;
    margin: 1%;
}
.load_lang a {
    color: #fff;
    background: #7c2622;
    display:  block;
    text-decoration:  none;
    padding:  10px;
  transition: .3s;
}
.load_lang a:hover {
  color: #fff;
  opacity: .8;
}
.load_lang .close {
    background: no-repeat;
    border: none;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 50px;
}

/*---------------------------------------------------------------------
	gnavi
---------------------------------------------------------------------*/
.gnavi { display: none; }
.dir_museum .gnavi,
.dir_art_museum .gnavi {
	display: block;
/*	margin-bottom: 20px;*/
}

/* site_navi_list */
.gnavi ul {
	display: table;
    /*	padding-top: 2px;*/
	width: 100%;
	table-layout: fixed;
	border-bottom: 1px solid #bbb;
}
.gnavi ul li {
	display: table-cell;
	vertical-align: middle;
	font-size: 80%;
}
/* 広いPC */
@media (min-width: 1500px) {
	.gnavi ul li { font-size: 100%; }
}
.gnavi ul li + li { border-left: 1px solid #bbb; }
.gnavi ul li a {
	font-size: 106.66%;
	display: block;
	text-decoration: none;
	padding: 15px;
	text-align: center;
	position: relative;
	transition: .3s;
}
.gnavi ul li a:hover,
.gnavi ul li a:focus {}

.gnavi ul li a::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: -16px;
    margin-left: -5px;
    border: 6px solid transparent;
    border-top: 10px solid #ccc;
	opacity: 0;
	z-index: 1;
}
.gnavi ul li a:hover::after,
.gnavi ul li a:focus::after{
	opacity: 1;
}

/* navi_museum */
.dir_museum #site_header.fixed .facility_link .museum { padding: 5px; }
.dir_museum #site_header .facility_link .art-museum { color: #B43830; background-color: #EEEAD9; }
.dir_museum #site_header .facility_link .art-museum:hover,
.dir_museum #site_header .facility_link .art-museum:focus{ color: #fff; background-color: #B43830; }
.dir_museum .navi_art_museum { display: none; }
.gnavi .navi_museum { border-top: 6px solid #053B7B; }
.gnavi .navi_museum a { color: #053B7B; }
.gnavi .navi_museum a:hover,
.gnavi .navi_museum a:focus,
.dir_museum.dir02_about .gnavi .navi_museum .navi_01 a,
.dir_museum.dir02_permanent .gnavi .navi_museum .navi_02 a,
.dir_museum.dir02_education .gnavi .navi_museum .navi_03 a,
.dir_museum.dir02_issue .gnavi .navi_museum .navi_04 a,
.dir_museum.dir02_column .gnavi .navi_museum .navi_05 a {
	color: #fff;
	background-color: #053B7B;
}
.gnavi .navi_museum a::after { border-top: 10px solid #053B7B; }
.dir_museum.dir02_about .gnavi .navi_museum .navi_01 a::after,
.dir_museum.dir02_permanent .gnavi .navi_museum .navi_02 a::after,
.dir_museum.dir02_education .gnavi .navi_museum .navi_03 a::after,
.dir_museum.dir02_issue .gnavi .navi_museum .navi_04 a::after,
.dir_museum.dir02_column .gnavi .navi_museum .navi_05 a::after { opacity: 1; border-top: 10px solid #053B7B; }


/* navi_art_museum */
.dir_art_museum #site_header.fixed .facility_link .art-museum { padding: 5px; }
.dir_art_museum #site_header .facility_link .museum { color: #053B7B; background-color: #EEEAD9; }
.dir_art_museum #site_header .facility_link .museum:hover,
.dir_art_museum #site_header .facility_link .museum:focus{ color: #fff; background-color: #053B7B; }
.dir_art_museum .navi_museum { display: none; }
.gnavi .navi_art_museum { border-top: 6px solid #b23730; }
.gnavi .navi_art_museum a { color: #b23730; }
.gnavi .navi_art_museum a:hover,
.gnavi .navi_art_museum a:focus,
.dir_art_museum.dir02_about .gnavi .navi_art_museum .navi_01 a,
.dir_art_museum.dir02_permanent .gnavi .navi_art_museum .navi_02 a,
.dir_art_museum.dir02_education .gnavi .navi_art_museum .navi_03 a,
.dir_art_museum.dir02_issue .gnavi .navi_art_museum .navi_04 a,
.dir_art_museum.dir02_artist .gnavi .navi_art_museum .navi_05 a {
	color: #fff;
	background-color: #b23730;
}
.gnavi .navi_art_museum a::after { border-top: 10px solid #b23730; }
.dir_art_museum.dir02_about .gnavi .navi_art_museum .navi_01 a::after,
.dir_art_museum.dir02_permanent .gnavi .navi_art_museum .navi_02 a::after,
.dir_art_museum.dir02_education .gnavi .navi_art_museum .navi_03 a::after,
.dir_art_museum.dir02_issue .gnavi .navi_art_museum .navi_04 a::after,
.dir_art_museum.dir02_artist .gnavi .navi_art_museum .navi_05 a::after {
	opacity: 1;
	border-top: 10px solid #b23730;
}

/* 広いPC */
@media (min-width: 1500px) {
	.dir_museum #site_header .facility_link .museum {
		position: relative;
		padding: 21px 5px 27px;
		margin-bottom: -6px;
	}
	.dir_art_museum #site_header .facility_link .art-museum {
		position: relative;
		padding: 21px 5px 27px;
		margin-bottom: -6px;
	}
}


/*---------------------------------------------------------------------
	open_info
---------------------------------------------------------------------*/
.open_info {
	color: #000;
    font-size: 70%;
    position: absolute;
    right: 0;
    top: 175px;
    background: #E8E2CC;
    text-align: center;
    line-height: 1.2;
    padding: 10px;
    right: -100px;
    animation: slide_in_right 2s ease 0s 1 normal forwards;
    border: 1px solid #CEC093;
    border-right: none;
}
@keyframes slide_in_right {
  0% { right: -100px; }
  100% { right: 0; }
}
.open_info .date {}
.open_info .date strong {
	line-height: 1;
    font-size: 276.92%;
    font-weight: 500;
}
.open_info .date span {
    color: #000;
    font-weight: bold;
    background: #fff;
    padding: 4px 6px;
    display: inline-block;
    margin: 5px 0 10px;
}
.open_info .time {
    font-size: 115.38%;
    font-weight: bold;
    margin: 8px 0;
	line-height: 0.9;
}
.open_info .note {
	font-size: 76.92%;
}

/* 広いPC */
@media (min-width:1280px) {
	.open_info { font-size: 90%; }
}
/* 広いPC */
@media (min-width: 1500px) {
	.open_info { font-size: 100%; }
}

/*---------------------------------------------------------------------
	pagebody
---------------------------------------------------------------------*/
.pagebody_inner {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 100px;
    box-sizing: content-box;
}
.pagebody_inner_02 {
    margin: 0 auto;
    width: 1000px;
}

.bg_pagebody {
    max-height: 280px;
    background: url(/image/bg_pagebody.jpg) no-repeat 0 0;
    background-size: cover;
    margin-top: 10px;
    padding-bottom: 15.55%;
}
.dir_guide .bg_pagebody { background-image: url(/image/bg_pagebody_01.jpg); }
.dir_exhibition .bg_pagebody { background-image: url(/image/bg_pagebody_02.jpg); }
.dir_event .bg_pagebody { background-image: url(/image/bg_pagebody_03.jpg); }
.dir_floormap .bg_pagebody { background-image: url(/image/bg_pagebody_04.jpg); }
.dir_faq .bg_pagebody { background-image: url(/image/bg_pagebody_05.jpg); }
.dir_about .bg_pagebody { background-image: url(/image/bg_pagebody_06.jpg); }
.dir_education .bg_pagebody { background-image: url(/image/bg_pagebody_07.jpg); }
.dir_research .bg_pagebody { background-image: url(/image/bg_pagebody_08.jpg); }

.dir_museum .bg_pagebody {
	background-image: url(/image/bg_pagebody_museum.jpg);
	background-position: right 0;
    margin-top: 0;
}
.dir_art_museum .bg_pagebody {
	background-image: url(/image/bg_pagebody_art-museum.jpg);
	background-position: right 0;
    margin-top: 0;
}


/* topic_path_top */
.topic_path_top {
	padding: 10px 20px;
	margin-bottom: 30px;
}
.topic_path_top > ol {
	color: #666666;
	font-size: 80%;
}
.topic_path_top > ol > li { display: inline-block; }
.topic_path_top > ol > li + li::before {
	content: ">";
	margin: 0 5px;
}
.topic_path_top > ol > li a { color: #666666; text-decoration: underline; }


/*--------- text -----------*/
.page_ttl {
	color: #000;
	font-size: 186.66%;
	font-weight: 500;
	text-align: center;
	position: relative;
	padding-bottom: 8px;
	margin-bottom: 40px;
}
.page_ttl::before {
	content: "";
	width: 216px;
	height: 1px;
	background: #D2A47E;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -108px;
}
/*.page_ttl::after {
    content: "";
    width: 8px;
    height: 8px;
    border: 1px solid #D2A47E;
    position: absolute;
    left: 50%;
    bottom: -20px;
    margin-left: -4px;
    border-radius: 50%;
}*/

.content1 { line-height: 1.8; }
.content1 p { margin: 1em 0; }
.content1 h2 + p,
.content1 h3 + p,
.content1 h4 + p,
.content1 h5 + p,
.content1 h6 + p { margin-top: 0; }
.content1 div > p { margin-top: 0; }

/* headline */
.content1 * + h2 { margin-top: 80px; }
.content1 * + h3 { margin-top: 60px; }
.content1 * + h4 { margin-top: 40px; }
.content1 * + h5 { margin-top: 20px; }
.content1 h2 + h3,
.content1 h3 + h4 { margin-top: 0; }

/* utility */
.content1 * + dl,
.content1 * + ol,
.content1 * + ul,
.content1 * + table {
	margin-top: 20px;
}

.lead_01,
.content1 h2 {
    font-size: 173.33%;
    font-weight: 500;
    border-bottom: 2px solid #bbb;
    margin-bottom: 35px;
    padding-bottom: 6px;
}

.lead_02,
.content1 h3 {
    font-size: 146.66%;
    font-weight: 500;
    padding-bottom: 7px;
    margin-bottom: 20px;
    border-bottom: 1px solid #aaa;
}

.lead_03,
.content1 h4 {
    font-size: 120%;
    font-weight: 500;
    padding-bottom: 6px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #aaa;
}

.lead_04,
.content1 h5 {
	font-size: 106.66%;
	font-weight: normal;
	position: relative;
	margin-bottom: 10px;
	padding-left: 20px;
}
.lead_04::before,
.content1 h5::before {
	background-color: #BDBDAE;
	border-radius: 50%;
	content: "";
	width: 12px;
	height: 12px;
	position: absolute;
	top: 5px;
	left: 0;
}
.lead_04::after,
.content1 h5::after {
	background-color: #fff;
	border-radius: 50%;
	content: "";
	height: 4px;
	width: 4px;
	position: absolute;
	top: 9px;
	left: 4px;
}

.lead_05 {
	color: #333;
	font-size: 120%;
	font-weight: 500;
}
.lead_06 {
	color: #008C8C;
    font-size: 125%;
    /*	font-size: 120%;*/
	font-weight: 500;
}
.lead_07 {
	font-size: 106.66%;
	padding: 10px 15px;
	background: #F4F4F2;
}

.lead_08 {
    line-height: 1.4;
    color: #008C8C;
    font-size: 186.66%;
}
.lead_08 strong {
    font-size: 57.14%;
    color: #666;
    margin-left: 15px;
    border-left: 1px solid #ccc;
    padding-left: 15px;
}
.lead_08.c_01 { color: #003A7A; }
.lead_08.c_02 { color: #B23730; }

.lead_09 {
    background-color: #F8EFE7;
    padding: 9px 12px;
    font-size: 120%;
    line-height: 1.5;
}
.lead_09.c_01 { background-color: #EEF2F6; }
.lead_09.c_02 { background-color: #FFF0F0; }
.lead_09.c_03 { background-color: #FFFFE9; }

.lead_10 {
	padding: 10px 20px;
	font-size: 106.66%;
	line-height: 1.6;
	border-left: 7px solid;
}
.lead_10 strong {
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px;
    display: inline-block;
}
.lead_10.c_01 { background: #EEF2F6; border-color: #003A7A; }
.lead_10.c_01 strong { color: #003A7A; }
.lead_10.c_02 { background: #FFF0F0; border-color: #B23730; }
.lead_10.c_02 strong { color: #B23730; }


.lead_11 {
    color: #702B34;
    border: 1px dotted #5C0E19;
    padding: 12px;
}

.caution_txt { color: #D80000; }
.fc_01 { color: #003979; }
.fc_02 { color: #B23730; }
.fc_03 { color: #333; }

.modified_date {
	color: #333;
	font-size: 86.66%;
    margin-bottom: 20px;
    text-align: right;
}
p.last_updated_by {
    text-align: right;
    padding: 10px 20px;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
}
p.last_updated_by strong {
    font-weight: 500;
    background: url(/image/icon/icon_pencil.png) no-repeat 0 2px;
    background-size: 18px;
    padding-left: 26px;
}

img {
    touch-callout: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-touch-callout: none;
    -moz-user-select: none;
}


/* page_contact */
.page_contact {
	background: url(/image/bg_02.jpg);
    padding: 20px;
	margin-top: 80px;
}
.page_contact .inner {
	background: #fff;
	padding: 20px;
}
.page_contact .ttl {
    font-size: 146.66%;
    font-weight: 500;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 2px solid #e9e6dd;
    padding-left: 38px;
    background: url(/image/icon/icon_contact_01.png) no-repeat 0 0;
    background-size: 30px;
}

/* hierarchy_link */
.hierarchy_link {
    border: 1px solid #CCCCCC;
    padding: 30px 20px 15px;
    text-align: center;
    margin-top: 150px;
    position: relative;
}
.page_contact + .hierarchy_link { margin-top: 70px; }
.hierarchy_link .ttl {
    font-size: 106%;
    padding: 0;
    margin: 0;
    border: 0;
    width: 100%;
    position: absolute;
    top: -12px;
    left: 0;
}
.hierarchy_link .ttl span {
    background: #fff;
    padding: 0 10px;
}
.hierarchy_link .inner { margin: 0; }
.hierarchy_link li {
	display: inline-block;
    font-size: 93.33%;
	line-height: 1.2;
	padding: 0 5px;
	margin-bottom: 15px;
}
.hierarchy_link li + li { border-left: 1px solid #ccc; }
.hierarchy_link a {
    text-decoration: none;
    color: #000;
    padding: 0 8px;
    display: block;
}
.hierarchy_link a:hover {
	color: #B4372F;
	text-decoration: underline;
}
.hierarchy_link .selected {
	color: #B4372F;
	font-weight: bold;
}

/* help */
p.help_text {
    border: 1px solid #ccc;
    background: #FFFFE5;
    padding: 10px;
}
p.help_text img {
    width: auto;
    margin-right: 15px;
}

/*--------- btn -----------*/
a.btn_01 {
    display: inline-block;
    vertical-align: top;
    color: #333;
    text-decoration: none;
    font-size: 106.66%;
    border: 1px solid #ccc;
    min-width: 31.66%;
    padding: 17px 30px 17px 20px;
    position: relative;
	transition: .3s;
  background: #fff;
}
a.btn_01::before {
	content: "";
	width: 8px;
	height: 8px;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -6px;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	transform: rotate(-45deg);
}
a.btn_01.arrow_l::before {
    right: auto;
    left: 23px;
    transform: rotate(135deg);
}
a.btn_01:hover {
	color: #915E33;
	background: #FCF8ED;
	border-color: #D2A47E;
}

a.btn_02 {
    display: block;
    text-decoration: none;
    color: #333333;
    font-size: 120%;
    border: 1px solid #BBBBBB;
    background: url(../image/icon/icon_arrow_03_01.jpg) no-repeat 22px 27px;
    padding: 20px 20px 20px 52px;
	transition: .3s;
}
a.btn_02:hover {
	color: #333;
    background-color: #EEEAD9;
}
a.btn_03 {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    background-color: #000;
    position: relative;
    font-size: 120%;
    min-width: 380px;
    padding: 21px;
    transition: .3s;
}
a.btn_03::before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    right: 18px;
    top: 50%;
    margin-top: -5px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
}
a.btn_03:hover {
	color: #fff;
	background-color: #915E33;
}


/*--------- template -----------*/
.alpha_contents {}
.fll_img {
    float: left;
    margin: 0 2.5% 2.5% 0;
    /* width: 31.66%; */
	max-width: 30%;
}
.flr_img {
	float: right;
	margin: 0 0 2.5% 2.5%;
    /* width: 31.66%; */
	max-width: 30%;
}
/* 広いPC */
@media (min-width:1280px) {
	.fll_img { max-width: 50%; }
	.flr_img { max-width: 50%; }
}
.fll_img img,
.fll_img img {
	max-width: 100%;
	height: auto;
}
.fl_over {
    overflow: hidden;
}

.caption,
.list_1column .caption,
.list_2column .caption,
.list_3column .caption,
.list_4column .caption,
.list_5column .caption {
	font-size: 86.66%;
    line-height: 1.4;
    padding-top: 7px;
	text-align: center;
    margin: 0;
}
.list_1column img,
.list_2column img,
.list_3column img,
.list_4column img,
.list_5column img{
	width: 100%;
	height: auto;
}

.list_1column_02 { text-align: center; }
.list_1column_02 img {}

/* list_2column */
.list_2column { font-size: 0; }
.list_2column .item {
	width: 48.75%;
	font-size: 15px;
	display: inline-block;
	vertical-align: top;
	margin: 0 2.5% 2.5% 0;
}
.list_2column .item:nth-child(2n) { margin-right: 0; }

/* list_3column */
.list_3column { font-size: 0; }
.list_3column .item {
	width: 31.66%;
	font-size: 15px;
	display: inline-block;
	vertical-align: top;
	margin: 0 2.5% 2.5% 0;
}
.list_3column .item:nth-child(3n) { margin-right: 0; }

/* list_4column */
.list_4column { font-size: 0; }
.list_4column .item {
	width: 23.08%;
	font-size: 15px;
	display: inline-block;
	vertical-align: top;
	margin: 0 2.5% 2.5% 0;
}
.list_4column .item:nth-child(4n) { margin-right: 0; }

/* list_5column */
.list_5column { font-size: 0; }
.list_5column .item {
	width: 18%;
	font-size: 15px;
	display: inline-block;
	vertical-align: top;
	margin: 0 2.5% 2.5% 0;
}
.list_5column .item:nth-child(5n) { margin-right: 0; }

/* list_pageLink */
.list_pageLink {
	display: flex;
	justify-content: space-between;
	width: 80%;
	margin: 0 auto;
}
.list_pageLink .item {
	width: 100%;
	font-size: 15px;
	vertical-align: top;
	margin: 0 2.5% 2.5% 0;
}
.list_pageLink .item:last-child { margin-right: 0; }
.list_pageLink .item a {
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	color: #666;
	display: block;
	padding: 20px 12px;
	background-color: #EDE7D7;
	border: 5px solid #EDE7D7;
	transition: .3s;
}
.list_pageLink .item a:hover {
	color: #661A00;
	border: 5px solid #DAD0AD;
}

/* bnr_list */
.bnr_list_01 { font-size: 0; text-align: center; }
.bnr_list_01 li {
	font-size: 15px;
	display: inline-block;
	vertical-align: top;
	width: 49.77%;
	margin: 0 0.38% 0 0;
}
.bnr_list_01 li:nth-child(2n) { margin-right: 0; }
.bnr_list_01 img { width: 100%; }

.bnr_list_02 { font-size: 0; text-align: center; }
.bnr_list_02 li {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    width: 48.75%;
    margin: 0 0.58% 0 0;
}
.bnr_list_02 li:nth-child(2n){ margin-right: 0; }

.bnr_list_03 { font-size: 0; text-align: center; }
.bnr_list_03 li {
	font-size: 15px;
	display: inline-block;
	vertical-align: top;
	width: 31.66%;
	margin: 0 2.33% 2.33% 0;
}
.bnr_list_03 li:nth-child(3n) { margin-right: 0; }

/* bnr_charm */
.bnr_charm {
    text-align: center;
    background: url(../image/bg_04.jpg);
}

/* filelink_box */
.filelink_box {
	height: 100%;
}
.fll_img .filelink_box,
.flr_img .filelink_box {
	min-width: 270px;
}

.filelink_box .ttl {
	color: #fff;
	text-align: center;
	background-color: #231814;
	padding: 5px;
}
.filelink_box .inner {}
.filelink_box a {
    display: block;
    background-color: #F4F4F2;
    text-decoration: none;
    color: #000;
    text-align: center;
    font-size: 86.66%;
    padding: 95px 10px 25px;
	background: #F4F4F2 no-repeat center 25px;
	height: 100%;
}
.filelink_box a[href*=".pdf"] { background-image: url(/image/icon/icon_pdf_l.png); }
.filelink_box a[href*=".doc"] { background-image: url(/image/icon/icon_word_l.png); }
.filelink_box a[href*=".xls"] { background-image: url(/image/icon/icon_excel_l.png); }

.filelink_box a strong {
    font-size: 130%;
}
.filelink_box a::after {
    display: none !important;
}

/* dl_table_01 */
.dl_table_01 {
	display: table;
	width: 100%;
	border-bottom: 1px dotted #bbb;
	padding: 0 0 20px;
}
.dl_table_01 dt {
	width: 180px;
	display: table-cell;
	vertical-align: top;
}
.dl_table_01 dd {
	display: table-cell;
	vertical-align: top;
}

/* list_index, minwa_list */
#list_index {
    margin: 50px auto;
}
#minwa_list {
  max-width: 1000px;
  width: 100%;
  margin: 50px auto;
}

#list_index .item {
	float: left;
	width: 31.66%;
	margin: 0 2.5% 30px 0;
}
#list_index .item:nth-child(3n) { margin-right: 0; }

#minwa_list .item { margin-bottom: 60px; }

#list_index .item a {
	display: block;
	text-decoration: none;
	color: #000;
	border: 1px solid #bbb;
	position: relative;
	transition: all .2s;
}
#minwa_list .item a {
	display: block;
	text-decoration: none;
	color: #000;
	border: 1px solid #bbb;
	position: relative;
  margin-top: -7px;
	transition: all .2s;
}
#list_index .item a::before,
#list_index .item a::after,
#minwa_list .item a::before,
#minwa_list .item a::after {
  position: absolute;
  z-index: 2;
  content: '';
  width: 0;
  height: 0;
  border: 2px solid transparent;
}
#list_index .item a::before,
#minwa_list .item a::before {
  top: -2px;
  left: -2px;
}
#list_index .item a::after,
#minwa_list .item a::after {
  bottom: -2px;
  right: -2px;
}
#list_index .item a:hover,
#list_index .item a.selected,
#minwa_list .item a:hover {
	color: #000;
	background-color: #FCF8ED;
}
#list_index .item a:hover::before,
#list_index .item a:hover::after,
#minwa_list .item a:hover::before,
#minwa_list .item a:hover::after {
  width: 100%;
  height: 100%;
}
#list_index .item a:hover::before,
#minwa_list .item a:hover::before {
  border-bottom-color: #bbb;
  border-left-color: #bbb;
  transition: height .3s, width .3s .3s;
}
#list_index .item a:hover::after,
#minwa_list .item a:hover::after {
  border-top-color: #bbb;
  border-right-color: #bbb;
  transition: height .3s, width .3s .3s;
}
#list_index .item .thumb {
	padding: 10px;
	background-color: #fff;
}
#list_index .item .thumb span {
	position: relative;
	padding-bottom: 66.57%;
	overflow: hidden;
	background-color: #fcf8ed;
	display: block;
}
#list_index .item .thumb img {
	position: absolute;
  top: -100%;
  left: -100%;
  right: -100%;
  bottom: -100%;
  margin: auto;
  max-width: none;
  max-height: 100%;
	transition: .5s;
}
#list_index .item a:hover .thumb img {
	opacity: 0.8;
  transform: scale(1.08);
}
#list_index .item .detail,
#minwa_list .item .detail {
  padding: 10px;
	font-size: 90%;
}
#list_index .item .thumb + .detail,
#minwa_list .item .thumb + .detail {
	border-top: 1px solid #bbb;
}
#list_index .item .ttl {
  font-size: 120%;
  font-weight: 500;
  background: url(/image/icon/icon_arrow_03.jpg) no-repeat 4px 18px;
  padding: 14px 14px 14px 34px;
}
#minwa_list .item .ttl {
  border-bottom: none;
  font-size: 120%;
  font-weight: 500;
  background: url(/image/icon/icon_arrow_03.jpg) no-repeat 4px 18px;
  padding: 14px 14px 14px 34px;
  margin-bottom: 0;
}
#list_index .item .lead,
#minwa_list .item .lead {
	color: #666;
	font-size: 86.66%;
	line-height: 1.4;
	padding: 10px;
	margin-top: 10px;
	background-color: #FCF8ED;
	transition: .3s;
}
#list_index .item a:hover .lead,
#minwa_list .item a:hover .lead { background-color: #fff; }
/*.video {
  position: relative;
  height: 0;
  padding: 30px 0 56.25%;
  overflow: hidden;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}*/
/* 広いPC */
@media (min-width:1280px) {
	#list_index .item .thumb,
  #minwa_list .item .thumb { padding: 15px; }
	#list_index .item .detail,
  #minwa_list .item .detail { padding: 15px; font-size: 100%; }
}



/* top_bottom_nav */
.top_bottom_nav {
	font-size: 0;
	text-align: center;
	padding: 50px 20px 20px;
    margin-top: 60px;
	background: #ECECE2 url(/image/bg_02.jpg);
}
.top_bottom_nav .pagebody_inner {
    padding: 0 20px;
}
.top_bottom_nav li {
    font-size: 15px;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    margin: 0 2.5% 2.5% 0;
    width: 31.66%;
}
.top_bottom_nav li:nth-child(3n) { margin-right: 0; }

.top_bottom_nav li a {
	color: #8C6600;
	text-decoration: none;
	display: table;
	width: 100%;
	background: #fff;
	padding: 10px 0;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}
.top_bottom_nav .thumb {
	display: table-cell;
	vertical-align: middle;
	width: 80px;
}
/* 広いPC */
@media (min-width:1280px) {
	.top_bottom_nav .thumb { width: 180px; }
}
.top_bottom_nav .thumb img { width: 100%; }
.top_bottom_nav .ttl {
	display: table-cell;
	vertical-align: middle;
	padding-left: 8px;
	font-size: 93.33%;
}
.top_bottom_nav .ttl strong {
	display: block;
	font-weight: 500;
	font-size: 121.42%;
	color: #000;
	line-height: 1.2;
}

/* dir_exhibition */
.dir_exhibition #pr_movie {
    margin-bottom: 70px;
}

/* page_navi */
.page_navi {
    width: 100%;
    font-size: 0%;
}
.page_navi li {
    font-size: 15px;
    text-align: center;
    width: 20%;
    display: inline-block;
    vertical-align: top;
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}
.page_navi li:last-child {
    border-right: 1px solid #bbb;
}
.page_navi li a {
    color: #000;
    text-decoration: none;
    line-height: 1.2;
    display: block;
    padding: 20px 5px;
    position: relative;
}
.page_navi li a:hover::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -5px;
    border: 6px solid transparent;
    border-top: 8px solid #fff;
	z-index: 1;
}
.dir_museum.dir02_about .page_navi li a:hover {
    color: #fff;
    background-color: #053B7B;
}


/* manner_list */
.manner_list {
    font-size:  0;
    margin-top: 60px;
}
.manner_list .item {
    width:  31.66%;
    margin:  0 2.5% 2.5% 0;
    display:  inline-block;
    vertical-align:  top;
    font-size:  15px;
    border:  1px solid #bbb;
}
.manner_list .item:nth-child(3n) { margin-right: 0;}
.manner_list .number {
    color:  #fff;
    background-color:  #8C6900;
    border-bottom: 1px solid #bbb;
    padding: 3px 15px;
    font-size:  93.33%;
    margin:  0;
}
.manner_list .number strong {
    font-size: 135%;
    margin-left: 4px;
}
.manner_list .ttl {
    margin:  0;
	color: #000;
    font-size:  100%;
    background-color: #FCF8ED;
    padding: 7px 15px;
    font-size:  120%;
    font-weight: 500;
    line-height:  1.2;
    display:  table;
    width:  100%;
	border-bottom-color: #bbb;
}
.manner_list .ttl .icon {
	display: table-cell;
    vertical-align: middle;
	width:  48px;
}
.manner_list .ttl img {
    width: auto;    
}
.manner_list .ttl .ttl_text {
    display: table-cell;
    vertical-align: middle;
	padding-left: 15px;
}
.manner_list .text {
	margin: 0;
    padding: 15px 20px;
}

/* benefits */
.benefits {}
.benefits .item + .item {
	margin-top: 50px;
}
.benefits h3 {
	border-bottom: none;
    font-weight: bold;
    font-size: 120%;
    padding-bottom: 0;
    margin-bottom: 15px;
}
.benefits p {
	margin-left: 50px;
}

/* rental */
.rental_ok {
    display: inline-block;
    vertical-align: middle;
    color: #661A00;
    font-weight: bold;
    font-size: 70%;
    background-color: #EEEAD9;
    border-radius: 6px;
    padding: 1px 8px;
    margin-left: 10px;
}
.floormap_link { font-size: 75%; }
.floormap_link li {
	float: left;
	width: 48.54%;
}
.floormap_link li + li { margin-left: 2.63%; }
.floormap_link a {
    color: #333;
    text-decoration: none;
    text-align: center;
    font-size: 106.66%;
    display: block;
    position: relative;
    border: 1px solid #ccc;
    padding: 12px;
	transition: .3s;
}
.floormap_link li a.btn_360 { display: block; }
.floormap_link a:hover {
	color: #333;
	background-color: #EEEAD9;
}
.floormap_link a::before {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -5px;
    border-right: 2px solid #666;
    border-bottom: 2px solid #666;
    width: 8px;
    height: 8px;
    transform: rotate(-45deg);
}
a.btn_360 {
	color: #333;
    text-decoration: none;
    text-align: center;
    font-size: 106.66%;
	min-width: 130px;
    display: inline-block;
    position: relative;
    border: 1px solid #ccc;
    padding: 12px;
	transition: .3s;
    padding: 12px;
    padding-left: 33px;
    background: url(/image/icon/icon_360.png) no-repeat 6px 8px;
    background-size: 27px;
}
a.btn_360:hover {
	color: #333;
	background-color: #EEEAD9;
}
.btn_360::before { display: none; }

/* 広いPC */
@media (min-width: 1500px) {
	.floormap_link { font-size: 100%; }
	.floormap_link a { padding: 15px 21px 15px 15px; }
	a.btn_360,
	.floormap_link a.btn_360 {
		padding: 15px 15px 15px 50px;
		background-position: 10px 10px;
		background-size: 35px;
	}
}

.a_hover_cap {
	display: block;
	position: relative;
}
.a_hover_cap:hover::before,
.a_hover_cap:hover::after { opacity: 1; }
.a_hover_cap::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.9);
    opacity: 0;
	transition: .3s;
}
.a_hover_cap::after {
    content: attr(title);
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    text-align: center;
    font-size: 150%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(/image/icon/icon_search_01.png) no-repeat center top;
    padding-top: 30px;
	 opacity: 0;
	transition: .3s;
}


/* feature */
.catch_features {
    text-align: center;
    background: url(/userfiles/images/page/feature/charm/bg_01.jpg) no-repeat center 0;
    background-size: cover;
    padding: 140px 0 50px;
    margin-bottom: 50px;
}
.catch_features .text_01 { margin-bottom: 50px; }
.catch_features .text_02 {
    display: inline-block;
    margin: 40px auto 30px;
    background-color: #fff;
    border-radius: 12px;
    font-size: 133.33%;
    font-weight: 500;
    padding: 1px 110px;
	color: #000;
}

.navi_features { margin-bottom: 110px; }
.navi_features dt {
	float: left;
	margin-right: 70px;
}
.navi_features dd {
	overflow: hidden;
}
.navi_features ol {
    margin-left: 50px;
	counter-reset: my-counter;
	  list-style: none;
	  padding: 0;
}
.navi_features li {
	font-size: 133.33%;
	border-left:  1px solid #AAAAAA;
	padding-left:  30px;
	position: relative;
}
.navi_features li:before {
    content: '0'counter(my-counter)'.';
    counter-increment: my-counter;
    color: #008C8C;
    display: block;
    position: absolute;
    left: -50px;
    top: 11px;
}
.navi_features li:first-child a {
    border-top: 1px solid #aaa;
}
.navi_features a {
    border-bottom: 1px solid #aaa;
    display: block;
    color: #000;
    text-decoration: none;
    padding: 10px;
	transition: .3s;
	position: relative;
}
.navi_features a:hover {
	background-color: #F1F8F8;
}
.navi_features a::before {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #008C8C;
    border-bottom: 2px solid #008C8C;
    position: absolute;
    right: 18px;
    top: 20px;
    transform: rotate(45deg);
}

.list_features .item { margin-bottom: 100px; }
.list_features .lead_08 { margin-bottom: 0; }
.list_features h2 { margin-top: 20px; }


/* facility_link */
.facility_link ul {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 100px;
    box-sizing: content-box;
    font-size: 0;
}
.facility_link li {
    display: inline-block;
    vertical-align: top;
    width: 48.75%;
    font-size: 14px;
}
.facility_link li + li {
	margin-left: 2.5%;
}
.facility_link li a {
    display: block;
    position: relative;
    text-align: center;
    color: #fff;
    text-decoration: none;
    line-height: 1.3;
    padding: 22px;
}
.facility_link li a span {
	position: relative;
	display: inline-block;
}
.facility_link li a span::after {
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	top: 45%;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	margin-left: -6px;
}
.facility_link li a strong {
	display: block;
	color: #fff;
	font-size: 214.28%;
	font-weight: 500;
}
.facility_link li .link_museum { color: #7195b4; background-color: #053B7B; margin-right: 2px; }
.facility_link li .link_art-museum { color: #d48e8f; background-color: #B23730; margin-left: 2px; }

.facility_link li .link_museum span::after { transform: rotate(45deg); left: -20px; }
.facility_link li .link_art-museum span::after { transform: rotate(-135deg); right: -26px; }


/* curator */
.navi_curator {
	font-size: 0;
	text-align: center;
	margin-bottom: 70px;
}
.navi_curator li {
	font-size: 16px;
	width: 31.66%;
	margin: 0 15px;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #ccc;
}

.navi_curator li a {
	color: #fff;
	text-decoration: none;
	background: #003A7A;
	position: relative;
	padding: 15px;
	display: block;
}
.navi_curator li + li a { background-color: #B23730; }

.navi_curator li a::before {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    right: 20px;
    top: 20px;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    transform: rotate(45deg);
}
.navi_curator li a:hover { color: #fff; opacity: 0.8; }

.list_curator { margin-top: 80px; }
.list_curator .item { margin-bottom: 80px; }
.list_curator .lead_08 { margin-bottom: 0; }
.list_curator h3 { margin-top: 5px; }

.comment_curator { margin-bottom: 100px; }

/* top_room_nav */
.top_room_nav {
	margin: 50px 0;
	background: #FCF9F2 url(/image/bg_01.jpg);
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	display: table;
	width: 100%;
	table-layout: fixed;
}
.top_room_nav .item {
	font-size: 65%;
	display: table-cell;
	vertical-align: top;
}
.top_room_nav .item + .item {
	border-left: 1px solid #bbb;
}
.top_room_nav .item a {
	color: #000;
	text-decoration: none;
	display: block;
	text-align: center;
	padding: 20px 0 30px;
}
.top_room_nav .item .ttl {
	font-size: 133.33%;
}
.top_room_nav .item .lead {
	color: #8C6600;
	font-size: 93.33%;
	position: relative;
	margin-bottom: 40px;
}
.top_room_nav .item .lead::after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    left: 50%;
    bottom: -18px;
    margin-left: -6px;
    border-bottom: 2px solid #8C6600;
    border-right: 2px solid #8C6600;
    transform: rotate(45deg);
}

.top_room_nav .item .thumb {
    position: relative;
	overflow: hidden;
}
.top_room_nav .item img {
	width: 100%;
	transition: .8s;
}
.top_room_nav .item a:hover img {
    filter: blur(3px);
    transform: scale(1.1);
}
.top_room_nav .item .caption {
    color: #fff;
    background-color: rgba(140, 102, 0, 0.7);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* padding: 20% 30px 0; */
    font-size: 120%;
    transition: .8s;
    opacity: 0;
    transform: translateY(-100%);
    display: table;
}
.top_room_nav .item .caption span {
    display: table-cell;
    vertical-align: middle;
    padding: 0 30px;
}
.top_room_nav .item a:hover .caption {
	opacity: 1;
    transform: translateY(0);
}
/* 広いPC */
@media (min-width:1280px) {
	.top_room_nav .item { font-size: 80%; }
	.top_room_nav .item .caption {
		/* padding: 20% 50px; */
	}
}
/* 広いPC */
@media (min-width:1500px) {
	.top_room_nav .item { font-size: 100%; }
	.top_room_nav .item .caption {
		/* padding: 25% 50px 0; */
	}
}

/* info_audioguide */
.info_audioguide {
	margin: 60px auto;
	max-width: 900px;
}
.info_audioguide a {
	display: block;
	color: #000;
	padding: 30px 240px 30px 40px;
	text-decoration: none;
	border: 1px solid #bbb;
	background: #EEEAD9 url(../image/bg_audioguide.png) no-repeat top 40px right 40px;
}
.info_audioguide h3 {
	font-size: 200%;
	font-weight: 500;
	margin-bottom: 5px;
}
.info_audioguide p {
	color: #535353;
	margin-bottom: 12px;
}


/* top_info_nav */
.top_info_nav {
	padding: 10px;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}
.top_info_nav ul {
    display: table;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    table-layout: fixed;
    padding: 0 50px;
    box-sizing: content-box;
}
.top_info_nav li {
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
.top_info_nav li:first-child { width: 21.5%; }
.top_info_nav li::before {
    content: "";
    position: absolute;
    right: 0;
    top: 10px;
    background-color: #ccc;
    width: 1px;
    height: 40px;
}
.top_info_nav a {
    color: #000;
    /*font-size: 110%;*/
    display: block;
    text-decoration: none;
    background: no-repeat 10px center;
    background-size: 40px;
    padding: 15px 30px 15px 70px;
    transition: .3s;
}
.top_info_nav a:hover {
	background-color: #EEEAD9;
}
	.top_info_nav .icon_time a { background-image: url(/image/icon/icon_time.png); background-position: 0 center; }
	.top_info_nav .icon_free a { background-image: url(/image/icon/icon_free.png); }
	.top_info_nav .icon_access a { background-image: url(/image/icon/icon_access.png); }
	.top_info_nav .icon_map a { background-image: url(/image/icon/icon_map.png); }
	.top_info_nav .icon_ticket a { background-image: url(/image/icon/icon_ticket.png); }
	.top_info_nav .icon_calendar a { background-image:  url(/image/top_info_nav/icon_calendar.png); }
	.top_info_nav .icon_exhibition a { background-image:  url(/image/top_info_nav/icon_exhibition.png); }
	.top_info_nav .icon_rental a { background-image:  url(/image/top_info_nav/icon_rental.png); }
.top_info_nav li.icon_ticket { width: 21.5%; }
.top_info_nav a::after {
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
  right: 13px;
	top: 50%;
	margin-top: -7px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	transform: rotate(-45deg);
}
/* 広いPC */
@media (min-width:1280px) {
	.top_info_nav a {
		/*font-size: 120%;*/
		background-size: auto;
		padding: 15px 20px 15px 70px;
	}
}

/*--------------------------------------------------
	top_museums
--------------------------------------------------*/
.top_museums {}
.top_museums .bg_pagebody { display: none; }
.top_museums .topic_path_top { margin-bottom: 0; }

.top_museums .open_info { top: 230px; }

/* slide */
.top_museums .slide_wrap { position: relative; }
.top_museums .slide_catch {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    margin: auto;
    margin: -130px 0 0 -130px;
}
.top_museums .main_slide {
    margin-bottom: 0 !important;
}
.top_museums .main_slide .item img {
    width: 100%;
}
.top_museums .slick-dots {
	bottom: 30px;
}

/* info_nav */
.top_museums .info_nav {
	padding: 20px;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}
.top_museums .info_nav ul {
	display: table;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    table-layout: fixed;
}
.top_museums .info_nav li {
	display: table-cell;
    vertical-align: middle;
    position: relative;
}
.top_museums .info_nav li::before {
    content: "";
    position: absolute;
    right: 0;
    top: 10px;
    background-color: #ccc;
    width: 1px;
    height: 40px;
}
.top_museums .info_nav a {
	color: #000;
    font-size: 120%;
    display: block;
    text-decoration: none;
    background: no-repeat 20px center;
    padding: 15px 30px 15px 56px;
    text-align: center;
    transition: .3s;
}
.top_museums .info_nav .icon_01 a { background-image: url(/userfiles/images/page/museum/icon_01.png); }
.top_museums .info_nav .icon_02 a { background-image: url(/userfiles/images/page/museum/icon_02.png); }
.top_museums .info_nav .icon_03 a { background-image: url(/userfiles/images/page/museum/icon_03.png); }
.top_museums .info_nav .icon_04 a { background-image: url(/userfiles/images/page/museum/icon_01.png); }
.top_museums .info_nav .icon_05 a { background-image: url(/userfiles/images/page/museum/icon_02.png); }
.top_museums .info_nav .icon_06 a { background-image: url(/userfiles/images/page/museum/icon_03.png); }

.top_museums .info_nav a span { border-bottom: 3px solid; padding-bottom: 5px; }
.top_museums .info_nav .icon_01 a span { border-bottom-color: #003A7A; }
.top_museums .info_nav .icon_02 a span { border-bottom-color: #00A3D9; }
.top_museums .info_nav .icon_03 a span { border-bottom-color: #8C6900; }
.top_museums .info_nav .icon_04 a span { border-bottom-color: #B22D00; }
.top_museums .info_nav .icon_05 a span { border-bottom-color: #D96D00; }
.top_museums .info_nav .icon_06 a span { border-bottom-color: #7F2790; }

.top_museums .info_nav  a:hover {
	background-color: #EEEAD9;
}
.top_museums .info_nav a::after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    right: 24px;
    top: 50%;
    margin-top: -7px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    transform: rotate(-45deg);
}


/* info_exhibition */
.top_museums .info_exhibition {
	padding: 40px 110px 50px;
/*	background: url(/image/bg_02.jpg);*/
	border-bottom: 1px solid #bbb;
    background-image: url(../image/bg_now_exhibition.png), url(../image/bg_02.jpg);
    background-repeat: no-repeat, repeat;
    background-position: center bottom, left top;
    background-size: contain, auto;
}
.top_museums .info_exhibition > .ttl {
	text-align: center;
	font-size: 173.33%;
	font-weight: 500;
    margin-bottom: 40px;
}
.top_museums .info_exhibition .slick-slide { margin: auto 20px; }


/* info_event */
.top_museums .info_event {
	padding: 40px 110px 50px;
}
.top_museums .info_event > .ttl {
	text-align: center;
	font-size: 173.33%;
	font-weight: 500;
    margin-bottom: 40px;
}
.top_museums .info_event .slick-slide { margin: auto 20px; }
.top_museums .info_event .event_item .thumb {
	padding-bottom: 74%;
	background-color: #FCF8ED;
}
.top_museums .info_event .event_item .thumb img {
	top: 0;
    bottom: auto;
    width: 100%;
}


/* top_topics */
.top_museums .top_topics {
	margin: 0 0 60px;
	padding: 50px 20px;
	background: url(/image/bg_01.jpg);
}
.top_museums .top_topics .h_topics {
	float: left;
    margin-right: 5.83%;
}
.top_museums .top_topics .h_topics .ttl {
	font-weight: 500;
	font-size: 173.33%;
	text-align: center;
	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    white-space: nowrap;
    text-align: justify;
    word-break: keep-all;
	border-bottom: 1px solid #BBBBBB;
	padding-bottom: 20px;
    margin-bottom: 20px;
	height: 250px;
}
.top_museums .top_topics .link {
	text-align: center;
	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    white-space: nowrap;
    text-align: justify;
    word-break: keep-all;
	margin-left: 6px;
	height: 80px;
}
.top_museums .top_topics .link a {
	color: #000;
	position: relative;
	text-decoration: none;
}

.top_museums .top_topics .link a::after {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    bottom: -13px;
    left: 5px;
    border-bottom: 1px solid #8C6600;
    border-left: 1px solid #8C6600;
    transform: rotate(-45deg);
}

.top_museums .top_topics .list {
    overflow: hidden;
}
.top_museums .top_topics .list > .lead {
	color: #999;
	font-size: 93.33%;
	margin-bottom: 10px;
}

/* top_column */
.top_column { margin-bottom: 60px; }
.top_column .ttl {
	text-align: center;
    font-size: 173.33%;
    font-weight: 500;
    margin-bottom: 40px;
}
.top_column dl {
    float: left;
    width: 23.08%;
    margin: 0 2.5% 0 0;
}
.top_column dl:nth-child(4n) {
	margin-right: 0;
}
.top_column dl a {
	color: #000;
	text-decoration: none;
}
.top_column dt {
	position: relative;
    padding-bottom: 60%;
    overflow: hidden;
    margin-bottom: 10px;
    background-color: #fbf8f3;
}
.top_column dt img {
	position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.top_column dd .date {
    display: block;
    background: url(../image/icon/icon_pencil.png) no-repeat left bottom 3px;
    background-size: 18px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 1px;
    margin-bottom: 5px;
    color: #333;
    font-size: 90%;
    padding-left: 28px;
}


/*--------------------------------------------------
	cantents
--------------------------------------------------*/

/*--------- topics -----------*/
.list_topics dl {
   border-bottom: 1px dotted #bbb;
}
.list_topics dl:first-child { border-top: 1px dotted #bbb; }
.list_topics dl a {
	color: #000;
	text-decoration: none;
	display: table;
    width: 100%;
	padding: 6px 30px 6px 10px;
	position: relative;
	transition: .3s;
}
.list_topics dl a:hover {
	color: #000;
	background-color: #FBF8F3;
}
.list_topics dl a::after{
	content: "";
	width: 8px;
	height: 8px;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -3px;
	border-right: 1px solid #8C6600;
	border-bottom: 1px solid #8C6600;
	transform: rotate(-45deg);
}
.list_topics dl dt {
	font-size: 93.33%;
	display: table-cell;
	vertical-align: middle;
	width: 85px;
	padding: 12px 0;
}
.list_topics dl dd {
    display: table-cell;
	vertical-align: middle;
}
.list_topics .topics_icons {
    text-align: center;
    width: 50px;
	padding: 5px;
}
.list_topics .ttl {
    /* font-size: 106.66%; */
    padding-left: 10px;
}

.list_topics .last_updated_by {
    background: #fafafa url(/image/icon/icon_pencil.png) no-repeat 10px 6px;
    background-size: 15px;
    padding: 4px 15px 4px 30px;
    border-radius: 25px;
    font-size: 85%;
    margin-left: 30px;
}


.topics_content {
    float: left;
    width: 74.16%;
}

.topics_archive {
	text-align: right;
	margin-bottom: 20px;
}
.topics_archive > * {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}
.topics_archive p {
    background: url(../image/icon/icon_calendar_02.png) no-repeat 0 2px;
    padding-left: 25px;
    font-weight: bold;
    color: #915E33;
}
.topics_archive select {
    border: 1px solid #bbb;
    border-radius: 4px;
    padding: 3px;
}

/* list_side_menu */
.list_side_menu {
	margin-bottom: 1em;
	border: 1px solid #CCCCCC;
}
.list_side_menu .ttl {
	font-size: 112.5%;
	padding: 10px;
	position: relative;
	background-color: #D5E9F4;
	border-bottom: 1px solid #ccc;
}
.list_side_menu a {
	color: #000;
	display: block;
}
.list_side_menu .type_01 dt {
	border-top: 1px solid #ccc;
	font-size: 12px;
	line-height: 1.2;
	padding: 7px 20px 0;
}
.list_side_menu .type_01 dt:first-child {
	border-top: none;
}
.list_side_menu .type_01 dd {
	margin: 0 10px;
	padding: 0 0 5px 12px;
	background-size: 6px;
	font-size: 13px;
}
.list_side_menu .type_02 {
}
.list_side_menu .type_02 > li {
	padding: 2px 10px;
	font-size: 13px;
	border-top: 1px solid #ccc;
}
.list_side_menu .type_02 > li:first-child {
	border-top: none;
}
.list_side_menu .type_02 > li > ul {
	display: none;
}
.list_side_menu .type_02 > li > ul > li {
	background: url(/image/icon/icon_arrow02.png) no-repeat scroll 0 8px;
	background-size: 6px;
	padding-left: 12px;
}
.list_side_menu .type_03 {
	padding: 10px;
}
.list_side_menu .type_03 > li {
	background-size: 6px;
	padding-left: 12px;
	font-size: 13px;
}

/*--------- event -----------*/
.event_item {}
.event_item a {
	color: #000;
	text-decoration: none;
	display: block;
}
.event_item .thumb {
	position: relative;
	padding-bottom: 141.51%;
	overflow: hidden;
	margin-bottom: 10px;
	background-color: #fff;
}
.dir_exhibition .event_item .thumb {
	background-color: #FCF8ED;
}
.event_item .thumb img {
	position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    margin: auto;
    max-width: 100%;
    /* max-height: 100%; */
}
.event_item .topics_icons { margin-bottom: 8px; }
.event_item .date { font-size: 81.25%; margin-bottom: 10px; }
	.event_item .date.color_event { color: #B28500; }
	.event_item .date.color_exhibition { color: #000; }
.event_item .ttl {
    font-size: 106.66%;
	line-height: 1.4;
	margin-bottom: 8px;
 }
.list_exhibition_02 .event_item .ttl {
	font-size: 100%;
}
.event_item .tags {}
.event_item .tags span {
    font-size: 81.25%;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    display: inline-block;
    vertical-align: top;
    margin: 0 6px 6px 0;
    padding: 0 10px;
}


/* topics_icons */
.topics_icons {}
.topics_icons span {
	color: #fff;
    font-size: 81.25%;
    /*	font-size: 86.66%;*/
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	padding: 5px;
}
.topics_icons .icon_organizer_1 { background-color: #053B7B; }
.topics_icons .icon_organizer_2 { background-color: #B23730; }
.topics_icons .icon_organizer_3 { background-color: #555; }
.topics_icons .icon_organizer_4 { background-color: #555; }
.topics_icons .icon_type_event { color: #fff; background-color: #D9A300; padding: 5px 18px; border-radius: 4px; }
.topics_icons .icon_type_exhibition { color: #fff; background-color: #000; padding: 5px 18px; border-radius: 4px; }
.topics_icons .icon_now { color: #fff; background-color: #000; padding: 5px 18px; border-radius: 4px; }
.topics_icons .icon_coming { color: #fff; background-color: #A3A395; padding: 5px 18px; border-radius: 4px; }
.topics_icons .icon_category_1 { color: #fff; background-color: #00A3D9; padding: 5px 10px; border-radius: 4px; }
.topics_icons .icon_category_2 { color: #fff; background-color: #D96D00; padding: 5px 10px; border-radius: 4px; }
.topics_icons .icon_category_1,
.topics_icons .icon_category_2 {
    color: #000;
    background-color: #E6CDB8;
    padding: 5px 10px;
    border-radius: 3px;
}


/* link_box */
.link_box {
	margin-top: 35px;
}
.link_box ul {
	display: table;
    max-width: 860px;
    padding: 30px;
    margin: 0 auto;
    box-sizing: border-box;
    background: #fff;
    border-radius: 10px;
    box-shadow: 2px 2px 8px rgba(0,0,0,.2) inset;
}
.link_box li {
	width: 380px;
	display: inline-block;
}
.link_box li:nth-child(2n) {
	margin-left: 30px;
}
.link_box a {
	color: #fff;
	font-size: 120%;
	text-decoration: none;
	display: block;
	position: relative;
	border-radius: 4px;
	padding: 20px 30px 20px 20px;
	transition: .3s;
}
	.link_box .link_exhibition { background-color: #000; }
	.link_box .link_event { background-color: #D9A300; }

.link_box a:hover { opacity: .7; color: #fff; }
.link_box a::after {
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -7px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-45deg);
}

/* .pager */
.pager {
    margin: 60px 0;
    padding: 50px 0;
    text-align: center;
    background: #FCF8ED;
}
.pager ul {}
.pager ul li {
	font-size: 81.25%;
    margin: 3px;
	display: inline-block;
}
.pager a,
.pager span {
	color: #000;
	display: block;
	text-decoration: none;
	border: 1px solid #CCC;
	padding: 9px 16px;
	background-color: #fff;
}
.pager li.total span {
	border-color: #FFF;
}
.pager li.prev span,
.pager li.next span,
.pager li.first span,
.pager li.last span {
	border: 1px solid #ccc;
	color: #EDEDED;
}
.pager li.current span {
    color: #fff;
    background: #915E33;
}
.pager a:hover {
	color: #915E33;
	border: 1px solid #999;
	background: #EEEAD9;
}


/* link_prev_next */
.link_prev_next {
	text-align: center;
	margin-top: 40px;
}
.link_prev_next > li {
	display: inline-block;
}
.link_prev_next > li a {
    color: #915E33;
    border: 1px solid #bbb;
    display: block;
    padding: 12px 40px;
    text-decoration: none;
    transition: .3s;
    border-radius: 3px;
    font-size: 90%;
    font-weight: bold;
}
.link_prev_next > li a:hover {
	color: #fff;
	background-color: #915E33;
}
.link_prev_next .back_list a {
    background: url(../image/icon/icon_list_01.png) no-repeat 30px center;
    padding: 16px 50px 16px 70px;
}
.link_prev_next .back_list a:hover {
	background-image: url(../image/icon/icon_list_02.png);
}

/*--------- artist -----------*/
.list_artist {}
.list_artist .item {
    float: left;
    width: 23.08%;
    margin: 0 2.5% 2.5% 0;
}
.list_artist .item:nth-child(4n) { margin-right: 0; }
.list_artist .item a { display: block; color: #000; text-decoration: none; }
.list_artist .item .thumb {
    position: relative;
    padding-bottom: 75%;
    overflow: hidden;
    margin-bottom: 10px;
    background-color: #fafafa;
}
.list_artist .item .thumb img {
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    margin: auto;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    transition: .3s;
}
.list_artist .item a:hover img {
	filter: blur(1px);
    transform: scale(1.1);
    opacity:1;
}
.list_artist .item .thumb .category {
    position: absolute;
    right: 10px;
    top: 10px;
}
.list_artist .item .thumb .category span {
    background: #b23730;
    color: #fff;
    font-size: 85%;
    padding: 5px 12px;
    line-height: 1;
    border-radius: 4px;
    font-weight: bold;
    box-shadow: 1px 1px 3px rgba(0,0,0,.3);
    margin-left: 5px;
}
.list_artist .item p { text-align: center; }

/* .search_artist */ 
.search_artist {
    border: 1px solid #ccc;
    padding: 20px 30px;
	margin-bottom: 50px;
	text-align: center;
	font-size: 70%;
}
/* 広いPC */
@media (min-width: 1500px) {
	.search_artist { font-size: 100%; }
}
.search_artist .ttl {
    display: inline-block;
    vertical-align: middle;
    font-size: 150%;
    font-weight: 500;
    margin-right: 20px;
    border-right: 1px dotted #ccc;
    padding-right: 20px;
}
.search_artist form {
    display: inline-block;
    vertical-align: middle;
}
.search_artist dl {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}
.search_artist dl dt,
.search_artist dl dd {
    display: inline-block;
    vertical-align: middle;
}
.search_artist dl dt {
    margin-right: 8px;
}
.search_artist input[type="text"] {
    border: 1px solid #ccc;
    padding: 10px;
    vertical-align: middle;
}
.search_artist input[type="submit"] {
    border: none;
    color: #fff;
    font-size: 110%;
    padding: 15px 25px;
    padding-left: 44px;
    background: #b23730 url(/image/icon/icon_search_01.png) no-repeat 15px center;
    vertical-align: middle;
    margin-left: 25px;
    border-radius: 4px;
}

/* artists_plof */
.artists_plof {
	padding: 30px 0;
	margin-bottom: 40px;
	background: url(/image/bg_01.jpg);
	font-size: 80%;
}
/* 広いPC */
@media (min-width: 1500px) {
	.artists_plof { font-size: 100%; }
}
.artists_plof .inner {
    max-width: 1200px;
    margin: 0 auto;
    display: table;
    padding: 0 100px;
    box-sizing: content-box;
}
.artists_plof .thumb {
    display: table-cell;
	vertical-align: middle;
    width: 23.08%;
	position: relative;
    background: #fff;
}
.artists_plof .thumb img {
	width: 100%;
}
.artists_plof .detail {
	display: table-cell;
	vertical-align: middle;
	padding-right: 30px;
}
.artists_plof .name {
	font-size: 306.66%;
	font-weight: 500;
	border-bottom: 2px solid #bbb;
	margin-bottom: 15px;
}
.artists_plof .name strong {
    font-weight: 500;
    border-bottom: 2px solid #B43830;
    position: relative;
    bottom: 8px;
    padding-bottom: 9px;
}
.artists_plof .name_en {
	font-size: 186.66%;
	font-weight: 500;
	margin-bottom: 20px;
}
.artists_plof .birth,
.artists_plof .category { font-size: 146.66%; }

/* artists_about */
.artists_about { margin-bottom: 70px; }
.artists_about .biography_table th,
.artists_about .biography_table td { padding: 5px; }

/* artists_work */
.list_artists_work .item {
	float: left;
	width: 31.66%;
	margin: 0 2.5% 2.5% 0;
}
.list_artists_work .item:nth-child(3n) {
	margin-right: 0;
}
.list_artists_work .item .thumb {
    position: relative;
    padding-bottom: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    background-color: #F9F6F0;
}
.list_artists_work .item .thumb img {
	position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.list_artists_work .item dl {
	display: table;
	width: 100%;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 5px;
    margin-bottom: 5px;
}
.list_artists_work .item dt {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    width: 130px;
}
.list_artists_work .item dd {
	display: table-cell;
	vertical-align: middle;
}
.list_artists_work .item p { margin-top: 12px; }


/*--------- news_letter -----------*/
.list_news_letter {}
.list_news_letter .item {
    width: 48.75%;
    float: left;
    margin: 0 2.5% 2.5% 0;
    border: 1px solid #ccc;
    padding: 15px;
}
/* 広いPC */
@media (min-width: 1280px) {
	.list_news_letter .item { padding: 25px; }
}
.list_news_letter .item:nth-child(2n) {
    margin-right: 0;
}
.list_news_letter .item .thumb {
    float: left;
    width: 34%;
    margin: 0 20px 0 0;
}
.list_news_letter .item .thumb img {
	border: 1px solid #ccc;
}
.list_news_letter .item .detail {
    overflow: hidden;
}
.list_news_letter .item .link {
	text-align: right;
	margin-top: 20px;
}
.list_news_letter .item .link a {
	text-decoration: none;
	display: inline-block;
	background: #333;
	color: #fff;
	text-decoration: none;
	position: relative;
	padding: 5px 30px;
	border-radius: 5px;
}
.list_news_letter .item .link a::before {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -2px;
    width: 6px;
    height: 6px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg);
}

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

/* exhibition */
.now_exhibition {
	padding: 60px 0 40px;
	border-top: 1px solid #bbb;
    background-image: url(../image/bg_now_exhibition.png), url(../image/bg_02.jpg);
    background-repeat: no-repeat, repeat;
    background-position: center bottom, left top;
    background-size: contain, auto;
/*	background: url(/image/bg_02.jpg);*/
}
.coming_exhibition {
	padding: 60px 0 40px;
}
.old_exhibition {
	padding: 60px 0 20px;
	background: #fcf9f4;
}
.now_exhibition .section_ttl,
.coming_exhibition .section_ttl,
.old_exhibition .section_ttl {
	text-align: center;
	font-size: 173.33%;
	font-weight: 500;
	margin-bottom: 40px;
}

/*list_exhibition_01*/
.list_exhibition_01 {
    text-align: center;
    letter-spacing: -1em;
}
.list_exhibition_01 .event_item {
    text-align: left;
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
	width: 31.66%;
    margin: 0 1.25%;
	/* margin: 0 2.5% 2.5% 0; */
}
.list_exhibition_01 .event_item:nth-child(4n+1) {
    margin-left: 0;
}
.list_exhibition_01 .event_item:nth-child(3n),
.list_exhibition_01 .event_item.slick-slide:nth-child(3n) {
    margin-right: 0;
}
.list_exhibition_01 .event_item .thumb img { width: 100%; }

/* list_exhibition_02 */
.list_exhibition_02 {
    text-align: center;
    letter-spacing: -1em;
}
.list_exhibition_02 .event_item {
    text-align: left;
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
	width: 23.33%;
	margin: 0 10px;
}
/* .list_exhibition_02 .event_item:nth-child(4n) { margin-right: 0; } */
/* .list_exhibition_02 .event_item.slick-slide:nth-child(4n) { margin-right: 30px; } */
.list_exhibition_02 .event_item .thumb img { width: 100%; }
.list_exhibition_02 .slick-prev { left: -50px; top: 190px; }
.list_exhibition_02 .slick-next { right: -20px; top: 190px; }


.list_exhibition_03 {
	letter-spacing: -.4em;
}
.list_exhibition_03 .item {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	width: 31.66%;
	margin:  0 2.5% 2.5% 0;
}
.list_exhibition_03 .item:nth-child(3n) { margin-right: 0; }
.list_exhibition_03 .item a {
    display: block;
    width: 100%;
    border: 1px solid #bbb;
    padding: 10px;
    background: #fff;
    color: #000;
    text-decoration: none;
}
.list_exhibition_03 .item .thumb {
    margin-bottom: 10px;
}
.list_exhibition_03 .item .thumb img { width: 100%; }
.list_exhibition_03 .item .detail { font-size: 80%; }
/* 広いPC */
@media (min-width:1280px) {
	.list_exhibition_03 .item a {
		display: table;
		padding: 15px;
	}
	.list_exhibition_03 .item .thumb {
		display: table-cell;
		vertical-align: top;
		width: 120px;
		margin-bottom: 0;
	}
	.list_exhibition_03 .item .detail {
		display: table-cell;
		vertical-align: top;
		padding-left: 20px;
		font-size: 100%;
	}
}
.list_exhibition_03 .item .ttl {}
.list_exhibition_03 .item .date {}
.link_calendar {
    position: fixed;
    top: 25%;
    right: 0;
    z-index: 10;
    /* top: 100px;*/
    /*	display: none;*/
}
.link_old_exhibition {
	padding: 6% 20px;
	background: #DCD3C2 url(/userfiles/images/exhibition/bg_01.jpg);
	background-size: cover;
	text-align: center;
}
.link_old_exhibition a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    background-color: #000;
    position: relative;
    font-size: 120%;
    min-width: 380px;
    padding: 21px;
	transition: .3s;
}
.link_old_exhibition a::before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    right: 18px;
    top: 50%;
    margin-top: -5px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
}
.link_old_exhibition a:hover {
	color: #fff;
	background-color: #915E33;
}

.pr_spot {}
.pr_spot .item {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.pr_spot .item > * {
	display: table-cell;
	vertical-align: middle;
}
.pr_spot .item img { width: 100%; }
.pr_spot .detail {
	padding: 20px 40px;
	font-size: 80%;
}
/* 広いPC */
@media (min-width:1280px) {
	.pr_spot .detail {
		padding: 80px;
		font-size: 100%
	}
}
.pr_spot .detail .inner {
    max-width: 520px;
}
.pr_spot .detail .inner.left { margin-left: auto; }
.pr_spot .detail .inner.right { margin-right: auto; }

.pr_spot .detail .ttl {
	font-size: 173.33%;
	font-weight: 500;
	margin-bottom: 20px;
}
.pr_spot .detail .ttl strong { font-weight: 500; }
.pr_spot .detail .ttl + p {
    margin-bottom: 30px;
}

.pr_enjoy {
	padding: 70px 100px 30px;
	background: url(/userfiles/images/exhibition/bg_02.jpg) no-repeat 0 0;
	background-size: 100%;
}
.pr_enjoy > .ttl {
	color: #1F1813;
	text-align: center;
	font-weight: 500;
	font-size: 186.66%;
	margin-bottom: 50px;
}
.pr_enjoy .list {
	display: table;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 30px;
	table-layout: fixed;
}
.pr_enjoy .item {
	display: table-cell;
	vertical-align: top;
}
.pr_enjoy .item a {
	display: block;
	color: #fff;
	text-decoration: none;
	position: relative;
	overflow: hidden;
}
.pr_enjoy .item img {
	transition: .5s;
	width: 100%;
}
.pr_enjoy .item a:hover img {
	opacity: 1;
	transform: scale(1.1);
}
.pr_enjoy .item a::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(62, 48, 22, 0.5) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
	transition: .3s;
	z-index: 1;
}
.pr_enjoy .item a:hover::before {
    opacity: 1;
}
.pr_enjoy .item h4 {
    position: absolute;
    left: 0;
    bottom: 0;
    font-weight: 500;
    font-size: 100%;
    width: 100%;
    padding: 15px;
	z-index: 1;
	transition: .3s;
}
.pr_enjoy .item p {
    font-size: 87.5%;
	padding: 15px;
}
/* 広いPC */
@media (min-width:1280px) {
	.pr_enjoy .item h4 { font-size: 120%; }
}

.popup_event_info {
    background: #fff;
    padding: 40px;
    border: 4px solid #D1A47E;
}


#pr_movie {
	position: relative;
	width: 100%;
	/* padding-bottom: 25.55%; */
    padding-bottom: 35%;
	overflow: hidden;
}
#pr_movie #player {
	position: absolute;
	top: -200px;
	left: 0;
	width: 100%;
  width: 100% !important;
    margin-left: 0 !important;
}
#pr_movie .cover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6) url(../image/pr_movie.png) no-repeat center center;
	background-size: auto 70%;
	transition: .3s;
}
/* 広いPC */
@media (min-width: 1500px) {
	#pr_movie .cover { background-size: auto; }
}
.pop_youtube #cboxClose {
    background-position: -50px 0;
    right: 0;
    background: url(/image/icon/icon_close.png) no-repeat center center;
    width: 40px;
    height: 40px;
    background-size: 100%;
    top: -60px;
}

/* about_exhibition */
.about_exhibition { margin-bottom: 80px; }
.about_exhibition .thumb {
    float: right;
    width: 31.66%;
    /* border: 1px solid #ddd; */
}
.about_exhibition .thumb img { width: 100%; }
.about_exhibition .detail {
	float: left;
	width: 65.83%;
}
.about_exhibition .tags { margin-top: 30px; }
.about_exhibition .tags a,
.about_exhibition .tags span {
	color: #000;
	text-decoration: none;
    font-size: 86.66%;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: #fff;
    display: inline-block;
    vertical-align: top;
    margin: 0 6px 6px 0;
    padding: 0 10px;
}

/* overview_exhibition */
.overview_exhibition {
	background: #FBFBFB;
	padding: 55px 0;
	margin-bottom: 100px;
}
.overview_exhibition .ttl {
	text-align: center;
    font-size: 173.33%;
    font-weight: 500;
    margin-bottom: 40px;
}
.overview_exhibition td { background-color: #fff; }


/* info_exhibition */
.info_exhibition {
	background: #FBFBFB;
	padding: 55px 0;
/*	margin-bottom: 100px;*/
}
.info_exhibition .ttl {
	text-align: left;
	font-size: 112.5%;
	line-height: 1.4;
	margin-bottom: 8px;
}
.info_exhibition td { background-color: #fff; }

.pr_youtube {
	border: 1px solid #CCCCCC;
	padding: 50px;
	text-align: center;
	margin: 100px auto;
}
.pr_youtube iframe {
	width: 100%;
	max-width: 800px;
	height: 450px;
}
iframe[src*="youtube"] {
    max-width: 100%;
}


/* about_event */
.page_ttl_event {
	color: #000;
    padding: 3.2% 0;
    margin-bottom: 50px;
    background-image: url(../image/bg_now_exhibition.png), url(../image/bg_02.jpg);
    background-repeat: no-repeat, repeat;
    background-position: center bottom, left top;
    background-size: cover, auto;
}
.page_ttl_event .inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 100px;
    box-sizing: content-box;
}
.page_ttl_event .end_text,
.detail_event .end_text{
    color: #fff;
    background-color: rgba(217, 0, 0, 0.85);
    font-size: 86.66%;
    font-weight: bold;
    padding: 5px 15px;
    display: inline-block;
    margin-bottom: 18px;
}
.page_ttl_event .topics_icons {
    display: inline-block;
    vertical-align: middle;
}
.page_ttl_event .topics_icons .end_text { margin: 0 10px 0 0; }
.page_ttl_event .topics_icons span {
	padding: 8px 20px;
	border-radius: 5px;
}
.page_ttl_event .topics_icons span + span { margin-left: 5px; }
.page_ttl_event h1 {
	font-size: 160%;
    font-weight: bold;
}
.page_ttl_event .topics_icons + h1 { margin-top: 15px; }
.page_ttl_event .date {
    color: #9D742F;
    font-size: 90%;
    font-weight: bold;
    margin-top: 15px;
    background: url(../image/icon/icon_calendar_02.png) no-repeat 0 3px;
    padding-left: 32px;
}
/* 広いPC */
@media (min-width:1280px) {
	.page_ttl_event h1 { font-size: 200%; }
	.page_ttl_event .date { font-size: 106.66%; }
}

/* about_event */
.about_event { margin-bottom: 80px; }
.about_event .date {
	color: #9D742F;
	font-size: 120%;
	font-weight: bold;
	margin: 30px 0;
}
.about_event .thumb {
    float: right;
    width: 31.66%;
    border: 1px solid #ddd;
}
.about_event .thumb img { width: 100%; }
.about_event .detail {
	float: left;
	width: 65.83%;
}
.about_event .tags { margin-top: 30px; }
.about_event .tags a,
.about_event .tags span {
	color: #000;
	text-decoration: none;
    font-size: 86.66%;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: #fff;
    display: inline-block;
    vertical-align: top;
    margin: 0 6px 6px 0;
    padding: 0 10px;
}

/*
.detail_event {
	padding: 40px 0;
	background-color: #FBFBFB;
}
.detail_event td { background-color: #fff; }
*/


/* major_works */
.major_works {}
.major_works > .ttl {
	text-align: center;
    font-size: 173.33%;
    font-weight: 500;
    margin-bottom: 40px;
}
.major_works .item {
	float: left;
	width: 31.66%;
	margin: 0 2.5% 50px 0;
}
.major_works .item:nth-child(3n) { margin-right: 0; }
.major_works .thumb {
	position: relative;
	padding-bottom: 66.57%;
}
.major_works .thumb img {
	position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.major_works .caption {
	font-size: 86.66%;
	border-top: 1px solid #CCCCCC;
	margin-top: 20px;
	padding-top: 15px;
}
.major_works .description {
	color: #666666;
	font-size: 73.33%;
	margin-top: 15px;
}

/* other_exhibition */
.other_exhibition {
	margin: 90px 0 40px;
}
.other_exhibition > .ttl {
	text-align: center;
	font-size: 173.33%;
	font-weight: 500;
	margin-bottom: 40px;
}

/* entry_icon */
.entry_icon {
    color: #915E33;
    background: #FCF8ED;
    font-weight: bold;
    border-radius: 5px;
    padding: 6px 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    border: 1px solid #915E33;
}
.entry_date {
    font-weight: bold;
    font-size: 110%;
    padding: 3px 5px;
    display: inline-block;
    vertical-align: middle;
    color: #915E33;
}


/* event_pickup */
.event_pickup {
	padding: 50px 0;
	margin-bottom: 70px;
	background: #FCF9F2 url(/image/bg_01.jpg);
}
.event_pickup > .ttl {
	text-align: center;
	font-weight: 500;
	font-size: 160%;
}
.event_pickup > .lead {
	color: #999;
	font-size: 93.33%;
	text-align: center;
	margin-bottom: 30px;
}
.event_pickup .list {
    max-width: 1200px;
    margin: 0 auto;
    font-size: 0;
    padding: 0 100px;
    box-sizing: content-box;
}
.event_pickup .list .item {
    width: 18%;
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    margin: 0 2.5% 2.5% 0;
}
.event_pickup .list .item:nth-child(5n) {
	margin-right: 0;
}
.event_pickup .list .item .ttl {
    font-size: 93.75%;
	font-weight: bold;
	margin: 15px 0;
}
.event_pickup .list .item .date {
	font-size: 86.66%;
}
.event_pickup .list .item a {
	text-decoration: none;
    display: block;
    color: #000;
}
.event_pickup .list .item .thumb {
    position: relative;
    overflow: hidden;
	padding-bottom: 74%;
    border: 1px solid #ddd;
    background-color: #fff;
    /* padding-bottom: 100%; */
}
.event_pickup .list .item .thumb img {
	position: absolute;
    top: 0;
    left: -100%;
    right: -100%;
    /*bottom: -100%;*/
    margin: auto;
    max-width: 100%;
    /* max-height: 100%; */
}
.event_pickup .item .thumb .end_text {
    color: #fff;
    background-color: rgba(217, 0, 0, 0.85);
    position: absolute;
    left: 0;
    top: 42%;
    width: 100%;
    text-align: center;
    font-size: 86.66%;
    font-weight: bold;
    padding: 15px 10px;
}
/*
.event_pickup {
	background: url(/image/bg_01.jpg);
	padding: 50px 0;
	margin-bottom: 50px;
}
.event_pickup > .ttl {
	text-align: center;
	font-weight: 500;
	font-size: 160%;
	margin-bottom: 35px;
}
.event_pickup .list {
	padding: 0 110px;
	font-size: 0;
	text-align: center;
}
.event_pickup .item {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    width: 17.92%;
    margin: 0 0.97%;
	text-align: left;
}
.event_pickup .item a {
	text-decoration: none;
    display: block;
    color: #000;
}
.event_pickup .item .thumb { position: relative; }
.event_pickup .item .thumb img { width: 100%; }
.event_pickup .item .thumb .end_text {
    color: #fff;
    background-color: rgba(217, 0, 0, 0.85);
    position: absolute;
    left: 0;
    top: 42%;
    width: 100%;
    text-align: center;
    font-size: 86.66%;
    font-weight: bold;
    padding: 15px 10px;
}
.event_pickup .item .ttl {
	font-size: 106.66%;
	font-weight: bold;
	margin: 15px 0;
}
.event_pickup .item .date {
	font-size: 86.66%;
}
*/

/* event_search */
.event_search {
	margin-bottom: 60px;
}
.event_search .btns {}
.event_search .btns > li {
	font-size: 80%;
	margin-left: 1.66%;
	float: left;
}
.event_search .btns > li:first-child {
	margin-left: 0;
}
/* 広いPC */
@media (min-width:1280px) {
	.event_search .btns > li {
		width: 23.75%;
		font-size: 100%;
	}
}

.event_search .btns > li > a {
	background-color: #DAD0AD;
	display: block;
	text-align: center;
	color: #000;
	text-decoration: none;
	font-size: 120%;
	padding: 21px 10px;
	transition: .3s;
}
.event_search .btns > li > a:hover {
	color: #fff;
	background-color: #915E33;
}

.event_search .open_btn {
	margin-bottom: 20px;
}
.event_search .open_btn span {
	position: relative;
}
.event_search .open_btn span::before,
.event_search .open_btn span::after {
	content: "";
	position: absolute;
	right: -22px;
    top: 11px;
	background-color: #000;
	width: 12px;
	height: 2px;
	transition: .3s;
}
.event_search .open_btn span::before {
	transform: rotate(-90deg);
}
.event_search .open_btn span::after {}
.event_search .open_btn span:hover::before,
.event_search .open_btn span:hover::after {
	background-color: #fff;
}

.event_search .open_btn.on { color: #fff; background-color: #915E33; }
.event_search .open_btn.on span::before { background-color: #fff; transform: rotate(45deg); }
.event_search .open_btn.on span::after { background-color: #fff; transform: rotate(-45deg); }

.event_search .calendar span {
    background: url(/image/icon/icon_calendar_03.png) no-repeat 0 3px;
    padding-left: 28px;
}
.event_search .calendar a:hover span {
    background-image: url(/image/icon/icon_calendar.png);
}

.event_search .freeword {
	padding: 15px 20px;
	background-color: #F4F1E6;
}
.event_search .freeword input[type="text"] {
    padding: 10px;
    border: 1px solid #999999;
    font-size: 80%;
    width: 195px;
    height: 40px;
    float: left;
}
.event_search .freeword input[type="submit"] {
    width: 50px;
    height: 40px;
    text-indent: -9999px;
    padding: 0;
    border: none;
    background: #999999 url(/image/icon/icon_search_01.png) no-repeat center center;
    float: left;
	transition: .3s;
}
.event_search .freeword input[type="submit"]:hover {
	background-color: #915E33;
}

.event_search .open_box {
	display: none;
	background-color: #FCF8ED;
	padding: 1.7% 3%;
	margin-bottom: 10px;
}
.event_search .open_box dl {
	font-size: 106.66%;
	display: table;
	width: 100%;
	padding: 10px 0;
}
.event_search #archive_box dl {
	padding: 30px 0;
}
.event_search #archive_box dl + dl {
	border-top: 1px solid #bbb;
}
.event_search .open_box dl dt {
	display: table-cell;
	vertical-align: middle;
	width: 130px;
}
.event_search .open_box dl dd {
	display: table-cell;
	vertical-align: middle;
}

.event_search .open_box li {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 3px;
	font-size: 70%;
}
/* 広いPC */
@media (min-width:1280px) {
	.event_search .open_box li {
		font-size: 100%;
	}
}
.event_search .open_box li a {
	color: #000;
	padding: 0 10px;
}
.event_search .open_box li a:hover {
	color: #915E33;
}
.event_search .open_box input[type="submit"] {
    color: #fff;
    padding: 16px 67px;
    border: none;
    background: #231814;
    transition: .3s;
    border-radius: 5px;
    margin-top: 10px;
	transition: .3s;
}
.event_search .open_box input[type="submit"]:hover {
	background-color: #915E33;
}
.event_search .btn_checkbox + label {
	background-color: #fff;
	border-color: #F2DFAE;
	border-radius: 0;
}
.event_search .btn_checkbox:checked + label {
	background-color: #F2DFAE;
    border-color: #F2DFAE;
}
.event_search .btn_checkbox:checked + label::after {
	border-left: 3px solid #000;
    border-bottom: 3px solid #000;
}


/* list_event */
.list_event {}
.list_event .day_item {
    font-size: 80%;
}
/* 広いPC */
@media (min-width:1280px) {
	.list_event .day_item {
		font-size: 100%;
	}
}
.list_event .day_item + .day_item { margin-top: 50px; }
.list_event .day_item .day {
	color: #915E33;
	float: left;
	width: 17.91%;
	background: #FCF8ED;
	border-left: 5px solid #915E33;
	padding: 18px;
	font-size: 120%;
	line-height: 1.4;
}
.list_event .day_item .day.sat {
	color: #053B7B;
	background: #FCF8ED;
	border-left: 5px solid #053B7B;
}
.list_event .day_item .day.sun {
	color: #B23730;
	background: #FCF8ED;
	border-left: 5px solid #B23730;
}
.list_event .day_item .day strong {
	font-size: 155.55%;
	display: block;
}
.list_event .day_item .day .year {
    font-size: 64.28%;
}
.list_event .day_item .day .holiday {
    font-size: 70%;
	vertical-align: middle;
}
.list_event .day_item .day_event {
	float: right;
	width: 78.75%;
}
.list_event .day_item .no_event {
    color: #915E33;
    font-size: 130%;
    font-weight: 500;
    background: url(/image/bg_02.jpg);
    padding: 10px 20px;
    display: inline-block;
    margin-top: 25px;
    width: 100%;
}
.list_event .day_item .close {
    /*  color: #b23730;*/
    font-size: 130%;
    font-weight: 500;
    background-color: #eee;
    /* background: url(/image/bg_03.jpg); */
    padding: 10px 20px;
    display: inline-block;
    margin-top: 25px;
    width: 100%;
}

.list_event .day_event .item {}
.list_event .day_event .item + .item {
    margin-top: 30px;
}
.list_event .day_event a {
    color: #000;
	transition: .3s;
	display: block;
	border-bottom: 1px dotted #BBBBBB;
    padding-bottom: 30px;
}
.list_event .day_event a:hover {
    color: #915E33;
}
.list_event .day_event .thumb {
	float: right;
	width: 22.75%;
}
.list_event .day_event .detail {
	float: left;
	width: 75.66%;
}
.list_event .day_event .tag { margin-bottom: 20px; }
.list_event .day_event .tag span {
    background: #915E33;
    color: #fff;
    border: 1px solid #bbb;
    font-size: 93.33%;
    padding: 13px;
    display: inline-block;
    vertical-align: top;
    border-radius: 6px;
}

.list_event .day_event .ttl {
	font-weight: 500;
	font-size: 173.33%;
	margin-bottom: 25px;
}
.list_event .day_event .ttl span {
    font-size: 50%;
    background: #ccc;
    color: #fff;
    padding: 2px 4px;
    text-align: center;
    float: left;
    margin-top: 8px;
    margin-right: 15px;
}
.list_event .day_event .ttl .icon_organizer_1 { background: #053B7B; }
.list_event .day_event .ttl .icon_organizer_2 { background: #B23730; }

.list_event .day_event .ttl strong {
    overflow: hidden;
	display: block;
}
.list_event .day_event .cat {
    font-size: 80%;
	font-weight: bold;
    color: #915E33;
    background: url(/image/icon/icon_tag.png) no-repeat 0 3px;
    padding-left: 20px;
	margin-top: 25px;
}


/* list_event_result */
.list_event_result {
	font-size: 0;
}
.list_event_result .event_item {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	width: 22.75%;
	margin: 0 2.91% 4.16% 0;
	box-shadow: 0px 0px 5px rgba(0,0,0,.25);
	border-radius: 3px;
	overflow: hidden;
}
.list_event_result .event_item:nth-child(4n) {
	margin-right: 0;
}
.list_event_result .event_item .thumb {
	padding-bottom: 74.35%;
	background-color: #FCF8ED;
	margin: 0;
}
.list_event_result .event_item .end_text {
    color: #fff;
    background-color: rgba(217, 0, 0, 0.85);
    position: absolute;
    left: 0;
    top: 40%;
    width: 100%;
    text-align: center;
    font-size: 70%;
    font-weight: bold;
    padding: 8px;
}
/* 広いPC */
@media (min-width:1280px) {
	.list_event_result .event_item .end_text {
		top: 42%;
		font-size: 86.66%;
		padding: 15px 10px;
	}
	.list_event_result .event_item .detail {
		padding: 10px;
		font-size: 80%;
	}
}
/* 広いPC */
@media (min-width:1500px) {
	.list_event_result .event_item .detail {
		padding: 20px;
		font-size: 100%;
	}
}
.list_event_result .event_item .ttl {
	font-size: 93.75%;
	font-weight: bold;
	margin-bottom: 15px;
}
.list_event_result .event_item .date {
	font-size: 86.66%;
	font-weight: normal;
	margin-bottom: 10px;
    padding: 8px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.list_event_result .event_item .cat {
    font-size: 80%;
	font-weight: bold;
    color: #915E33;
    background: url(/image/icon/icon_tag.png) no-repeat 0 4px;
    padding-left: 20px;
}

/* calendar_sort */
.calendar_sort {
	font-size: 0;
	text-align: center;
	margin-bottom: 40px;
}
.calendar_sort li {
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #ccc;
    width: 240px;
}
.calendar_sort li label {}
.calendar_sort li input{ display: none; }
.calendar_sort li + li { margin-left: 8px; }
.calendar_sort li a,
.calendar_sort li label {
	color: #000;
	text-decoration: none;
	display: block;
	border-top: 5px solid #666666;
	transition: .3s;
	padding: 15px 5px;
	position: relative;
	cursor: pointer;
}
.calendar_sort li a[data-label="exhibition"],
.calendar_sort li[data-label="exhibition"] label {
	border-top-color: #FF8000;
}
.calendar_sort li a[data-label="event"],
.calendar_sort li[data-label="event"] label {
	border-top-color: #00A3D9;
}

.calendar_sort li a::before,
.calendar_sort li input[data-action="select"] + label::before {
    content: "";
    position: absolute;
    left: 14px;
    top: 18px;
    width: 13px;
    height: 13px;
    border: 1px solid #ccc;
    background-color: #fff;
	border-radius: 50%;
}
.calendar_sort li a::after,
.calendar_sort li input + label::after {
    content: "";
    position: absolute;
    left: 18px;
    top: 22px;
    width: 7px;
    height: 7px;
    background-color: #666666;
    opacity: 0;
    border-radius: 50%;
}
.calendar_sort li a[data-label="exhibition"]::after, .calendar_sort li[data-label="exhibition"] label::after { background-color: #FF8000; }
.calendar_sort li a[data-label="event"]::after, .calendar_sort li[data-label="event"] label::after { background-color: #00A3D9; }

.calendar_sort li a:hover,
.calendar_sort li.on a,
.calendar_sort li input[data-label="all"]:checked + label,
.calendar_sort li[data-label="all"]:hover { background-color: #FCF8ED; }
.calendar_sort li a[data-label="exhibition"]:hover,
.calendar_sort li.on a[data-label="exhibition"],
.calendar_sort li input[data-label="exhibition"]:checked + label,
.calendar_sort li[data-label="exhibition"]:hover{ background-color: #FBF0E5; }
.calendar_sort li a[data-label="event"]:hover,
.calendar_sort li.on a[data-label="event"],
.calendar_sort li input[data-label="event"]:checked + label,
.calendar_sort li[data-label="event"]:hover { background-color: #F2FAFD; }

.calendar_sort li.on a::after, .calendar_sort li input:checked + label::after { opacity: 1; }

/* fullcalender */
#calendar {
  clear: both;
}

.fc-event {
    position: relative;
    display: block;
    font-size: 1em;
    line-height: 1.3;
    border-radius: 0;
    border: 1px solid #3a87ad;
    background-color: #3a87ad;
    font-weight: 400;
}

#calendar .fc-view th {
	background-color: #FCF8ED !important;
}
#calendar .fc-view td {
	border-top: none;
    background: none;
}

#calendar table {
	border-top: none;
	border-collapse: collapse;
}
#calendar .fc-toolbar {
    background-color: #000;
    margin: 0;
    height: 50px;
    color: #fff;
}
#calendar .fc-center h2 {
    font-weight: normal;
    font-size: 130%;
    padding-top: 10px;
}
#calendar .fc-button {
    display: block;
    height: 50px;
    width: 175px;
    padding: 0;
    background: #333 no-repeat center center;
    background-size: 15px;
    border: none;
	border-radius: 0;
    box-shadow: none;
}
#calendar .fc-prev-button {
	border-right: 1px solid #fff;
	background-image: url(/image/icon/icon_arrow_05.png);
}
#calendar .fc-next-button {
	border-left: 1px solid #fff;
	background-image: url(/image/icon/icon_arrow_06.png);
}
#calendar .fc-button .fc-icon { display: none; }


#calendar .fc-day-header {
    line-height: 50px;
	font-weight: bold;
}
#calendar .fc-day {
	border-right: solid 1px #d3d3d3;
}
#calendar .fc-bg {
	border-bottom: solid 1px #d3d3d3;
	background-color: #fff;
}
#calendar .fc-row:last-child .fc-bg {
	border-bottom: none;
}
#calendar .fc-row.fc-week {
	min-height: 108px;
}
#calendar .fc-view td.fc-today {
    background: url(/image/bg_02.jpg) !important;
}
#calendar .fc-view .fc-day-top.fc-today {
    background-image: none !important;
}

#calendar .fc-day-number {
    font-weight: bold;
    display: block;
    width: 100%;
    text-align: center;
    padding: 5px;
    box-sizing: border-box;
}


#calendar .fc-day-grid-event {
    margin: 7px;
    border-left: none;
    border-bottom: none;
    border-right: none;
    border-top: 5px solid;
    border-radius: 0;
    font-size: 80%;
}

#calendar .fc-day-grid-event.category-exhibition {
	background-color: #FBF0E5;
    border-color: #FF8000;
}
#calendar .fc-day-grid-event.category-event {
	background-color: #F2FAFD;
    border-color: #00A3D9;
}
#calendar .fc-day-grid-event.closed {
	background-color: #fff;
    border-top: none;
	text-align: center;
}

#calendar .fc-content {
  padding: 5px;
}
#calendar .fc-content > span {
    color: #1F1813;
    font-size: 110%;
	font-weight: 500;
}
#calendar .fc-content > span.fc-time {
    display: none;
}

#calendar .fc-sun { color: #ee5250; }
#calendar .fc-sat { color: #0076bf; }




/*---------------------------------------------------------------------
	faq
---------------------------------------------------------------------*/
.list_faq {}
.list_faq .item {
	margin-bottom: 15px;
	border: 1px solid #CCC;
}

.list_faq .btn_q {
	font-size: 100%;
	position: relative;
}
.list_faq .btn_q::before {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 20px;
    top: 20px;
	content: "";
	background-color: #D2A47E;
	border-radius: 50%;
	z-index: 1;
	transition: .3s;
	-webkit-transition: .3s;
}
.list_faq .btn_q::after {
    content: "";
    cursor: pointer;
    width: 8px;
    height: 8px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    display: block;
    transition: .3s;
    -webkit-transition: .3s;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 30px;
    top: 28px;
    z-index: 2;
}
.list_faq .btn_q.on::before { background-color: #d5aa86; }
.list_faq .btn_q.on::after {
	top: 32px;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}
.list_faq .btn_q a {
	color: #000;
	background-color: #fcfbf7;
	text-decoration: none;
	font-size: 118.75%;
	line-height: 1.3;
	font-weight: 500;
	display: block;
	position: relative;
	padding: 20px 70px 20px 63px;
}
.list_faq .btn_q a:hover {
	background-color: #f6f4ec;
}
.list_faq .btn_q a::before {
	content: "Q.";
	color: #b4372f;
	display: inline-block;
	font-size: 28px;
	position: absolute;
	top: 12px;
    left: 20px;
	font-weight: normal;
}
.list_faq .btn_q.on a {
	background-color: #fff;
}
.list_faq .box_a {
	margin: 0 10px 10px;
	display: none;
	background: #fefbf6 url(/image/bg_01.jpg);
	padding: 20px 20px 20px 63px;
	position: relative;
	line-height: 2;
}
.list_faq .box_a::before {
	content: "A.";
	font-size: 28px;
	display: inline-block;
	position: absolute;
	left: 25px;
    top: 5px;
	color: #003a7a;
}


/*faq詳細*/
.faq_contents .icon_q {
	background-color: #E9F5FC;
	color: #00468C;
	font-size: 125%;
	margin: 0 0 20px;
	padding: 10px;
}
.faq_contents .icon_a {
	background-color: #0d5092;
	color: #fff;
	font-size: 125%;
	margin: 50px 0 20px;
	padding: 10px;
}
.faq_category_list {
	float: right;
	width: 22.5%;
}
.faq_category_list .list_side_menu { border: none; }
.faq_category_list .list_side_menu .ttl {
	font-size: 112.5%;
	font-weight: 500;
	position: relative;
	color: #fff;
	border-bottom: 1px solid #ccc;
	background: #231814 url(/image/icon/icon_faq.png) no-repeat scroll 14px 50%;
	background-size: 33px;
	padding-left: 60px;
}
.faq_category_list .list_side_menu .list {
	background-color: #FCFBF7;
	padding: 17px 10px 17px 20px;
}
.faq_category_list .list_side_menu .list > li + li {
    margin-top: 10px;
}
.faq_category_list .list_side_menu .list > li a {
	font-size: 93.75%;
	position: relative;
	padding-left: 17px;
}
.faq_category_list .list_side_menu .list > li a::before {
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-left: 7px solid #000;
	position: absolute;
	left: 0;
	top: 7px;
	content: "";
}
.faq_category_list .list_side_menu .link {
    color: #007fff;
	margin-top: 10px;
    text-decoration: underline;
}
.faq_category_list .list_side_menu .link:hover,
.faq_category_list .list_side_menu .link:active,
.faq_category_list .list_side_menu .link:focus {
	color: #007fff;
}

.free {
	background-color: #00a3d9;
	border-radius: 14px;
	color: #fff;
	margin: 0 0 10px;
	text-align: center;
	width: 20%;
	padding: 2px 13px 0;
}
.fee {
	background-color: #D90000;
	border-radius: 14px;
	color: #fff;
	margin: 0 0 12px;
	text-align: center;
	width: 20%;
	padding: 2px 13px 0;
}
.fee_en {
	background-color: #D90000;
	border-radius: 17px;
	color: #fff;
	margin: 0 0 12px;
	text-align: center;
	padding: 2px 13px 0;
	display: block;
}
.reserve {
	background-color: #FF8000;
	border-radius: 14px;
	color: #fff;
	margin: 0 0 12px;
	text-align: center;
	width: 20%;
	padding: 2px 13px 0;
}

/* search_faq */
.search_faq .l_main-title {
	font-size: 120%;
	font-weight: 500;
	background: #EEEAD9 url(/image/icon/icon_faq_b.png) no-repeat scroll 15px 50%;
	padding: 11px 0 11px 61px;
}
.search_faq .lead_02 {
	font-size: 27px;
}
.search_faq input[type="text"] {
    border: 1px solid #ccc;
    padding: 10px;
    width: 500px;
}
.search_faq .l_search-btn {
	width: 64px;
    height: 42px;
    cursor: pointer;
    vertical-align: top;
    border-radius: 2px;
    background: #231814 url(/image/icon/icon_search_01.png) center no-repeat;
    margin-left: 5px;
	border: none;
}

/*---------------------------------------------------------------------
	contact
---------------------------------------------------------------------*/
.mail_form {
    border: 8px solid #e3d8d4;
    margin: 0 auto;
    max-width: 860px;
    padding: 22px;
}
.mail_form form {
	margin: 0 auto;
}
.mail_form form dl {
	display: table;
	width: 100%;
	margin-bottom: 30px;
	padding: 0 20px;
}
.mail_form form dt {
	width: 30%;
	text-align: right;
	display: table-cell;
	vertical-align: top;
	font-size: 93.75%;
	padding-right: 10px;
	padding-top: 12px;
}
.mail_form form dd {
	display: table-cell;
	vertical-align: top;
}
.mail_form form .bg_on {
	background-color: #ececec;
	padding: 12px;
}
.mail_form form .bg_on label {
	/*width: 20%;*/
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.mail_form form .border_on {
	border: 1px solid #CCCCCC;
	padding: 12px;
}
.mail_form.confirm_list dd {
	background-color: #E5F6FB;
	padding: 12px;
	word-break: break-all;
}
.mail_form .btn_list {
	text-align: center;
	margin: 20px auto;
}
.mail_form .icon_required::before {
	content: "*";
	color: #D80000;
	font-size: 90%;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}
.mail_form .error {
	color: #d71618;
	font-size: 13px;
}

.mail_form.type_02 form {
    max-width: none;
}
.mail_form.type_02 form dl {
    max-width: 870px;
}
.mail_form.type_02 form dl dt {
    width: 35%;
}
.mail_form input,
.mail_form button,
.mail_form textarea,
.mail_form select {
	margin: 0;
	font-size: 16px;
	padding: 12px;
}
.mail_form input:-ms-input-placeholder {
    color: #808080;
}
.mail_form select,
.mail_form textarea,
.mail_form input[type="tel"],
.mail_form input[type="text"],
.mail_form input[type="email"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	border-radius: 0;
	outline: none;
	width: 100%;
	background-color: #ececec;
}
.mail_form input.small {
	width: 27%;
}

.mail_form input[type="file"] {
	font-size: 16px;
}

.mail_form input[type="radio"] {
	margin-right: 5px;
	padding: 5px;
}
.mail_form input[type="checkbox"] {
	margin-right: 5px;
	padding: 5px;
}
.mail_form select {
	-webkit-appearance: select;
	-moz-appearance: select;
	appearance: select;
	background-color: #ececec;
}
.mail_form .twin {
	font-size: 0;
}
.mail_form .twin input + input {
	margin-left: 3.44%;
}
.mail_form .twin input {
	width: 48.26%;
	display: inline-block;
}
.mail_form textarea {
	width: 100%;
	height: 150px;
	background-color: #ececec;
}
.mail_form input[type="text"]:focus,
.mail_form input[type="email"]:focus,
.mail_form textarea:focus {
	box-shadow: 0 0 7px #008CD6;
}

.btm_text {
    width: 69%;
	margin-left: auto;
}
.mail_form input[type="submit"] {
	color: #fff;
	padding: 1em 5em;
	background-color: #358FDD;
	border: none;
	border-radius: 0;
}
.mail_form input[type="submit"]:hover {
	background-color: #055FAD;
}
.mail_form input[type="reset"],
.mail_form input.back {
	color: #fff;
	padding: 0.6em 1em;
	background-color: #b5b5b5;
	border: none;
	border-radius: 0;
}
.mail_form input[type="reset"]:hover,
.mail_form input.back:hover {
	background-color: #555;
}
.mail_form .btn_backhome {
	color: #fff;
	padding: 0.6em 1em;
	background-color: #358FDD;
	text-decoration: none;
	border: none;
	border-radius: 0;
}
.mail_form .btn_backhome:hover {
	color: #fff;
	padding: 0.6em 1em;
	background-color: #b5b5b5;
}

.form_message {
    background-color: #ffffbb;
    border: 2px solid #df0000;
    color: #df0000;
    font-size: 120%;
    font-weight: bold;
    margin: 10px auto;
    padding: 10px 15px;
}

@media screen and (max-width: 768px) {
	.mail_form {
		padding: 12px;
		border: 4px solid #e3d8d4;
	}
	.mail_form form dl {
		padding: 0 10px;
		margin-bottom: 15px;
	}
	.mail_form form dt{
		display: block;
		width: auto;
		text-align: left;
		margin: 0;
		padding: 0;
	}
	.mail_form form dd {
		display: block;
		width: auto;
	}
	.mail_form input,
	.mail_form button,
	.mail_form textarea,
	.mail_form select {
		padding: 10px;
	}
	.mail_form input.small {
		width: 50%;
	}
	.mail_form input[type="submit"] {
		padding: 1em;
	}
	.btm_text {
		width: auto;
	}
}

/* btn_radio  btn_checkbox */
.btn_radio,
.btn_checkbox {
    display: inline-block;
    margin-right: 6px;
}
.btn_radio + label,
.btn_checkbox + label {
	background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    padding: 10px 15px 10px 10px;
    position: relative;
	/*margin-bottom: 5px;*/
}

.btn_radio.size_s + label,
.btn_checkbox.size_s + label {
	padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
}

 
@media (min-width: 1px) {
    .btn_radio,
    .btn_checkbox {
        display: none;
        margin: 0;
    }
    .btn_radio + label,
    .btn_checkbox + label {
        padding-left: 37px;
		color: #000;
	transition: all .2s;
	-webkit-transition: all .2s;
    }
	.btn_radio:checked + label,
    .btn_checkbox:checked + label {
		background-color: #EEEAD9;
        border-color: #915E33;
	}
    .btn_radio + label::before,
    .btn_checkbox + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 10px;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
         
        background: #FFF;
    }
    .btn_radio + label::before {
        border: 1px solid #ccc;
        border-radius: 30px;
    }
    .btn_checkbox + label::before {
        border: 1px solid #ccc;
    }
    .btn_radio:checked + label::after,
    .btn_checkbox:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .btn_radio:checked + label::after {
        left: 15px;
         
        width: 8px;
        height: 8px;
        margin-top: -4px;
         
        background: #915E33;
        border-radius: 8px;
    }
    .btn_checkbox:checked + label::after {
        left: 12px;
         
        width: 16px;
        height: 8px;
        margin-top: -8px;
         
        border-left: 3px solid #915E33;
        border-bottom: 3px solid #915E33;
         
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}


.inquiry_list { margin-top: 40px; }
.inquiry_list .item {
	float: left;
	width: 48.75%;
	margin: 0 2.5% 40px 0;
	border: 1px solid #bbb;
	padding: 25px 15px;
}
.inquiry_list .item:nth-child(2n) { margin-right: 0; }
.inquiry_list .ttl {
	padding: 0;
	margin: 0 0 15px;
	border: none;
	font-size: 160%;
}
.inquiry_list .ttl img { margin-right: 15px; }
.inquiry_list .number {
	font-size: 200%;
	padding: 0px 10px 3px;
	margin: 0;
}
.inquiry_list .number img { margin-right: 15px; }
.inquiry_list .main .number { background-color: #FCF8ED; }
.inquiry_list .center .number { background-color: #F4F4F2; }

.inquiry_list .memo {
	color: #333;
	font-size: 93.33%;
	margin-top: 10px;
	margin-left: 10px;
}

/* ------------------------------------------------------- 
 list_search
------------------------------------------------------- */
.list_search table,
.list_search th,
.list_search td {
	border: none;
	padding: 0;
	background: none;
}
.list_search .gsc-control-cse {
	padding: 0;
}
.list_search .gsc-selected-option-container {
	max-width: none;
}
.list_search .gsc-webResult.gsc-result {
    padding: 10px !important;
	border-bottom: 1px dotted #ccc;
}
.list_search .gsc-webResult.gsc-result:hover {
    border-bottom: 1px dotted #ccc;
	background-color: #F7F4ED;
}
.list_search .gsc-cursor-box.gs-bidi-start-align {
    border-top: none;
    text-align: center;
	margin: 30px 0;
}

.list_search .gsc-results .gsc-cursor-box .gsc-cursor-page {
	padding: 10px 15px;
	font-size: 120%;
	border: 1px solid #ccc;
}

/*---------------------------------------------------------------------
    list_sitemap
---------------------------------------------------------------------*/
.list_sitemap > h2 {
	margin-bottom: 40px;
	font-size: 150%;
	margin-left: 0 !important;
}
.list_sitemap > h2 a {
    color: #000;
    font-weight: normal;
    text-decoration: none;
    display: block;
    padding: 17px 25px;
    background-color: #EEEAD9;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
	position: relative;
}
.list_sitemap > h2 a:hover {
    color: #000;
	background-color: #DFCEB2;
}
.list_sitemap > h2 a::before {
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    right: 24px;
    top: 24px;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    transform: rotate(-45deg);
}

.list_sitemap > ul {
    margin-bottom: 15px;
    overflow: hidden;
    margin-left: 10px;
}
.list_sitemap > ul > li {
    width: 23%;
    float: left;
    padding-left: 18px;
    margin-bottom: 20px;
    position: relative;
    margin-left: 2% !important;
}
.list_sitemap > ul > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 0;
    height: 0;
    margin-top: -7px;
    border: 6px solid transparent;
    border-left: 7px solid #915e33;
}
.list_sitemap > ul > li a {
    color: #000;
	text-decoration: none;
}
.list_sitemap > ul > li > ul {
    margin: 10px 0 0 -10px;
    list-style-type: disc;
    color: #c3a891;
}

/*---------------------------------------------------------------------
	404
---------------------------------------------------------------------*/
.thumb_404 {
	margin-right: 40px;
	float: left;
	width: 18%;
}
.border_box {
	padding: 20px;
	border: 10px solid #fbf4e8;
}
.border_box > ul {
	color: #FF7F00;
	padding-left: 20px !important;
}
#contents_404 #search_form {
    display: inline-block;
    vertical-align: middle;
    width: 450px;
}

/*---------------------------------------------------------------------
	sns_btns
---------------------------------------------------------------------*/
.sns_btns {
    margin: 60px auto;
    text-align: center;
    background: #fafafa;
    padding: 15px;
}
.img_share {
    display: inline-block;
    vertical-align: middle;
}
.sns_btns ul {
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
}
.sns_btns ul li {
    display: inline-block;
    vertical-align: top;
}
.sns_btns ul .line {
  display: none;
}

.sns_btns .fb_iframe_widget span {
    vertical-align: top !important;
}

/*---------------------------------------------------------------------
	site_footer
---------------------------------------------------------------------*/
/* page_scroll */
#page_scroll_navi {
    text-align: right;
    max-width: 1500px;
    /*margin: 150px auto -37px;*/
    margin: 75px auto -37px;
    padding: 0 30px;
    box-sizing: content-box;
}
#page_scroll_navi a {
    display: inline-block;
    position: relative;
	z-index: 1;
}
#page_scroll_navi a::before {
    content: "";
    background: url(/userfiles/images/okimu_happy.png) no-repeat;
    background-size:  100%;
    width: 37px;
    height: 30px;
    position: absolute;
    left: 11px;
    top: -10px;
    opacity:  0;
    transition: .3s;
}
#page_scroll_navi a img {
    position: relative;
}
#page_scroll_navi a:hover img { opacity: 1; }
#page_scroll_navi a:hover::before {
    opacity:  1;
    top: -29px;
}


#site_footer {
	text-align: center;
	border-top: 3px solid #DDDDDD;
	border-bottom: 6px solid #043A7A;
}

.footer_nav {
	position: relative;
	bottom: -9px;
	padding: 35px 20px 180px;
    background: url(/image/building.png) no-repeat center bottom;
}
.footer_nav li {
	font-size: 86.66%;
	line-height: 1.2;
    display: inline-block;
    vertical-align: top;
	padding: 0 12px;
}
.footer_nav li + li {
    border-left: 1px solid #000;
}
.footer_nav a {
	display: block;
	color: #000;
	text-decoration: none;
	position: relative;
}
.footer_nav a::after {
    content: "";
	width: 0;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -5px;
    background: #B4372F;
	transition: .3s;
}
.footer_nav a:hover::after,
.footer_nav a:focus::after {
    width: 100%;
}
#site_footer .inner {
	color: #000;
	padding: 50px 20px 5px;
	background: #F9F9F7 url(/image/bg_footer.jpg) repeat-x 0 0;
	border-bottom: 6px solid #B33830;
}

#site_footer .company_info {
	font-size: 93.33%;
}
#site_footer .company_info dt {
    margin-bottom: 20px;
}
#site_footer .company_info dt img { width: 200px; }

.copyright {
	color: #5C5C4E;
	font-size: 86.66%;
	padding: 5px 0;
}

/*renewal 20201228.begin*/
.site_footer_top{
  margin: 30px auto 15px;
}

.footer_nav_top{
  
}

.renewal_list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.renewal_lists{
  width: 270px;
  margin: 0 20px 30px;
}

.lists_name{
  padding: 0 0 7px;
  border-bottom: 2px solid #ACAC9D;
  font-size: 93.33%;
}

.lists_under_list{
  width: 97%;
  margin: 8px 0 0 auto;
}

.lists_under_lists{
  font-size: 88%;
}

.lists_under_lists a{
  display: block;
  padding: 6px 10px;
  border-bottom: 1px dotted #707070;
  text-decoration: none;
  color: #555555;
}

.footer_nav_top_02{
  margin: 15px auto 30px;
}

.renewal_list_02{
  display: flex;
  align-items: center;
  justify-content: center;
}

.renewal_lists_02{
  padding: 0 11px;
}

.renewal_lists_02.txt_lists{
  padding: 0 22px;
}

.renewal_lists_02.txt_lists + .txt_lists{
  border-left: 1px solid #555555;
}

.renewal_lists_02.txt_lists a:hover::after,
.renewal_lists_02.txt_lists a:focus::after{
  width: 100%;
}

.renewal_lists_02.txt_lists a::after{
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: -5px;
  background: #B4372F;
  transition: .3s;
}

.renewal_lists_02 a{
  display: block;
  position: relative;
  color: inherit;
  text-decoration: none;
}

/*renewal 20201228.end*/

/*---------------------------------------------------------------------
	print
---------------------------------------------------------------------*/
@media print {
	#site_header {
		border-top: 1px solid #bbb;
		position: relative !important;
	}
	#site_header .fll,
	#site_header .site_logo {
		float: none;
		text-align: center;
	}
	
	.bg_pagebody,
	.footer_nav,
	.gnavi_wrap,
	#page_scroll_navi,
	#site_header .facility_link,
	#site_header .header_list,
	.hierarchy_link{ display: none; }
	
	#site_footer { margin-top: 50px; }
	#site_footer .inner { padding: 20px 20px 5px; }
}


/*---------------------------------------------------------------------
	add
---------------------------------------------------------------------*/
/*
.cafe_facebokk_contents{
  margin-top: 60px;
}
*/

/* facebookの幅 */
/*
.cafe_facebokk_contents .flr_img{
  width: 340px;
  max-width: none;
}
*/

/* width幅はfacebookの幅＋marginの合計を引く */
/*
.cafe_facebokk_contents .fll_block{
  float: left;
  width: calc(100% - 380px);
}
*/