@charset "UTF-8";


/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/* -------------------------------------------------------------- */


hr.clearfix{
	clear: both;
	border: 0;
}

.clearfix::after {
	content: ""; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

body{
	color:#524740;
	line-height:1.8;
	-webkit-text-size-adjust: none;
	font-family: verdana, "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 12px;
	background-color: #FFFEE9;
	/*background-image: url(/images/backgraound_sam.png);*/
	
	/*
	user-select:none; 
	-webkit-user-select:none; 
	-moz-user-select:none; 
	-khtml-user-select:none; 
	-webkit-user-drag:none; 
	-khtml-user-drag:none; 
	*/
}

html{background:#fff;}


.holiday-title{
	display: none;
}


.sp-on{
	display: none;
}


/* リンク設定
------------------------------------------------------------*/
a{
	color:#534741;
	text-decoration: none;
}


/* 全体
------------------------------------------------------------*/
#wrapper{
	margin:0 auto;
	padding:0 1%;
	width:98%;
	position:relative;
}

.inner{
	margin:0 auto;
	width:100%;
}
p strong {
	font-size: 115%;
}
p small {
	font-size: 90%;
}

.clear { clear:both; }   

.clear hr {
	display:none;
}

.pc-none{
	display: none;
}

article{
	margin: 0px 0px 0px 0px;
}

/*************
/* ヘッダー
*************/
h1{
	font-size:10px;
	line-height:1.6;
	font-weight:normal;
}

#header{
	overflow:hidden;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	position: relative;
}

* html #header{height:1%;}

#language li {
	display: inline; 
	padding: 0; 
	color: #999;
}
#language .between {
	padding-bottom: 20px;
}	
#museum_info {
	clear: both;
	padding-top: 10px;
	color: #555;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	text-align: left;
	line-height: 1.3;
	position: relative;
}

#museum_info dt{
	margin: 0px 0px 0px 0px;
}

#museum_info dd{
	margin: -17px 0px 0px 65px;
}

#museum_info .kyukan{
	font-weight: bold;
	color: #f78da7;
}

#museum_info ul{
	margin: 4px 0 0;
}

#museum_info ul li{
	position: relative;
	padding-left: 1.3em;
	margin: 0 0 4px;
}

#museum_info ul li:last-child{
	margin-bottom: 0;
}

#museum_info ul li::before{
	content: '※';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

#museum_info .note{
	margin-top: 6px;
	font-size: 11px;
	padding-left: 1.2em;
	position: relative;
}

#museum_info .note::before{
	content: '※';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}


#menu {
	text-align: left;
	/*margin-top: 10px;*/
	margin-top: -10px;
	margin-left: 15px;
    position: relative;
    z-index: 2;
}


#menu li {
	display: inline;
	margin-left: 10px;
	margin-right: 4px;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
	text-indent: -9999px;
	float: left;
}
#menu li a{
	text-decoration: none;
	color: #093;
	font-size: 13px;
}	

/* wordpress用メニュー ホーム */

#menu ul li.menu-item-6 a{
	display: block;
	width: 63px;
	height: 16px;
	padding: 0px;
	background: url(/images/submenu01.png) no-repeat 0px 0px;
	text-transform: uppercase;
}

#menu ul li.menu-item-6 a:hover{
	background: url(/images/submenu01_on.png) no-repeat 0px 0px;
	text-transform: uppercase;
}

/* wordpress用メニュー フロアガイド */

#menu ul li.menu-item-133 a{
	display: block;
	width: 105px;
	height: 16px;
	padding: 0px;
	background: url(/images/submenu02.png) no-repeat 0px 0px;
	text-transform: uppercase;
}

#menu ul li.menu-item-133 a:hover{
	background: url(/images/submenu02_on.png) no-repeat 0px 0px;
	text-transform: uppercase;
}

/* wordpress用メニュー シアター情報 */

#menu ul li.menu-item-140 a{
	display: block;
	width: 109px;
	height: 16px;
	padding: 0px;
	background: url(/images/submenu03.png) no-repeat 0px 0px;
	text-transform: uppercase;
}

#menu ul li.menu-item-140 a:hover{
	background: url(/images/submenu03_on.png) no-repeat 0px 0px;
	text-transform: uppercase;
}

/* wordpress用メニュー ライブラリー */

#menu ul li.menu-item-187 a{
	display: block;
	width: 104px;
	height: 16px;
	padding: 0px;
	background: url(/images/submenu04.png) no-repeat 0px 0px;
	text-transform: uppercase;
}

#menu ul li.menu-item-187 a:hover{
	background: url(/images/submenu04_on.png) no-repeat 0px 0px;
	text-transform: uppercase;
}

/* wordpress用メニュー ムービー倶楽部 */

#menu ul li.menu-item-10 a{
	display: block;
	width: 121px;
	height: 16px;
	padding: 0px;
	background: url(/images/submenu05.png) no-repeat 0px 0px;
	text-transform: uppercase;
}

#menu ul li.menu-item-10 a:hover{
	background: url(/images/submenu05_on.png) no-repeat 0px 0px;
	text-transform: uppercase;
}

/* wordpress用メニュー リンク */

#menu ul li.menu-item-288 a{
	display: block;
	width: 63px;
	height: 16px;
	padding: 0px;
	background: url(/images/submenu06.png) no-repeat 0px 0px;
	text-transform: uppercase;
}

#menu ul li.menu-item-288 a:hover{
	background: url(/images/submenu06_on.png) no-repeat 0px 0px;
	text-transform: uppercase;
}


#header h1 {
	background-color: #093;
	height: 10px;
	width: 940px;
}


/*************
/* ロゴ
*************/
#header .inner{

}

#header .logo{
	float:left;
	width: 43.6%;
	padding:25px 0 0 10px;
}

#header .logo img{
	width: 100%;
	height: auto;
}

.info{
	float:right;
	/*width: 40%;*/
	text-align: right;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#header .sns{
	position: absolute;
	/*top: 28%;*/
	left: 50%;
	/*width: 41px;*/

	top: 46%;
	width: 30px;
}



/**************************
/* トップナビゲーション
**************************/
ul#topnav{
	overflow:hidden;
	width: 940px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;

	/*border-left-color: #fff;*/
}

* html ul#topnav{height:1%;}

ul#topnav li{
	float:left;
	text-align:center;
}

ul#topnav a{
	color:#FFF;
	width:155px;
	font-size:12px;
	display:block;
	padding:5px 0;
	text-decoration:none;
}

ul#topnav li:first-child a,ul#topnav li:last-child a{
	width:155px;
}

ul#topnav li.active a,ul#topnav a:hover{

}

/* wordpress用メニュー UL */


ul#menu-header-navi02{
	overflow:hidden;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 10px;

	/*border-left-color: #fff;*/
}

* html ul#menu-header-navi02{height:1%;}

ul#menu-header-navi02 li{
	float:left;
	text-align:center;
	margin: 3px 0px 13px 0px;
	text-indent: -9999px;
}

ul#menu-header-navi02 a{
	color:#FFF;
	width:155px;
	height: 37px;
	font-size:12px;
	display:block;
	padding:5px 0;
	text-decoration:none;
}

ul#menu-header-navi02 li:first-child a,ul#menu-header-navi02 li:last-child a{
	width:155px;
}

ul#menu-header-navi02 li.active a,ul#menu-header-navi02 a:hover{

}

/* wordpress用メニュー ごあいさつ */

#topnav ul li.menu-item-134 a{
	display: block;
	padding: 0px;
	background: url(/images/main_menu01.png) no-repeat 0px 0px;
	text-transform: uppercase;
}

#topnav ul li.menu-item-134 a:hover{
	background: url(/images/main_menu01_on.png) no-repeat 0px 0px;
	text-transform: uppercase;
}

/* wordpress用メニュー 企画展 */

#topnav ul li.menu-item-207 a{
	display: block;
	padding: 0px;
	background: url(/images/main_menu02.png) no-repeat 0px 0px;
	text-transform: uppercase;
}

#topnav ul li.menu-item-207 a:hover{
	background: url(/images/main_menu02_on.png) no-repeat 0px 0px;
	text-transform: uppercase;
}

/* wordpress用メニュー イベント */

#topnav ul li.menu-item-235 a{
	display: block;
	padding: 0px;
	background: url(/images/main_menu03.png) no-repeat 0px 0px;
	text-transform: uppercase;
}

#topnav ul li.menu-item-235 a:hover{
	background: url(/images/main_menu03_on.png) no-repeat 0px 0px;
	text-transform: uppercase;
}

/* wordpress用メニュー ワークショップ */

#topnav ul li.menu-item-234 a{
	display: block;
	padding: 0px;
	background: url(/images/main_menu04.png) no-repeat 0px 0px;
	text-transform: uppercase;
}

#topnav ul li.menu-item-234 a:hover{
	background: url(/images/main_menu04_on.png) no-repeat 0px 0px;
	text-transform: uppercase;
}

/* wordpress用メニュー スタッフ日誌 */

#topnav ul li.menu-item-135 a{
	display: block;
	padding: 0px;
	background: url(/images/main_menu05.png) no-repeat 0px 0px;
	text-transform: uppercase;
}

#topnav ul li.menu-item-135 a:hover{
	background: url(/images/main_menu05_on.png) no-repeat 0px 0px;
	text-transform: uppercase;
}

/* wordpress用メニュー アクセス */

#topnav ul li.menu-item-149 a{
	display: block;
	padding: 0px;
	background: url(/images/main_menu06.png) no-repeat 0px 0px;
	text-transform: uppercase;
}

#topnav ul li.menu-item-149 a:hover{
	background: url(/images/main_menu06_on.png) no-repeat 0px 0px;
	text-transform: uppercase;
}


/*************
/* 英語ページ（English）メニュー
*************/

ul#menu-koreanmenu,
ul#menu-chinesemenu,
ul#menu-englishmenu{
	display: table;
	overflow:hidden;
	margin: 15px 0px 5px 10px;

	/*border-left-color: #fff;*/
}

* html ul#menu-englishmenu{height:1%;}


ul#menu-koreanmenu li,
ul#menu-chinesemenu li,
ul#menu-englishmenu li{
	display: table-cell;
	text-align:center;
	margin: 3px 0px 13px 0px;
	padding: 0px;
	text-indent: -9999px;
}

ul#menu-koreanmenu a,
ul#menu-chinesemenu a,
ul#menu-englishmenu a{
	color:#FFF;
	width:155px;
	height: 37px;
	font-size:12px;
	display:block;
	padding:5px 0;
	text-decoration:none;
}

ul#menu-koreanmenu li:first-child a,
ul#menu-koreanmenu li:last-child a,
ul#menu-chinesemenu li:first-child a,
ul#menu-chinesemenu li:last-child a,
ul#menu-englishmenu li:first-child a,
ul#menu-englishmenu li:last-child a{
	width:150px;
}

ul#menu-koreanmenu li.active a,
ul#menu-koreanmenu a:hover,
ul#menu-chinesemenu li.active a,
ul#menu-chinesemenu a:hover,
ul#menu-englishmenu li.active a,
ul#menu-englishmenu a:hover{

}

/* wordpress用メニュー English HOME */

#menu ul li.menu-item-345 a{
	display: block;
	padding: 0px;
	background: url(/images/english/eng_menu01.png) no-repeat 0px 0px;
	text-transform: uppercase;
}

#menu ul li.menu-item-345 a:hover{
	background: url(/images/english/eng_menu01_on.png) no-repeat 0px 0px;
}

/* wordpress用メニュー English ご挨拶 */

#menu ul li.menu-item-346 a{
	display: block;
	padding: 0px;
	background: url(/images/english/eng_menu02.png) no-repeat 0px 0px;
	text-transform: uppercase;
}

#menu ul li.menu-item-346 a:hover{
	background: url(/images/english/eng_menu02_on.png) no-repeat 0px 0px;
}

/* wordpress用メニュー English アクセス */

#menu ul li.menu-item-347 a{
	display: block;
	padding: 0px;
	background: url(/images/english/eng_menu03.png) no-repeat 0px 0px;
	text-transform: uppercase;
}

#menu ul li.menu-item-347 a:hover{
	background: url(/images/english/eng_menu03_on.png) no-repeat 0px 0px;
}

/* wordpress用メニュー English FAQ */

#menu ul li.en-faq a{
	display: block;
	padding: 0px;
	background: url(/images/english/eng_menu_faq.png) no-repeat 0px 0px;
	text-transform: uppercase;
}

#menu ul li.en-faq a:hover{
	background: url(/images/english/eng_menu_faq_on.png) no-repeat 0px 0px;
}

/* wordpress用メニュー English 英語PDF */

#menu ul li.menu-item-348 a{
	display: block;
	padding: 0px;
	background: url(/images/english/eng_menu04.png) no-repeat 0px 0px;
	text-transform: uppercase;
}

#menu ul li.menu-item-348 a:hover{
	background: url(/images/english/eng_menu04_on.png) no-repeat 0px 0px;
}

/* wordpress用メニュー English 中国語PDF */

#menu ul li.menu-item-349 a{
	display: block;
	padding: 0px;
	background: url(/images/english/eng_menu05.png) no-repeat 0px 0px;
	text-transform: uppercase;
}

#menu ul li.menu-item-349 a:hover{
	background: url(/images/english/eng_menu05_on.png) no-repeat 0px 0px;
}

/* wordpress用メニュー English 韓国語PDF */

#menu ul li.menu-item-350 a{
	display: block;
	padding: 0px;
	background: url(/images/english/eng_menu06.png) no-repeat 0px 0px;
	text-transform: uppercase;
}

#menu ul li.menu-item-350 a:hover{
	background: url(/images/english/eng_menu06_on.png) no-repeat 0px 0px;
}


/**************************
/* メイン画像
**************************/
#mainBanner{
	padding:4px;
	position:relative;
	line-height:0;
	background:#eee;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}

#mainBanner img{
	max-width:100%;
	height:auto;
}

/**************************
/* グリッド
**************************/
.gridWrapper{
	clear:both;
	padding:20px 0;
	overflow:hidden;
}

* html .gridWrapper{height:1%;}
	
.grid{
	float:left;
}

#sub .grid h3{
	padding-left:7px;
	margin-bottom:17px;
	font-size:14px;
	border-left:4px solid #eee;
}

.grid p{
	float: left;
}

.grid ul{
	margin-top: 5px;
}

.grid li{
	list-style-type: none;
	padding: 0;
}

.grid li a{
	text-decoration:none;
}

.gridWrapper img{
	max-width:100%;
	height:auto;
}


#footer .grid{
	background:transparent;
}

#footer .col3 ul{
	clear: both;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 5px;
}

#footer .col3 li{
	padding:0 6px 0 5px;
	margin-bottom:3px;
	list-style:none;
	border-bottom:0;
	display:inline-block;
	border-right:1px solid #eee;
}

.grid .twitter_timeline{
	height: 400px;
	overflow-y: scroll;
}




/*************
/* メイン コンテンツ
*************/
section.content{
	margin-bottom:20px;
	overflow:hidden;
}

* html section.content{height:1%;}

section.content p{margin-bottom:5px;}

h3.heading{
	font-size:14px;
	color: #060;
	margin-left: 10px;
}

img.frame,#gallery img{
	border:4px solid #fff;
	box-shadow:0 0 2px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.5);
}

#gallery .gridWrapper{padding:0;}

section#gallery{overflow:visible;}

#main .content article {
	padding-right: 10px;
	padding-left: 10px;
}
#main .content article .news {
	overflow: hidden;
	border-bottom-style: dotted;
	border-bottom-color: #660;
	border-bottom-width: 1px;
	padding: 7px 0px 5px 0px;
	line-height: 1;
	overflow: hidden;
}
#main .content a{
	color:#B7282C;
}

#main .content a:hover{
	color:#663300;
	background:#eee;
}
#main .content  a:active, a:focus{outline:0;}
.grid h3 {
	font-size: 15px;
	padding-bottom: 5px;
}
.grid .textarea {
	color: #534741;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 1.8em;
}


.grid.col3 .adress {
	margin-left: 10px;
	margin-top: 10px;
}

.news{
	width: 95%;
}

.news-date{
	float: left;
	width: 110px;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.news-title{
	float: right;
	width: 540px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	margin: 10px 0px 0px 0px;
	padding: 1px 0px 0px 0px;
}

.news-text{
	font-size: 14px;
	margin: 15px 0px 0px 0px;
	line-height: 1.4;
}

.news-next{
	margin: 10px 0px 6px 0px;
}

#main h2{
	font-size: 16px;
	margin: 0px 10px 10px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px dotted #999;
}

#main .single-mainbody{
	font-size: 14px;
	margin: 10px 0px 0px 0px;
}

#main .content .home-archivelink{
	width: 180px;
	margin: 15px 35px 0px auto;
	text-align: center;
	line-height: 1;
}

#main .content .home-archivelink a{
	display: block;
	background-color: #009245;
	padding: 7px 0px 5px 0px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #ffffff;
}

#main .content .home-archivelink a:hover{
	background-color: #00B556;
	color: #ffffff;
}


/*************
ごあいさつ
*************/

#about_museum {
	border-bottom-style: dotted;
	border-bottom-color: #999;
	border-bottom-width: 1px;
	padding-bottom: 25px;
	margin: 10px 0px 15px 0px;
}

#photo_kanchou{
	float: left;
}

#photo_kanchou img {
	margin: 5px 10px 0px 0px;
	width: 175px;
	height: auto;
}
.font_bold {
	font-weight: bold;
}

.kanchou-name-span{
	margin: 0px 10px 10px 10px;
}

#profile_text {
	font-size: 85%;

}

.about-h3{
	text-align: left;
	margin: 0px 0px 5px 0px;
}

.kanchou-name01{
	width: 100%;
	margin: 10px 10px 20px 0px;
	font-weight: bold;
	text-align: right;
}

/*************
企画展ページ
*************/

#main .content article h3 {
	font-size: 14px;
	font-weight: bold;
	
}
p .font_small {
	display: block;
	font-size: 90%;
	color: #660;
	margin: 10px 0px 5px 0px;
}


#main article #image a:hover{
	background-color: #FFFEE9;

}


.clear {
    clear:both;

}


article #ew-image-01,
article #ew-image,
article #image-01,
article #image{
	margin-bottom: 10px;
	width: 180px;
	height: auto;
}

article #image-01 img{
	width: 180px;
	height: auto;
}

p .font_bold {
	font-weight: bold;
}
.kikaku_copyright {
	/* background-color: #f5f5f5; */
	font-size: 70%;
	margin: 7px 0px 15px 0px;
	padding: 0px;
}

.kikaku_copyright02 {
	width: 85px;
	font-size: 70%;
	margin: 7px 0px 15px 0px;
	padding: 0px;
}

#kikaku_infomation {
	/* border-bottom-style: dotted;
	border-bottom-color: #999;
	border-bottom-width: 1px;
	padding-bottom: 10px;
	margin-bottom: 15px; */
}

#kikaku-contens{
	border-bottom: 2px solid #DA8184;
	overflow: hidden;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 15px 0px;
}

#ew-contens-text,
#kikaku-contens-text{
	float: right;
	width: 72%;
	margin: -13px 0px 20px 0px;
	padding: 0px 0px 15px 10px;
	line-height: 2;
}

#ew-contents-images,
#kikaku-contents-images{
	float: left;
	width: 180px;
}

#kikaku_details h5{
	color: #666600;
	font-weight: bold;
	font-size: 10px;
	margin: 10px 0px 5px 0px;
}

#ew-image li,
#kikaku-contents-images li{
	/*float: left;*/
	/*width: 85px;*/
	/*margin: 0px 10px 10px 0px;*/
	width: 170px;
	margin: 0px 0 14px 0px;
}

#kikaku-contents-images li:nth-child(2n+2){
	margin: 0px 0px 10px 0px;
}

#kikaku_click_photo{
	position: absolute;
	text-align: center;
	margin: -15px 0px 0px 5px;
	padding: 0;
}

div#kikaku_details{
	margin-top: 50px;
}

#ew-image li img,
#kikaku-contents-images li .kikaku_image01 img{
	width: 100%;
	height: auto;
}


/*
p#kikaku_infomation + p {
    border-bottom: dotted 1px #666;
    padding: 5px 0;
    margin-bottom: 20px;
}
*/

.clear.border {
    border-bottom: 1px #666 dotted;
    margin-bottom: 20px;
}

/*************
/* フロアガイド
*************/

#main .content article .floor {
	line-height: 1.3em;
}
#floorimage {
	height: auto;
	width: 700px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#floor_part {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	padding-right: 15px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#floor_part h4 {
	margin-bottom: 5px;
}
.floor_guide3 {
	font-size: 14px;
	font-weight: bold;
	color: #22AC38;
	padding-top: 5px;
	padding-right: 10px;
}
.floor_guide3harf {
	font-size: 14px;
	font-weight: bold;
	color: #234FA1;
	padding-top: 5px;
	padding-right: 10px;
}
.floor_guide4 {
	font-size: 14px;
	font-weight: bold;
	color: #EA5514;
	padding-top: 5px;
	padding-right: 10px;
}


/*************
/* シアター情報
*************/

#theater-topics{

}

#theater-topics ul{
	margin: 10px 0px 20px 0px;
}

#theater-topics li{
	display: table;
	width: 680px;
	padding: 10px 10px 10px 10px;
	background-color: #E8C46D;
}

#theater-topics li:nth-child(even){
	background-color: #EEEBE9;
}

#theater-topics .theater-topics-left{
	display: table-cell;
	width: 35%;
}

#theater-topics .theater-topics-right{
	display: table-cell;
	width: 65%;
}

.calendar-container {
    position: relative!important;
    padding-bottom: 90%;
    padding-top: 30px;
    height: 0;
}
 
.calendar-container iframe,
.calendar-container object,
.calendar-container embed {
    position: absolute!important;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important;
}

/*************
アクセスページ
*************/

#map_link li {
	display: inline;
	padding: 0;
	margin-top: 10px;
	margin-left: 10px;	
}

#map_link {
	text-align: right;
	margin-top: 10px;
	margin-bottom: 10px;
}

#map_link img{
	width: 166px;
	height: 53px;
}

#access_text {

	padding-bottom: 10px;
	margin-bottom: 15px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	padding-top: 10px;
}
#access_notice {
	color: #d05c61;
	border-top: 1px dotted #999;
	padding: 7px 0px 0px 0px;
}

#access_notice li{
	position: relative;
	padding-left: 1.3em;
	line-height: 1.4;
	margin: 0 0 8px;
}

#access_notice li::before{
	content: '※';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

.access-mtitle{
	color: #009944;
	font-size: 15px;
	line-height: 1.4;
	font-weight: normal;
	margin: 0px 0px 12px 0px;
	padding-left: 1.3em;
	position: relative;
}

.access-mtitle::before{
	content: '■';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

.access-h3{
	margin: 0px 0px 7px 0px;
	color: #40220f;
}

.access-h3-sub{
	font-size: 12px;
	padding-right: 5px;
}

.access-text-traffic{
	margin: 0px 0px 0px 0px;
}

.access-text-route{
	margin: 0px 0px 10px 0px;
}

.access-text-box{
	margin: 0px 0px 15px 0px;
}


/*************
ライブラリー
*************/

.list_library li {
	display: inline;
	white-space: nowrap;
	padding-right: 3px;
	padding-left: 3px;
}
#info_library {
	margin-top: 10px;
	margin-bottom: 10px;
}
.library h4 {
	margin-top: 15px;
}
#howto_use {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color: #666;
	background-color: #FFF;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 10px;
	border: 2px solid #329C42;
	line-height: 1.6em;
}


/*************
イベント、ワークショップ
*************/

#contents-base{
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #DA8184;
}

#main .content article .image{
	width: 230px;
}

#main .content article .image img {
	height: auto;
	width: 230px;
	float: left;
}
#contents {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

.text{
	float: right;
	text-align: left;
	width: 440px;
}

.ew-title{
	margin: 0px 0px 7px 0px;
}

.ew-mtitle{
	display: block;
	font-size: 90%;
	color: #660;
	font-weight: bold;
	margin: 5px 0px 0px 0px;
}

.ew-contents{
	display: block;
	font-size: 100%;
	margin: 0px 0px 10px 0px;
	line-height: 1.5;
}

.ew-content01{
	width: 290px;
}

.ew-contents h5{
	display: block;
	font-size: 90%;
	color: #660;
	font-weight: bold;
	margin: 5px 0px 0px 0px;
}

.ew-contents p{
	display: block;
	font-size: 100%;
	margin: 0px 0px 10px 0px;
}







/*************
/* リンク
*************/

#main .content article h4 {
	font-weight: bold;
	font-size: 13px;
}
ul.list li {
	list-style-image: url(images/golink.png);
	margin-left: 20px;
	margin-top: 15px;
	margin-bottom: 5px;
}
.list {
	margin-bottom: 20px;
}
.list li .link_caption {
	font-size: 95%;
}


/*************
/* コンタクト
*************/

#contact {
	margin-top: 20px;
}

.mw_wp_form_input .confirm,
.mw_wp_form_confirm .input{
	display: none;
}



#contact .bold {
	font-weight: bold;
}

.contact-01{
	margin: 0px 0px 0px 0px;
}

.contact-02{
	margin: 0px 0px 10px 0px;
}

.contact-02 textarea{
	width: 550px;
}

#contact-submit input{
	border-top: 1px solid #ccc;  
	border-right: 1px solid #999;  
	border-bottom: 1px solid #999;  
	border-left: 1px solid #ccc;  
	padding: 5px 40px;
	font-weight: bold;
	font-size: 15px;
	cursor: pointer;  
	color: #fff;
	margin: 5px 0px 0px 0px;
	background-color: #009245;

}

#contact-submit input:hover{
	background-color: #00B556;
}

.contact-02 label{
	margin-right: 15px;
}

/*************
/* 団体申し込み
*************/

article .break {
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	padding-bottom: 15px;
}

.break h5 {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 13px;
}
.break .subtitle {
	font-size: 13px;
}
.break .font_C30 {
	color: #C30;
}
.break p .font_weak {
	font-size: 95%;
}

#main .content .dantai_pdf{
	width: 260px;
	margin: 25px auto 0px auto;
	text-align: center;
	line-height: 1;
}

#main .content .dantai_pdf a{
	display: block;
	background-color: #009245;
	padding: 7px 0px 5px 0px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #ffffff;
}

#main .content .dantai_pdf a:hover{
	background-color: #00B556;
	color: #ffffff;
}

.indent {
	padding: 0 0 5px 15px; 
}


/*************
/* よくある質問
*************/

#faq .faq-title{
	clear:both;
	font-size: 14px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 17px;
	background: url(/images/golink.png) no-repeat 0px 5px;
}

#faq h4{
	clear:both;
}

#faq-block .faq-question{
	color: #009245;
	font-size: 13px;
	font-weight: bold;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 20px;
	cursor: pointer; 
	background: url(/images/faq_q_icon.png) no-repeat 0px 3px;

}

#faq-block .faq-answer{
	width: 590px;
	margin: 0px 0px 10px 20px;
	padding: 10px 10px 10px 30px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #009245;
	overflow: hidden;
	background: url(/images/faq_a_icon.png) no-repeat 10px 13px #ffffff;
}

.faq-st-text{
	font-weight: bold;
	color: #CC0000;
}

.faq-image-pcleft{
	float: left;
}

/*************
/* 英語ページ（English）
*************/

.font_emphasize {
	font-size: 14px;
}
tr .font_weak {
	font-size: 90%;
	padding: 0px 10px 0px 0px;
	line-height: 1.3;
}
tr .font_bold {
	font-weight: bold;
}
tr .title {
	font-weight: bold;
	text-align: right;
	padding: 0px 10px 0px 0px;
}

tr .e-head-strong{
	font-size: 110%;
}

#access_text h3 {
	color: #060;
}

#note {
	padding: 10px 0px 0px 25px;
	font-size: 10px;
	line-height: 1.3;

}

#about_museum_e {
	padding-bottom: 25px;
	margin: 10px 0px 30px 20px;
}

#about_museum_e li{
	list-style-type: disc;
	margin: 0px 0px 10px 0px;
}

.english_i_date{
	margin: 0px 0px 4px 0px;
}

.english_i-title{
	margin: 0px 0px 4px 0px;
}

.e-suzuki{
	font-weight: bold;
}
/*************
/* single
*************/

.single-mainbody{
	width: 680px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.6;
}

/*************
/* サイド コンテンツ
*************/

aside{
	width: 206px;
}

#schedule {
	text-align: center;
	margin: 0px 0px 20px 0px;
}
#sub_menu {
	font-size: 14px;
	text-align: center;
}
#sub_menu li {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
}
#sub_menu li a img {
	margin-right: 10px;
}

#staff_widget{
	display: block;
	clear:both;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	text-align: center;
}

#staff_widget h2{
	width: 198px;
	background-color: #22AC38;
	margin: 0px 0px 0px 15px;
	line-height: 1;
	padding: 7px 0px 5px 0px;
	color: #ffffff;
}

#staff_widget ul{
	width: 178px;
	margin: 0px 0px 0px 15px;
	padding: 10px 10px 3px 10px;
	background-color: #ffffff;
}

#staff_widget li{
	margin: 0px 0px 7px 0px;
}

.old-staff-link{

}

.old-staff-link a{
	display: block;
	width: 198px;
	margin: 0px auto 0px auto;
	padding: 7px 0px 5px 0px;
	line-height: 1;
	background-color: #C9BC9C;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	color: #ffffff;
}

.old-staff-link a:hover{
	display: block;
	width: 198px;
	margin: 0px auto 0px auto;
	padding: 7px 0px 5px 0px;
	line-height: 1;
	background-color: #D8CEB8;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	color: #ffffff;
}

.calendar_note{
	text-align: left;
}

.calendar_note ul li{
	display: table;
}

.calendar_note ul li .note_text,
.calendar_note ul li .color{
	display: table-cell;
	vertical-align: top;
	line-height: 1.4;
}

.calendar_note ul li .color span{
	display: block;
	width: 25px;
	height: 15px;
	/*background: #F63C9F;*/
	background: #f78da7;
}

.calendar_note ul li .note_text{
	padding-left: 10px;
}


/*************
/* フッター
*************/
#footer{
	clear:both;
	padding:10px 0 40px 0;
	overflow:hidden;
	font-size:11px;
}

* html #footer{height:1%;}

#footer .copyright{
	margin-top:20px;
	font-size:10px;
	float: left;
}

#footer h1 {
	background-color: #093;
	height: 1px;
	width: 940px;
}

#copyright {
	font-size: 90%;
	color: #090;
	margin-left: 20px;
	margin-top: 10px;
}

.footer-tel{
	margin: 0px 10px 0px 0px;
}

.footer-add{
	margin: 0px 0px 0px 0px;
}

/*************
/* バナー
*************/
#banner li {
	margin-bottom: 5px;
	text-align: center;
}


/* PC用 */
@media only screen and (min-width:940px){	
	#wrapper,.inner{
	width:940px;
	padding:0;
	}
	
	#wrapper{
	padding-bottom:20px;
	background-color: #FFFEE9;
}
	
	#main{
	float:right;
	width:710px;
	margin-top:10px;
	}
	
	#subpage #sub{
	float:left;
	overflow:hidden;
	margin-top:20px;
	}
	
	/* グリッド */
	.grid{
	width:230px;
	margin-top: 10px;
}
	.col2{width:470px;}
	.col3{width:705px;}
	
	#gallery .grid{
	width:210px;
	padding-right: 20px;
}
	#subpage #sub .grid{
	width:100%;
	float:none;
	padding-bottom:30px;
	}
	
}


/* モニター幅960px以下 */
@media only screen and (max-width:960px){
	h1 p.inner{padding:0 2%;width:96%}
	#header .logo{padding-left:10px;}
	#header .info{padding-right:10px;}
	
	ul#topnav{
	clear:both;
	width:100%;
	}

	ul#topnav li{
	width:33%;
	margin:0 0 5px;
	border-right:0px solid #1c1c1c;
	 box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
	}

	ul#topnav li:nth-child(3n){border-right:0;width:34%;}

	ul#topnav li a{
	width:100%;
	border-top:0;
	}

	ul#topnav li:first-child a,ul#topnav li:last-child a{width:100%;}

	.grid{
	width:100%;
	margin:2px 0;
	}
	
	.col2{
	float:none;
	width:100%;
	margin:0 0 20px;
	}
	
	.grid img{
	float:left;
	margin-right:5px;
	}
	
	#gallery .grid{
	width:31%;
	margin:0 1%;
	padding:0;
	}
	
	#gallery .grid img{
	float:none;
	}
	
	section.content{padding:0 10px;}
	
	section.content img{
  max-width:90%;
	height:auto;
	}
		
	
	#footer{padding:0;}
	
	#footer .grid{
	float:none;
	width:100%;
	margin-bottom:5px;
	text-align:center;
	}
}


/* モニター幅960px以下 Wordpress用 */
@media only screen and (max-width:960px){
	h1 p.inner{padding:0 2%;width:96%}
	#header .logo{padding-left:10px;}
	#header .info{padding-right:10px;}
	
	ul#menu-header-navi02{
	clear:both;
	width:100%;
	}

	ul#menu-header-navi02 li{
	width:33%;
	margin:0 0 5px;
	border-right:0px solid #1c1c1c;
	 box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
	}

	ul#menu-header-navi02 li:nth-child(3n){border-right:0;width:34%;}

	ul#menu-header-navi02 li a{
	width:100%;
	border-top:0;
	}

	ul#menu-header-navi02 li:first-child a,ul#menu-header-navi02 li:last-child a{width:100%;}

	.grid{
	width:100%;
	margin:2px 0;
	}
	
	.col2{
	float:none;
	width:100%;
	margin:0 0 20px;
	}
	
	.grid img{
	float:left;
	margin-right:5px;
	}
	
	#gallery .grid{
	width:31%;
	margin:0 1%;
	padding:0;
	}
	
	#gallery .grid img{
	float:none;
	}
	
	section.content{padding:0 10px;}
	
	section.content img{
  max-width:90%;
	height:auto;
	}
		
	
	#footer{padding:0;}
	
	#footer .grid{
	float:none;
	width:100%;
	margin-bottom:5px;
	text-align:center;
	}

/*************
企画展ページ
*************/

#main .content article h3 {
	font-size: 14px;
	font-weight: bold;
	
}
p .font_small {
	display: block;
	font-size: 90%;
	color: #660;
	margin: 10px 0px 5px 0px;
}


#main article #image a:hover{
	background-color: #FFFEE9;
}

.clear {
    clear:both;
}

article #image-01,
article #image{
	margin-bottom: 10px;
	width: 180px;
	height: auto;
}

article #image-01 img{
	width: 180px;
	height: auto;
}

p .font_bold {
	font-weight: bold;
}
.kikaku_copyright {
	/* background-color: #f5f5f5; */
	font-size: 70%;
	margin: 7px 0px 15px 0px;
	padding: 0px;
}

.kikaku_copyright02 {
	width: 85px;
	font-size: 70%;
	margin: 7px 0px 15px 0px;
	padding: 0px;
}

#kikaku_infomation {
	/* border-bottom-style: dotted;
	border-bottom-color: #999;
	border-bottom-width: 1px;
	padding-bottom: 10px;
	margin-bottom: 15px; */
}

#kikaku-contens{
	border-bottom: 1px solid #DA8184;
	overflow: hidden;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 15px 0px;
}

#kikaku-contens-text{
	float: left;
	width: 96%;
	margin: -13px 0px 15px 0px;
	padding: 0px 0px 15px 10px;
}

#kikaku-contens-text p{

}

#kikaku-contents-images{
	float: left;
	width: 180px;
}

#kikaku_details h5{
	color: #666600;
	font-weight: bold;
	font-size: 10px;
	margin: 10px 0px 5px 0px;
}

#kikaku-contents-images li{
	float: left;
	width: 85px;
	margin: 0px 10px 10px 0px;
}

#kikaku-contents-images li:nth-child(2n+2){
	margin: 0px 0px 10px 0px;
}

#kikaku_click_photo{
	position: absolute;
	text-align: center;
	margin: -15px 0px 0px 5px;
	padding: 0;
}


/*************
イベント・ワークショップ
*************/

#ew-contens-text{
	float: left;
	width: 96%;
	margin: -7px 0px 15px 0px;
	padding: 0px 0px 15px 10px;
}

/*************
サイドコンテンツ
*************/

#staff_widget{
	display: block;
	clear:both;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	text-align: center;
}

#staff_widget h2{
	width: 198px;
	background-color: #22AC38;
	margin: 0px 0px 0px 15px;
	line-height: 1;
	padding: 7px 0px 5px 0px;
	color: #ffffff;
}

#staff_widget ul{
	width: 178px;
	margin: 0px 0px 0px 15px;
	padding: 10px 10px 3px 10px;
	background-color: #ffffff;
}

#staff_widget li{
	margin: 0px 0px 7px 0px;
}

#staff_widget .textwidget{
	margin: 0px 0px 0px 15px;
}

/*************
/* 英語ページ（English）
*************/

ul#menu-koreanmenu,
ul#menu-chinesemenu,
ul#menu-englishmenu{
	width: 100%;
	margin: 0px 0px 0px 10px;
}

ul#menu-koreanmenu li,
ul#menu-chinesemenu li,
ul#menu-englishmenu li{
	width:33%;
	margin: 0px 0px 15px 0px;
}




}


/* iPad 縦 */
@media only screen and (max-width:768px){

body{
	/*background-image: url(/images/backgraound_sam.png);*/
}

#header{
	padding-bottom:0;
	background: #fffeea;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 50;
	height: 70px;
}

main{
	padding-top: 70px;
}

#mainBanner{
	/*padding: 3px;*/
	padding: 0;
	margin-top: 0px;
}

.pc-on{
	display: none;
}

.sp-on{
	display: block;
}


#navi_area{
	position: relative;
	z-index: 10;
}

#navi_area .navi_back{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(11,11,11,0);
	visibility:hidden;
	transition: all 0.2s linear;
}

#navi_area .navi_back.active{
	visibility:visible;
	background: rgba(11,11,11,0.8);
}

.nav_btn{
	position: fixed;
	top: 24px;
	left: 3%;
	width: 26px;
	height: 26px;
	background: #f9f6b7;
	border-radius: 2px;
	z-index: 999;
}

.nav_btn span{
	display: block;
	width: 22px;
	height: 2px;
	background: #11983c;
	border-radius: 5px;
	position: absolute;
   transition: all 0.2s linear;
	width: 16px;
	height: 2px;
	top: 5px;
	left: 5px;
}

.nav_btn span:nth-child(2){
	top: 12px
}

.nav_btn span:nth-child(3){
	top: 19px
}

.nav_btn.open span:nth-child(1){
	top: 12px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nav_btn.open span:nth-child(2){
	display: none;
}

.nav_btn.open span:nth-child(3){
	top: 12px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#navi_area .nav_area{
	position: fixed;
	top: -100%;
	left: 0;
	right: 0;
	z-index: 999;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 3%;
	background: #fffeea;
	transition: all 0.4s linear;
	box-sizing: border-box;
}

#navi_area .nav_area.active{
	top: 70px;
}

#navi_area .nav_area .nav-global > ul > li{
	box-sizing: border-box;
}

#navi_area .nav_area .nav-global > ul > li > a{
	display: block;
	font-size: 3.2vw;
	padding: 0.7em 0;
	border-bottom: 1px solid #660;
	position: relative;
}

#navi_area .nav_area .nav-global > ul > li > a::after {
    content: '';
    width: 0;
    height: 0;
    border: solid 7px transparent;
    border-left: solid 8px #009933;
    position: absolute;
    top: 44%;
    right: 0;
    transform: rotate(0deg) translate(0, 0);
}

#navi_area .nav_area .nav-global > ul > li:last-child > a{
	border-bottom: none;
}

#navi_area .nav_area .nav-global > ul > li .li_toggle_btn{
	display: block;
	font-size: 3.2vw;
	padding: 0.7em 0;
	border-bottom: 1px solid #660;
	position: relative;
}

#navi_area .nav_area .nav-global > ul > li .li_toggle_btn:before {
	content: '';
    width: 7px;
    height: 7px;
    border: 0px;
    border-top: solid 2px #009933;
    border-right: solid 2px #009933;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 0;
    transform: rotate(135deg) translate(0, 7px);
}

#navi_area .nav_area .nav-global > ul > li .li_toggle_btn.open:before {
	top: 63%;
	transform: rotate(-45deg) translate(0, -8px);
}

#navi_area .nav_area .nav-global > ul > li ul{
	display: none;
	background: #f9f6b7;
}

#navi_area .nav_area .nav-global > ul > li ul li a{
	display: block;
	display: block;
	font-size: 3.2vw;
	padding: 0.7em 0 0.7em 6%;
	border-bottom: 1px solid #660;
	position: relative;
}

#navi_area .nav_area .nav-global > ul > li ul li a::after {
    content: '';
    width: 0;
    height: 0;
    border: solid 7px transparent;
    border-left: solid 8px #009933;
    position: absolute;
    top: 44%;
    right: 6%;
    transform: rotate(0deg) translate(0, 0);
}

#header .sns{
	/*width: 30px;*/
    position: fixed;
    /*left: 62%;*/
    /*top: 23px;*/
    
	width: 21px;
	left: 49%;
    top: 47px;
}

#header .sns .icon{

}

#header .sns .icon img{
	width: 100%;
	height: auto;
}

#header .sns .icon.twitter{

}

#head_note{
	margin-top: -10px;
}

.lang_nav{
	position: fixed;
	top: 10px;
	right: 0;
	z-index: 60;
	background: #f9f6b7;
	width: 24%;
}

.lang_nav .lang_btn{
	height: 60px;
	line-height: 60px;
	padding-left: 8%;
	position: relative;
}

.lang_nav .lang_btn::after {
    content: '';
    width: 0;
    height: 0;
    border: solid 7px transparent;
    border-left: solid 8px #009933;
    position: absolute;
    top: 44%;
    right: 6%;
    transform: rotate(90deg) translate(0, 0);
}

.lang_nav .lang_btn.open::after {
    top: 34%;
    transform: rotate(-90deg) translate(0, 0);
}

.lang_nav .toggle_ul{
	display: none;
}

.lang_nav .toggle_ul li{
	position: relative;
}

.lang_nav .toggle_ul li::after{
	content: '';
	width: 80%;
	height: 1px;
	background: #ccc;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.lang_nav .toggle_ul li:last-child::after{
	content: none;
}

.lang_nav .toggle_ul li a{
	display: block;
	padding: 0.5em 0 0.5em 15%;
	color: #D31577;
	position: relative;
}

.lang_nav .toggle_ul li a:before {
    content: '';
    width: 7px;
    height: 7px;
    border: 0px;
    border-top: solid 2px #009933;
    border-right: solid 2px #009933;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
	top: 41%;
    right: 8%;
    transform: rotate(45deg) translate(0, 0);
}







}






/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
.sp-none{
	display: none;
}
.pc-none{
	display: block;
	width: 180px;
	margin: 0px auto 0px auto;
	padding: 0px;
	line-height: 1;
}
#topnav ul{
	margin-left: 15px;
}
	#menu li{margin: 0px 20px 20px 3px;}

	.grid{
		width:100%;
		margin: 0 0 20px;
	}
	
	.grid img{
	float:none;
	margin:auto;
	}
	
	.grid p{text-align:left;}
	
	img.frame,#gallery img{border-width:2px;}

  .alignleft,.alignright{
	float:none;
	display:block;
	margin:0 auto 10px;
	}
	
	#main h2{
	font-size: 16px;
	margin: 0px 10px 10px 0px;
	padding: 0px 5px 5px 5px;
	border-bottom: 1px dotted #999;
	}

	#main .single-mainbody{
	font-size: 14px;
	margin: 10px 5px 0px 5px;
	}
	
.news-date{
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
}

.news-title{
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
}
	
#footer .grid p.logo{
	width: 100%;
	max-width: 160px;
	margin: 18px auto 18px;
	float: none;
}

#footer .col3 ul {
    margin: 0 2%;
}

#footer .col3 li {
	width: 33%;
	float: left;
    padding: 0;
    margin-bottom: 8px;
    box-sizing: border-box;
}

#footer .col3 li:nth-child(3n+3) {
	border-right: none;
}

#footer .col3 li a{
	display: block;
	font-size: 2.666667vw;
}

.grid.col3 .adress {
    margin: 14px 0 0 ;
    text-align: center;
}



/*************
/* フロアガイド
*************/

#main .content article .floor {
	line-height: 1.3em;
}
#floorimage {
	height: auto;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*************
/* シアター情報
*************/

#theater-topics{

}

#theater-topics ul{
	margin: 10px 0px 20px 0px;
}

#theater-topics li{
	display: table;
	width: 92%;
	padding: 10px 10px 10px 10px;
	background-color: #DDDDFF;
}

#theater-topics li:nth-child(even){
	background-color: #E8E8FF;
}

#theater-topics .theater-topics-left{
	display: block;
	width: 95%;
	padding: 0px 10px 5px 10px;
}

#theater-topics .theater-topics-right{
	display: block;
	width: 95%;
	padding: 0px 0px 0px 10px;
}

    .calendar-container {


}

    .calendar-container iframe[src*="calendar"] {
        padding-bottom: 140%;
	width: 530px !important;
        height: 500px !important;
    }

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

#map{
	width: 100%;
	text-align: center;
	margin: 0px 0px 0px 0px;
}

#map_link li {
	display: block;
	width: 48%;
	float: left;
	padding: 0;
	margin: 10px 0px 0px 0px;
}

#map_link li:nth-child(even) {
	float: right;
}

#map_link {
	text-align: center;
	margin: 10px auto 10px auto;
}


#map_link img{
	width: 100%;
	height: auto;
}


.navUtility {
	list-style-type: none;
}

.entry-content img,#content embed,#content object,#content iframe,#content video {
    border: 1px solid #eeeeee!important;
    padding: 6px!important;
    background-color: rgba(230,230,230,0.4)!important;
    border-radius: 3px;
}


/*************
イベント、ワークショップ
*************/

#contents-base{
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #DA8184;
}

#main .content article .image{
	width: 200px;
}

#main .content article .image img {
	height: auto;
	width: 200px;
}
#contents {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

.text{
	text-align: left;
	width: 100%;
}

/*************
/* よくある質問
*************/

#faq .faq-title{
	clear:both;
	font-size: 14px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 17px;
	background: url(/images/golink.png) no-repeat 0px 5px;
}

#faq h4{
	clear:both;
}

#faq-block .faq-question{
	color: #009245;
	font-size: 10px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 20px;
	cursor: pointer; 
	background: url(/images/faq_q_icon.png) no-repeat 0px 3px;

}

#faq-block .faq-answer{
	width: 80%;
	margin: 0px 0px 10px 20px;
	padding: 10px 10px 10px 30px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #009245;
	overflow: hidden;
	background: url(/images/faq_a_icon.png) no-repeat 10px 13px #ffffff;
}

.faq-st-text{
	font-weight: bold;
	color: #CC0000;
}


/*************
サイドコンテンツ
*************/

aside{
	width: 80%;
	margin: 0 auto;
}

#staff_widget{
	display: block;
	clear:both;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	text-align: center;
}

#staff_widget h2{
	width: 198px;
	background-color: #22AC38;
	margin: 0px 0px 0px 15px;
	line-height: 1;
	padding: 7px 0px 5px 0px;
	color: #ffffff;
}

#staff_widget ul{
	width: 178px;
	margin: 0px 0px 0px 15px;
	padding: 10px 10px 3px 10px;
	background-color: #ffffff;
}

#staff_widget li{
	margin: 0px 0px 7px 0px;
}

#staff_widget .textwidget{
	margin: 0px 0px 0px 15px;
}


}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:320px){
	#header .logo{padding-top:10px;}

  .info{padding:10px 0 0;}

	ul#topnav li{width:50%;}

	ul#topnav li:nth-child(3n){
	border-right:0px solid #1c1c1c;
	width:50%;
	}
	
	ul#topnav li:nth-child(2n),ul#topnav li:nth-child(6n){border-right:0;}
	
	#mainBanner{margin-left:1px;}
	#mainBanner h2,#mainBanner h3{font-size:80%;}
	.navUtility {
	list-style-type: none;
}

p.gcal {
    width: 300px !important;
  overflow:scroll;
  -webkit-overflow-scrolling:touch;
}
}


/* スマートフォン 縦(ポートレート)  Wordpress用*/
@media only screen and (max-width:480px){

#header .logo{
	padding-top: 0;
    width: 43%;
    position: fixed;
    top: 28px;
    left: 9%;
}

[lang="zh"] #header .logo,
[lang="en"]  #header .logo{
	width: 180px;
}

#header .logo img{
	width: 100%;
	height: auto;
}

#header .sns {
	width: 5.333333vw;
	left: 66%;
	top: 8.2666667vw;
}

.info{
	padding: 10px 0px 0px 10px;
	width: 100%;
	text-align: left;
}

.sp-none{
	display: none;
}
.pc-none{
	display: block;
	width: 180px;
	margin: 0px auto 0px auto;
	padding: 0px;
	line-height: 1;
}
#language{
	width: 100%;
	text-align: right;
}

#museum_info {
	margin: 10px 0px 10px 0px;
	text-align: left;
	display: none;
}

.home #museum_info {
	display: block
}

#museum_info dl{
	margin: 0px 0px 0px 0px;
}

#museum_info dt{
	margin: 0px 0px 0px 28px;
}

#museum_info dd{
	margin: -17px 0px 0px 90px;
}

#museum_info .kyukan{
	margin: 0 6%;
}

#museum_info ul{
	margin: 4px 6% 0;
}

#museum_info ul li{
	margin: 0 0 4px;
}

#museum_info .note{
	font-size: 12px;
	margin: 6px 6% 0;
}


	#menu li{margin: 0px 20px 20px 3px;}


	ul#menu-header-navi02{
	width: 100%;
	margin: 0px 0px 0px 10px;
	}

	ul#menu-header-navi02 li{
	width:50%;
	margin: 0px 0px 15px 0px;
	}

	ul#menu-header-navi02 li:nth-child(3n){
	width:50%;
	}
	
	ul#menu-header-navi02 li:nth-child(2n),ul#menu-header-navi02 li:nth-child(6n){border-right:0;}
	
	#mainBanner{margin-left:1px;}
	#mainBanner h2,#mainBanner h3{font-size:80%;}
	
	#main h2{
	font-size: 16px;
	margin: 0px 10px 10px 0px;
	padding: 0px 5px 5px 5px;
	border-bottom: 1px dotted #999;
	}

	.post-meta{
	margin: 0px 10px 0px 10px;
	}

	#main .single-mainbody{
	font-size: 14px;
	margin: 10px 5px 0px 5px;
	}

.news-date{
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
}

.news-title{
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
}

/*************
ごあいさつページ
*************/

#photo_kanchou{
	float: left;
	width: 30%;
}

#photo_kanchou img {
	width: 90%;
	height: auto;
	margin: 0px 10px 10px 0px;
}

#about_museum {
	border-bottom-style: dotted;
	border-bottom-color: #999;
	border-bottom-width: 1px;
	padding-bottom: 25px;
	margin: 10px 0px 15px 0px;
}

.font_bold {
	font-weight: bold;
}

.kanchou-head-span{
	display: block
}

.kanchou-name-span{
	display: block;
	margin: 5px 10px 0px 10px;
}

#profile_text {
	font-size: 85%;

}

.about-h3{
	text-align: left;
	margin: 0px 0px 5px 0px;
}

.kanchou-name01{
	width: 100%;
	margin: 10px 10px 20px 0px;
	font-weight: bold;
	text-align: right;
}



/*************
/* 企画展ページ
*************/

#main .content article h3 {
	font-size: 14px;
	font-weight: bold;
	
}
p .font_small {
	font-size: 90%;
	color: #660;
	margin: 10px 0px 0px 0px;
}

article #image-01{
	float: none;
	width: 100%;
	height: auto;
	line-height: 1;
	margin: 20px auto 0px auto;
	padding: 0;
}

article #image-01 img{
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px auto 0px auto;
}

#main article #image a:hover{
	background-color: #FFFEE9;

}

.clear {
    clear:both;
}

p .font_bold {
	font-weight: bold;
}
.kikaku_copyright {
	width:80%;
	font-size: 70%;
	padding: 10px;
	text-align: left;
}
#kikaku_infomation {
	/*border-bottom-style: dotted;
	border-bottom-color: #999;
	border-bottom-width: 1px;
	padding-bottom: 10px;
	margin-bottom: 15px;*/
}

#kikaku-contens-text{
	width: 96%;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 15px 10px;
}



/*************
/* フロアガイド
*************/

#main .content article .floor {
	line-height: 1.3em;
}

#floorimage {
	height: auto;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.sp-floor{
	margin: 10px auto 10px auto;
	width: 95%;
	height: auto;
}


/* シアター情報
************:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#theater-topics{

}

#theater-topics ul{
	margin: 10px 0px 20px 0px;
}

#theater-topics li{
	display: table;
	width: 92%;
	padding: 10px 10px 10px 10px;
	background-color: #E8C46D;
}

#theater-topics li:nth-child(even){
	background-color: #EEEBE9;
}

#theater-topics .theater-topics-left{
	display: block;
	width: 95%;
	padding: 0px 10px 5px 10px;
}

#theater-topics .theater-topics-right{
	display: block;
	width: 95%;
	padding: 0px 0px 0px 10px;
}

.calendar-container {
        padding-bottom: 130%;

}

.calendar-container iframe[src*="calendar"] {
	width: 480px !important;
        height: 400px !important;
}





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

#map{
	width: 100%;
	text-align: center;
	margin: 0px 0px 0px 0px;
}

#map_link li {
	display: inline;
	padding: 0;
}

#map_link {
	text-align: center;
	margin: 10px auto 10px auto;
}

#map_link img{

}

/*************
イベント、ワークショップ
*************/

#contents-base{
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #DA8184;
}

#main .content article .image{
	width: 200px;
}

#main .content article .image img {
	height: auto;
	width: 200px;
}
#contents {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

.text{
	text-align: left;
	width: 100%;
}

.image-fixed{
	width: 100%;
	text-align: center;
	
}

#kikaku-contents-images,
#ew-contents-images{
	float: none;
	width: 90%;
	margin: 0px auto 10px auto;
	padding: 0;
	text-align: center;
}


#ew-image .kikaku_image01,
article #ew-image-01,
article #ew-image,
article #image-01,
article #image {
	float: none;
	width: 100%;
	height: auto;
	line-height: 1;
	margin: 20px auto 0px;
	padding: 0;
}

#ew-image li,
#kikaku-contents-images li {
    width: 100%;
    margin: 0px 0 14px 0px;
}

#ew-contens-text{
	float: none;
	width: 96%;
	margin: 0 0px 15px 0px;
	padding: 0px 0px 15px 10px;
}

/*************
/* コンタクト
*************/

#contact {
	margin-top: 20px;
}
#contact .bold {
	font-weight: bold;
}

.contact-01{
	margin: 0px 0px 0px 0px;
}

.contact-02{
	margin: 0px 0px 10px 0px;
}

.contact-02 textarea{
	width: 270px;
}

/*************
/* よくある質問
*************/

#faq .faq-title{
	clear:both;
	font-size: 14px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 17px;
	background: url(/images/golink.png) no-repeat 0px 5px;
}

#faq h4{
	clear:both;
}

#faq-block .faq-question{
	color: #009245;
	font-size: 10px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 20px;
	cursor: pointer; 
	background: url(/images/faq_q_icon.png) no-repeat 0px 3px;

}

#faq-block .faq-answer{
	width: 80%;
	margin: 0px 0px 10px 20px;
	padding: 10px 10px 10px 30px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #009245;
	overflow: hidden;
	background: url(/images/faq_a_icon.png) no-repeat 10px 13px #ffffff;
}

.faq-st-text{
	font-weight: bold;
	color: #CC0000;
}

.faq-image-pcleft{
	float: none;
}


/*************
/* 英語ページ（English）
*************/

ul#menu-koreanmenu,
ul#menu-chinesemenu,
ul#menu-englishmenu{
	width: 100%;
	margin: 0px 0px 0px 0px;
}

ul#menu-koreanmenu li,
ul#menu-chinesemenu li,
ul#menu-englishmenu li{
	width:50%;
	margin: 0px 0px 15px 0px;
}

ul#menu-koreanmenu li:nth-child(3n),
ul#menu-chinesemenu li:nth-child(3n),
ul#menu-englishmenu li:nth-child(3n){
	width:50%;
}


ul#menu-koreanmenu li:nth-child(2n),
ul#menu-koreanmenu li:nth-child(6n),
ul#menu-chinesemenu li:nth-child(2n),
ul#menu-chinesemenu li:nth-child(6n),
ul#menu-englishmenu li:nth-child(2n),
ul#menu-englishmenu li:nth-child(6n){
	border-right:0;
}

ul#menu-koreanmenu a,
ul#menu-chinesemenu a,
ul#menu-englishmenu a{
	color:#FFF;
	width:155px;
	height: 37px;
	font-size:12px;
	display:block;
	padding:5px 0;
	text-decoration:none;
}

ul#menu-koreanmenu li:first-child a,
ul#menu-koreanmenu li:last-child a,
ul#menu-chinesemenu li:first-child a,
ul#menu-chinesemenu li:last-child a,
ul#menu-englishmenu li:first-child a,
ul#menu-englishmenu li:last-child a{
	width:150px;
}

ul#menu-koreanmenu li.active a,
ul#menu-koreanmenu a:hover,
ul#menu-chinesemenu li.active a,
ul#menu-chinesemenu a:hover,
ul#menu-englishmenu li.active a,
ul#menu-englishmenu a:hover{

}

.font_emphasize {
	font-size: 14px;
}
tr .font_weak {
	font-size: 90%;
	padding: 0px 10px 0px 0px;
	line-height: 1.3;
}
tr .font_bold {
	font-weight: bold;
}
tr .title {
	font-weight: bold;
	text-align: right;
	padding: 0px 10px 0px 20px;
}
#access_text h3 {
	color: #060;
}
#sub .grid #note {
	padding: 10px;
}

#about_museum_e {
	padding-bottom: 25px;
	margin: 10px 0px 30px 20px;
}

#about_museum_e li{
	list-style-type: disc;
	margin: 0px 0px 10px 0px;
}


.english_i_date{
	margin: 0px 0px 4px 0px;
}

.english_i-title{
	margin: 0px 0px 4px 0px;
}



/*************
サイドコンテンツ
*************/

#staff_widget{
	display: block;
	clear:both;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	text-align: center;
}

#staff_widget h2{
	width: 198px;
	background-color: #22AC38;
	margin: 0px 0px 0px 15px;
	line-height: 1;
	padding: 7px 0px 5px 0px;
	color: #ffffff;
}

#staff_widget ul{
	width: 178px;
	margin: 0px 0px 0px 15px;
	padding: 10px 10px 3px 10px;
	background-color: #ffffff;
}

#staff_widget li{
	margin: 0px 0px 7px 0px;
}

#staff_widget .textwidget{
	margin: 0px 0px 0px 15px;
}

/*************
/* footer
*************/

p.adress{
	width: 100%;
	text-align: right;
}

.footer-tel{
	display: block;
	margin: 0px 0px 0px 0px;
}

.footer-add{
	display: block;
	margin: 0px 0px 0px 0px;
}

#copyright {
	width: 100%;
	font-size: 90%;
	color: #090;
	margin: 10px auto 0px auto;
	text-align: center;
}

.copyright-01{
	display: block;
	margin: 0px 0px 0px 0px;
}

.copyright-02{
	display: block;
	margin: 0px 0px 0px 0px;
}


/*************
/* single
*************/

.single-mainbody{
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.6;
}

.navUtility {
	list-style-type: none;
}

.entry-content img,#content embed,#content object,#content iframe,#content video {
    border: 1px solid #eeeeee!important;
    padding: 6px!important;
    background-color: rgba(230,230,230,0.4)!important;
    border-radius: 3px;
}


}



/****************************************

          Widge

*****************************************/

.widget ul li{
	font-size: 85%;
}


/****************************************

          WordPress Misc

*****************************************/

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	margin: 10px;
	padding-top: 4px;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f3f3f3;
	text-align: center;
	-khtml-border-radius: 3px;
}

.wp-caption-text,
.gallery-caption{
	font-size: 80%;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	margin: 0;
	padding: 0 4px 5px;
	font-size: 11px;
	line-height: 17px;
}

img.centered {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

img.alignright {
    display: inline-block;
    margin: 0 0 1em 1.5em;
}

img.alignleft {
    display: inline-block;
    margin: 0 1.5em 1em 0;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}
/*2016年 2月追加CSS*/
a.nextpostslink {
    float: right;
}
a.previouspostslink {
    float: left;
}

.wp-pagenavi span {
    padding: 0 10px;
}

#pager .page-numbers,
a.page.smaller,a.page.larger {
    padding: 0 5px;
}
span.current {
    background: #CE5D63;
    color: #fff;
    padding: 1px 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#pager,
.wp-pagenavi {
	margin: 14px 0 0;
    text-align: center;
}
#main .content .alignright.tolist-a a {
    color: #fff;
    font-size: 14px;
    background: #22AC38;
    padding: 4px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
section.grid.sidebargrid #schedule p {
    float: none;
}
ul#widget-collapsarch-2-top,ul#widget-collapsarch-3-top,ul#widget-collapsarch-4-top,ul#widget-collapsarch-5-top {
    width: 178px;
    margin: 0px 0px 0px 15px;
    padding: 10px 10px 3px 10px;
    background-color: #ffffff;
}

h2.widgettitle {
    width: 198px;
    background-color: #22AC38;
    margin: 0px 0px 0px 15px;
    line-height: 1;
    padding: 7px 0px 5px 0px;
    color: #ffffff;
}
ul#widget-collapsarch-2-top li,ul#widget-collapsarch-3-top li,ul#widget-collapsarch-4-top li,ul#widget-collapsarch-5-top li {
    font-size: 100%;
    list-style-image: url(images/golink.png);

     margin-left: 15px;
     margin-right: 5px;
     margin-top: 0px;
     margin-bottom: 0px;
    padding: 10px 10px 3px 10px;
}



.grid .twitter_timeline{
	height: 280px;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.grid .twitter_timeline iframe {
	width:100%;
	height:100%;
}


.home_calender{
	margin: 0 6% 20px;
}

.home_calender h2{
	font-size: 16px;
	color: #093;
	text-align: center;
}