/* Template No.1 （中央区観光協会他）*/

.mobile-navbar {background-color: #fff; color: #000;}
.mobile-navbar a { color: #000;}

.mobile-navbar.filter-bar {position: fixed; bottom:0; top:auto;height: auto;}
.mobile-navbar.filter-bar ul {padding: 0; margin:0; text-align: center; position: relative; width: 100%; z-index: 200; background-color: #fff;}
.mobile-navbar.filter-bar ul>li {display: inline-block; padding: 10px; cursor: pointer; min-width: 90px;}
.mobile-navbar.filter-bar ul>li:hover {background-color: rgba(0,0,0,0.3);}
.mobile-navbar.filter-bar>ul>li>i {font-size: 20px; padding 0; text-align: center;}
.mobile-navbar.filter-bar>ul>li span {display: block; font-size: 11px; padding: 3px 0;}
.mobile-navbar.filter-bar>ul.filter-content {width: 100%; z-index: 199; }
.mobile-navbar.filter-bar>ul.filter-content>li { position: absolute; left:0; bottom:-200px; width: 100%;  padding: 4px 10px; background-color: #fff; border-bottom: 1px solid #ddd; overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;}
.mobile-navbar.filter-bar>ul.filter-content>li.active { bottom: 0; }

/*.page-entrylist, .page-entry {background-image: url(https://mitte-x-img-st.istsw.jp/0002/photo/large/PHOTOKORE_a6124881_L.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}
 */
.page-active {background: none;}
h2 {font-size: 20px;}
.we-content-title, .we-content .we-title {display: block; text-align: center; padding: 17px 0 10px 0; background-color: rgb(8, 54, 138); color: #fff; margin: 4px 0 10px 0; border-bottom: 1px solid #ddd; height: 55px;}
.block-item.we-title {margin-bottom: 6px; color: #fff;/* #000; */ background: transparent;/*background-color: rgba(255,255,255,0.7); */}
.page-eventlist .block-item.we-title, .page-favorites .block-item.we-title {color: #000;}
.page-active .we-content-title {background: transparent; /* rgba(0,0,0,0.5) ; */ color: #fff; text-align: center; padding: 20px 0 10px 0; border: none;}
.mobile-title {display: none;}
.T1 .category-items {
    width: 100%; /* 2016.2.26 */max-height: 100%; max-height: calc(100vh - 65px - 60px - 45px);max-height: -webkit-calc(100vh - 65px - 60px - 45px);
    display: box; display: -webkit-box; /*display: -moz-box; */
    box-pack: center; -webkit-box-pack: center; -moz-box-pack: center;
    box-align: center; -webkit-box-align: center; -moz-box-align: center;
    position: relative;
    box-sizing: border-box;
    /*overflow-y: auto; overflow-x: hidden; */ overflow: hidden;
}
@media screen and (min-width: 768px) {
/*.we-page {background-image: url(https://mitte-x-img-st.istsw.jp/0002/photo/large/PHOTOKORE_a6851515_M.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; background-attachment: fixed; */}
   /* 2016.02.26 */
    .T1 .category-items {max-height: calc(100vh  - 60px - 45px - 65px);max-height: -webkit-calc(100vh - 60px - 45px - 65px);} 
}
.page-category .block-item.photo-list span.block-image { height: 120px; width: 120px;}

/*
    page layout
        top bar: 45px
        content-title: 60px;
        content-container padding-top: 65px;
        content padding-bottom: 45px;
*/
.page-active .content-container > li {
    text-align: center; width: 100%;  overflow-y: auto; min-height: 100%; /*display: table-cell; vertical-align: middle; */
    /* 2016.02.26 */
    position: relative;
    max-height: 90vh; max-height: calc(100vh - 65px - 60px - 45px); max-height: -webkit-calc(100vh - 65px - 60px - 45px) ;
    /*-webkit-overflow-scrolling: touch; */
} 
.page-active .block-item { background-color: transparent!important;}
.page-active .block-item.photo-list { float: none; position: static; /*display: inline-block; */  background-color: transparent; border-width: 0; text-align: center; width: auto; height: 160px;}
.page-active .block-item.photo-list span.block-image {
    margin: 0; display: block;
    border-radius:50%; -moz-border-radius: 8px; -webkit-border-radius: 50%;
    -webkit-box-shadow: 1px 1px 4px rgba(255,255,255,0.3);
    -moz-box-shadow:  1px 1px 4px rgba(255,255,255,0.3);
    box-shadow: 1px 1px 4px rgba(255,255,255,0.3);
    border: 2px solid #ddd;
    background-color: rgba(0,0,0,0.5);
}
.page-active .block-item.photo-list .block-text {margin: 0;padding: 5px 10px;  background-color: transparent; position: static; width: 160px!important; height: auto;}
.page-active .block-item.photo-list .block-text>h4 {font-size: 14px; position: static; /*top: auto; bottom: -30px; */ margin-bottom: 0;
    text-shadow: 
        -1px -1px 0px #5c5c5c,
        1px -1px 0px #5c5c5c,
        1px 1px 0px #5c5c5c,
        -1px 1px 0px #5c5c5c,
        0px 0px 25px rgba(97, 97, 97, 0.7),
        0px 0px 20px rgba(97, 97, 97, 0.7);
}
.page-active .block-item.photo-list span.block-image { width: 120px; height: 120px; padding: 20px; margin: 10px; margin: 0 auto;}
@media (max-width: 1200px) {
    .page-active .block-item.photo-list span.block-image{width: 120px; height: 120px; padding: 20px; }
    .page-active .block-item.photo-list .block-text>h4 {font-size: 14px;}
    .page-active .category-items {
        /* 2016.02.26  */ max-height: calc(100vh  - 55px - 45px - 40px - 65px);max-height: -webkit-calc(100vh  - 55px - 45px - 40px - 65px); 
    }
}
@media (max-width: 767px) {
    .page-active .block-item.photo-list span.block-image{ width: 120px; height: 120px; padding: 20px; }
    .page-active .block-item.photo-list .block-text>h4 {font-size: 11px;}
}
@media (max-width: 480px) {
    .page-active .block-item.photo-list {height: 120px;}
    .page-active .block-item.photo-list span.block-image { width: 80px; height: 80px; padding: 10px; }
    .page-active .block-item.photo-list .block-text{width: 120px!important;}
    .page-active .block-item.photo-list .block-text>h4 {font-size: 11px;}
}

/*.page-active.page-active {background-position: center center; background-repeat: no-repeat; background-size: cover;} */
.page-active .content-container, .page-active .we-page-content  {background: transparent!important;}
/* .page-category.page-active .category-content {display: none;} */
/*
.category-items .category-item { position: relative; width: 100%; height: 100%;text-align: center;}
.category-items .category-item.initial-state { position: absolute; top: 50%; left:50%;}
 */
.category-item>span.block-image.start {opacity: 0; transition: opacity 1s; -webkit-transition: opacity 1s;-o-transition: opacity 1s;}
.category-item>span.block-image.initial-state {position: absolute; top: 50%; left:50%; opacity: 1.0; }
.category-item>span.block-image:active {opacity: 0.7; }

.page-active .content-container, .page-category .content-container {padding-top: 0; /* 2016.01.04 65px;*/ }
.category-levels {display: none;}
.page-active .category-levels { display: none; /*block; */ position: absolute; top: 0; left:0; width: 100%; height: 65px; text-align: center; z-index: 10;}
.page-active .category-levels>.category-level.block-item.photo-list {display:inline-block; height: auto;}
.page-active .block-item.photo-list.category-level>span.block-image {width: 64px; height: 64px; padding: 8px;}
.category-item h4 {/*white-space: nowrap; */overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.category-items {display: block;}   /* cancel display: block */
/*
.page-eventlist .category-items {height: auto; margin-top: 65px;padding-left: 45px;text-align: left; display: block;}
.page-eventlist .category-items h4 {margin-top: 18px; margin-left: 32px;}
.page-eventlist .category-items>.block-item {position: relative; height: 56px!important;}
.page-eventlist .category-items>.block-item p.event-date {display: block; font-size: 80%; position: absolute; left: 40px; top:0; width:100%;  }
 */
.page-active .category-items { padding-left: 45px;padding-top: 10px; text-align: left; display: block;}
.page-active .category-items h4 {margin-left: 32px;}
.page-active.page-eventlist .category-items { /*margin-top: 65px; */}
.page-active.page-eventlist .category-items>.block-item {position: relative; height: 56px!important;}
.page-active.page-eventlist .category-items h4 { margin-top: 18px; }
.page-active.page-eventlist .category-items>.block-item p.event-date {display: block; font-size: 80%; position: absolute; left: 40px; top:0; width:100%;  }

.view-more {position: absolute; bottom: 10px; right:0; padding: 10px; cursor: pointer; color: #fff;}
.view-more:hover {background: transparent; text-decoration: underline;}
.page-eventlist .view-more { border: 1px solid #fff; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px;}
.page-eventlist .view-more:hover {background: #fff; color: #000; text-decoration: none;}
.more-news {text-align:right; float:none; border: none; width: 100%; }
.more-news:hover {background: transparent;}
.home-menu .mobile-selections>li:nth-child(1) {bottom: 86px; }
.mitte-carousel {position: fixed; padding: 0;  margin-bottom: 0; bottom: 60px; left:0; width: 100%; list-style: none; text-align: center; /*background: rgba(0,0,0,0.6); */}
.mitte-carousel > li {
        display: inline-block;
        max-width: 120px;
        padding: 5px 10px;
    }
    .mitte-carousel > li:hover { background: transparent;
    }
.mitte-carousel > li>span {
    width: 96px; height: 96px;
    display: block;
    background-position: center center; background-repeat: no-repeat; background-size: cover;
    margin: 0;
    border-radius:50%; -moz-border-radius: 8px; -webkit-border-radius: 50%;
    -webkit-box-shadow: 1px 1px 4px rgba(255,255,255,0.3);
    -moz-box-shadow:  1px 1px 4px rgba(255,255,255,0.3);
    box-shadow: 1px 1px 4px rgba(255,255,255,0.3);
    border: 2px solid #ddd;
    background-color: rgba(0,0,0,0.5);
}

.move-prev, .move-next {position: fixed;}

/* D5 */
.we-page, .we-page-content, .content-container {background-color: #fff /*transparent*/;}
.page-active .container {height: 100vh;}
.page-active .we-page-content, .page-active .we-content {height: 100vh; margin: 0; box-sizing: border-box;}
.we-page-content {position: relative;}
.we-content-title {position: absolute; top: 45px; left:0; width: 100%; /*height: auto;*/ border-bottom: 2px solid #ddd; z-index: 15; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.page-active .we-content-title {height: auto;}
.page-entry>.we-content-title>h2 /*, .page-event>.we-content-title>h2 */  {display: none;}
.page-active .we-content {padding-top: 135px; /*105px; */}
.we-page .we-content {padding-top:64px;}
@media (max-width: 1199px) {
    .we-page .we-content {padding-top: 85px;}
}
.page-entry .we-content /*, .page-event .we-content */ {padding-top: 4px;}
.mobile-menubutton {display: none;}

.mobile-navbar i {font-size: 20px; width: auto; padding: 0; margin: auto 0; }
.mobile-tools {width: 36px;height: 45px;  padding: 10px 4px; text-align: center; cursor: pointer; }
.mobile-tools>img {width: 28px;}
.mobile-tools>i {width: 28px; padding: 4px;}
.mobile-tools>span {display: none; } 
#mobile-toolbox {display: none;}
.mobile-toolbox {width: auto; white-space:nowrap; float:right; margin-right: 10px;}
.mobile-back {float:left; width: auto; max-width: 30%; white-space: nowrap; overflow:hidden; }
.mobile-back>span {display: inline-block; white-space: nowrap;text-overflow: ellipsis; }
.bottom-bar>ul {padding: 6px 0;}
@media (max-width: 767px) {
    #mobile-toolbox {display: block; padding: 10px 4px;}
    .mobile-toolbox {width: 36px; max-height: 45px; white-space:normal; overflow-y: hidden; background-color: rgba(255,255,255,0.7); transition: max-height 0.5s; -webkit-transition: max-height 0.5s; -moz-transition: max-height 0.5s; }
    .mobile-toolbox.expanded {max-height: 200px; height: auto;width: 48px; text-align: center; padding-bottom: 10px;}
        .mobile-toolbox.expanded .mobile-tools {height: auto; width: auto; padding: 0; float:none;}
    .mobile-toolbox.expanded .mobile-tools>span {display: block;}
    .mobile-tools.we-link>span {font-size: 10px;} 
}
@media (min-width: 992px) {
    .we-page > .container, .page-sitemap>.container { width: 750px; }
}
@media (min-width: 1200px) {
    .we-page > .container, .page-sitemap>.container { /* width: 970px; */ width: calc(100% - 320px); width: -webkit-calc(100% - 360px);}
}
.mobile-navbar { height: 45px; background-color: #fff; color: #000;text-align: left;  overflow: visible;}
.mobile-navbar.top-bar {border-bottom: 1px solid #ddd;}
.mobile-navbar.bottom-bar {border-top: 1px solid #ddd;  text-align: center; height: 60px;}
.mobile-navbar a {color: #000;}
.bottom-bar>ul>li>span {display: block; font-size: 11px; padding: 3px 0;}
.top-logo {height: 70%; text-align: center; padding: 5px 0; margin-top: 7px;}
.top-logo>img {height: 100%; vertical-align: middle; box-sizing: border-box;}
.top-logo>span {font-size: 20px; display: inline-block; padding: 5px 10px; vertical-align: middle;}

.mobile-navbuttons {height: 45px;}
/*
.mobile-menubutton { position: absolute;left: 0; bottom: -45px; height: 45px; padding: 5px; background: #000; color: #fff; }
.mobile-menubutton i {display: none;}
.mobile-menubutton span {display: block; padding: 10px;}
     */
.mobile-nav {position: fixed; background: rgba(255,255,255,0.8); width: auto; height: 100%; top:40px; left :-250px;  z-index: 150; }
.mobile-nav>ul {padding: 5px 0 10px 0; margin-bottom: 0;}
.mobile-nav>ul>li {color:  #000; padding-left: 32px; height: 36px; }

.left-bar>ul>li {background: url(https://mitte-x-img.istsw.jp/chuo-kankou/file/icon/menu-item.png) no-repeat left top; height: 30px; }
.mobile-nav>ul>li>span {/*padding-top: 5px; */ display: block; white-space: nowrap; text-overflow: ellipsis;}
.mobile-nav>ul>li i {display: none;}

.left-bar>ul>li:hover, .left-bar>ul>li.active {background: url(https://mitte-x-img.istsw.jp/chuo-kankou/file/icon/menu-item-sel.png) no-repeat left top;}

.home-menu .mobile-selections > li:nth-child(1) {z-index: 151; bottom: 0;}
.home-menu .mobile-selections > li:nth-child(2),    /* animation icon */
.home-menu .mobile-selections > li:nth-child(3),
.home-menu .mobile-selections > li:nth-child(4),
.home-menu .mobile-selections > li:nth-child(5) { display: none;}
/*.left-bar {opacity: 0; height: auto; top: 44px; width: 100%; left: 0; right: auto; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); border:1px solid rgba(0,0,0,0.3);} */
.left-bar>.menu-nav {display: none;}
.left-bar.shrinked {left: -250px; max-width: 250px;}
.right-bar {padding: 2px 5px; max-height: 446px; overflow: hidden;}
.right-bar>ul>li {max-width: 110px; height: auto; padding:2px; text-align: left; }
./*left-bar>ul>li:nth-last-child(1) {display: none;} */
/* 2016.02.26 */
.page-active .content-container>li {max-height: 90vh; max-height: calc(100vh - 45px - 65px - 65px ); max-height: -webkit-calc(100vh - 45px - 65px - 65px ); }  /* top-bar menu-bar category-items*/
.right-bar.hidden {display: none;}
    /* left menu bar*/

@media (min-width: 1200px) {
    .left-bar {   height: auto; width: auto; width: 160px; top: 50%; left: 0;  right: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);  transform: translateY(-50%);}
    .left-bar>ul {overflow: visible;}
    .left-bar>ul:before {content: "MENU"; display: block; text-align: center; padding: 10px; font-weight: bold; font-style: italic; font-size: 20px; width: 100%;}
    .left-bar>ul>li {display: list-item; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .left-bar>ul>li:hover {font-size: 14px; overflow: visible; }
    .left-bar>ul>li:hover>span {position: absolute; left: 23px; padding-left: 10px; background: #fff; padding-right: 20px; white-space: nowrap; border-top-right-radius: 14px; border-bottom-right-radius: 14px; -webkit-border-top-right-radius: 14px; -webkit-border-bottom-right-radius: 14px; -moz-border-top-right-radius: 14px; -moz-border-bottom-right-radius: 14px;  z-index: -1;}
    .right-bar>ul {padding: 0;}
    .right-bar {width: auto; height: auto;bottom: auto; top: 50%; left:auto; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.mobile-menubutton {display: none;}
}
 
@media (max-width: 1199px) {
    /* horizontal top menu */
    .left-bar {height: auto;  top: 44px; width: 100%; left: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 
    .left-bar>.menu-nav {display: block; width: 20px; height: 2em; text-align: center;  opacity: 0; position: absolute; left:0; top:0; padding-top: 6px; background-color: #fff;}
    #menu-right {left:auto; right: 0;}
    .left-bar>ul {margin: 0; padding: 0 20px; text-align: center; width: auto; height: 2em; overflow: hidden; white-space: nowrap; /*text-overflow: ellipsis; */}
    .left-bar>ul>li {display: inline-block; background-image: none; padding-left: 10px;}
    .left-bar>ul>li.active {display: inline-block!important;}
    .left-bar>ul>li:hover, .left-bar>ul>li.active {background-image:none; background-color: rgba(255,255,255,1.0);}
    .left-bar>ul>li>span {padding-top: 0;}
    .left-bar>ul>li>span>i {display:none;}
    .right-bar {width: 100%; height: auto; top : auto; right: auto; left: 50%;  bottom: 0;-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
    .right-bar>ul { margin-bottom: 0; text-align: center;}
    .right-bar>ul>li { display: inline-block;}
    .home-menu .mobile-selections > li:nth-child(1) {bottom:97px; }
    .mitte-carousel {bottom: 124px;}
    /*.left-bar>ul>li:nth-child(8), .left-bar>ul>li:nth-child(9) {display: none;} */
    .left-bar>ul>li:nth-last-child(1) {display: inline-block;}
    /*.category-levels {top: 50px; } */
    .right-bar {display: none!important;}
    .page-active .we-content {padding-top: 151px; /* 45 + 40 + 62 + 1 */  }
    .we-content {padding-top: 85px;}
    .page-entry .we-content {padding-top: 30px;}
    .we-content-title {top: 70px;}
.mobile-menubutton {display: none;}
}
@media (max-width: 767px) {
    /* right side menu bar */
    .left-bar {top: 45px; width: 100%; max-width: 100%; height: 100%; left: auto; right: 0;}
    .left-bar.shrinked {left: auto; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%);}
    .left-bar>ul {text-align: left; height: auto; white-space:normal; padding: 0;}
    .left-bar>ul>li {width: 100%;}
    .left-bar>ul>li:hover, .left-bar>ul>li.active {border-bottom: 1px solid #555;}
    .left-bar>.menu-nav {display: block;}
   /*.left-bar>ul>li {display: list-item;} 
    .left-bar>ul>li>span>i {display:inline-block;}
     */
    .mobile-nav>ul>li {display: list-item; color:  #000; padding-left: 45px; height: 36px; background: url(https://mitte-x-img-st.istsw.jp/0002/file/icon/menu-item.png) no-repeat left top; }
    .mobile-nav>ul>li:hover, .mobile-nav>ul>li.active {background: url(https://mitte-x-img-st.istsw.jp/0002/file/icon/menu-item-sel.png)  no-repeat left top; }
    .mobile-nav>ul>li>span {padding-top: 5px; display: block;}
    .mobile-nav>ul>li i {display: none;}
    .right-bar {display: none!important;}
    .mitte-carousel {bottom: 50px;}
    .home-menu .mobile-selections > li:nth-child(1) {bottom:0; }
    .left-bar>ul>li:nth-child(8), .left-bar>ul>li:nth-child(9) {display: block;}
    /*.left-bar>ul>li:nth-last-child(1) {display: none;} */
    .category-levels {top: 0; }
    .page-active .we-content {padding-top: 111px;  }
    .we-content {padding-top: 65px;}
    .page-entry .we-content {padding-top: 4px;}
    .we-content-title {top: 45px;}
        .we-content-title > h2 {
            font-size: 16px;
        }
.mobile-menubutton {display: block; float:right;}
}
.left-bar {transition: all 0.7s; -webkit-transition: all 0.7s; }

.mobile-tools {float:right;}
.mobile-tools.mobile-back {float:left;}

.place-top {display: none;} /* display icons on top to left nav only on small size screen */
.mobile-edit {position: static!important; float:right;}
.move-prev, .move-next {top: 50px; font-size: 30px; margin: 10px; padding: 0; text-align: center; width: 36px; height: 36px;  line-height: 36px; color: rgba(0,0,0,0.7); border: 1px solid #ddd; z-index: 300; opacity: 1.0;     -moz-border-radius: 18px;-webkit-border-radius: 18px;border-radius: 18px; background-color: rgba(255,255,255,0.7);}
.move-prev:hover, .move-next:hover { background-color: rgba(255,255,255,1.0);}
.page-eventlist .move-prev, .page-eventlist .move-next {bottom: auto; top: 48px;}
/*
.mitte-tools.mobile-selections {position: fixed; top: 0; right:0; z-index: 201; background: transparent; margin-bottom: 0;}
.mitte-tools.mobile-selections .mitte-title {display: none;}
.mitte-tools.mobile-selections>li {width: auto; background: transparent; color: #ffffff;}
.mitte-tools.mobile-selections>li>.block-text {display: none;}
 */
.bk-image>h2 {position: absolute; text-align: center;  top:35%; left:50%; font-size:40px;-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);
        color: #ffffff;
        text-shadow:
        0 -1px rgba(0,0,0,0.2),
        1px 0 rgba(0,0,0,0.2),
        0 1px rgba(0,0,0,0.2),
        -1px 1px rgba(0,0,0,0.2);

}
@media (max-width: 767px) {
    .bk-image>h2 {font-size: 24px;}
}
.we-page .home-topics {display: none;}
.we-page.active .home-topics {display: block;}
.page-home {overflow: hidden;}
.page-home-item .home-topics {
    /* position: absolute; bottom: auto; top: 85%;  left: 0; 
    max-height: 100vh; max-height: calc(100vh - 50px);  max-height: -webkit-calc(100vh - 50px); 
     */
    position: relative;
    top: auto;
    margin-top: 85vh;
    width: 100%;
    max-width: none;
    background-color: rgba(255,255,255,0.8);
    padding: 10px 0; z-index: 160; 
    -webkit-transition: all 0.7s;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}
.page-home-item .home-topics.expanded { margin-top: 60vh; min-height: 40vh;}

.page-home-item .home-topics h3 {margin-top: 10px; margin-bottom: 14px;}
.page-home-item .home-topics h4 { border-bottom: 2px solid #E91E63;}
.page-home-item .home-topics>ul {padding: 0; position: relative; margin: 0; display: block;border-top: 3px solid #fff;}
.page-home-item .home-topics>ul>li {list-style: none; display: inline-block; padding: 10px 20px 10px 30px; margin:0;}
.page-home-item .home-topics .info-list {float: left; width: 40%;}
.page-home-item .home-topics h3>img {max-height:48px; }
.page-home-item .home-topics .info-list ul {padding-left: 0; }
.page-home-item .home-topics .info-list li { list-style-type: none;}
.page-home-item .home-topics .info-list>ul>li>ul>li { /*padding-left: 6em; text-indent: -6em; */ width: 100%; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; cursor: pointer;}
.page-home-item .home-topics .info-list>ul>li>ul>li:hover {background-color: rgba(0,0,0,0.3);}
.page-home-item .home-topics .info-list h4 {margin: 10px 0;}
.page-home-item .home-topics .info-topics {margin-left: 20px;width: 55%; width: calc(60% - 20px); width: -webkit-calc(60% - 20px);}
.page-home-item .home-topics .info-topics>ul {position: relative; padding: 0; /*max-height: 320px; overflow-y: auto; */}
.page-home-item .home-topics .info-topics>ul>li {/*width: 150px; height: 130px;*/ width: 16.66%; height:auto;  list-style: none; display: inline-block; vertical-align: top; overflow: hidden; padding: 0 10px 10px 10px; text-align: center; cursor: pointer;}
.page-home-item .home-topics .info-topics>ul>li>img {border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
@media (max-width: 1199px) {
    /*
    .T1 .home-topics .info-list {width: 320px; }
    .T1 .home-topics .info-topics {width: 360px; }
     */
    .page-home-item .home-topics .info-topics > ul > li { /*width: 110px;  height: 110px; */ width: 25%; }
    .move-prev, .move-next { top: 72px; }
    .page-eventlist .move-prev, .page-eventlist .move-next {top: 72px;}
}
@media (max-width: 767px) {
    .page-home-item .home-topics .info-list {width: 40%; }
    .page-home-item .home-topics .info-topics {width: 55%; }
    /*
    .T1 .home-topics .info-topics>ul>li {width: 100px; height: 100px;}
    .T1 .home-topics .info-topics>ul {max-height: 200px;}
     */
    .page-home-item .home-topics .info-topics>ul>li {/*width: 100%; height: auto; */ width: 33.3%; }
    .page-home-item .home-topics .info-topics>ul {max-height: none; overflow-y: visible;}
    .move-prev, .move-next {opacity: 0;}
}
@media (max-width: 480px) {
    .top-logo>span {font-size: 16px;}
/*    .mobile-navbuttons>.mobile-tools {display: none;}*/
    .left-bar .place-top {display: block;}
    #button-menu {display: block;}
    .page-home-item .home-topics .info-list {width: 100%; }
    .page-home-item .home-topics .info-topics {width: 100%; margin-left: 0; }
    .page-home-item .home-topics .info-topics>ul>li {/*width: 100%; height: auto; */ width: 50%; }
    .mobile-back>span {display: none;}
}
.page-home-item .home-topics .info-topics>ul>li span {font-size: 12px; display: block; padding: 3px 0;}
.info-list .block-text {max-height: 36px; overflow-y: hidden;}
.button-expand {
    position: absolute;
    left: 0;
    text-align: center; /*transform: translateX(-50%); */
    top: -25px;
    width: 100%;
    height: 50px;
    z-index: 161;
}
.button-expand>i {
    cursor: pointer;
    color: #777; padding: 10px 10px;
    /* */
    border: 1px solid #fff;
    background-color: rgba(255,253,0,0.8); 
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    /* */
    font-size: 24px; text-align: center;
}
.button-expand>i:active {background-color: rgba(255,255,255,0.8);}
/*.T1 .button-expand {display:none;} */

.mobile-popup {display: none; position: absolute; bottom: 45px; right: 20%; text-align: left; background-color: rgba(255,255,255,0.9); border: 1px solid #ddd;}
.mobile-popup>li {display: block; width: auto; height: auto; padding: 5px 10px; cursor: pointer;}
.mobile-popup>li:hover {background-color: rgba(0,0,0,0.3);}
.we-link:active {background-color: rgba(255,255,255,0.9);}

.home-chara {position: absolute; width:40%; min-width: 240px; z-index: 5; bottom: 15%; left: 160px;}
.home-chara {left: 160px; top: 75vh; top: calc(85vh - 312px ); top: -webkit-calc(85vh - 312px);}
@media (max-width: 767px) {
    .home-chara { left:10px; top: calc(85vh - 252px ); top: -webkit-calc(85vh - 252px);}
}
.home-chara>img {width: 100%; filter: drop-shadow(0 0 10px #fff); -webkit-filter: drop-shadow(0 0 10px #fff);-moz-filter: drop-shadow(0 0 10px #fff); -ms-filter: drop-shadow(0 0 10px #fff);}
.home-chara>.home-chara-message {position: absolute; left: 43%; bottom:27%; background-color: #fff; padding: 15px; -moz-border-radius: 6px;  -webkit-border-radius: 6px; border-radius: 6px;}
.home-chara>.home-chara-message>h4 {font-size: 16px; white-space: nowrap; color: #f00;}
.home-chara>.home-chara-message>ul {font-size: 14px; list-style: none; margin: 0; padding: 5px 10px;}
.home-chara>.home-chara-message>ul>li {line-height: 1.5em;}
/* Top Page Design Pattern-2 */
.title-icon {display: none;}
.page-active h2, .page-sitemap h2 {font-size: 24px;}
.page-active h2>.title-icon {display: inline-block; text-align: center; height: 64px; width: 64px; margin-right: 20px; /*padding: 10px; background-color: #fff;  border-radius: 32px;  -moz-border-radius: 32px; -webkit-border-radius: 32px; */  }
.page-active h2>.title-icon>img {max-height: 100%; margin: 0 auto;}
.page-active.active>bk-image {opacity: 0; z-index: 0; transition: all 1s; -webkit-transition: all 1s; -webkit-transition: all 1s;-moz-transition: all 1s;}
.crossfade {animation: crossfade 1s linear; -webkit-animation: crossfade 1s linear; -moz-animation: crossfade 1s linear;}
@-webkit-keyframes crossfade { 0% {opacity: 0;}  100% { opacity: 1; }}
@keyframes crossfade { 0% { opacity: 0;}100% { opacity: 1; }}

.page-active:nth-child(even) .bk-image {left: 50%; width: 50%;}
.page-active:nth-child(odd) .bk-image {left: 0; width: 50%;}
.page-active:nth-child(even) .we-content {margin-right: 50%; width: 50%;}
.page-active:nth-child(odd) .we-content {margin-left: 50%;width: 50%;}
.page-active:last-child .we-content {margin-left: 0; width: 100%;}
.page-active.page-sitemap .we-content {margin-left:0; width: 100%; padding-top: 95px;}
.page-active.page-sitemap .category-items {display: none;}
/*
.page-active:nth-child(2) {background-color: #ff69b4;}
.page-active:nth-child(3) {background-color: #ba55d3;}
.page-active:nth-child(4) {background-color: #00bfff;}
.page-active:nth-child(5) {background-color: #32cd32;}
.page-active:nth-child(6) {background-color: #9acd32;}
.page-active:nth-child(7) {background-color: #bdb76b;}
.page-active:nth-child(8) {background-color: #ffa500;}
.page-active:nth-child(9) {background-color: #ff8c00;}
.page-active:nth-child(10) {background-color: #d2691e;}
.page-active:nth-child(11) {background-color: #696969;}
 */
.page-active.theme-1, .theme-1 .we-content-title {background-color: #ff69b4; color: #fff;}
.page-active.theme-2, .theme-2 .we-content-title {background-color: #ba55d3; color: #fff;}
.page-active.theme-3, .theme-3 .we-content-title {background-color: #00bfff; color: #fff;}
.page-active.theme-4, .theme-4 .we-content-title {background-color: #32cd32; color: #fff;}
.page-active.theme-5, .theme-5 .we-content-title {background-color: #9acd32; color: #fff;}
.page-active.theme-6, .theme-6 .we-content-title {background-color: #ffa500; color: #fff;}
.page-active.theme-7, .theme-7 .we-content-title {background-color: #bdb76b; color: #fff;}
.page-active.theme-8, .theme-8 .we-content-title {background-color: #ff8c00; color: #fff;}
.page-active.theme-9, .theme-9 .we-content-title {background-color: #d2691e; color: #fff;}
.page-active.theme-10, .theme-10 .we-content-title {background-color: #696969; color: #fff;}
.page-active.theme-11, .theme-11 .we-content-title {background-color: #3d6391; color: #fff;}
.page-active.theme-12, .theme-12 .we-content-title {background-color: #458d84; color: #fff;}

.theme-1 .we-title, .theme-2 .we-title, .theme-3 .we-title, .theme-4 .we-title, .theme-5 .we-title, .theme-6 .we-title, .theme-7 .we-title, .theme-8 .we-title, .theme-9 .we-title, .theme-10 .we-title, .theme-11 .we-title, .theme-12 .we-title {background-color: transparent; padding-top: 10px; color: #fff;}

.T1 .page-active.page-home>.bk-image {width: 100%;}
.T1 .top-menu {display:none;}

.T1 .page-active .we-content-title {background: transparent;  color: #fff; text-align: left; padding: 20px 0 10px 30px; border: none;}
.T1 .page-active .content-container>li {text-align: left;}
.T1 .category-item {width: 100%; padding: 5px 0; }
.T1 .category-item:active {background-color: rgba(255,255,255,0.3);}
.T1 .page-active .block-item.photo-list span.block-image {display: none;}
.T1 .page-active .block-item.photo-list {width: 100%; height: auto; /* 2016.02.26 height: 40px; */ text-align: left;}
.T1 .page-active .block-item.photo-list .block-text>h4 {width: auto; font-size: 18px; text-shadow: none; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis;}
.T1 .page-active .block-item.photo-list .block-text {position: relative; width: 100%!important; font-size: 18px; text-align: left; padding: 5px 20px 5px 10px;}
.T1 .page-active .block-item.photo-list .block-text:before {content: "\f138"; position: absolute; left:10px; bottom: 10px; /*padding-right: 18px; */  font: normal normal normal 18px/1 fontAwesome; text-rendering: auto; }
.T1 .page-active .block-item.photo-list.category-frame {height: 40px;}
/*
.page-active:nth-child(11) .we-content {margin-left:0; margin-right: 0;}
 */
@media (min-width: 1200px) {
    .T1 .page-active .block-item.photo-list { /* 2016.02.26 height: 55px; */}
    .T1 .page-active .block-item.photo-list.category-frame {height: 50px;}
    .T1 .page-active .block-item.photo-list .block-text>h4 {font-size: 22px;}
}
@media (max-width: 767px) {
    .T1 .page-active:nth-child(even) > .bk-image { left: 0;  width: 100%;}
    .T1 .page-active:nth-child(odd) > .bk-image {left: 0; width: 100%;}
    .T1 .page-active:nth-child(even) .we-content { margin-top: 50%; margin-top: 25vh; height: 75vh; margin-right: 0;    width: 100%; }
    .T1 .page-active:nth-child(odd) .we-content { margin-top: 50%;  margin-top: 25vh; height: 75vh; margin-left: 0;  width: 100%; }
    /* .block-item.photo-list { height: 35px;} */
    .T1 .page-active .block-item.photo-list.category-frame {height: 28px;}
    .T1 .block-item.photo-list .block-text > h4 { font-size: 14px; }
    .T1 .category-items { height: 55vh;  }
    .T1 .page-active .content-container>li, .page-active .category-items { background-color: rgba(0,0,0,0.5);}
    .T1 .we-page.page-active .we-content-title {background: rgba(0,0,0,0.5); top: 55px; padding-top: 10px;}
    .T1 .page-active .block-item.photo-list {height: 28px;}
    .T1 .page-active .block-item.photo-list .block-text>h4 {font-size: 16px;}
    .T1 .page-active h2 {font-size: 22px;}
    .T1 .page-active h2>.title-icon {width: 48px; height: 48px;}
}
.T1 .category-item.start {opacity: 0; transition: opacity 1s; -webkit-transition: opacity 1s;-o-transition: opacity 1s;}
.T1 .category-item.initial-state {position: absolute; top: 0; left:0; opacity: 1.0; }
.T1 .page-active .category-content {padding-bottom: 0; display: block; /*none; */} /* カテゴリーテキスト非表示 */
.T1 .custom-content {background-color: #fff;}

/* チャレンジクイズ*/
.quiz-page {display: none; position: relative; font-size: 16px; max-width: 780px; margin: 20px auto; }
.quiz-main-area {position: relative;}
.quiz-answer-area { position: relative; overflow: hidden; max-height: 1000px; transition:all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; }
.quiz-answer-area.shrink {max-height: 0;}
.quiz-result-area {position: relative; margin-top: 20px;}
.quiz-senta {text-align: center; position: absolute; right:0; top:0; width: 40%; text-align: left; }
.quiz-main {width: 60%;}
.quiz-senta img {height: 240px; max-height: 100%;}
.whatis-senta {font-size: 10px; padding: 10px;}
.quiz-fukidashi {
    position: absolute; right:0; top:0; width: 160px; padding: 10px; text-align: center; font-size: 12px;
     background-color: rgba(255,255,255,1.0); color: #000;
     border: 1px solid #999;
    -webkit-border-top-left-radius: 60px 60px;
    -webkit-border-top-right-radius: 60px 60px;
    -webkit-border-bottom-right-radius: 60px 60px;
    -webkit-border-bottom-left-radius: 60px 60px;
    -moz-border-radius: 80px / 60px;
    border-radius: 80px / 60px;

}
.quiz-fukidashi:before {
    content:""; position:absolute; bottom: -12px; left:10px;
    height: 16px; width: 16px;
    background-color: rgba(255,255,255,1.0);
    border: 1px solid #999;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px; 
}
.quiz-fukidashi:after {
    content:""; position:absolute; bottom: -18px; left:0;
    height: 10px; width: 10px;
    border: 1px solid #999;
     background-color: rgba(255,255,255,1.0);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px; 
}
@media (max-width: 767px) {
    .quiz-fukidashi:before {
        left: auto; right:75px;
    }
    .quiz-fukidashi:after {
        left: auto; right:88px;
    }

}
@media (max-width: 480px) {
        .quiz-fukidashi:before {
        left: 10px; right:auto;
    }
    .quiz-fukidashi:after {
        left: 0; right:auto;
    }

.quiz-senta {position: relative; margin-bottom: 20px; width: 100%; text-align: center;}
.quiz-main {width: 100%;}
}
#quiz-btn-start {font-size: 20px; text-align: center; width: 120px; height: 120px; margin: 50px auto; padding: 36px 20px;  background-color: rgba(10, 114, 157, 0.63); color: #fff;  border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; cursor: pointer;}
#quiz-btn-start:hover {background-color:rgba(10, 114, 157, 1.0); }
#quiz-btn-whatis {width: 160px; margin: 20px auto; text-align: center;}
#quiz-btn-note {font-size: 12px; width: 360px; margin: 10px auto; text-align: center;}
.quiz-page h3 {font-size: 24px; margin-bottom: 10px;}
#quiz-question, #quiz-final { border: 1px solid #802020; padding: 20px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
#quiz-question>img {float:right; padding-left: 10px; width: 30%;}
#quiz-question:after {content:""; display: block; clear:both;}
#quiz-answers {padding: 20px; }
#quiz-answers>li {position: relative; list-style: none; padding: 20px 10px; padding-left: 46px; text-indent: -46px; margin: 5px 0; color: #fff; background-color: rgba(128, 32, 32, 1.00); cursor: pointer; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#quiz-answers>li:hover {background-color:rgba(128, 32, 32, 0.5);  }
#quiz-answers>li.active {background-color: #0000ff;}
#quiz-answers>li>span {padding: 0 10px;}
.quiz-answer-number {background-color: #fff; color:#802020; margin-left: 5px; padding: 5px 10px!important; border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px;  }
#quiz-btn-answer, #quiz-btn-next {max-width: 200px; text-align: center; padding: 10px; margin: 0 auto;  cursor: pointer; background-color: #ddd; border: 1px solid #777;}
#quiz-btn-next {  background-color: #802020; color: #fff;}
#quiz-btn-next:hover {rgba(128, 32, 32, 0.5); }
#quiz-result {text-align: center; font-size: 24px; padding: 20px;}
#quiz-explanation {border: 1px solid #999; background-color: #fdf3d5; padding: 20px; margin-bottom: 20px; }
.quiz-correct {float:right;}
.quiz-note {font-size: 12px; margin-top: 10px;}
.quiz-ans-mark {display: block; text-indent: 0; position: absolute; bottom:10px; right: 10px; opacity: 0; background-color: #ffd800; color: #000; padding: 10px!important; border: 1px solid #000; }
.quiz-ans-mark.good {opacity: 1.0; background-color: rgba(255, 216, 0, 0.86); border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
.quiz-ans-mark.bad {opacity: 1.0; background-color: rgba(238, 238, 238, 0.86); border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
.quiz-ans-mark.correct {opacity: 1.0; background-color: rgba(245, 180, 0, 0.86);}
#quiz-final {margin-bottom: 20px;}
#quiz-buttons>span {border: 1px solid #777; background-color: #ddd; display: inline-block; min-width: 120px; text-align: center; padding: 10px; margin-right: 5px; cursor: pointer; }
#quiz-buttons>span:hover {background-color: #eee;}
#quiz-answer-warning {
        display: none; opacity:0; padding: 20px; background-color: #fef985; border: 1px solid #ddd; 
        border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;
        position: absolute; top: 50%; left:50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); 
        transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s;

}
/*
.page-entry>.we-content-title>h2 {display: block;}
.page-entry .we-title {margin-top: 55px; padding-top: 20px; color: #000;}
 */
.page-entry .we-title,
.page-event .we-title {position: absolute; top:0; left:0; z-index: 16; border-bottom: none; }
.page-entry .content-container>li>.block-item.photo-list,
.page-event .content-container>li>.block-item.photo-list {padding-top: 65px;}
.page-entry .we-title>h3,
.page-event .we-title>h3 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.page-event .we-title { color: #000; display:none;}

/* 江戸まち歩き　*/
.EDOMACHI.we-page.full-type .category-content.category-tab {background-color: #FEF4D9;}
.EDOMACHI.we-page.full-type ul.category-detail-list>li .img-frame>img {margin-top: -15%; margin-bottom: -15%;}
.EDOMACHI.we-page.full-type .photo-list:nth-child(1) { background-color: #F1E4BA;}
.EDOMACHI.we-page.full-type .photo-list:nth-child(2) { background-color: #FEF4D9;}
.EDOMACHI.we-page.full-type .photo-list:nth-child(2) .category-detail-list>li {width: 33.3%; }
.EDOMACHI.we-page.full-type .photo-list:nth-child(3) { background-color: #F5F2E3;}
.EDOMACHI.we-page.full-type .photo-list:nth-child(4) { background-color: #F1E4BA;}
.EDOMACHI.we-page.full-type .photo-list:nth-child(5) { background-color: #FEF4D9;}
.EDOMACHI.we-page.full-type .photo-list:nth-child(6) { background-color: #F5F2E3;}
.EDOMACHI.we-page.full-type .photo-list:nth-child(7) { background-color: #F1E4BA;}
.EDOMACHI.we-page.full-type ul.category-detail-list>li h4:before {content: "■ ";}
.EDOMACHI.we-page.full-type ul.content-detail-list>li .entry-title {background-color: #E85C99;}
.EDOMACH.we-page.full-type ul.content-detail-list>li .entry-title>h4 {margin-left: 10px; padding: 10px 0 10px 10px; background-color: #DC0666; color:white;}
.EDOMACHI.we-page.full-type ul.content-detail-list>li .entry-title>p {margin-left: 10px; padding: 0 0 10px 10px;  background-color: #DC0666; color:white; font-size: 85%;}
.EDOMACHI.we-page.full-type ul.content-detail-list>li .img-frame {width: 35%; display: inline-block; vertical-align: top;}
.EDOMACHI.we-page.full-type ul.content-detail-list>li .text-frame {width: 65%; display: inline-block; }
.EDOMACHI.we-page.full-type ul.content-detail-list>li .text-frame.no-image {width: 100%;}
.EDOMACHI.we-page.full-type ul.content-detail-list>li .text-frame>.entry-text {padding: 10px 10px 10px 25px;}
.EDOMACHI.we-page.full-type ul.content-detail-list>li .text-frame>.entry-text h4 {font-size: 14px; background-color: #948B54; color: white; margin-bottom: 5px; padding: 3px 10px;}
.EDOMACHI.we-page.full-type ul.content-detail-list>li .text-frame>.entry-text th {text-align: left; font-weight: normal;}
.EDOMACHI.we-page.full-type ul.content-detail-list>li .text-frame>.entry-text table {border:none;}


.edomachi-title {background-color: #fee5fc; }
.we-page video {width: 100%; height: auto;}
.edomachi-title.travel {background-color: #fcf8d8}
.edomachi-title p {padding: 10px 20px; margin:0;}
.edomachi-title:after {content:""; clear:both; display: block;}
.edomachi-pr {display: table; padding:20px; width:100%;}
.edomachi-pr>div {display: block; width: 100%;}
.edomachi-pr>p {width: 100%; padding: 20px; font-size: 85%;padding-bottom:40px; 
    display: -webkit-box;-webkit-box-orient: vertical;  -webkit-line-clamp: 4; display: -moz-box;-moz-box-orient: vertical;  -moz-line-clamp: 7;
}
.edomachi-link {color: white; text-align:center; background-color:#FE8ABB; position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; padding: 20px; font-size: 120%; }
.edomachi-block {display:table-cell; text-align: center; background-color:#FE8ABB; color: white; font-size: 120%;}
.edomachi-button-warning {width: 160px; text-align: center; color: white; padding: 10px 20px; margin: 0 auto; background-color: #e43a9e; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.edomachi-button-contact {width: 80%; margin: 0 auto!important; text-align: center; color: white; padding: 10px 20px; margin: 0 auto; background-color: #6f452a; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.travel-title {text-align: center; padding: 10px; background-color:#6f452a ; color:white;}
.travel-title>h3 {margin:0!important;}
.row-block, .row-block-inner {display: table; width: 100%;}
.left-span {width:38.8%; display: table-cell;position: relative; vertical-align: top;}
.right-span {width:61.2%; display: table-cell;}
.right-span .row-block-inner>div {display: table-cell; width: 25%;}
.left-span .row-block-inner>div {display: table-cell; width: 50%;}
.right-span>img {width: 100%;}
@media (max-width: 767px) {
    .right-span, .left-span {display: block; width: 100%;}
}
@media (min-width: 1400px) {
    .edomachi-pr>p {font-size: 125%;}
}
.edomachi-entrance {margin-top: 20px;}
.edomachi-entrance ul {list-style:none; padding: 0; display: table; }
.edomachi-entrance>ul>li {display: table-cell; width: 33.3%; vertical-align: top; margin: 10px 3px; padding: 15px 15px 120px 15px; position: relative;}
.edomachi-entrance>ul>li>h3 {text-align: center; padding-top: 10px;}
.edomachi-entrance>ul>li>p {padding: 10px 20px 5px 20px;}
.edomachi-entrance>ul>li>.edomachi-link-1, .edomachi-entrance>ul>li>.edomachi-link-2, .edomachi-entrance>ul>li>.edomachi-link-3 {min-height: 128px; width: 98%; width: calc(100% - 20px); width: -webkit-calc(100% - 20px); text-align: center; padding: 20px; position: absolute; left:50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);bottom:0;}
.edomachi-entrance>ul>li:nth-child(1) .edomachi-link-1 { border-bottom: 3px solid #2A979C;}
.edomachi-entrance>ul>li:nth-child(1) h3 {color: #20696F;border-top: 3px solid #2A979C;}
.edomachi-entrance .edomachi-button {color:white; padding: 10px 0; font-size: 120%; width: 240px; margin:0 auto; }
.edomachi-entrance .edomachi-link-1 {background-color:#D6F9FB; }
.edomachi-entrance .edomachi-link-1>.edomachi-button {background-color:#6ABBBF; }
.edomachi-entrance .edomachi-link-2 {background-color:#C1FAC5; }
.edomachi-entrance .edomachi-link-2>.edomachi-button {background-color:#5FBD65;}
.edomachi-entrance .edomachi-link-3 {background-color:#F7CBF7; }
.edomachi-entrance .edomachi-link-3>.edomachi-button {background-color:#BA55D3;}
.edomachi-entrance>ul>li:nth-child(2) .edomachi-link-2 { border-bottom: 3px solid #35A93E;}
.edomachi-entrance>ul>li:nth-child(2) h3 {color: #226F21;border-top: 3px solid #35A93E;}
.edomachi-entrance>ul>li:nth-child(3) .edomachi-link-3 { border-bottom: 3px solid #EE82EE;}
.edomachi-entrance>ul>li:nth-child(3) h3 {color: #800080;border-top: 3px solid #EE82EE;}
@media (max-width: 767px) {
    .right-span, .left-span {display: block; width: 100%;}
    .edomachi-entrance>ul>li {width: 100%; display: block;}
}
.we-page.full-type .category-items {height: auto; max-height: none; overflow-y: hidden;}
.we-page.full-type .category-frame {padding: 0 15px 10px 15px ;}
.we-page.full-type .category-content, .we-page.full-type .category-content>.block-text  {padding: 0;}
.we-page.full-type .category-item>.block-text {padding: 0;}
.we-page.full-type .category-item>.block-text>h4 {text-align: center; font-size: 18px; margin-bottom: 15px;}
/*.we-page.full-type .photo-list { background-color: #F1E4BA;} */
.we-page.full-type ul.category-detail-list, .we-page.full-type ul.content-detail-list {list-style:none; padding:0;}
.we-page.full-type ul.category-detail-list>li, .we-page.full-type ul.content-detail-list>li {display: inline-block; vertical-align: top; width: 50%; padding: 15px;}
.we-page.full-type .we-link:hover { background-color: rgba(0,0,0,0.1);}
.we-page.full-type ul.category-detail-list>li .img-frame {overflow: hidden;}

.we-page.full-type ul.content-detail-list>li {width: 100%;  padding-right: 0;}
.we-page.full-type ul.category-detail-list>li h4 {padding: 10px 0;}

.we-page.full-type ul.content-detail-list>li .entry-title>h4 {margin-left: 10px; padding: 10px 0 10px 10px; }
.we-page.full-type ul.content-detail-list>li .entry-title>p {margin-left: 10px; padding: 0 0 10px 10px;  font-size: 85%;}
.we-page.full-type ul.content-detail-list>li .img-frame {width: 35%; display: inline-block; vertical-align: top;}
.we-page.full-type ul.content-detail-list>li .text-frame {width: 65%; display: inline-block; }
.we-page.full-type ul.content-detail-list>li .text-frame.no-image {width: 100%;}
.we-page.full-type ul.content-detail-list>li .text-frame>.entry-text {padding: 10px 10px 10px 25px;}
.we-page.full-type ul.content-detail-list>li .text-frame>.entry-text h4 {font-size: 14px;  margin-bottom: 5px; padding: 3px 10px;}
.we-page.full-type ul.content-detail-list>li .text-frame>.entry-text th {text-align: left; font-weight: normal;}
.we-page.full-type ul.content-detail-list>li .text-frame>.entry-text table {border:none;}

.GUIDE.we-page.full-type ul.content-detail-list>li,
.GUIDE.we-page .entry-list {width: 20%;  padding-right: 0;}
.GUIDE.we-page.full-type ul.content-detail-list>li .img-frame,
.GUIDE.we-page .image-list {width: 100%; display: block; vertical-align: top;}
.GUIDE.we-page.full-type ul.content-detail-list>li .text-frame,
.GUIDE.we-page .entry-list>.block-text {width: 100%; display: block; padding: 0;}
.GUIDE.we-page.full-type ul.content-detail-list>li .entry-details,
.GUIDE.we-page .entry-details {/*display: none; */width: auto; float: right; margin: 10px; padding: 10px; border: 1px solid #696969; background-color: #fff0dc;}
.GUIDE.we-page.full-type ul.content-detail-list>li .entry-title>h4,
.GUIDE.we-page h4.entry-title {margin:0; padding: 10px 0 10px 10px;}
.GUIDE.we-page.full-type ul.content-detail-list>li .entry-text,
.GUIDE.we-page .entry-text {padding: 5px 0;}
.GUIDE.we-page.full-type .category-item>.block-text>h4 {padding: 10px 0; background-color: rgb(8, 54, 138); color: #fff;}
.page-entry .ichiran {display: none;}
.page-category .kobetu, .page-entrylist .kobetu {display: none;}
.GUIDE .category-item .category-title {display: none;}
.GUIDE .category-tab {display: none;}

.page-sitemap .we-content-title {position: relative; top:auto; color: inherit; background-color: transparent; text-align: left; padding: 20px 0 10px 30px;}
.page-sitemap .sitemap { max-height: calc(100vh - 250px); /*position: absolute; top:0; left:0; right:0; bottom:0;*/ background-color: transparent; color: inherit; /*overflow-y: auto; */}
.page-active.page-sitemap .content-container>li {min-height: 0; max-height: calc(100vh - 200px)!important;}
.sitemap {background-color: #696969; color: #fff;   /* max-height: 90vh; max-height: calc(100vh - 65px - 60px - 45px); max-height: -webkit-calc(100vh - 65px - 60px - 45px) ; */}
.sitemap>.sitemap-span {width: 49%; display: inline-block; vertical-align: top;}
@media (max-width: 767px) {
    .sitemap > .sitemap-span { width: 100%;}
    .GUIDE.we-page.full-type ul.content-detail-list>li {width: 50%;}
}
.GUIDE.we-page .content-detail-list {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.GUIDE.we-page.full-type ul.content-detail-list>li {max-height: 1000px; position: relative; padding-bottom: 50px;}
.GUIDE.we-page.full-type ul.content-detail-list>li .entry-details {position: absolute; right:0; bottom:0;}

.sitemap li.parent {list-style:none;}
.sitemap .expand-list {display: inline-block; cursor: pointer; margin-left: -1.3em; margin-right: 0.2em; margin-bottom: 0; }
.sitemap li>.expand-list:before {content: "\f196"; display: inline-block; text-rendering: auto; font: normal normal normal 14px/1 FontAwesome; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.sitemap li.expanded>.expand-list:before {content: "\f147"; display: inline-block; text-rendering: auto; font: normal normal normal 14px/1 FontAwesome; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.sitemap .parent>ul {max-height: 0; overflow:  hidden; padding-left: 20px; transition: max-height 0.7s; -webkit-transition: max-height 0.7s; -moz-transition: max-height 0.7s;}
.sitemap .parent.expanded>ul {max-height: 1000px;}
.sitemap .sitemap-item {cursor: pointer;}

.photo-rental { float: right; padding: 5px 10px; background-color: #a0ddfb; border: 1px solid #777; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px;}
.info-list .news-icon {width: 28px; text-align: center; display: inline-block;}
.info-list .block-caption {padding: 5px; text-align: center; border-top: 1px solid #777;}
#contact-completed { max-width: 480px; margin: 20px auto;}
#contact-completed .form-actions {text-align: center;}

.entry-titlebar { display: inline-block; vertical-align: middle; color: #fff; width: 96px; text-align: center; padding: 2px; font-size: 12.5px; border-radius: 5px; -webkit-border-radius: 5px; -mozborder-radius: 3px; background-color: #A660DA;}
.entry-titlebar.color1 {background-color: #A660DA;}
.entry-titlebar.color2 {background-color: #FF6699;}
.entry-titlebar.color3 {background-color: #E7AA13;}
.entry-titlebar.color4 {background-color: #00A4DE;}
.entry-titlebar.color5 {background-color: #009644;}

.ps-scrollbar-y-rail {z-index: 500;}

.blog-author {padding-bottom: 20px;}
.blog-author>img {display: inline-block; margin-right: 20px; width: 100px; border-radius: 50px; -webkit-border-radius: 50px;-moz-border-radius: 50px; }
.blog-author>div {display: inline-block;vertical-align: middle;}

/*   わくわくツアー申込 */
#mitte-townwalk ul {list-style: none; padding:0;}
.walk-course>li {margin: 0;padding: 10px; width: 100%; vertical-align: top;  text-align: center; /*border-right: 1px solid #ddd; border-top: 1px solid #ddd; *//*transition: width 1s; -webkit-transition: width 1s; -moz-transition: width 1s; */}
/*.walk-course>li>span {display: block; width: 100px; margin: 10px 0; padding: 5px; background-color: #881111; color: #fff; text-align: center;} */
.walk-category>li>h3 {text-align: center; padding: 15px; color: #fff; background-color: rgb(235,241,222);}
.walk-category>li:nth-child(1)>h3 {background-color: #A675B0;}
.walk-category>li:nth-child(2)>h3 {background-color: #EF869A;}
.walk-category>li:nth-child(3)>h3 {background-color: #AAB54E;}
.walk-category>li:nth-child(4)>h3 {background-color: #9A86EF;}
.walk-category>li:nth-child(5)>h3 {background-color: #AAB54E;}

.walk-category>li:nth-child(1) .walk-course>li>h3 {background-color: rgba(166,117,176, 0.3);}
.walk-category>li:nth-child(2) .walk-course>li>h3 {background-color: rgba(239,134,154, 0.3);}
.walk-category>li:nth-child(3) .walk-course>li>h3 {background-color: rgba(170,181,78, 0.3);}
.walk-category>li:nth-child(4) .walk-course>li>h3 {background-color: rgba(154,134,239, 0.3);}
.walk-category>li:nth-child(5) .walk-course>li>h3 {background-color: rgba(170,181,78, 0.3);}
/* */
.walk-category>li:nth-child(1) .walk-course {background-color: rgba(166,117,176, 0.1);}
.walk-category>li:nth-child(2) .walk-course {background-color: rgba(239,134,154, 0.1);}
.walk-category>li:nth-child(3) .walk-course {background-color: rgba(170,181,78, 0.1);}
.walk-category>li:nth-child(4) .walk-course {background-color: rgba(154,134,239, 0.1);}
.walk-category>li:nth-child(5) .walk-course {background-color: rgba(170,181,78, 0.1);}
 /* */
.tour-title {width: 100%; text-align: center; padding: 10px; border-top: 1px solid #bbb;}
.tour-summary {width: 100%; padding: 10px 0; text-align: center;border-top: 1px solid #bbb;}
.tour-image {clear: both; display: inline-block; width: 70% /*35% */; text-align: center; vertical-align: top;}
.tour-details {display: inline-block; width: /*64%*/ 70%; text-align: center; margin-top: 10px; border: 1px solid #bbb; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
.tour-details .tour-date {width: 100%; font-size: 120%; padding: 10px 0; border-bottom: 1px solid #bbb; }
.tour-details .tour-date-title {font-size: 150%; font-weight: bold;}
.walk-tour {list-style: none; text-align: center; padding: 0;}
.walk-tour>li { display: inline-block; width: 40%; text-align: center; padding: 10px; margin: 5px; vertical-align: top; }
/*.walk-tour {padding-left: 20px;} */
.tour-action {padding-top: 20px;}

.apply-online, .apply-mail {width: 80px; text-align: center; padding:5px 10px; color: #fff; background-color: #777; cursor: pointer;border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}


#townwalk-form .buy-input-title {margin-top: 20px;}
#townwalk-form.cart-box {position: fixed; width: 100%; height:100%; display: none; opacity:0;  overflow-y: auto; z-index: 4000; background-color: #fff; transition: opacity 1s; -webkit-transition: opacity 1s; -moz-transition: opacity 1s}
#townwalk-form .form-confirm, #townwalk-form .form-completed {display: none;}
#townwalk-form .cart-box .form-policy, .cart-box .form-input, .cart-box .form-confirm, .cart-box .form-completed {width: 640px; max-width: 100%; text-align: left; margin: 0 auto;}
#townwalk-form .cart-box .form-policy {width: 80%;}
#tour-member-1, #tour-member-2, #tour-member-3 {display: none;}
#townwalk-form .input-error {display: none; color: red; padding: 20px; text-align: center;}
#townwalk-form.active {opacity: 1.0!important;}

#townguide-form .cart-box .form-policy,
#townguide-form  .cart-box .form-input, 
#townguide-form .cart-box .form-confirm, 
#townguide-form .cart-box .form-completed {width: 640px; max-width: 100%; text-align: left; margin: 0 auto;}
#townguide-form .cart-box .form-policy {width: 80%;}

#townwalk-form .cart-box .buy-input-title, 
#townguide-form .cart-box .buy-input-title {margin-top: 20px;}
#townguide-form .cart-box, #towntownwalkguide-form .cart-box {position: fixed; width: 100%; height:100%; display: none; opacity:0;  overflow-y: auto; z-index: 4000; background-color: #fff; transition: opacity 1s; -webkit-transition: opacity 1s; -moz-transition: opacity 1s}
#townguide-form .cart-box .form-confirm, #townwalk-form .cart-box .form-confirm,
#townguide-form .cart-box .form-completed, #townwalk-form .cart-box .form-completed {display: none;}
#townguide-form .cart-box .input-error, #townwalk-form .cart-box .input-error  {display: none; color: red; padding: 20px; text-align: center;}
#townguide-form .cart-box.active, #townwalk-form .cart-box.active {opacity: 1.0!important;}

#we-page-townwalk .tour-invalid {text-decoration:line-through;}
#we-page-townwalk .we-content {padding-top:94px; }
#we-page-townwalk .we-content-title {position: fixed; top: 41px;}
#we-page-townwalk .townwalk-categories {position: fixed; top: 100px; width:100%; z-index: 15; background-color: #ffffff;}
#we-page-townwalk .townwalk-categories ul { list-style: none; text-align: center; margin: 0;}
#we-page-townwalk .townwalk-categories ul>li {display: inline-block; cursor: pointer; color: #ffffff; padding: 5px 10px; margin:5px; border: 1px solid #bbbbbb; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;  }
#we-page-townwalk .townwalk-categories ul>li:nth-child(1) {background-color: rgba(166,117,176, 1.0);}
#we-page-townwalk .townwalk-categories ul>li:nth-child(2) {background-color: rgba(239,134,154, 1.0);}
#we-page-townwalk .townwalk-categories ul>li:nth-child(3) {background-color: rgba(170,181,78, 1.0);}
#we-page-townwalk .townwalk-categories ul>li:nth-child(4) {background-color: rgba(154,134,230, 1.0);}
#we-page-townwalk .townwalk-categories ul>li:nth-child(5) {background-color: rgba(170,181,78, 1.0);}

@media (max-width: 1199px) {
    .walk-course>li {width: 100%; /*33.3%; */}
    #we-page-townwalk .we-content-title {top: 66px;}
    #we-page-townwalk .townwalk-categories {top: 120px; }
    #we-page-townwalk .we-content {padding-top: 115px; }
}
@media (max-width: 767px) {
    .walk-course>li {width: 100%;}
    .tour-details, .tour-image {width: 90%;}
    #we-page-townwalk .we-content-title {top: 41px;}
    #we-page-townwalk .townwalk-categories {top: 100px; }
    #we-page-townwalk .we-content {padding-top: 94px; }
}
@media (max-width: 480px) {
    .walk-course>li {width: 100%;}
    .tour-details, .tour-image {width: 90%;}
}

.category-tab .menu-nav {display: none;}
.category-tab .menu-nav {display: block; width: 20px; height: 2em; text-align: center;  opacity: 0; position: absolute; left:0; top:0; padding-top: 6px; background-color: #fff;}
.category-tab .menu-nav.nav-right {left:auto; right: 0;}

.D4 .page-home .bk-image {/* 2018.01.19 width: 100vh;*/ height: 85vh;}

@media (max-width: 767px) {
    .mobile-toolbox {margin-right: 0;}
}

.cal-month {display: none;}

/* ボランティアガイド　*/
#vguide-form h2 {padding: 20px;}
.vg-entry .photo-list>img.block-image {width: 25%; float: right; margin-top: 15px; position: relative; border: 1px solid #c6c6c6; padding: 6px; margin-right: 50px;}
.vg-entry .photo-list>.entry-block {width: 60%; }
.vg-entry .photo-list:after {content:""; display: block; clear:both;}
.vg-entry .course-list>ul { list-style: none; padding:0; }
.vg-entry .course-list>h4 { text-align: center; width: 100%; background-color: #eee; border: 1px solid #999999; padding: 10px; margin-bottom: 10px;}
.vg-entry .course-list .course-title {color: #000; padding: 13px; position: relative; background-color: #f2ebee; font-size: 18px; padding-left: 24%;}
.vg-entry .course-list .title {color: white; background-color: rgba(0,0,0,0.5); width: 10em; text-align: center; padding: 5px 10px;}
.vg-entry .course-list .desc {padding: 10px;}
.vg-entry .course-list .course-image {display: block; width: 22%; vertical-align: top; padding: 20px; z-index: 100; position: relative; float: left; margin-top: 1%; margin-left: 3%;}
.vg-entry .course-list .course-frame {display: block; padding: 0 20px;}
.vg-entry .course-list .course-details {padding-bottom: 20px; padding-right: 30px;}
.vg-entry .course-list .course-details:after {content:""; display: block; clear:both;}
.vg-entry .course-list .course-details>a {display: block; float:right; padding: 5px 10px; background-color: #d08a0b; color: white;}
.vg-entry .course-list .course-details>a:after {content:""; display: block; clear: both;}
.vg-entry .entry-block .area-details, .vg-entry .entry-block .guide-details {padding: 20px 0;}
.vg-entry .entry-block dl {display: table; width: 100%; margin:0; }
.vg-entry .entry-block dt {display: table-cell; width: 120px; text-align: center; padding: 5px; vertical-align: middle;}
.vg-entry .entry-block dd {display: table-cell; width: calc(100% - 120px); padding: 5px 5px 5px 15px;}
.vg-actions {text-align: center;}
.vg-actions>div {display: inline-block; padding: 5px 10px; text-align: center; cursor: pointer;}
.vg-entry .course-pr,.vg-entry .course-summary {width:65%; display:inline-block; margin:15px 0 15px 20px;}
.vg-entry .block-item.photo-list {margin-bottom: 80px;}

.vg-course .course-details {padding-top: 200px; width: 100%;}
.vg-course .course-details dl {display: table; width: 100%; margin:0; }
.vg-course .course-details dt, .vg-course .course-details dd {display: table-cell;  }
.vg-course .course-details dt {width: 80px; text-align: center;}
.vg-course .course-details>dl {margin-bottom: 50px}
.vg-course .course-details>dl>dt { width: 160px; border-right: 2px solid #2A979C; vertical-align: middle; text-align: right; padding: 10px; font-size: 18px;}
.vg-course .course-details>dl>dd {width: calc(100% - 160px); padding: 10px 10px 10px 30px;}
.vg-course .course-details #vg-course {font-size: 18px; font-weight: bold;}
.vg-course .course-details dd {padding-left: 10px;}
.vg-course .course-details dl:nth-child(2)>dd p,.vg-course .course-details dl:nth-child(3)>dd p {margin-bottom: 30px;}
.vg-course .course-details dl:nth-child(2)>dd dl,.vg-course .course-details dl:nth-child(3)>dd dl {margin: 5px 0;}
.vg-course .course-details dl:nth-child(2)>dd dl dt,.vg-course .course-details dl:nth-child(3)>dd dl dt {background-color: #99cccc;}
.vg-course .course-details .photo-list>li {margin: 0 15px;}
.vg-course .course-details dl:nth-child(3)>dd p {margin-top: 20px;}
.vg-course .course-details dl:nth-child(3)>dd ul li:after {content:""; display: block; background-image: url(https://mitte-x-img.istsw.jp/chuo-kankou/photo/arow1.png); background-repeat: no-repeat; height: 16px; width: 20px; float:left; margin: 0 5px;}
.vg-course .course-details dl:nth-child(3)>dd ul li:nth-child(1):after{display: none;}
.vg-course .course-details dl:nth-child(3)>dd ul li{display: inline-block;}
.vg-course .course-details dl:nth-child(3)>dd ul {display: -webkit-box; padding-left: 0;}
.vg-course .photo-list {list-style: none; margin:0; padding: 0; width: 100%;}
.vg-course .photo-list>li {display: inline-block; width: 15%;}

.vg-entry .course-list>ul>li {margin-bottom: 50px;}

#we-page-tagentry .content-container>li>.photo-list:before {content: "ボランティアガイド情報"; display: block; width: 300px; text-align: center; font-size: 120%; padding: 20px; margin: 30px auto;}
#we-page-tagentry .content-container .we-title:after{
	content: "";
    display: block;
    width: 5%;
    margin: auto;
    height: auto;
    border-bottom: 2px solid #313131;
    padding-top: 5px;
    top: 90px;
    position: relative;
    margin-bottom: 70px;
}
     
#we-page-tagentry .entry-block .title {font-weight: bold;}
#we-page-tagentry .entry-block .description {margin: 10px 20px;}

#education, .contactDetails {display: none;}
#aboutus>.container {width: 100%; padding: 0;}
#aboutus .heading {display: none;}
#aboutus .pull-right {float: left!important;}
#aboutus .pullright>img {text-align: center;}
#aboutus .pull-left {float: right!important;}

.vg-entry .photo-list>img.block-image:after {
    content: "";
    display:block;
}

.vg-entry .guide-details>dl>dt {
    background-color: #bb92a6;
    color: #fff;
}

.vg-entry .guide-details>dl {
    margin: 10px;
}

.vg-entry .course-list>h4 {
    background-color: #fff !important;
    border: none !important;
    font-size: 20px;
    margin-bottom: 70px;
}

.vg-entry .course-list>h4:after {
    content:"";
    display: block;
    width: 5%;
    margin: auto;
    height: auto;
    border-bottom: 2px solid;
    padding-top: 5px;
}

.course-image {
	padding: 30px;
	position: relative;
}

.course-image::before, .course-image::after {
	content: '';
	width: 25px;
	height: 25px;
	position: absolute;
}

.course-image::before {
	border-left: solid 5px #e2cfd6;
	border-top: solid 5px #e2cfd6;
	top: 0;
	left: 0;
}

.course-image::after {
	border-right: solid 5px #e2cfd6;
	border-bottom: solid 5px #e2cfd6;
	bottom: 0;
	right: 0;
}

.vg-entry .entry-block .title {
	font-size: 18px;
    font-weight: bold;
}

@media (min-width: 1600px) {
.vg-entry  > .container,
.vg-course  > .container{
	width: calc(100% - 620px)!important;
	width: -webkit-calc(100% - 620px)!important;
}
}

@media (max-width:1599px) and (min-width: 1200px) {
.vg-entry  > .container,
.vg-course  > .container{
	width: calc(100% - 320px)!important;
	width: -webkit-calc(100% - 320px)!important;
}
}

@media (max-width:1199px) and (min-width: 768px) {
.vg-entry  > .container,
.vg-course  > .container{
	width: -webkit-calc(100% - 100px)!important;
}
.vg-entry .photo-list>.entry-block {
	width: 50%;
	float: left;
}
}

@media (max-width:900px){
.vg-entry .course-pr,.vg-entry .course-summary {width:90%; float:left;}
.vg-entry .course-list .course-image {width: 35%;}
.vg-entry .course-list .course-title {padding-left: 35%;}
.vg-entry .photo-list>img.block-image {width: 50%; margin:auto; float: none; display: block;}
.vg-entry .photo-list>.entry-block {width: 100%;}
#we-page-tagentry .entry-block .title {text-align: center;}
}

@media (max-width:500px){
.vg-entry .course-list .course-image {float: none; width: 80%; margin: auto;}
.vg-entry .course-list .course-frame {margin-top: -270px;}
.vg-entry .course-list .course-title {padding-bottom: 270px; text-align: center; padding-left: 18px;}
.vg-entry .course-list>ul>li {display: inline-block; margin-bottom: 50px;}
.vg-entry .course-list>h4 {margin-bottom: 50px; !important}
}

@media (max-width:500px) and (min-width: 450px) {
	.vg-entry .course-list .course-image {
		top: 35px;
	}
}