@media screen and (max-width: 768px){


#wrapper {
	width:98%;
	margin:1% auto;
	padding:0px;
	clear:both;
	}

#head {
	width:100%;
}

.logo {
	float:left;
	display:block;
	width:200px;
	height:170px;
	background:url(../images/logo.gif);
}
h1 {
	float:right;
	width:50%;
}

.headlink {
	width: 50%;
	float:right;
}

#menu {
	display:block;
	float:left;
	width: 100%;
}

/*　メニュー
-------------------------*/
nav {
text-align: center;
}
nav ul {
margin: 0;
padding: 0;
width: 100%;
list-style-type: none;
}
nav ul li {
margin: 0 -1px 0 0;
padding: 0;
width: 25%;
float: left;
border-left:solid 1px #FFF;
border-bottom:solid 1px #FFF;
}
nav ul li:first-child {
margin-left: 0;
}
nav a:link {color: #fff;}
nav a:hover {color: #fff; text-decoration:none;}
nav a:visited{ color:#fff;}

a,a:hover {
-o-transition: background 0.25s ease-in;
-webkit-transition: background 0.25s ease-in;
-moz-transition: background 0.25s ease-in;
transition: background 0.25s ease-in;
}


.m1 a, .m2 a, .m3 a, .m4 a, .m5 a, .m6 a, .m7 a {
    margin: 0 ;
    padding:0;
    width: 100%;
    height: 60px;
	line-height:60px;
	background:url(../images/bg-menu.gif) no-repeat;
	display: block;
	text-indent:inherit;
	text-align:center;
}
.m2 a, .m3 a, .m4 a {
    height: 46px;
	line-height:18px;
	padding-top:14px;
}
.m2 a span, .m3 a span, .m4 a span {
	display:block;
	clear:both;
}
.m1 a:hover, .m2 a:hover, .m3 a:hover, .m4 a:hover, .m5 a:hover, .m6 a:hover, .m7 a:hover, .m1 a.current, .m2 a.current, .m3 a.current, .m4 a.current, .m5 a.current, .m6 a.current, .m7 a.current {
	background:url(../images/bg-menuon.gif) no-repeat;
}

#fotter,.footcopy {
	width:100%;
}


/*　トップ
-------------------------*/

.pc-slide {
	display:none;
}
.sl {
	display:block;
}

img.tabclear {
	display:block;
	clear:both;
}


/*　new　*/
.newbox {
	margin: 0;
	padding: 25px 5%;
	width: 40%;
	text-align: center;
	float: left;
}
.newtitle {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}
iframe.ossmframe {
	height:340px;
}
.mewp {
	border: 1px solid #4b697d;
}
.mewp img {
	width: 100%;
}


/*　topics　*/
.topics {
	margin: 0 0 25px 0;
	padding: 13px 22px 13px 110px;
	background: #f8a70b url(../img/topics.png) 22px center no-repeat; 
}


/*　what　*/
.whatwrapper {
	margin: 0 4% 50px 0;
	padding: 0;
	width: 66%;
	float: left;
}
.whatwrapper .title {
	margin: 0 0 10px 0;
	padding: 0px 0px 10px 0px;
	background: url(../img/line_bg1.gif) left bottom repeat-x;
	font-size: 20px;
	font-weight: bold;
	color: #1e3849;
}

/*　info　*/
.infowrapper {
	margin: 0 0 50px 0;
	padding: 0;
	width: 30%;
	float: left;
}
.infobox{
	margin: 0;
	padding: 13px;
	border: 2px solid #1e3849;
	text-align: center;
}
.infobox span {
    margin: 0;
    padding: 5px 10px;
	font-size: 15px;
	color: #fff;
	background: #1e3849;
}
.infobox .text {
	font-size: 12px;
	line-height: 1.6em;
	color: #1e3849;
	text-align: left;
}
.infobox .text p {
	font-size: 11px;
}




/*　フォーマット詳細
-------------------------*/

/*　写真切り替え　*/
.photowrapper {
	margin: 0 auto 50px;
	padding: 0;
	width: 520px;
    overflow: hidden;
}
.photobox {
	margin:20px auto 5px;
	padding:10px;
	width:500px;
	background:#e7e1ce;
}
.pmenubox ul {
	margin:0;
	padding: 0 5px;
	clear:both;
}
.pmenubox li {
    margin: 5px;
	display:block;
	float:left;
	border: 1px solid #c5ba96;
}
.pmenubox li img {
	cursor:pointer;
	width: 100px;
	height: 75px;
}

.guide-l {
	display: block;
	width:100%;
	float:none;
}

.guide-r {
	display: block;
	width:100%;
	float:none;
	margin-top:30px;
}

img.floortext {
	display:none;
}

.table-fee th span,.table-fee td span {
	display: block;
	clear:both;
}


.bookktnh {
	width: 95%;
	min-height:100px;
	float:left;
	margin: 0 auto 20px;
}
.bookktnh .bookimg {
	width:100px;
}
.bookktnh .booktext {
	padding-left:100px;
}
iframe.gmap {
	display: block;
	 width:100%;
	 margin:0 0 20px;
	 float:left;
}

/**/
table.exhibition th {
	width:20%;
}

/*blog*/
.main-inner .columns {
        padding-left: 0;
        padding-right: 0;
      }

.main-inner .columns {
        padding-left: 0;
        padding-right: 0;
      }

      .main-inner .fauxcolumn-center-outer {
        left: 0;
        right: 0;
        /* IE6 does not respect left and right together */
        _width: expression(this.parentNode.offsetWidth -
            parseInt("$(main.column.left.width)") -
            parseInt("$(main.column.right.width)") + 'px');
      }

      .main-inner .fauxcolumn-left-outer {
        width: 100%;
      }

      .main-inner .fauxcolumn-right-outer {
        width: 100%;
      }

      .main-inner .column-left-outer {
        width: 100%;
        right: 100%;
        margin-left: -$(main.column.left.width);
      }

      .main-inner .column-right-outer {
        width: 100%;
        margin-right: -$(main.column.right.width);
      }

.kanren-date {
	width:100%;
}
.r-banner {
	float:left;
	width:45%;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}

}/*768*/