@charset "utf-8";

/* スライダーの定義 */
.list_carousel {
    margin: 0 auto;
    padding:0;
    padding-bottom:10px;
    width: auto;
    height:auto;
}
.list_carousel .top_slider_box {
    width:auto;
    height:auto;
    margin:0 auto;
    padding:0;
}
.list_carousel .top_slider_innerbox {
    width:auto;
    height:auto;
    margin:0 auto;
    position:relative;
}
.list_carousel .top_slider_box #top_slider {
    width:auto;
    height:auto;
    margin: 0 auto;
    text-align:center;
    padding: 0;
    list-style: none;
    overflow:hidden;
    position:relative;
    top:0;
    left:0;
}
.list_carousel .top_slider_box #top_slider li {
    width: 100%;
    height:auto;
    margin: 0 auto;
    display: block;
    float: left;
    text-align:center;
}
.list_carousel .top_slider_box #top_slider li div {
    margin:-1% 0 0 0;
    padding:0;
}

.list_carousel .top_slider_box #top_slider li img {
    width:100%;
    height:auto;
    margin:0 auto;
    padding:0;
    text-align:center;
}
.list_carousel.responsive {
    width: auto;
    margin: 0 auto;
}
#prev, .prev, .prev img {display:none;}
#next, .next, .next img {display:none;}
#pagenation {
    width:100%;
    height:auto;
    margin: 0 auto;
    padding: 0;
    bottom:-10px;
    right:0;
    text-align:center;
}
#pagenation a {
    background:#4d4d4d;
    border:1px solid #4d4d4d;
    color:#fff;
    text-align:center;
    width: 15px;
    height: 15px;
    margin-left:5px;
    padding:0;
    display: inline-block;
}
#pagenation a.selected {
    background:#fff;
    border:1px solid #4d4d4d;
    color:#4d4d4d;
    text-decoration:none;
}
#pagenation a:hover {
    text-decoration:none;
}

/* 休館日情報 */
.closed_info_box {
    width: 90%;
    height: auto;
    margin: 20px auto;
    padding: 0;
    border: 3px solid #a00000;
    line-height:2;
    background:#fff;
}
.closed_info_box .closed_title {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    color:#fff;
    font-size:1.5rem;
    float:left;
    background:#a00000;
}
.closed_info_box .closed_title {
    font-size:15px\9;
}
.closed_info_box .closed_info {
    width: 100%;
    height: auto;
    margin: 5px;
    padding: 0;
    font-size:1.2rem;
    float:left;
}
.closed_info_box .closed_info {
    font-size:12px\9;
}
.closed_info_box .closed_info .closed_month {
    width: 30px;
    height: auto;
    margin-right:10px;
    padding: 0 5px;
    background: #666;
    color:#fff;
    font-weight:bold;
    float:left;
}
.closed_info_box .closed_info .closed_day {
    width: 100%;
    height: auto;
    margin: 0;
    padding-top: 7px;
}
.closed_day_detail {
    line-height:1;
    float:left;
}
.closed_day_bar {
    width:1px;
    height:10px;
    margin:0 5px;
    float:left;
    border-left:1px solid #666;
}

/* メインコンテンツ */
.top_contebox {
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top:40px;
    padding: 0;
}
.top_contebox_l {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.top_contebox_r {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.title_bar {
    width:5px;
    height:20px;
    margin:2px 0 0 0;
    float:left;
}
.bg_green {
    background:#139104;
    display:table-cell;
    width:1%;
}
.bg_purple {
    background:#7614ff;
    display:table-cell;
    width:1%;
}
.bg_red {
    background:#ad0005;
    display:table-cell;
    width:1%;
}
.top_conte_title{
    margin:0;
    padding:0 0 10px 0;
    width:99%;
    font-size:1.5rem;
    line-height:1.5;
    text-align:left;
    text-indent:10px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3); 
}
.top_conte_title {
    font-size:15px\9;
}
.top_conte_title_r{
    float:right;
    text-align:right;
    margin-right:2%;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3); 
}
.top_conte_imagebox {
    width:100%;
    height:auto;
    text-align:center;
    position:relative;
    top:0;
    left:0;
}
.imagebox {
    width:100%;
    height:300px;
    padding:0;
    text-align:center;
    background:#fff;
}
.imagebox img {
	margin:0;
	padding:10px 0;
}
.imagebox_bg {
    width:100%;
    height:auto;
    margin-top:-1px;
    padding:0;
    text-align:center;
    border:none;
}
.imagebox01 {
    width:100%;
    height:auto;
    margin:0;
    padding:0;
    text-align:center;
    background-color:#fff;
}
.imagebox01 img {
    width:80%;
    height:auto;
    margin:0;
    padding:10px 0;
}
.top_conte_subtitle {
    width:100%;
    height:auto;
    background:#666;
    border:1px solid #666;
    box-shadow:0 0 2px rgba(0,0,0,0.4);
    color:#fff;
    line-height:2;
    text-align:left;
    text-indent:1rem;
}
#title, #title_fb, #title_challenge { display:none; }
#title_sp, #title_fb_sp, #title_challenge_sp {
    margin:0;
    padding:3% 0 0 3%;
    width:100%;
    height:auto;
    border:1px solid #666;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #cccccc));
    background: -webkit-linear-gradient(#fff, #cccccc);
    background: -moz-linear-gradient(#fff, #cccccc);
    background: -o-linear-gradient(#fff, #cccccc);
    background: -ms-linear-gradient(#fff, #cccccc);
    background: linear-gradient(#fff, #cccccc);
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;  
    box-sizing: border-box;
    display:table;
}
#title_sp { padding-bottom:3%;}
:root #title_sp, #title_fb_sp, #title_challenge_sp {
    margin:0;
    width:100%;
    height:auto;
    border:1px solid #666;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #cccccc));
    background: -webkit-linear-gradient(#fff, #cccccc);
    background: -moz-linear-gradient(#fff, #cccccc);
    background: -o-linear-gradient(#fff, #cccccc);
    background: -ms-linear-gradient(#fff, #cccccc);
    background: linear-gradient(#fff, #cccccc);
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;  
    box-sizing: border-box;
    display:table;
}
:root #title_sp {
    padding:3% 0 0 3%;
}

.top_contebox img {display:none;}
.btn_infolist {
    display:block;
    width:80px;
    height:auto;
    margin:15px 15px 15px 0;
    padding:10px;
    border:none;
    border: 1px solid #666;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size:1rem;
    float:right;
}


/* 企画展情報他リンクエリア */ 
.top_linkbox {
    width:100%;
    height:auto;
    margin:0 auto;
    padding:0;
}
.top_linkbox .top_linkbox_ul {
    width:95%;
    height:auto;
    margin:0 auto;
    padding:0;
    list-style:none;
}
.top_linkbox .top_linkbox_ul .top_linkbox_li {
    width:100%;
    height:auto;
    margin:10px 0 0 0;
    padding:0;
}
.top_linkbox .top_linkbox_ul .top_linkbox_li.margin_right10 {
    margin-right:0;
}
.top_linkbox_div {
    width:100%;
    height:auto;
    margin:0;
    padding:0;
    text-align:left;
    display:table;
}
.linkbox01, .linkbox02, .linkbox03, .linkbox04, .linkbox05, .linkbox06 {
    width:100%;
    height:auto;
    margin:0;
    padding:0;
    border:1px solid #d3d3d3;
    box-shadow:0 0 3px rgba(0,0,0,0.4);
    background:#fff;
}

.linkbox01:hover {
    width:100%;
    height:auto;
    background:#137EB4;
    color:#fff;
}
.linkbox02:hover {
    width:100%;
    height:auto;
    background:#DC0000;
    color:#fff;
}
.linkbox03:hover {
    width:100%;
    height:auto;
    background:#ffff00;
    color:#333;
}
.linkbox04:hover {
    width:100%;
    height:auto;
    background:#FF6400;
    color:#fff;
}
.linkbox05:hover {
    width:100%;
    height:auto;
    background:#6400FF;
    color:#fff;
}
.linkbox06:hover {
    width:100%;
    height:auto;
    background:#64BE00;
    color:#fff;
}
.top_linkbox .top_linkbox_top {
    width:35%;
    height:auto;
    margin:0;
    display:table-cell;
    text-align:center;
}
.top_linkbox .top_linkbox_top img {
    width:100%;
    height:auto;
    padding:10%;
}
.linkbox_img_hover {
    width:206px;
    height:119px;
}
.top_linkbox .top_linkbox_bottom {
    width:70%;
    height:auto;
    margin:0;
    padding:0;
    display:table-cell;
    text-align:right;
    vertical-align:middle;
}
.top_linkbox .top_linkbox_bottom p {
    margin:0 10px 0 0;
    padding:0;
    line-height:1;
    vertical-align:middle;
}
.linkbox_title_bold {
    font-weight:bold;
    font-size:1.4rem;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3); 
}
.linkbox_title_bold {
    font-size:14px\9;
}
.linkbox01_title_small, 
.linkbox02_title_small, 
.linkbox03_title_small, 
.linkbox04_title_small, 
.linkbox05_title_small, 
.linkbox06_title_small {
    font-size:1.1rem;
    color:#333;
}
.linkbox01_title_small, 
.linkbox02_title_small, 
.linkbox03_title_small, 
.linkbox04_title_small, 
.linkbox05_title_small, 
.linkbox06_title_small {
    font-size:11px\9;
    color:#333;
}
.linkbox_bg_on01 {
    display:none !important;
}
.linkbox_bg_on03 {
    display:none !important;
}
.linkbox_bg_on02 {
    display:none !important;
}
.linkbox_bg_on04 {
    display:none !important;
}
.linkbox_bg_on05 {
    display:none !important;
}
.linkbox_bg_on06 {
    display:none !important;
}

/* お知らせエリア設定 */
#notice_list {
    margin:0;
    padding:0;
    width:auto;
    height:230px;
    overflow:scroll;
    display:none;
}
.notice_box {
    margin:0;
    padding:10px 2%;
    width:100%;
    height:160px;
    position:relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.notice_box ul {
    margin:0;
    padding:0;
    width:100%;
    height:auto;
    list-style:none;
    overflow: auto;
}
.notice_box ul li {
    margin:0;
    padding:15px 0;
    border-bottom:1px dotted #666;
    text-align:left;
    font-size:1.1rem;
    line-height: 1.2;
    display: table;
    width: 100%;
}
.notice_box ul li {
    font-size:11px\9;
}
.notice_box ul li a {
    color:#000;
}
.notice_box ul li p.notice_date {
    color:#666;
    display: table-cell;
    width: 35%;
    padding-left:5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.notice_box ul li p.notice_summary {
    float: right;
    text-align: left;
    width: 65%;
    padding-right:5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.link_info_list {display:none;}
.link_info_list_sp {display:block;}
.link_info_list_sp :hover, 
.link_info_list_sp :focus {
background-color:rgba(255,255,255,0.6);
text-decoration: underline;
}
.imagebox_fb {
    height:430px;
    width:100% !important;
}

/* なはくのできごとFB表示調整 */
.fb-comments span {
    width:300px !important;
    height:auto !important;
    margin:0 auto !important;
    margin-top:10px !important;
    display:block !important;
    text-align:center !important;
}
.fb_ltr {
    width:100% !important;
    height:auto !important;
    padding:0 !important;
    display:block !important;
    text-align:center !important;
}

#conte_fb, #conte_fb_pc {display:none}
#conte_challenge {display:none}

#conte_fb {width:100%; height:auto; margin:0 auto;}
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fb_iframe_widget span{
    margin:0 auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    padding:0 0 0 0 !important;
    width:300px !important;
}
.fb-like-box,
.fb-like-box span,
.fb-like-box iframe[style]{ width: 300px!important; }

/* 左サイドの定義 */
.challenge {
    margin:0 0 20px 0;
}
.imagebox_description_bottom {
    width:70%;
    height:auto;
    margin:5px 0 0 0;
    padding:0 1%;
    color:#666;
    font-size:1rem;
    line-height:1.5;
    text-align:left;
    text-align:center;
}
.imagebox_description_bottom {
    font-size:10px\9;
}
.imagebox_inner {
    width:80%;
    height:auto;
    margin:0 auto;
    padding:10px 0;
    text-align:center;
}
.imagebox_inner a:hover,
.imagebox_inner a:focus {
    text-decoration: underline;
}
.imagebox_info {
    margin-top:10px;
    padding:0;
    font-size:1.2rem;
    line-height:2;
    text-align:left;
}
.imagebox_info {
    font-size:12px\9;
}
.imagebox_btn {
    margin:15px auto !important;
    padding:0;
    width:105px;
    height:25px;
    color:#fff;
    font-size:1.2rem;
    line-height:2.3;
    text-shadow: 2px 2px 1px rgba(0,0,0,0.5);  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #9a0000), color-stop(1.00, #ff623f));
    background: -webkit-linear-gradient(#9a0000, #ff623f);
    background: -moz-linear-gradient(#9a0000, #ff623f);
    background: -o-linear-gradient(#9a0000, #ff623f);
    background: -ms-linear-gradient(#9a0000, #ff623f);
    background: linear-gradient(#9a0000, #ff623f);
    border:1px solid #9a0000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align:center;
    display:block;
    clear:right !important;
}
.imagebox_btn {
    font-size:12px\9;
}
.imagebox_btn:hover, 
.imagebox_btn:focus {
    text-decoration: underline;
}

.challenge .imagebox_bg {display:none;}

/* TOPお知らせスクロールバー */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width:6px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background:#666; /* rgba fallback */
    background:rgba(153,153,153,0.75);
    filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background:rgba(153,153,153,0.85);
    filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background:rgba(153,153,153,0.9);
    filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
.mCSB_container{
    margin-right:20px;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
    margin-right:20px;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
    margin:0;
}

/* 共通クラス */
.margin_top_20 {
    margin-top:20px;
}