@charset "utf-8";

.sp-contents{display:none;}

/* @group mainvisual */
.mainvisual{background:url(../../img/bg_main.jpg) no-repeat center center;height:360px;}
.mainvisual h1{padding-top:382px;text-align:center;}
.mainvisual h1 img.sp-contents{display:none;}
.mainvisual .item_open{left:40px;bottom:40px;}
/* @end */
/* @group contents */
.content h2{text-align:center;margin-bottom:30px;}
.content h2 span{font-size:75%;}
.lead{padding:70px 0;}
.lead p.detail1{text-align:center;padding:0 0 30px;border-bottom:1px dotted #252525;}
.lead p.detail2{text-align:center;padding:30px 0 0 0;}
.lead p.detail2 span{font-size:87.5%;}

.visualmenu{background:#252525;border-top:2px solid #252525;border-bottom:2px solid #252525;}
.visualmenu ul{display:table;border-top:1px solid #afafaf;border-bottom:1px solid #afafaf;padding:50px 20px;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;}
.visualmenu li{display:table-cell;padding-left:3px;vertical-align:top;width:25%;}
.visualmenu li:first-child{padding-left:0;}
.visualmenu img{padding-top:88px;width:100%;max-width:226px;}
.visualmenu .library img{padding-top:72px;max-width:195px;}
.visualmenu figcaption{width:85%;color:#fff;font-size:87.5%;}
.visualmenu .cafe .bg-scale:after{background:url(../img/bg_menu_cafe.jpg) no-repeat center center;background-size:338px;}
.visualmenu .space .bg-scale:after{background:url(../img/bg_menu_space.jpg) no-repeat center center;background-size:338px;}
.visualmenu .library .bg-scale:after{background:url(../img/bg_menu_library.jpg) no-repeat center center;background-size:338px;}
.visualmenu .about .bg-scale:after{background:url(../img/bg_menu_about.jpg) no-repeat center center;background-size:338px;}
.bg-scale{position: relative;overflow: hidden;height:228px;margin-bottom:20px;text-align:center;display:block;}
.bg-scale:after{position: absolute;content: "";display: block;width: 100%;height: 100%;top: 0;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;background-size: cover;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;transition: all .3s ease-out;}
.bg-scale:hover:after{opacity:.5;-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.bg-scale span{z-index: 1;position: relative;display:block;height:214px;margin:6px;border:1px solid;border-color:rgba(255,255,255,0.1);}
.postlist{padding:60px 17px 80px 20px;font-size:0;}
.postlist article{display:inline-block;width:25%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;border-bottom:3px solid #fff;border-right:3px solid #fff;position:relative;}
.postlist article img{width:100%;height:100%;}
.postlist article figure{position:relative;}
.postlist article figure .tag{position:absolute;top:0;left:0;font-size:14px;color:#fff;width:85px;line-height:28px;text-align:center;}
.postlist article figure .tag.event{background:#48984f;}
.postlist article figure .tag.report{background:#3f6da7;}
.postlist article figure .tag.library{background:#e78822;}
.postlist article figure .tag.area{background:#a758eb;}
.postlist article figure .tag.cafe{background:#896d56;}
.postlist article figcaption{position:absolute;left:0;bottom:0;color:#fff;width:100%;}
.postlist article figcaption p{display:inline-block;vertical-align:bottom;}
.postlist article figcaption .date{width:15%;}
.postlist article figcaption .date span{display:block;text-align:center;}
.postlist article figcaption .date .month{background:#c8684b;height:25px;}
.postlist article figcaption .date .day{background:rgba(200,104,75,0.6);font-size:22px;height:37px;}
.postlist article figcaption .tx{background:rgba(0,0,0,0.6);padding:8px 10px;width:85%;height:62px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;font-size:14px;}
.postlist .more{padding-top:50px;text-align:center;}
.info h2,.access h2,.linkarea h2{border-top:1px solid #dcdcdc;padding:80px 0 0;}
.info{margin-bottom:70px;text-align:center;}
.info p{padding:0 65px 0;margin-bottom:50px;}
.info-bg{background:url(../img/bg_info.jpg) no-repeat center center;height:450px;font-size:0;}
.linkarea ul{width:680px;margin:0 auto;font-size:0;text-align:center;}
.linkarea li{display:inline-block;margin:0 6px;}
.linkarea .wide{margin:0 5px 44px 5px;}
.content .access{margin-bottom:90px;}
#map_canvas{width:100%;height:450px;margin:0 0 20px;}
#map_canvas img{width:52px;height:70px;}
/* @end */

@media screen and (min-width:1400px){
.content{background-size:100%;}
.mainvisual{background-size:100%;}
.visualmenu .cafe .bg-scale:after{background-size:100%;}
.visualmenu .space .bg-scale:after{background-size:100%;}
.visualmenu .library .bg-scale:after{background-size:100%;}
.visualmenu .about .bg-scale:after{background-size:100%;}
}

@media screen and (max-width:768px){
.lead{padding:70px 10px;}
.visualmenu img{width:90%;}
.visualmenu ul{padding:50px 10px;}
}

@media screen and (max-width:667px){
.pc-contents{display:none;}
.sp-contents{display:block;}
.mainvisual{background:url(../../img/bg_main.jpg) no-repeat center center;height:400px;}
.mainvisual h1 img.pc-contents{display:none;}
.mainvisual h1 img.sp-contents{display:inline-block;width:86.5%;max-width:554px;}
.mainvisual .item_open{left:15px;bottom:15px;}
.lead{padding:30px 0 50px;}
.lead p{margin:0 15px;}
.content h2{text-align:center;margin:0px 15px;}




.visualmenu{margin-bottom:42px;}
.visualmenu ul{padding:30px 0 0;display:block;}
.visualmenu li{display:block;width:auto;margin:0 0 25px;padding:0 10px;}
.visualmenu li:first-child{padding:0 10px;}
.visualmenu img{padding:18% 0;max-width:394px;width:65%;}
.visualmenu .library img{padding:18% 0;max-width:538px;width:90%;margin:0 auto;}
.visualmenu .cafe .bg-scale:after{background-size:cover;}
.visualmenu .space .bg-scale:after{background-size:cover;}
.visualmenu .library .bg-scale:after{background-size:cover;}
.visualmenu .about .bg-scale:after{background-size:cover;}
.bg-scale{margin-bottom:10px;height:auto;}
.bg-scale span{height:auto;}
.postlist{padding:0 5px 65px;}
.postlist article{width:50%;border:5px solid #fff;vertical-align:top;}
.postlist article figcaption{position:relative;}
.postlist article figcaption p{display:block;vertical-align:bottom}
.postlist article figcaption .date{width:auto;position:absolute;top:-25px;left:0;}
.postlist article figcaption .date span{display:inline-block;padding:0 8px;font-weight:bold;}
.postlist article figcaption .date .day{height:25px;font-size:14px;}
.postlist article figcaption .tx{background:rgba(101,89,81,1);padding:8px 10px;width:100%;}
.postlist .more{padding-top:30px;}
.postlist .more img{width:80%;}
.info h2,.access h2,.linkarea h2{border-top:0;padding:0;}
.info{margin-bottom:60px;}
.info p{padding:0 10px 0;}
.info-bg{padding:55% 0 0;background-size:100%;height:auto;}
.linkarea{padding:0;}
.linkarea ul{width:auto;padding:0 -2%;box-sizing:padding-box;}
.linkarea li{display:inline-block;margin:0 2%;width:20%}
.linkarea .wide{margin:0 2% 10px;width:45%;}
.linkarea li img{width:100%;padding:0;}
.access p span{display:block;}
.sp_map{position:relative;}
.sp_map img{width:100%;}
.maplink{text-align:center;position:absolute;top:38%;width:100%;}
.maplink img{width:70%;}

}
@media screen and (max-width:550px){
.postlist article figcaption .tx{font-size:12px;}
}