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

.mb{
	display:block !important;
}
.pc{
	display:none !important;
}
body{
	width:100%;
	overflow-x:hidden;
}
div.container {
width: 90%;
margin: 0 auto;
padding-bottom:30px;
padding: 0;
}
#foot_area{
    width:100%;
    height:auto;
    min-width:100%;
	position:static;
	background:#777;
}
#footer div{
    float:none;
}
#footer small{
	font-size:70%;
}
#footer #banner_area_mb a{
    display:block;
    float:left;
    width:45%;
    margin-right:5%;
    margin-bottom:10px;
}
#footer #banner_area_mb img{
    width:100%;
}
h1{
	margin: 10px 3% 0;
}
h1 img {
	width: 60%;
	max-width: 100%;
}
h2.title {
	width: 100%;
	padding: 10px 5%;
	margin-left: -5%;
	font-size: 130%;
	margin-bottom:30px;
}
h2#sp span:first-child{
	display:inline;
}
h2.title span{
	display:none;
}
.pankuzu,
footer, #footer,
header, #header{
    width:100%;
}
footer, #footer{
	margin:0;
}
#totop {
	position: static;
	width: 100%;
	background: white;
	border-bottom: 1px solid #999;
}
#totop a{
	width:100%;
	background:url(../img/share/mb_totop.jpg) center no-repeat;
	background-size:8% auto;
}
#totop + .mb{
	background:white;
	padding: 20px 5% 8px;
}
#totop + .mb div{
	float:left;
	text-align:right;
		width: 15%;
}
#totop + .mb div:first-child{
	text-align:left;
}
#totop + .mb div:first-child + div{
	text-align:center;
}
#totop + .mb div:first-child + div + div{
	float:right;
	width:33%;
}
#totop + .mb div a{
	text-decoration:none;
	color:#777;
	font-size:85%;
	line-height:30px;
}
#totop + .mb + .mb{
	background:black;
	height: 160px;
	padding: 20px 5%;
}
#header{
	height: 64px;
}
#header div{
    float:none;
}
.pankuzu{
	background:#DDDDDD;
	padding: 10px 5.5%;
	margin-left: -5.5%;
	margin-top: 0;
}
#main_nav div.clearfix {
    width:100%;
    display:none;
}
aside{
    float:none;
    width:100%;
}
section{
    float:none;
    width:100%;
}
.center{
    width:90%;
    margin:auto;
}
/* header nav */
#mb_menu .archive {
position: absolute;
top: 22px;
right: 5%;
height: 30px;
z-index: 9999;
}
#mb_menu{
	 background-color:#333;
     width:100%;
     }
#mb_menu .archive a {
	border:none !important;
padding: 20px;
color: black;
text-decoration: none;
font-weight:normal;
background: url(../img/share/mb_menu_off.jpg) no-repeat right top;
background-size: 100% auto !important;
}
.subMenu_mb_in {
	background: #666;
	padding: 10px 0;
	border-bottom: 1px solid #999;
}
.subMenu_mb_in a{
	color:white;
	padding: 8px 40px !important;
	border: none !important;
	font-size: 90%;
	background:url(../img/share/sankaku_fff.png) no-repeat 20px center !important;
	background-size: 2% !important;
}

#mb_menu .archive.open a{
	background: url(../img/share/mb_menu_on.jpg) no-repeat right top;
	background-size: 100% auto !important;
}
#mb_menu .archive.open a:hover,
#mb_menu .archive a:hover{
	background-color:none !important;
}

#mb_menu li a{
	display: block;
	text-decoration:none;
}
#mb_menu  a{
	padding:15px 5%;
	border-bottom:1px solid #999;
	background-color:#333333;
	color:white;
}
#mb_menu .archive_in a{
	background:url(../img/share/head_mb_menu_cl.png) 95% center no-repeat;
	background-size:4%;
}
#mb_menu .archive_in.open a{
	background:url(../img/share/head_mb_menu_op.png) 95% center no-repeat !important;
	background-size:4% !important;
}
#main_img {
width: 111% !important;
margin-left: -5.5%;
}

#main_img img{
width: 100% !important;
height: auto;
}
.subMenu_mb{
	display:none;
	font-size:105%;
}
/* footer nav */
#mb_nav{
	margin-top:50px;
	width: 100% !important;
}
#mb_nav a {
    display: block;
    color: white;
    text-decoration: none;
	text-align:center;
	background-color: #777;
	padding: 20px 0;
	border-left: 1px #999 solid;
}
#mb_nav .nav_ico div:first-child a,
#mb_nav div:nth-child(3n+2) a{
	border:none;
}
#mb_nav .nav_ico a {
	background-color:black;
	padding: 30px 0 12px;
	border-bottom:1px solid #999 !important;
	font-size:90%;
}
#mb_nav .nav_ico div:first-child + div a{
	border-left:1px solid #999;
}
#mb_nav .nav_ico,
#mb_nav .nav_ico div {
	height: 94px;
}
#mb_nav div:nth-last-of-type(1){
	width:100%;
}
#mb_nav div {
	height:62px;
    float: left;
    width: 33.3%;
    background: #999;
}
/* pagenation */
#pagenation a{
	display:block !important;
	height: 60px;
	width: 90px;
	background-size:contain !important;
	background-color:black;
	margin-bottom:40px;
	line-height:9999px;
	overflow:hidden;
}
#pagenation #new a{
	background:url(../img/share/page_new.jpg) center center no-repeat !important;
}
#pagenation #old a{
	background:url(../img/share/page_old.jpg) center center no-repeat !important;
}
/* =============================================
top
================================================ */
/* スライドショー */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0 auto;
  width:100%;
  max-width:100%;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width:100% !important;
  max-width:100% !important;
  left: 0;
  top: 0; 
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
#main_imgArea{
	width:100%;
	overflow:hidden;
	min-width: 100% !important;
}
.rslides a{
    display: block;
    margin: 0 auto;
}
.rslides a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}
/* endスライドショー */
.container#top{
	margin-top:0;
	width:100%;
	padding:0;
}
#top #topic {
    float: none;
    width: 100% !important;
    margin: 0 !important;
}
#top #topic  article{
	color:white;
	padding:10px 0;
	border-bottom:1px solid white;
	background:url(../img/share/sankaku_b_r.png) no-repeat 97% center black;
}
#top #topic  article a{
	color:white;
	text-decoration:none;
}
#top #topic  article .date,
#top #topic  article .event_date{
	text-align:center;
	color:#BBBBBB;
	width:100%;
	float:none;
}
#top #topic .cate{
	position:absolute;
	float:none;
	margin-left:2%;
}
#top #topic  article h5{
	text-align:center;
	color:white;
	margin-bottom:0;
	font-size:105%;
	margin:auto 8%;
}
#top #topic span.pc{
	display:none !important;
}
#top #topic h3 + .space30 {
margin-bottom: 10px;
}
#top + #foot_area #mb_nav{
	margin-top:10px !important;
}
#top  .space40.mb{
	margin-bottom:0px !important;
}
#top_nav div{
	float:left;
	background:#555555;
	width:50%;
	border-top:solid 1px white;
}
#top_nav div a{
	display:block;
	text-align:center;
	color:white;
	text-decoration:none;
	padding:20px 0;
	font-size: 90%;
}
#top_nav div:first-child a,
.nav_ico div:nth-child(2) a{
	border-right:white 1px solid;
}
.nav_ico{
	width:100% !important;
	border-top:none !important;
	background:black !important;
}
.nav_ico div{
	background:black !important;
	width:33.3% !important;
}
.nav_ico div a{
	padding: 60px 0 12px !important;
	background-size: auto 45% !important;
}
.nav_ico div:nth-child(1) a {
	background:url(../img/share/guide_ico.jpg) no-repeat center 15px; 
}
.nav_ico div:nth-child(2) a {
	background:url(../img/share/access_ico.jpg) no-repeat center 15px; 
}
.nav_ico div:nth-child(3) a {
	background:url(../img/share/tel_ico.jpg) no-repeat center 15px; 
}
/**/
#top h2, #top h3 {
margin: 20px 0 0;
border-top: solid 1px #999999;
padding: 10px 5%;
font-size:120%;
font-weight:normal;
}
#top .info {
	text-align:center;
}
#top .info img{
	width:90%;
	height:auto;
}
#top .info div.closed{
	line-height:120%;
}
#top .info div.closed span.title{
	background:none;
	font-size:95%;
	font-weight:bold;
	margin-bottom:5px;
}
/* =============================================
schedule
================================================ */
#main_img,
.black_area img,
.gray_area,
#exhibition,
.old_link,
#schedule article .f_left,
#summary .row .cont,
#exhibition .row .name,
#exhibition .row .cont{
    min-width:100% !important;
    float:none;
    width:100%;
    height:auto;
}
#exhibition {
	padding: 0px;
}
#schedule h2.title span {
	display:inline;
  margin-left: 20px;
}
#schedule article img{
	width:100%;
	height:auto;
	float:none;
	margin-right:0;
}
#schedule article h4{
	margin: 10px 0 -5px;
}
.old_link a {
position: relative;
margin: 0 0 0 auto;
}
#exhibition h2{
	font-size: 150%;
}
#exhibition .pankuzu{
	width: 89%;
	margin-left:0;
}
#exhibition #main_img .center{
	width:100%;
}
#exhibition #main_img{
	width:100%  !important;
	height:auto;
	margin:0;
}
#exhibition .row .name{
    margin-bottom:20px;
}
#summary .row .name {
    margin-bottom: 5px !important;
}
.event img.attachment-thumb_event {
width: auto !important;
max-width: 120px !important;
min-width: 120px !important;
margin-right: 0 !important;
margin-bottom:10px;
}
#schedule .old.event  img.attachment-thumb_event {
width: 23% !important;
max-width: 80px !important;
min-width: 10% !important;
margin-right: 0 !important;
float: left;
}
#schedule .old.event  h4{
	font-size: 105%;
}
#schedule .old.event  .date{
	margin: 10px 0 0;
	font-size: 100%;
}
#schedule .event.old article .f_left {
float: right;
width: 72%;
min-width: 50% !important;
}
#schedule .detail #event_midashi .date span{
	display:block;
}

#single_content{
	padding-bottom:30px;
	border-bottom:dashed 1px #ccc;
	margin-bottom:30px;
}
/* =============================================
guide
================================================ */
#pal aside,
#artsquare aside,
#shop aside,
#guide aside{
	margin:30px 0 0;
}
#pal aside a,
#artsquare aside div a,
#shop aside a,
#guide aside a{
	height:35px;
	line-height:35px;
}
#guide #kobo .clearfix img{
	width:35% !important;
}
#guide #kobo .clearfix .f_right{
	width:100%;
	margin-top:10px;
}
#guide #main_img img,
#guide img {
    width: 111% !important;
    margin-left: -5.5%;
}
#guide #main_img {
width: 100% !important;
}
#group .cont #tenji_price,
#guide .cont #tenji_price{
	    width: 90%;
    padding: 20px 5%;
}
#floor img:first-child + .clearfix,
#floor .clearfix {
    width:100% !important;
    padding:0 !important;
}
#floor img {
width: 100% !important;
margin-left: 0;
}
#floor .clearfix div,
#floor img:first-child + .clearfix div {
float: none;
width: 100%;
}
#shisetsu h3 img {
    width: auto !important;
    margin: 0;
}
#shisetsu div img {
    float: none !important;
    width: 100% !important;
    margin: 0 0 10px !important;
    height: auto;
}
#shisetsu div.clearfix{
    padding:30px 0;
}
#shisetsu div.clearfix div,
#shisetsu div p{
    float:none;
    width:100% !important;
}
#collection a {
    margin: 0 0 20px 10px !important;
    width: 30.5%;
}
#collection a img{
    width:100% !important;
    margin:0;
}
#collection_single .item .image {
    width: 100%;
    float: none;
}
#collection_single .item .image,
#collection_single .item .cont,
#collection_single .item .f_right{
    float: none !important;
    width: 100% !important;
    height:auto !important;
}
#collection_single .item .image img{
    width: 100% !important;
    margin-left:0 !important;
    height:auto !important;
}

#guide .name, #guide .cont ,#caution .name,#caution .cont{
float: none;
width: 100%;
}
#guide .name,#caution .name{
    margin-bottom:10px;
}
#map_canvas {
width: 100% !important;
height: 250px !important;
}
.midashi_gray,
#artsquare .midashi_gray,
#group h3{
	font-size: 170%;
	margin: 0 0 20px;
}
#group #kengaku .name{
    width:20% !important;
}
#group #fax_area{
	padding:25px 15px;
}
#group #fax_area a.btn {
width: 200px;
}
/*#group #other .f_left, #group #osusume .f_left,*/
#group #other .f_right, #group #osusume .f_right{
    float: none !important;
    width: 100% !important;
}
#group #other .f_left, #group #osusume .f_left{
	 width: 90% !important;
	 float: none !important;
}
#group #other h6{
    margin: 0 0 10px;
}
#syakaikengaku .row ul {
margin-left: 25px;
}
.experience .f_left {
width: 100% !important;
float:none;
}
.experience .f_left + img{
	max-width: 100% ;
	width:100%;
	height:auto;
	float:none;
	margin-left:0 !important;
	margin-top:20px;
}
.experience .f_left span {
	float: none;
	margin:5px 0 0;
	width: 100% !important;
}
.experience .f_left div{
	line-height:130%;
}
#download .row .name ,
#download .row .name + .cont{
	width: 100% !important;
	float:none;
	line-height: 130%;
}
#download .row a img {
	width: auto !important;
}
#restaurant h3 + img{
	width:auto !important;
	max-width:100%;
	margin:10px 0 0 0;
}
#zaidan .name {
    float: left;
    width: 18% !important;
}
#zaidan .name + .name {
    width: 26% !important;
}
#zaidan .name + .cont {
    width: 55%;
    float: right;
}
/* =============================================
inquiry
================================================ */
#inquiry_cont div {
float: none;
margin-bottom: 40px;
width: 100%;
}
#inquiry_cont h3, #inquiry h3{
	margin:10px 0;
}
/* =============================================
artsquare
================================================ */
#artsquare aside a{
	padding:0 35px 0 0 !important;
}
#artsquare_menu a {
    margin: 0 0 20px 10px !important;
    width: 22.5%;
}
#artsquare_menu div a:first-child{
	margin-left:0 !important;
}
#artsquare_menu a img{
    width:100% !important;
    margin:0;
}
#art_detail .row .cont,
#art_detail .row .name {
width: 100%;
padding-bottom: 3px;
}
/* =============================================
shop
================================================ */
#shop #main_img{
	margin: 0 0 20px -5.5%;
}
#shop img{
	width:100%;
	max-width:100%;
}
#shop a img{
	width:auto;
}
/* =============================================
pal
================================================ */
#pal aside #palinfo_date{
	text-align:right;
}
#pal img{
	max-width:100%;
	width:100%;
}
#pal #main_img{
	line-height: 0;
}
#pal #teikei .cont {
	padding-left: 0;
}
#pal #teikei div.cont + div.cont,
#pal #teikei h4+ div.cont{
	padding-top: 110px;
	background-position: center top;
}
#pal #teikei div.cont + div.cont{
	margin:30px 0;
}
#pal .row{
	margin-top:-1px;
	padding:20px 0;
}
#pal #teikei .cont,
#pal .row .name {
float: none;
width: 100%;
}
#pal #teikei .cont{
	margin:0;
}
#pal .row .name{
	margin:0 0 10px;
}
#pal .row .name span{
	display:inline;
}
#pal article h4{
	font-size: 130%;
	line-height: 130%;
}
/* =============================================
sitemap
================================================ */
#sitemap .cont_area {
width: 100%;
margin-left: 0;
}
#sitemap .cont {
padding: 20px 0;
}
/* =============================================
pressrelease
================================================ */
#pressrelease article ul li{
	float:none;
	width:100%;
	margin-bottom:5px;
}
#pressrelease #inquiry_cont{
	margin-top:30px;
}