/* Cstom stylesheets below -------------------------------------------------- */ .fatal-error { position: fixed; top:0; left:0; width: 100%; height:100%; background-color: #000; color: #fff; z-index: 10000;} .fatal-error>p {position: absolute; font-size: 20px; left: 50%; top:50%;-webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } a:hover, a:focus {color: inherit; text-decoration: inherit;} table td {word-break: break-all;} .active {display: block!important; /* opacity:1.0!important; */} /* body.scroll-page {height: 100%; height: 100vh;} */ /*.scroll-page {overflow-y: hidden!important;} */ .scroll-page>.page-active {display: block; height: 100vh;} ul.top-page-list {display:block; margin: 0; padding: 0 10px; text-align: center; position: absolute; top: 100px; width: auto; left:50%; transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%); z-index: 100; background-color: rgba(255,255,255,0.3); border-radius: 16px;-webkit-border-radius: 16px; -moz-border-radius: 16px; } ul.top-page-list>li {display: inline-block; padding: 10px; cursor:pointer; font-size: 10px;} ul.top-page-list>li.active {color: orange; display: inline-block!important;} .we-page-top, .page-home-item {display: none;} .page-home-item .page-active {display: block; height:100vh;} .we-content {letter-spacing: normal;} /*html,body { height: 100%; } */ .overflow {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;} .horizontal-fit { 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; } /* デフォルトのスピンボタン非表示 */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .we-content .block-item { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; /*border: none; */ /*border-bottom: 1px solid #c4c4c4; */ background-color: #fff; margin-bottom: 2px; } .mobile-navbar {height: 44px; width: 100%; text-align: center;z-index: 500;overflow: hidden;} .mobile-navbar a { color: #fff;} .mobile-navbar i {font-size: 20px; width: 44px; text-align:center; padding: 12px 0;} .mobile-navbar i {font-size: 20px; width: auto; padding: 0; margin: auto 0; } .mobile-tools {width: 38px;height: 45px; margin: 3px 0; text-align: center; cursor: pointer; } .mobile-tools:hover { background-color: rgba(0,0,0,0.1);} .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;} .mobile-menubutton {display: none;} .left-bar>.menu-nav {display: none; 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;} @media (max-width: 1199px) { .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;} /*.D5 .left-bar>ul>li:nth-child(8), .D5 .left-bar>ul>li:nth-child(9) {display: none;} */ .left-bar>ul>li:nth-last-child(1) {display: inline-block;} /*.D5 .category-levels {top: 50px; } */ .right-bar {display: none!important;} .mobile-menubutton {display: none;} } @media (max-width: 767px) { #mobile-toolbox {display: block; padding: 10px 4px;} .mobile-toolbox {width: 36px; max-height: 50px; 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;} .mobile-menubutton {display: block; float:right;} } .mobile-title {margin: 12px 44px 12px 88px; font-size: 17px; max-height: 20px; overflow: hidden;} .mobile-content {margin-top: 50px; height:100%; background-color: #fff;} /* #mobile-top a, #mobile-bottom a, #mobile-list-bottom a { color: #fff;} #mobile-top i, #mobile-bottom i, #mobile-list-bottom i {font-size: 20px; width: 44px; text-align:center;} */ .mobile-nav>ul>li {cursor: pointer;} /* for iOS button click */ .top-bar { position: fixed; top: 0; left:0;} .bottom-bar {position: fixed; bottom: 0; top:auto;} .bottom-bar>ul {padding: 0; margin:0;} .bottom-bar>ul>li { width: 20%; display: inline-block; cursor: pointer; padding-top: 6px;} .bottom-bar>ul>li.selected {border-bottom: 2px solid orange;} .bottom-bar>ul>li:hover {background-color: #ddd;} .bottom-bar>ul>li>.edit-ok {padding: 12px; display:block;} .bottom-bar .edit-message {padding: 10px 0;position: absolute; height: 30px; top: -30px; width: 100%; background-color: rgba(0,0,0,0.7); color: #fff;} #mobile-top, #mobile-bottom, #mobile-list-bottom, #mobile-edit {display: none;} #menu-favorites {display: none; z-index: 1000; position: fixed; top:0; left:0; width:100%; height: 100%; text-align: center; color: #fff; background: rgba(0,0,0,0.7);} #menu-favorites>ul {list-style:none; cursor: pointer; display: block; width: auto; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 10px; } #menu-favorites>ul>li {list-style:none; cursor: pointer; display: block; height: 44px; padding: 12px 0;width: auto; background-color: #fff; color: #000; border: 1px solid #eee;} #menu-favorites>.menu-header>a>i {width: 44px; font-size: 20px; padding: 12px 0; text-align: center; } .menu-header {position: fixed; left:0; top:0; color: #fff; background: #224368 /*00695C */; width:100%; height: 44px; text-align: left; } .top-logo>img {cursor: pointer; z-index: 200;} /* #mobile-top>ul {width: auto; display:block; margin: auto auto; white-space: nowrap;} #mobile-top>ul>li {display: inline-block; padding: 0 10px;} */ #button-edit {display: none; position: absolute; top:0; right:0;} .mobile-navbuttons {position: absolute; left:0; top:0; width: 100%;} .mobile-menubutton, .mobile-back {float:left;} #mobile-favorite, #mobile-location {position: absolute; top: 0; padding: 0 10px;} #mobile-favorite {right: 10px;} #mobile-location {right: 40px;} .mobile-back, .mobile-favorite, .mobile-location {display: none;} .mobile-nav {position: fixed; /* rgba(0,0,0,0.8); */ width: 100%; height: auto; top:40px; left :auto; z-index: 150; } .mobile-nav ul {list-style: none; display:block; /* margin-right: 10px; */ padding: 10px; height:auto;} .mobile-nav>ul>li { vertical-align: middle; padding: 7px 10px; font-size: 12px; height:30px; } .mobile-nav>ul>li i {width: 30px; padding-right: 10px; text-align:center;} .mobile-nav>ul>li:hover {background: rgba(255,255,255,0.3);} .mobile-title {text-align: center;} #mitte-favorites-list .mobile-selections {padding: 0; margin:0; border: 1px solid #ddd; color: #fff;} #mitte-favorites-list .mobile-selections>li {list-style:none; padding: 20px 15px; font-size: 120%; border-bottom: 1px solid #ddd; letter-spacing: normal; } #mitte-favorites-list .mobile-selections>li>span:after {content:'\f105'; float:right;padding-right: 0.5em; font-family: fontAwesome; line-height: 1; -webkit-font-smoothing: antialiased;} #mitte-favorites-list .mobile-selections>li>span:before {content:"\f02e"; float:left;padding-right: 1.0em; font-family: fontAwesome; line-height: 1; -webkit-font-smoothing: antialiased;} #mitte-favorites-list .mobile-selections>li i {padding: 5px; width: 40px;} #edit-footer {display: none; position: fixed; bottom:0; left:0; width: 100%; overflow: visible;} /* #edit-footer>ul>li {padding: 12px; } */ #edit-message {position: absolute; height: 30px; top: -30px; width: 100%; background-color: rgba(0,0,0,0.7); color: #fff;} .page-active .block-item.photo-list {float:left; width: 33.33%; height: 240px /*160px */; overflow: hidden; position: relative; padding:0; border: 1px solid #eee; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0; } .page-active .block-item.photo-list span.block-image {width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } .page-active .block-item.photo-list .block-text {width: 100%; height: 100%; color: #fff; background: rgba(0,0,0,0.4); position: absolute; left:0; bottom:0; text-align: center; padding:0;} .page-active .block-item.photo-list .block-text:hover {background: rgba(0,0,0,0.2);} .page-active .block-item.photo-list .block-text>h4 { position: absolute; top: 50%; left: 0; width: 100%; /*font-weight: bold; */ 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); } .page-active .block-item.photo-list .block-text>p {display: none;} /* @media (max-width: 991px) { */ body {padding: 0;} #we-body {min-height: 320px; min-height: 100vh; overflow: visible;} #mobile-top {display: block; background-color: #fff;} /*#we-container {margin-top: 54px; min-height: 100vh; } */ .we-page {min-height: 320px; min-height: 100vh; overflow: visible; /*padding: 54px 15px 0 15px; */} /*.content-container {min-height: calc(100vh - 54px);} */ .we-page-header, .we-page-footer, .we-page-menu {display: none!important;} .container {padding:0; } .we-page .we-content {margin-top: 45px;} /*} */ .we-page .we-content-title {display: none;} .mobile-dialog {height: 100%;} #mobile-modal {background: rgba(255,255,255,0.7);} #search-filter {display: none; background: rgba(255,255,255,0.4); position: absolute; left:0; bottom:0;} #search-filter label>img {margin: 0 10px;} #search-filter .search-filter-frame {padding: 20px;} .mobile-item {padding: 0; margin:0; border: 1px solid #ddd; } .mobile-item>li {list-style:none; padding: 20px 15px; font-size: 120%; border-bottom: 1px solid #ddd; letter-spacing: normal; } .mobile-item>li i {padding: 5px; width: 40px; float:right;} .edit-item {position: relative;} .edit-item>.edit-input {position: absolute; left:0; top:0; padding: 20px 15px; width: 100%; background: #fff; z-index: 1100;} #dialog-footer li {padding: 12px; width: auto;} #add-favorite {width: 100%; text-align: right;} #add-favorite>i {padding: 20px; margin-right: 15px; font-size: 120%;} .mobile-menu {padding: 0; margin:0; border: 1px solid #ddd; background-color: #fff;} .mobile-menu>li {list-style:none; padding: 20px 15px; font-size: 120%; border-bottom: 1px solid #ddd; letter-spacing: normal;} .mobile-menu>li i {padding: 5px; width: 40px;} .mobile-menu>li>span {display: block; width: 100%; cursor: pointer;} .mobile-menu>li>span>i.mobile-direction {float:right;} .mobile-dropdown {display: none; margin-top: 20px; padding-top: 20px; border-top: 1px solid #ddd; text-align:center;} .mobile-dropdown>span {display: block; width: 100%; cursor: pointer;} .mobile-btn {clear:both; width: 100%; margin:10px 0; padding: 10px 15px;font-size: 120%; border: 1px solid #ddd; background: #4285f4; color: #fff; text-align:center; cursor:pointer;} #geo-location { display: block; padding: 5px 20px; color: #fff; background: #F5B400; cursor: pointer; } #location-search {font-size: 14px; text-align: center;} #location-area {width: 140px;} .search-left {max-width: 360px; margin: auto; text-align:left;} .search-left dt {float:left; margin-top: 5px;clear:both;} .search-left dd {margin-left: 60px; margin-top: 5px;} .search-left dd>span {display: inline-block;} /* .search-left {width: 66.6%; float:left;} .search-right {width: 33.3%; float:left;} */ #location-search:after {content:''; display:block;clear:both;} #location-options {margin-right: 10px; margin-bottom: 5px;} #search-message {color: red; text-align: center;} .we-page {position: relative; /*overflow: hidden; 2016.02.21 */} body, .we-page, .we-page-content, .content-container {background-color: #eee;} .we-title {background-color: #fff;} .we-page-content>.we-content {padding:0; position: relative; padding-bottom: 65px;} #mitte-menu:after {content:""; clear:both; display:block;} .photo-list {display: inline-block; position: relative;} .photo-list .image-list, .photo-list .image-frame {width: 30%; display: inline-block; vertical-align: top; margin-bottom: 0;} .photo-list .image-frame> .block-image, .photo-list .image-list>.block-image {width: 100%;} .photo-list.category-special .image-frame {width: 100%;} .photo-list .block-text {width: 70%; display: inline-block;vertical-align: top;padding-left: 15px; text-overflow: ellipsis;} .photo-list table {width: 100%; border: 1px solid #d2d2d2; margin: 10px 0;} .photo-list table th {border-right: 1px solid #d2d2d2;} .photo-list table th, td {padding: 4px 10px!important;} .photo-list table tr { border-bottom: 1px solid #d2d2d2;} .photo-list table tr:last-child { border-bottom:0;} .photo-list th { width: 30%; font-weight: bold; text-align: left;} .samepage {cursor: pointer;} .remove-favorite {display: none; position: absolute; top:5px; right:5px; z-index: 100;} #mitte-gallery { /* margin-bottom: 20px; */ position: relative;} /* #mitte-gallery ul>li>img {border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } */ .gallery-canvas {padding-top: 0} /*#we-page-entry {margin-bottom: 40px;} */ .page-entry .photo-list>.block-image, .page-event .photo-list>.block-image {width: 100%;} .page-entry .photo-list>.block-text, .page-event .photo-list>.block-text {width: 100%; padding-left: 0;padding-top: 15px;} .date-wrapper {padding:5px; text-align: right;} .page-entrylist .date-wrapper {border-top: 1px solid #ddd;} .content-container {display: block; height: 100%; padding:0; margin:0; position: relative; /*overflow: hidden; */} .content-container > li { display: none; opacity: 0; list-style: none; background-color: inherit; /* position: absolute; left: 0; top: 0; */ } .content-container > li:after {content:""; display:block; clear:both;} .move-prev, .move-next {position: fixed; opacity: 0; top: 50%; font-size: 30px; padding: 15px; } .move-prev:hover, .move-next:hover {opacity: 1; cursor:pointer;background: rgba(0,0,0,0.5)} .move-prev {left: 0;display: none;} .move-next {right: 0; display: none; } .content-container>li.active {display: block!important; opacity: 1.0; /*animation-duration: 1s; animation-name: fade-in; -moz-animation-duration: 1s; -moz-animation-name: fade-in; -webkit-animation-duration: 1s; -webkit-animation-name: fade-in;*/ } @keyframes fade-in { 0% { display: none; opacity: 0;} 1% { display: block;opacity: 0;} 100% { display: block; opacity: 1;} } @-moz-keyframes fade-in { 0% { display: none; opacity: 0;} 1% { display: block;opacity: 0;} 100% { display: block; opacity: 1;} } @-webkit-keyframes fade-in { 0% { display: none; opacity: 0;} 1% { display: block;opacity: 0;} 100% { display: block; opacity: 1;} } .page-eventlist .we-title {text-align: center;} .page-eventlist .we-content {position: relative;} .page-eventlist .move-prev, .page-eventlist .move-next { position: absolute; top:0; padding: 0; opacity:1.0; text-align: center; } .page-eventlist .move-prev:hover, .page-eventlist .move-next:hover {background: none;} .page-eventlist .move-prev>i, .page-eventlist .move-next>i {font-size: 20px; /*width: 40px;*/ padding: 7px; vertical-align: top; color: #000;} #entry-gallery {box-sizing: border-box;} .gallery-image {width: auto /*155px 200px */; background-color: #fff; float:left; /* opacity: 0; */ cursor: pointer; padding: 1px; font-size: 85%;} .gallery-image-large {width: 80%; margin: 0 auto; border-top: 1px solid #ddd; padding-top: 10px;} .gallery-image-large:after {content: ""; clear: both;} .gallery-image-large>img {float:left; width: 40%; padding-right: 20px;} @media (max-width: 767px) { .gallery-image-large {width: 100%;} .gallery-image-large>img {width: 100%; padding-right: 0; margin-bottom: 10px;} } .gallery-image.fit { opacity:1.0; display: inline-block; float: none; height: 160px;} .gallery-image.fit img {max-height: 100%!important;} #mitte-gallery .flex-control-nav, #mitte-gallery .flex-direction-nav {display: none;} #mitte-gallery .flex-caption {position: absolute; left:0; bottom:0; width:100%; color: #fff; text-align: center;} #mitte-gallery .flex-caption>h4 {font-size:300%; margin-bottom: 20px; text-shadow: 2px 2px 5px rgba(0,0,0,0.3); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=120, strength=1, enabled=true)"; } .photo-viewer {display: none; position: fixed; top:0; left:0; z-index: 3000; width: 100%; height: 100%; background: #000; color: #fff;} .photo-viewer>.slider-header { height: 44px; width: 100%; background: #224368; position: relative;} .photo-viewer>.slider-header .slider-close i { position: absolute; left:0; top:0; padding: 10px 20px; font-size: 20px; width: 44px;} .photo-viewer>.slider-view {width: 100%; height: 100%; height: calc(100%-44px); height: -webkit-calc(100% - 44px); overflow: hidden; position: relative;} .photo-viewer>.slider-view>.slider-container {display: block; padding:0; position: absolute; left:0; top:0; height: 100%; z-index: 3001;} .photo-viewer>.slider-view>.slider-container>li {list-style: none; float:left; width: 100%; height:100%; text-align: center;} .photo-viewer>.slider-view>.slider-container>li>img {max-height: 100%; margin: 0 1px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .photo-viewer .slider-left, .photo-viewer .slider-right {display: none; cursor: pointer; opacity: 0; height: 100%; height: calc(100% - 50px); width: 60px; font-size: 60px; text-align: center; z-index: 3002;} .photo-viewer .slider-left>i, .photo-viewer .slider-right>i {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .photo-viewer .slider-left:hover, .photo-viewer .slider-right:hover {opacity: 1;} .photo-viewer .slider-left {position: absolute; top:0; left:0; } .photo-viewer .slider-right {position: absolute; top:0; right:0; } .photo-viewer .slider-title {text-align: center; padding:10px;} .photo-viewer .slider-container>li {position: relative;} .photo-viewer .photo-info {background-color: rgba(0,0,0,0.3); position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); text-align: left; height: auto; max-height: 1000px; width: 800px; max-width: 100%; padding: 0 10px; -webkit-transition: all 1.5s ; -webkit-transition: all 1.5s ; -moz-transition: all 1.5s ; -ms-transition: all 1.5s ; -o-transition: all 1.5s ; transition: all 1.5s ;} .photo-viewer .photo-info.shrinked {max-height: 40px;} .photo-viewer .photo-info .slide-up {display: none;} .photo-viewer .photo-info.shrinked .slide-up {display: block;} .photo-viewer .photo-info.shrinked .slide-down {display: none;} .photo-viewer .photo-download {position: absolute; bottom: 10px; right: 24px; padding: 5px; cursor: pointer; background: #094da1; border: 1px solid #ddd; border-radius: 8px;-webkit-border-radius: 8px; -moz-border-radius: 8px; } .photo-info .photo-header {text-align: center; cursor:pointer;} .photo-info .photo-summary {padding-bottom: 0.5em;} /* .photo-viewer .photo-summary { position: absolute; bottom: 50px; left: 0; text-align: left; width: 70%; height: auto;} .photo-viewer .photo-comment {position: absolute; bottom: 0; left: 0; text-align: left; width: 70%;height: auto;} */ #map-frame {width: 100%; height: 100%; /* height: 0;*/ overflow: hidden; margin-bottom: 10px;} #entry-map, #entry-route {margin-top: 10px; position: relative; height: 100%; width: 100%; -webkit-border-radius: 8px; border-radius: 8px; border: 1px solid #c4c4c4;} #map-canvas, #map-route {width: 100%; height: 100%;} #map-canvas img, #map-route img {max-width: none;} .map-option {position: relative; text-align: center; height: 48px; /* for android 4.2 */} .map-option>ul {padding:0; margin:0; list-style:none;} .map-option>ul>li {display: inline-block; text-align:center;} .map-option>ul.route-filter{ position: absolute; left:0; top:0; display: none; /* TEMP */} .map-option>ul>li>i { width: 30px; font-size: 16px; margin: 10px 0 10px 10px; background-color: #357ae8; -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16); -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.16); box-shadow: 1px 1px 4px rgba(0,0,0,0.16); border-raius: 16px;-moz-border-radius: 16px; -webkit-border-radius: 16px; color: #fff; width: 36px; height: 36px; cursor: pointer; padding: 10px 10px 10px 10px; } #my-location, #areamap-mylocation {position: absolute; right:0; top: 0; display: none;} #spot-filter {position: absolute; left:0; top:0;} #we-page-map .route-options {display: none;} /*.gm-style {font-size: 11px!important;} */ .gm-style .gm-style-iw {font-size: 11px!important;} .gm-style .gm-style-iw>div {overflow: hidden!important;} .gm-style .gm-style-iw>div>div {overflow: hidden!important;} .gm-style .gm-style-iw + div {right: 10px!important; top:10px!important;} .gm-style>div>div+div+div>div:first-child>div:first-child {display:none;} .route-info {cursor:pointer; margin-right: 24px; padding: 0; } .route-label {padding: 7px 5px 5px 10px;} .route-close {position:absolute; top: 0; right: 0; padding: 5px 5px;cursor: pointer; font-size: 14px;} span.route-number { position: absolute; left:-16px; top:-16px; display: block; background-color: #F5B400; color: #000; width: 20px; height: 20px; text-align: center; padding: 2px 0; border: 1px solid #000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .infoBox {width: auto!important;padding: 0; color:#000; background: transparent!important; border-width: 0!important;} .infoBox>img { z-index: 1; display:none; } .infoBox .route-label, .infoBox .route-close {display:none;} .infoBox.active { background: rgba(255,255,255, 0.8)!important; border: solid 1px #aaa!important;} .infoBox.active .route-label, .infoBox.active .route-close {display:block;} .route-caption {text-align: center;} .route-caption>p {position: relative; width: 120px; margin:10px auto; padding: 5px; background-color: darkorange; color: #fff; border:1px solid #ddd; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;} .route-caption>p:before {content:""; position:absolute; top: -7px; left:50%; height: 5px; width: 5px; background-color: darkorange; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .route-caption>p:after {content:""; position:absolute; bottom: -7px; left:50%; height: 5px; width: 5px; background-color: darkorange; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .list-number.route-number {top: 7px; left: auto; right: 10px;} /* .we-page-caption {padding-bottom: 0;} */ #mitte-settings>dl>dt {float:left; width: 100px; letter-spacing: normal;} .more-entries {font-size: 30px; width: 100%; padding: 20px; text-align: center; cursor:pointer;} #entry-more { padding-top: 80px; /*/position: absolute; width: 100%; min-height: 50vh; top: 50%; left:0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */} @media (max-width: 767px) { h3 {font-size: 16px;} h4 {font-size: 14px;} p {font-size: 12px;} .block-item {font-size: 11px;} .photo-list .block-image {width: 40%; } .photo-list .image-list { width: 40%;} .photo-list .image-list>.block-image {width: 100%; } .photo-list .block-text {width: 60%; } #mitte-gallery .flex-caption > h4 { font-size: 150%;margin-bottom: 10px; } .we-page {padding-left: 10px; padding-right: 10px;} .page-active .block-item.photo-list {height: 160px;} /*.container {padding:0 10px;} */ } /* .mobile-selections {display: block; padding:0; } .mobile-selections>li {list-style:none; display: inline-block; width: 33.33%; padding: 20px 15px; letter-spacing: normal; } .mobile-selections>li>span {display: block;} .mobile-selections>li i {padding: 5px; width: 40px; text-align: center;} .mobile-selections>li i:after {content:""; display:block; clear:both;} */ .mobile-selections {padding: 0; margin:0; display: block; box-sizing: border-box;} .mobile-selections>li { color: #fff; border: 1px solid #ddd; position: relative; letter-spacing: normal; overflow: hidden; box-sizing: border-box;} /* .mobile-selections>li i {font-size: 32px; margin: 28px 0; width: 100%; text-align: center; position: absolute; top:0; left:0; } */ .mobile-selections:after {content:""; display: block; clear:both;} /* */ .mobile-selections>li:nth-child(1) {background-color: #993D5E;} .mobile-selections>li:nth-child(2) {background-color: #8B3E9B;} .mobile-selections>li:nth-child(3) {background-color: #3D7199;} .mobile-selections>li:nth-child(4) {background-color: #994F3D;} .mobile-selections>li:nth-child(5) {background-color: #3D9199;} .mobile-selections>li:nth-child(6) {background-color: #99713D;} .mobile-selections>li:nth-child(7) {background-color: #3D7E99;} .mobile-selections>li:nth-child(8) {background-color: #99513D;} .mobile-selections>li:nth-child(9) {background-color: #3D7E99;} /* */ .D1 .mobile-selections>li:nth-child(1) {background-color: #993D5E;} /* pink 500 */ .D1 .mobile-selections>li:nth-child(2) {background-color: #8B3E9B;} /* purple 500*/ .D1 .mobile-selections>li:nth-child(3) {background-color: #3D7199;} /* blue 500*/ .D1 .mobile-selections>li:nth-child(4) {background-color: #994F3D;} /* deep orange 500 */ .D1 .mobile-selections>li:nth-child(5) {background-color: #3D9199;} /* cyan 500 */ .D1 .mobile-selections>li:nth-child(6) {background-color: #99713D;} /* orange 500 */ .D1 .mobile-selections>li:nth-child(7) {background-color: #3D7E99;} /* green 500 */ .D1 .mobile-selections>li:nth-child(8) {background-color: #99513D;} /* brown 500 */ .D1 .mobile-selections>li:nth-child(9) {background-color: #3D7E99;} /* light blue 500 */ /* 500 */ .D2 .mobile-selections>li:nth-child(1) {background-color: #E91E63;} .D2 .mobile-selections>li:nth-child(2) {background-color: #9C27B0;} .D2 .mobile-selections>li:nth-child(3) {background-color: #2196F3;} .D2 .mobile-selections>li:nth-child(4) {background-color: #FF5722;} .D2 .mobile-selections>li:nth-child(5) {background-color: #00BCD4;} .D2 .mobile-selections>li:nth-child(6) {background-color: #FF9800;} .D2 .mobile-selections>li:nth-child(7) {background-color: #4CAF50;} .D2 .mobile-selections>li:nth-child(8) {background-color: #795548;} .D2 .mobile-selections>li:nth-child(9) {background-color: #03A9F4;} /* */ .D4 .favorites-list .mobile-selections>li {background-color: #fff;color: #000;} /* 800 */ .c800.mobile-selections>li:nth-child(1) {background-color: #AD1457;} .c800.mobile-selections>li:nth-child(2) {background-color: #6A1B9A;} .c800.mobile-selections>li:nth-child(3) {background-color: #1565C0;} .c800.mobile-selections>li:nth-child(4) {background-color: #D84315;} .c800.mobile-selections>li:nth-child(5) {background-color: #00838F;} .c800.mobile-selections>li:nth-child(6) {background-color: #EF6C00;} .c800.mobile-selections>li:nth-child(7) {background-color: #2E7D32;} .c800.mobile-selections>li:nth-child(8) {background-color: #4E342E;} .c800.mobile-selections>li:nth-child(9) {background-color: #0277BD;} .D1, .D1 .we-page, .D1 .we-page-content, .D1 .content-container {background-color: #fff;} .D1 .home-menu .mobile-selections>li {float :left; width: 50%; height: 160px; text-align: center; list-style:none; } .D1 .home-menu .mobile-selections>li:nth-child(1) {width: 100%;} .D1 .home-menu .mobile-selections>li:nth-child(2) {width: 100%;} .D1 .home-menu .mobile-selections>li>span {display: block; margin-top: 24px; width: 100%; height: 100%; background-color: #fff; color: #000; background-position: center center; background-repeat: no-repeat; background-size: cover; } .D1 .home-menu .mobile-selections>li h4 { position: absolute; top:0; left:0; height:24px; margin: 3px 10px; } .D1 .shinamoroll {position: fixed; width:auto; z-index: 5;} .D1 .shinamoroll>img {width: 160px; cursor: pointer;} .D1 .shinamoroll>span {display:block; position: fixed; font-size: 10px; background-color: rgba(255,255,255,0.8); border: 1px solid #ddd; padding: 10px; border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;} .D1 .shinamoroll {position: relative; color: #000; height:136px; /* 120 - 24*/ text-align: center;} .D1 .shinamoroll>img {display: inline-block; bottom: 0; width: auto; height: 100%; max-width: 45%; margin-top: 10px; margin-right: 20px;/*left:0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */} .D1 .shinamoroll>p { display: inline-block; top: 50%; text-align: center; /* -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */} .D1 .home-menu .mobile-selections>li:nth-child(1) {background-color: #D1E0C7; color: #000; height: 64px; margin-bottom: 5px; border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;} .D1 .home-menu .mobile-selections>li:nth-child(1) div.block-text {width: 25%; } .D1 .home-menu .mobile-selections>li:nth-child(1) .block-text>h4 {position: static; padding: 20px 5px;} .D1 .home-menu .mobile-selections>li:nth-child(1) span.block-text {width: 75%; float: right; text-align: left; color: #fff; background-color: inherit;} .D1 .home-menu .mobile-selections>li:nth-child(2) {background-color: #B3DEF2; color: #000; margin-bottom: 5px; border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;} .D1 .home-menu .mobile-selections>li:nth-child(2) .block-text>h4 {left: 50%; top: 12px;} @media (max-width: 767px) { .D1 .home-menu .mobile-selections>li {height: 120px;} .D1 .home-menu .mobile-selections>li h4 {margin: 6px 10px;} .D1 .shinamoroll {height:96px;} } .D1 .mitte-tools.mobile-selections {background-color: #42648a; padding: 5px; margin-bottom: 10px;} .D1 .mitte-tools.mobile-selections>li {float:left; background-color: #ddebf1;color: #212121; border: none; text-align: center; width: 25%; height: auto; padding: 5px;} .D1 .mitte-tools.mobile-selections>li>i {font-size: 20px; padding: 5px;} .D1 .mitte-tools.mobile-selections>.mitte-title {background-color: transparent; color: #fff; padding: 10px 0;} .D1 .mitte-tools.mobile-selections>li h4 { margin-bottom: 5px; position: static; height: auto; margin: 0; font-size: 10px;} /* design-2 */ .D2 .home-menu .mobile-selections>li {float :left; width: 33.33%; height: 160px; text-align: center; list-style:none; } .D2 .home-menu .mobile-selections>li:nth-child(1) {width: 100%;} .D2 .home-menu .mobile-selections>li:nth-child(2) {width: 66.66%;} .D2 .home-menu .mobile-selections>li:nth-child(8) {width: 66.66%;} .D2 .home-menu .mobile-selections>li>span {display: block; margin-top: 24px; width: 100%; height: 100%; background-color: #fff; color: #000; background-position: center center; background-repeat: no-repeat; background-size: cover; } .D2 .home-menu .mobile-selections>li>.block-text {position:absolute; top:0; left:0; text-align: center; width: 100%; } .D2 .home-menu .mobile-selections>li h4 { /* position: absolute; top:0; left:0; */ height:24px; margin: 3px 10px; } .D2 .shinamoroll {position: fixed; width:auto; z-index: 5;} .D2 .shinamoroll>img {width: 160px; cursor: pointer;} .D2 .shinamoroll>span {display:block; position: fixed; font-size: 10px; background-color: rgba(255,255,255,0.8); border: 1px solid #ddd; padding: 10px; border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;} .D2 .shinamoroll {position: relative; margin-top: 24px; background-color: #D1F0FF; color: #000; height:136px; /* 120 - 24*/ text-align: center;} .D2 .shinamoroll>img {display: inline-block; bottom: 0; width: auto; height: 90%; max-width: 45%; margin-top: 10px; /*left:0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */} .D2 .shinamoroll>p { display: inline-block; top: 50%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .D2 .home-menu .mobile-selections>li:nth-child(1) {background-color: #fff; color: #000; height: 48px;} .D2 .home-menu .mobile-selections>li:nth-child(1) div.block-text {display: none; } .D2 .home-menu .mobile-selections>li:nth-child(1) .block-text>h4 {position: static; padding: 20px 10px;} .D2 .home-menu .mobile-selections>li:nth-child(1) span.block-text {display: block; text-align: left; margin-top: 12px;} .D2 .home-menu .mobile-selections>li:nth-child(1) span:before {content: "\f05a"; color: #FF9800; padding: 0.5em; font-family: fontAwesome; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 20px;} @media (max-width: 767px) { .D2 .home-menu .mobile-selections>li {height: 120px;} .D2 .home-menu .mobile-selections>li h4 {margin: 6px 10px;} .D2 .shinamoroll {height:96px;} } .D2 .mitte-tools.mobile-selections {background-color: #009688; padding: 5px; margin-bottom: 10px;} .D2 .mitte-tools.mobile-selections>li {float:left; background-color: #B2DFDB;color: #212121; border: none; text-align: center; width: 25%; height: auto; padding: 5px;} .D2 .mitte-tools.mobile-selections>li>i {font-size: 20px; padding: 5px;} .D2 .mitte-tools.mobile-selections>.mitte-title {background-color: transparent; color: #fff; padding: 10px 0;} .D2 .mitte-tools.mobile-selections>li h4 { margin-bottom: 5px; position: static; height: auto; margin: 0; font-size: 10px;} .D2 .mobile-navbar, .D2 .menu-header {background: #00695C;} /* design-3 */ .D4 .bk-image {opacity: 0; position: absolute; /*fixed;*/ left : 0; top:0; width: 100%; height:100%; z-index: -2; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: cover;} .D4 .bk-image.active {opacity: 1.0; z-index: -1;} .D4 .we-page.page-home, .D4 .page-home .we-page-content {background-color: transparent!important; } .page-home-container {margin:0; padding:0;} .D4 .we-page-caption .gallery {display: none;} .D4 .home-menu {position: fixed; bottom: 0; left: 0; width: 100%; padding: 10px 20px 36px 20px; max-width: 1140px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); overflow: visible;} .D4 .home-menu .mobile-selections {padding: 0 6px;/*background-color:rgba(0,0,0,0.4)!important; */} .D4 .home-menu .mobile-selections>li {list-style:none; float: left; padding: 12px 6px 24px 6px; width: 33.33%; background-color: transparent!important; height: 160px; border: none;} /* .D4 .mobile-selections>li>span {display: none; } */ .D4 .home-menu .mobile-selections>li>span {display: block; width: 100%; height: 100%; background-color: #fff; color: #000; background-position: center center; background-repeat: no-repeat; background-size: cover; } .D4 .home-menu .mobile-selections>li h4 {text-align: center; } .D4 .shinamoroll {position: relative; width:60%; height: 140px; margin: 0; /* 20px; z-index: 5; */ } .D4 .shinamoroll>img {width: 240px; cursor: pointer; position: absolute; bottom: 0; left: 0} /* */ .D4 .shinamoroll>p {position: absolute; left: 250px; bottom: 60px; width: auto; max-width: 40%; min-width: 120px; /*height: 64px; */ padding: 12px 20px; text-align: center; background-color: rgba(255,255,255,0.8); color: #000; -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; } .D4 .shinamoroll>p:before {content:""; position:absolute; bottom: -10px; left:10px; height: 16px; width: 16px; background-color: rgba(255,255,255,0.8); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .D4 .shinamoroll>p:after {content:""; position:absolute; bottom: -15px; left:0; height: 10px; width: 10px; background-color: rgba(255,255,255,0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .D4 .shinamoroll>p>span {display: block;} .D4 .shinamoroll .copyright {font-size: 7px; position:absolute; bottom:0; left:240px; min-width: 136px; text-shadow: 2px 2px 5px rgba(0,0,0,0.3);font-family: "Helvetica Neue Roman", "Helvetica Neue";} /* */ /* .D4 .shinamoroll>p {position: absolute; top:50%; left: 50%; width: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } */ .D4 .home-menu .mobile-selections>li:nth-child(1) {position: fixed; height: 24px; bottom: 0; left: 0; background-color: transparent!important; color: #fff; width: 100%;} .D4 .home-menu .mobile-selections>li:nth-child(1) >div.block-text {display: none; } .D4 .home-menu .mobile-selections>li:nth-child(1) span.block-text {display:block; text-align: center; width: 100%; height: 24px; background-color: transparent; color: #fff;} .D4xx .home-menu .mobile-selections>li:nth-child(1) span.block-text { white-space: nowrap; overflow-x: -webkit-marquee; /*?E??E??E??E??E??E?(ahead|auto|backwards|down|forwards|inherit|left|reverse|right|up)*/ -webkit-marquee-direction: left; /*?E??E??E??E??E???(alternate|inherit|none|scroll|slide)*/ -webkit-marquee-style: scroll; /*?E?X?E?s?E?[?E?h(slow|normal|fast)*/ -webkit-marquee-speed: normal; /*?E??E??E??E??E??E?(small|medium|large)*/ -webkit-marquee-increment: medium; /*?E?J?E??E??E????E??E??E??E?(?E??E??E?l)*/ -webkit-marquee-repetition: infinite; } /* .marquee { width:600px; padding:0.5em 0; overflow:hidden; background-color:#f6f6f6; margin-bottom:10px; position:relative; } */ .D4 .home-menu .mobile-selections>li:nth-child(1) span.block-text:after { content:""; white-space:nowrap; padding-right:50px; } .D2 .home-menu .mobile-selections>li:nth-child(1) span.block-text, .D4 .home-menu .mobile-selections>li:nth-child(1) span.block-text { margin:0; padding-left:100%; display:inline-block; white-space:nowrap; text-shadow: 2px 2px 5px rgba(0,0,0,0.3); -webkit-animation-name:marquee; -webkit-animation-timing-function:linear; -webkit-animation-duration:30s; -webkit-animation-iteration-count:infinite; -moz-animation-name:marquee; -moz-animation-timing-function:linear; -moz-animation-duration:30s; -moz-animation-iteration-count:infinite; -ms-animation-name:marquee; -ms-animation-timing-function:linear; -ms-animation-duration:30s; -ms-animation-iteration-count:infinite; -o-animation-name:marquee; -o-animation-timing-function:linear; -o-animation-duration:30s; -o-animation-iteration-count:infinite; animation-name:marquee; animation-timing-function:linear; animation-duration:30s; animation-iteration-count:infinite; } .D2 .home-menu .mobile-selections>li:nth-child(1) span.block-text {margin-top: 10px;} @-webkit-keyframes marquee { from { -webkit-transform: translate(0%);} 99%,to { -webkit-transform: translate(-200%);} } @-moz-keyframes marquee { from { -moz-transform: translate(0%);} 99%,to { -moz-transform: translate(-200%);} } @-ms-keyframes marquee { from { -ms-transform: translate(0%);} 99%,to { -ms-transform: translate(-200%);} } @-o-keyframes marquee { from { -o-transform: translate(0%);} 99%,to { -o-transform: translate(-200%);} } @keyframes marquee { from { transform: translate(0%);} 99%,to { transform: translate(-200%);} } .D4 .home-menu .mobile-selections>li:nth-child(2) { position: relative; /*position: absolute; left:0; top: -130px; */width: 100%; background-color: transparent; overflow: visible; padding:0;} .D4 .home-menu .mobile-selections>li:nth-child(2) .block-text>h4 {display: none;} .D4 .mitte-tools.mobile-selections {background-color: rgba(34,67, 104, 0.6 ); /*rgba(0,105,92, 0.6 );*/ padding: 5px; margin-bottom: 10px;} .D4 .mitte-tools.mobile-selections>li {float:left; background-color: rgba(255,255,255,0.5); /*rgba(161,221, 179, 0.4);*/ color: #000; border: none; text-align: center; width: 25%; height: auto; padding: 5px;} .D4 .mitte-tools.mobile-selections>li>i {font-size: 20px; padding: 5px;} .D4 .mitte-tools.mobile-selections>.mitte-title {background-color: transparent; color: #fff; padding: 10px 0;} .D4 .mitte-tools.mobile-selections>li h4 { margin-bottom: 5px; position: static; height: 1em; margin: 0; font-size: 10px;} .D1 .home-menu .mobile-selections>li:nth-child(9), .D1 .home-menu .mobile-selections>li:nth-child(10), .D1 .home-menu .mobile-selections>li:nth-child(11), .D2 .home-menu .mobile-selections>li:nth-child(9), .D2 .home-menu .mobile-selections>li:nth-child(10), .D2 .home-menu .mobile-selections>li:nth-child(11), .D4 .home-menu .mobile-selections>li:nth-child(9), .D4 .home-menu .mobile-selections>li:nth-child(10), .D4 .home-menu .mobile-selections>li:nth-child(11) {display: none;} /* .D4 .home-menu .mobile-selections>li:nth-child(3), .D4 .home-menu .mobile-selections>li:nth-child(4), .D4 .home-menu .mobile-selections>li:nth-child(5), .D4 .home-menu .mobile-selections>li:nth-child(6), .D4 .home-menu .mobile-selections>li:nth-child(7), .D4 .home-menu .mobile-selections>li:nth-child(8) {display: none;} .D3.D4 .home-menu .mobile-selections>li>img {max-height: 64px;} .D3.D4 .home-menu .mobile-selections {background-color:rgba(0,0,0,0.5)!important;} .D3.D4 .home-menu .mobile-selections>li:nth-child(9), .D3.D4 .home-menu .mobile-selections>li:nth-child(10), .D3.D4 .home-menu .mobile-selections>li:nth-child(11) {display: block; height: 140px; text-align: center;} .D3.D4 .home-menu .mobile-selections>li:nth-child(9) >span, .D3.D4 .home-menu .mobile-selections>li:nth-child(10) >span, .D3.D4 .home-menu .mobile-selections>li:nth-child(11) >span {height: 96px;} .D3.D4 .home-menu .mobile-selections>li:nth-child(2) {bottom: 160px;} */ .D4 .home-menu .mobile-selections>li>img {max-height: 64px;} /* .D4 .home-menu .mobile-selections {background-color:rgba(0,0,0,0.5)!important;} */ .D4 .home-menu .mobile-selections>li:nth-child(3), .D4 .home-menu .mobile-selections>li:nth-child(4), .D4 .home-menu .mobile-selections>li:nth-child(5) {display: block; height: 140px; text-align: center;background-color:rgba(0,0,0,0.5)!important;} .D4 .home-menu .mobile-selections>li:nth-child(3) >span, .D4 .home-menu .mobile-selections>li:nth-child(4) >span, .D4 .home-menu .mobile-selections>li:nth-child(5) >span {height: 96px;} /*.D4 .home-menu .mobile-selections>li:nth-child(2) {top: -160px;} */ @media (max-width: 767px) { .D4 .home-menu .mobile-selections>li {height: 100px;} .D4 .home-menu .mobile-selections>li h4 {margin: 6px 10px;} /*.D4 .home-menu .mobile-selections>li:nth-child(2) {top: -86px;} */ .D4 .shinamoroll>img {width: 140px;} .D4 .shinamoroll > p {left: 150px; top:auto; bottom:30px;} .D4 .shinamoroll {height:96px; width: auto;} .D4 .shinamoroll .copyright {left:140px;} /* .D3.D4 .home-menu .mobile-selections>li:nth-child(9), .D3.D4 .home-menu .mobile-selections>li:nth-child(10), .D3.D4 .home-menu .mobile-selections>li:nth-child(11) {height: 114px;} .D3.D4 .home-menu .mobile-selections>li:nth-child(2) {bottom: 150px;} */ .D4 .home-menu .mobile-selections>li>img {max-height: 42px;} .D4 .home-menu .mobile-selections>li:nth-child(3), .D4 .home-menu .mobile-selections>li:nth-child(4), .D4 .home-menu .mobile-selections>li:nth-child(5) {height: 96px!important;} /*.D4 .home-menu .mobile-selections>li:nth-child(2) {top: -86px!important;} */ .D4 .home-menu .mobile-selections>li h4 {font-size: 11px;} .home-menu .mobile-selections > li:nth-child(1) span.block-text { -webkit-animation-duration:15s; -moz-animation-duration:15s; -ms-animation-duration:15s; -o-animation-duration:15s; animation-duration:15s; } } @media screen and (max-height: 400px) { .D4 .home-menu .mobile-selections>li {height: 80px;} .D4 .home-menu .mobile-selections>li h4 {margin: 6px 10px;} /*.D4 .home-menu .mobile-selections>li:nth-child(2) {top: -66px;} */ .D4 .shinamoroll>img {width: 140px;} .D4 .shinamoroll> p {/* height: 44px; */ padding: 12px 10px;} .D4 .shinamoroll > p {left: 150px;} .D4 .shinamoroll {height:76px;} .D4 .shinamoroll .copyright {left:140px;} .D4 .home-menu .mobile-selections>li>img {max-height: 32px;} /* .D3.D4 .home-menu .mobile-selections>li:nth-child(9), .D3.D4 .home-menu .mobile-selections>li:nth-child(10), .D3.D4 .home-menu .mobile-selections>li:nth-child(11) {height: 100px;} */ .D4 .home-menu .mobile-selections>li:nth-child(3), .D4 .home-menu .mobile-selections>li:nth-child(4), .D4 .home-menu .mobile-selections>li:nth-child(5) {height: 80px!important;} /*.D4 .home-menu .mobile-selections>li:nth-child(2) {bottom: 120px;} */ .D4 .home-menu .mobile-selections>li h4 {font-size: 11px;} } @media screen and (max-height : 320px) /*and (orientation: portrait) */ { .D4 .home-menu .mobile-selections>li:nth-child(3), .D4 .home-menu .mobile-selections>li:nth-child(4), .D4 .home-menu .mobile-selections>li:nth-child(5) {display: none;} } .google-youtube{ position:relative; padding-bottom:75%; height:0; overflow:hidden; } .google-youtube iframe{ position:absolute; top:0; left:0; width:100% !important; height:100% !important; } #mitte-settings {font-size: 120%;} #mitte-settings p {font-size: 120%;} #mitte-settings label {margin-right: 20px;} #mitte-settings td {padding: 10px 10px!important;} #mitte-settings table { width: 100%; background-color: rgba(255,255,255,1.0);} #mitte-settings th {width: 160px;padding: 10px 20px!important;} #processing { display: block; position: fixed; top:50%; left:50%; z-index: 5000;background-color: transparent;} #processing>.processing-box {display: block; position: absolute; left:50%; top:50%; color: #000; text-align: center;transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);} #processing>.processing-box>i {font-size: 30px;} #processing>.processing-box>span {display: block; padding:10px;} #processing.startup { top:0; left:0; width: 100%; height:100%; background-color: #333; opacity:1.0; } #processing.startup >.processing-box {display:block; color: #fff;} #debug-status {position: fixed; text-align: center; bottom: 0; left:0; width: 100%; height: 72px; overflow-y: auto; color: #fff; background-color: rgba(0,0,0,0.7); z-index: 3000;} /* .content-container, .we-page, .mobile-nav, #photo-slider .slider-container {-ms-touch-action: none;} */ #message-box { display: none; z-index: 4000; position:fixed; bottom: 25%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: rgba(0,0,0,0.7); color: #fff; padding: 10px 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } /* MS Edge */ html { -ms-scroll-chaining: none; ms-touch-action:none;} /* * {-ms-scroll-chaining: none;} #we-body * {-ms-scroll-chaining: chained; } */ #we-body {-ms-touch-action: pan-y; -ms-scroll-chaining: none;} .mobile-nav, #photo-slider .slider-container {-ms-touch-action: none;} .entryDesc img {height: auto!important;} .block-text img {height: auto!important;} #shinamon-image {bottom: 20px;} #shinamon-logo {padding: 0 20px;} /* Google+ */ .sns-block {box-sizing: border-box; word-wrap: break-word;} .sns-title {min-height: 50px; margin-bottom: 10px;} .sns-title>img {float: left; padding-right: 20px;} .sns-title>h4 { font-weight: bold; margin-bottom: 5px!important;} .sns-title>p {font-size: 85%;} .sns-attach>img:after {content:""; display: block; clear:both;} .button-contest-award {display: inline-block; padding: 5px 10px; text-decoration: none;} .award-photos .photo-summary {padding: 10px 5px;} .award-photos .photo-text { display: none;} .award-photos .gallery-image-large {width: 100%; font-size:100%;} .award-photos .gallery-image-large .photo-text { display: block; clear:both; padding: 10px 0;} .award-title {padding:0!important;} .block-text.award-title>h4 { margin: 0; padding: 10px; text-align: center; background: #777; color: #fff;} .page-gallery .gallery-photos {height: auto; margin: 0 auto;} .page-gallery .gallery-image>.photo-info {opacity: 0; transition: opacity 1s; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; position: absolute; bottom:0; left:0; color: #fff; width: 100%; max-height: 100%; overflow-y: hidden;} .page-gallery .gallery-image:hover>.photo-info {opacity: 1; background-color: rgba(0,0,0,0.5); } .page-gallery .gallery-image>.photo-info>.photo-title { font-size: 110%; font-weight: normal; width: 100%; text-align: center;} .category-content>ul, .page-gallery .gallery-category, .page-gallery .gallery-menu, .page-gallery .gallery-entry>ul {text-align: center; padding:0; margin: 0; white-space:nowrap; /*max-width: 100%; overflow-x: hidden;*/} .category-content.category-tab>ul {white-space: normal;} .page-gallery .gallery-entry {display: none; max-width: 100%; overflow-x: hidden;} .category-content>ul>li, .page-gallery .gallery-category>li, .page-gallery .gallery-entry>ul>li {display: inline-block; list-style: none; padding: 5px 10px; cursor: pointer; overflow-x: hidden; max-width: 100%;} .category-content>.gallery-menu>li {display: none;list-style: none; padding: 5px 10px;} .category-content>ul>li.active, .gallery-category>li.active, .gallery-entry>ul>li.active {display: inline-block!important; border-bottom: solid 1px #3D7E99;} .category-content>ul.gallery-menu>li.active {border-bottom: none;} .gallery-data {display: none;} .category-tab>ul>li { margin: 0 3px; border: 1px solid #777; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } .category-tab>ul>li:hover {background-color: #ddd;} /* .page-gallery .gallery-caption {transition: opacity 1s; -webkit-transition: opacity 1s; -moz-transition: opacity 1s;} */ .page-gallery .gallery-caption>img {width: 100%; max-width: none;} .goto-top {display: none; z-index: 1000; position: fixed; bottom: 70px; right: 20px; } .goto-top i {font-size: 40px; padding: 5px 5px; width: 50px; height: 50px; background-color: rgba(255,255,255,0.7); color: #000; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; cursor: pointer;} .page-gallery .we-content {padding-top: 0;} /* changed for single gallery (galleries and gallery)*/ #movie-modal { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 5000; background: rgba(0,0,0,0.6); } #movie-modal>.frame-body { position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); width: 640px; height: 360px; max-width: 100%; max-width: calc(100% - 24px); max-width: -webkit-calc(100% - 24px); } #movie-modal iframe {width: 100%; height:100%;} #movie-modal button.close {position: absolute; z-index: 5001; opacity:1; right:-10px; top: -10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background-color: #fff;} .we-content .block-item.blog-entry {margin-bottom: 10px;} .entry-list .block-text>h4 {white-space: nowrap; text-overflow: ellipsis; overflow:hidden; line-height:1.4;} .entry-text.compact p { display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 4; display: -moz-box;-moz-box-orient: vertical; -moz-line-clamp: 4; overflow: hidden; padding:0;} .entry-details {text-align: right; font-size: 85%;} .blog-entry .entry-text, .news-entry .entry-text {max-height: 300px; padding-bottom: 20px; overflow: hidden; position: relative; transition: max-height 1.5s;-moz-transition: max-height 1.5s;-webkit-transition: max-height 1.5s;} .entry-text > .entry-more { position: absolute; bottom: auto; top: 260px; left: 0; z-index: 1; width: 100%; padding: 20px 4px; text-align: right; cursor: pointer; background: #fff; background: linear-gradient(top, rgba(255,255,255,0.1), rgba(255,255,255,1.0), rgba(255,255,255,1.0)); background: -webkit-linear-gradient(top, rgba(255,255,255,0.1), rgba(255,255,255,1.0), rgba(255,255,255,1.0)); } .blog-entry .entry-text > .entry-more>span, .news-entry .entry-text > .entry-more>span {padding: 4px; background-color: #fff; /*border-top: 1px solid #777; */ } .blog-entry .entry-text.active, .news-entry .entry-text.active {max-height: 3000px; padding-bottom: 50px;} .blog-entry .entry-text.active .entry-more, .news-entry .entry-text.active .entry-more {top: auto; bottom:0;} /*.blog-entry .entry-text.active>.entry-more {display: none;} */ .blog-entry .entry-text:after, .news-entry .entry-text:after {content: ""; position: absolute; width: 100%; height: 100%; background-color: #fff;} .blog-entry .entry-text>p, .news-entry .entry-text>p {min-height: 20px; } /*.cart-box {display: none;}*/ .buy-list {width: 33.3%; display: inline-block; text-align: center; /*border-right: 1px solid #ddd; border-top: 1px solid #ddd; *//*transition: width 1s; -webkit-transition: width 1s; -moz-transition: width 1s; */} @media (max-width: 1199px) { .buy-list {width: 33.3%;} } @media (max-width: 767px) { .buy-list {width: 50%;} } @media (max-width: 480px) { .buy-list {width: 100%;} } .buy-list .buy-title, .buy-list .buy-price, .buy-list .entry-summary {text-align: left; font-size: 90%;} .buy-list .buy-title {text-align: center;} .buy-list .entry-summary {font-size: 80%;} .buy-list .btn-full-pr {padding: 5px; width: 100%; text-align: center; cursor: pointer;} .buy-list .buy-price.hidden {display: none;} .buy-list .entry-image {margin-bottom: 10px; height: 200px; position: relative;} .buy-list.view-full .entry-image {width: 30%; display: inline-block;} .buy-list.view-full .block-text {width: 70%;display: inline-block;} .buy-list .entry-image>.block-image {width: auto; max-height: 180px; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);} .buy-list .block-text {width: 100%;} .buy-list .buy-title>span, .buy-list .buy-price>span, .buy-list .buy-pr>span {display: none; width: 80px; text-align: center; padding: 5px; margin-bottom: 10px; background-color: #8d1616; color: #fff; } .buy-list .buy-price>p::before {content: "販売価格：";} .buy-list .entry-text {display: none; height:0; text-align: left; } .buy-list.view-full>.buy-item { position: fixed; padding: 20px; width:100%; max-height: calc(100% - 130px); max-height: -webkit-calc(100% - 130px); /*1000px!important */ overflow-y: auto!important; height: auto; background-color: #fff; margin: 0 auto; border: 1px solid #777; z-index: 1000; opacity:0; /*top:50%!important; left:50%!important; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);*/ transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s;} /* { clear:both;overflow-y: hidden; height: 200px; width: 100%; border: 1px solid #555; transition: height 1s; -webkit-transition: height 1s; -moz-transition: height 1s;} */ .buy-list.view-full .buy-title {font-size: 110%;} .buy-list.view-full .buy-pr>.entry-text {display: block; height:auto;} .buy-list.view-full .buy-pr>.entry-summary {display: none;} .buy-list .buy-price>p {display: inline-block;} .buy-list span.buy-btn {display: inline-block; float: right; width: auto; background-color: #f27944; border: 1px solid #fff; color: #fff; cursor: pointer;} .cart-next {display: none; float:right; padding: 5px; background-color: #f27944; border: 1px solid #fff; color: #fff; cursor: pointer;} .buy-list span.buy-btn>i {padding-right: 10px;} .buy-list .close-expanded {display: none; text-align: right; cursor: pointer;} .buy-list.view-full .close-expanded {display: block;} .mobile-navbar.cart-box {display: none; position: fixed; bottom: 0; top:auto; height: auto; max-height: 100em; z-index: 1500; padding-bottom: 10px; max-height: 100%; overflow-y: auto; text-align: center; border-top: 1px solid #ddd; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s;} .mobile-navbar.cart-box.popup {height:100%;} .cart-box.shrinked {max-height: 30px; overflow-y: hidden;} .cart-box.shrinked .cart-state-expanded {display: none;} .cart-box .cart-state-shrinked {display: none;} .cart-box.shrinked .cart-state-shrinked {display: inline-block;} .cart-box ul.cart-list, .cart-list-confirm>ul {display: inline-block; padding: 0; margin:0; list-style: none; width: auto; text-align: left; border-bottom: 1px solid #777;} .cart-box ul.cart-list>li>span, .cart-list-confirm>ul>li>span {display: inline-block; padding: 5px 10px; text-align: right;} .cart-box ul.cart-list>li>span:nth-child(1), .cart-list-confirm>ul>li>span:nth-child(1) {width: 20px; vertical-align: top;} .cart-box ul.cart-list>li>span:nth-child(2), .cart-list-confirm>ul>li>span:nth-child(2) {width: 480px; text-align: left; vertical-align: top;} .cart-box ul.cart-list>li>span:nth-child(3), .cart-list-confirm>ul>li>span:nth-child(3) {width: 80px; } .cart-box ul.cart-list>li>span:nth-child(4), .cart-list-confirm>ul>li>span:nth-child(4) {width: 50px; } .cart-box ul.cart-list>li>span:nth-child(5), .cart-list-confirm>ul>li>span:nth-child(5) {width: 100px; } .cart-box ul.cart-list>li>span:nth-child(6), .cart-list-confirm>ul>li>span:nth-child(6) {width: 60px; text-align: left;} .cart-box ul.cart-list>li>span input.num-input {width: 30px; text-align: right; } .cart-box .cart-total {text-align: center; display: inline-block;margin-top: 10px;} .cart-box .cart-total>.total-title {display: inline-block; width: 580px; width: calc(20px + 480px + 80px); width: -webkit-calc(20px + 480px + 80px);min-height: 10px;} .cart-box .cart-total>.total-amount {display: inline-block; width: 130px; margin:0 auto;text-align: right;min-height: 10px;} .cart-box .cart-total>.total-end {display: inline-block; width: 60px; min-height: 10px;} @media (max-width: 1199px) { .cart-box ul.cart-list > li > span:nth-child(2) { width: 320px;} .cart-box .cart-total>.total-title {width: 420px; margin:0 auto;} } @media (max-width: 767px) { .cart-box ul.cart-list > li > span:nth-child(2) { width: 200px;} .cart-box .cart-total>.total-title {width: 300px; margin:0 auto;} } .cart-box .cart-confirm {display: none;} .cart-box .cart-close {width: 100%; text-align: right;} .cart-box .cart-bottom {display: none; text-align: center;} .cart-box .cart-buy, .cart-box .cart-confirm, .cart-box .cart-completed {display: none;} .input-mandatory:after {content:"＊"; color:red;} .input-mandatory {font-size:10px;} .input_num {width: 90px;} .cart-box .form-actions {text-align: center; padding: 10px;} .cart-box .form-actions>button {padding: 5px 10px;} .cart-box .cart-input, .cart-box .cart-confirm, .cart-box .cart-completed {width: 640px; max-width: 100%; text-align: left; margin: 0 auto;} .cart-box .form-horizontal .control-label {display: inline-block; width: 240px; text-align: left; padding-right: 10px;} .cart-box .form-horizontal .controls {display: inline-block; vertical-align: top;} .cart-form {text-align: left; padding: 0 10px;} .cart-box .btn {margin: 10px; background-color: #f27944; color: #fff; min-width: 160px; border-color: transparent; } .cart-form .buy-input-title {text-align: center;} .cart-form .buy-input-caption {border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 10px; margin: 10px 0;} .cart-confirm .buy-input-title, .cart-completed .buy-input-title {text-align: center; padding-bottom: 20px;} .cart-list-confirm h2 {padding-bottom: 20px;} /* FONTPLUS SETTINGS*/ body.FPLUS, .FPLUS h1, .FPLUS h2, .FPLUS h3, .FPLUS h4, .FPLUS h5 {font-family: "FOT-筑紫B丸ゴシック Std R", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif ;} .FPLUS .mobile-nav>ul>li, .FPLUS .mobile-navbuttons, .FPLUS .we-content-title>h2, .FPLUS .we-content .we-title>h3, .FPLUS .photo-list h4 {font-family: "FOT-筑紫B丸ゴシック Std M", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif ;font-weight: normal;} #mitte-contact .form-horizontal {padding-top: 20px;} #mitte-contact .form-horizontal label {text-align: right;} #mitte-contact input, #mitte-contact textarea {width: 100%;} #mitte-contact .btn-area {text-align: center;} #mitte-contact .required {margin-left: 5px; color: red;} #mitte-contact .input-note {padding-top: 5px; text-align: right;} .btn-area button {width: 120px; margin: 8px;} #contact-completed>p {padding: 20px;} #button-area {display: none;} .contest-award-list {list-style: none; padding: 0; text-align: center; width: 80%; margin: 0 auto;} .contest-award-list>li {display: inline-block; width: 90px; height:90px; text-align: center; padding:0!important; margin: 2px; border: 1px solid #ddd; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; overflow: hidden;background-position: center center;background-repeat: no-repeat; background-size: cover; } .contest-award-list>li>div {display: table; width:100%; height:100%; padding:0; color: white; background-color: rgba(0,0,0,0.7);} .contest-award-list>li>div>p {display: table-cell; text-align: center; vertical-align: middle; margin:0; padding:0;} .contest-award-list>li>div:hover {background-color: rgba(0,0,0,0.3);} .contest-award-list>li:nth-child(1) {height: 120px; width: 90%; margin: 0 auto 10px auto; display:block; font-size: 120%; } .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 ;}more .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;} .T1 .we-page.full-type .category-content.category-tab {background-color: #FEF4D9;} /*.we-page.full-type .photo-list { background-color: #F1E4BA;} */ .we-page.full-type ul.content-detail-list {list-style:none; padding:0;} .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.content-detail-list>li .img-frame {overflow: hidden;} .we-page.full-type ul.content-detail-list>li .img-frame>img {margin-top: -15%; margin-bottom: -15%;} .T1 .we-page.full-type .photo-list:nth-child(1) { background-color: #F1E4BA;} .T1 .we-page.full-type .photo-list:nth-child(2) { background-color: #FEF4D9;} .T1 .we-page.full-type .photo-list:nth-child(2) .category-detail-list>li {width: 33.3%; } .T1 .we-page.full-type .photo-list:nth-child(3) { background-color: #F5F2E3;} .T1 .we-page.full-type .photo-list:nth-child(4) { background-color: #F1E4BA;} .T1 .we-page.full-type .photo-list:nth-child(5) { background-color: #FEF4D9;} .T1 .we-page.full-type .photo-list:nth-child(6) { background-color: #F5F2E3;} .T1 .we-page.full-type .photo-list:nth-child(7) { background-color: #F1E4BA;} .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.category-detail-list>li h4:before {content: "■ ";} .T1 .we-page.full-type ul.content-detail-list>li .entry-title {background-color: #E85C99;} .T1 .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;} .T1 .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%;} .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; background-color: #948B54; color: white; 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;} .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%;} } .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 {position: fixed; top:0; 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;} .cart-box .form-input, .cart-box .form-confirm, .cart-box .form-completed {width: 640px; max-width: 100%; text-align: left; margin: 0 auto;} #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;} #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%;} } #Enquete .enquete-option-text {display: none;} #EnqueteConfirm .controls {padding-top: 7px;} /* Chrome support */ #mitte-mobile::-webkit-scrollbar { overflow:hidden; width:5px; background:rgba(255,255,255,0.8); } #mitte-mobile::-webkit-scrollbar:horizontal { height:5px; } #mitte-mobile::-webkit-scrollbar-button { display:none; } #mitte-mobile::-webkit-scrollbar-piece { background:rgba(0,0,0,0.2) /*#eee */; } #mitte-mobile::-webkit-scrollbar-piece:start { background:rgba(0,0,0,0.2); } #mitte-mobile::-webkit-scrollbar-thumb { background:#777; } #mitte-mobile::-webkit-scrollbar-corner { background:#777; } /**** TOUR ****/ .clear { clear:both; height:1px; line-height: 0px; font-size:0px;} .TOUR .top-logo, .TOWNWALK .top-logo {height: 90%; padding:0; margin-top:0;} .TOUR .mobile-back, .TOWNWALK .mobile-back {display: none;} .TOUR .mobile-toolbox, .TOWNWALK .mobile-toolbox, .TOWNWALK .right-bar {display: none;} .SPA .page-SPA {display: block; } .SPA .we-page-content {margin-top: 40px;} .TOUR #mobile-title, .TOWNWALK #mobile-title {display: block;} .SPA .POPUP .we-page-content {margin-top: 0; /* 40px; */ top: 40px; height:calc(100% - 60px); background : transparent; position:fixed; width: calc(100% - 380px); max-width: 970px; left:50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);} .SPA .POPUP .we-page-content .we-content {padding-bottom: 0;} .SPA .POPUP .we-page-content .photo-list {/*max-height: calc(100% - 40px - 65px - 20px);max-height: 640px; overflow-y: auto; */ position: absolute; top: 40px; max-height: calc(100% - 40px); height: auto; padding-bottom: 30px; padding-top: 0!important; overflow-y: auto;} .TOUR .mobile-tools .TOWNWALK .mobile-tools {display: none;} .TOUR .we-content-title {position: fixed; top:40px; left:auto; background-color: #f29e0c; margin:0;width: calc(100% - 380px);} /*.TOUR .we-content-title {position: static; top:auto; left:auto; background-color: #f29e0c; margin:0;}*/ .TOUR .we-content {padding-top:0; margin-top: 50px; /*95px;*/ height: calc(100% - 95px); position:fixed; width: calc(100% - 380px);} .TOUR .container {width: 100%; } .TOUR .we-page {position: fixed; top:0; left:0; width:100%; height:100%; overflow-y: auto; -webkit-overflow-scrolling: touch; background-color: #fff!important; z-index: 1000;} .TOUR .page-SPA>.container, .TOUR .page-category>.container, .TOUR .page-entrylist>.container, .TOUR .page-route .container {margin: 0; height: 100%; overflow-y: auto; width: calc(100% - 380px); width: -webkit-calc(100% - 380px); width: -moz-calc(100% - 380px);} .TOUR .left-bar, .TOWNWALK .left-bar {display: none!important;} .TOUR .tour-list-mode, .TOUR #mobile-list-bottom {display: block; background-color: transparent; position: fixed; height:1px; bottom:0; left:0; z-index: 19; width: calc(100% - 380px); width: -webkit-calc(100% - 380px); width: -moz-calc(100% - 380px); overflow: visible;} .TOUR .tour-list-mode>ul>li:hover { background-color: rgba(255,255,255,0.2);} .TOUR .tour-list-mode .button-route {display: none; position: fixed; top: 45px; right: 410px; width: 45px; color: #fff;} .TOUR .tour-list-mode .button-list { display: none; } .TOUR .tour-list-mode .button-route-close { display: none; position: fixed; top: 45px; right: 410px; width: 45px; font-size: 20px; color: #fff;} .TOUR .tour-list-mode .button-route-close>span {font-size: 20px;} @media (min-width: 1200px) { .TOUR .left-bar {height:auto; width: 100%; top: 44px; } .TOUR .left-bar {text-align: center;transform: translate(0,0); -webkit-transform: translate(0,0);} .TOUR .left-bar>ul {padding: 0 20px; margin:0; height: 2em;} .TOUR .left-bar>ul:before {content:""; padding: 0; width:auto;} .TOUR .left-bar>ul>li { display: inline-block; background-image: none; height:30px; padding-left:10px;} .TOUR .left-bar>ul>li.active {display: inline-block!important;} .TOUR .left-bar>ul>li:hover {font-size: 14px; overflow: visible; } .TOUR .left-bar>ul>li:hover>span {position: static; left: auto; padding-left: 0; background-color: rgba(255,255,255,1.0); padding-right: 0; white-space: nowrap; border-top-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-top-right-radius: 0; -moz-border-bottom-right-radius: 0; z-index: 0;} } /* .TOUR .page-entrylist .photo-list {width: 33%; } .TOUR .page-entrylist .photo-list .block-image {width: 100%; cursor: pointer;} .TOUR .page-entrylist .photo-list .block-text {width: 100%; padding: 10px 0; text-align: left;} .TOUR .page-entrylist .photo-list .block-text .entry-text {display: none;} .TOUR .page-entrylist .photo-list .block-text>.entry-title {position: relative;} .TOUR .page-entrylist .photo-list .block-text>.entry-title:before {content:"\f05a"; position: absolute; bottom:0; right:0;font-family: fontAwesome; line-height: 1; -webkit-font-smoothing: antialiased;} */ .tab-type .we-content {padding-top: 0; margin-top: 60px;} .tab-type .category-item>.block-text>h4 {text-align: center; font-size:18px; margin-bottom: 15px; border-bottom: 1px solid #ccc;} .tab-type .category-tab {position: fixed; width:100%; height: 35px; top:95px; left:0; background-color: #fff; height:30px; border-bottom: 1px solid #ddd;} .tab-type .category-tab>ul {white-space: nowrap; overflow: hidden; -webkit-overflow-scrolling: touch;} .tab-type .category-content, .tab-type .category-frame {background-color: inherit!important;} .tab-type .category-items { width: 100%; background-color: #fff; max-height: none; overflow-y: hidden;} .tab-type .category-frame {display: none; position: relative;margin-bottom: 65px; } .tab-type .category-items .category-item ul.content-detail-list>li {width: 33%; display: inline-block; padding:5px;} .tab-type .category-items .category-item ul.content-detail-list>li:hover {background-color: inherit;} .tab-type .category-items .category-item ul.content-detail-list>li .img-frame {width: 100%;} .tab-type .category-items .category-item ul.content-detail-list>li .img-frame>img {width: 100%;} .tab-type .category-items .category-item ul.content-detail-list>li .text-frame {display: block; position: relative; width: 100%;} .tab-type .category-items .category-item ul.content-detail-list>li .entry-title { background-color: inherit;} .tab-type .category-items .category-item ul.content-detail-list>li .entry-title:hover {background-color: rgba(0,0,0,0.1);} .tab-type .category-items .category-item ul.content-detail-list>li.fav-on .entry-title:before { content:"\f02e"; color:blue; position: absolute; top:10px; right:5px; font-size: 16px; font-family: fontAwesome; line-height: 1; -webkit-font-smoothing: antialiased;} .tab-type .category-items .category-item ul.content-detail-list>li .entry-title>h4 { background-color: inherit; color: inherit; padding: 10px 5px; margin-left: 0; margin-right: 0; padding-right: 20px;} .tab-type .category-items .category-item ul.content-detail-list>li .entry-text {display: none;} .tab-type .category-items .category-item ul.content-detail-list>li .entry-details {display: none;} .tab-type .category-tab>ul {padding: 0 5px; position: absolute; top:0; left:0; width: 100%; overflow: visible;} .tab-type .category-tab>ul>li {margin:0; background-color: #ddd; border-bottom-left-radius:0; border-bottom-right-radius:0; -moz-border-bottom-left-radius:0; -moz-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius: 0; } .tab-type .category-tab>ul>li.active {border-bottom: none;background-color: #fff; height:31px;} .tab-type .category-tab-toggle {display: none;} /*.TOUR #tour-list-bottom {display: none;} */ .TOUR .category-tab {position: fixed; width: calc(100% - 380px); height: 35px; top:95px; left:0; background-color: #fff; height:30px; border-bottom: 1px solid #ddd;} .TOUR .category-items {position: fixed; width: calc(100% - 380px); height: calc(100% - 130px); top:130px; left:0; /*overflow-y: auto; */ background-color: #fff;} .TOUR .category-frame {display: none; position: relative;margin-bottom: 65px; height:100%; overflow-y: auto; -webkit-overflow-scrolling: touch;} .TOUR .category-items .category-item ul.content-detail-list>li .entry-title:before { content:"\f004"; color:red; position: absolute; top:10px; right:5px; font-size: 16px; font-family: fontAwesome; line-height: 1; -webkit-font-smoothing: antialiased;} .TOUR #we-page-home {display: block; z-index: 500; background-color: #ddd!important;} .TOUR #we-page-home .home-topics {display: none;} .TOUR #enter {position: absolute; top:50%; left:50%; text-align: center; width: 150px; height:150px; display: inline-block; font-size: 40px; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 150px; background-color: rgba(255,255,255,1.0); cursor: pointer;} .TOUR #enter>p {text-align: center; position: absolute; top: 50%; left:50%; transform: translate3d(-50%,-50%,0); -webkit-transform: translate3d(-50%,-50%,0);-moz-transform: translate3d(-50%,-50%,0); /*margin: 45px auto; */} .TOUR #we-page-tour-favorites {width: 380px; display: block; position:fixed; top:0; left:auto; right:0;} .page-entry.POPUP {position: fixed; width: 100%; height: 100%; top: 0; left:0; background: rgba(0,0,0,0.5); overflow-y: auto; -webkit-overflow-scrolling: touch; margin: auto auto;z-index: 300;} .page-entry.POPUP .container {width: 60%; min-width: 480px; /*height: calc(100% - 80px); */ margin: 0 auto; margin-top: 80px; border: 1px solid #ddd; position: relative;} .page-entry.POPUP .content-container {background: transparent;} .page-entry.POPUP .we-content-title {display: none; position: absolute; top:0; left:0;} .page-entry.POPUP .content-container>li {position: absolute; height:100%; width:100%; background: transparent;} .page-entry.popup .we-title {position: absolute; top:0; left:0;} .page-entry.POPUP .we-title {color: #000; background-color: #fff; margin-top:0; border-bottom: 1px solid #ddd; padding: 17px 80px 10px 50px;} .page-entry.POPUP .we-content {margin-top: 0; padding-top: 0; position: absolute; width: 100%; height: 100%;} .page-entry.POPUP .move-prev.active, .page-entry.POPUP .move-next.active {display: none!important;} .page-entry.POPUP .close {position: absolute; right:10px; top: 10px; width:30px; height:30px; padding: 5px; font-size: 20px; z-index: 1000; background-color: #fff; color: #000; border: 1px solid #000; border-radius:30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;} .TOUR .page-entry.POPUP .entry-add-fav, .TOUR .page-entry.POPUP .entry-remove-fav {display: none; text-align: center; position: absolute; z-index: 310; right: 50px; top: 10px; color: red; font-size: 20px; padding:3px; cursor: pointer;border: 1px solid red; border-radius:30px; width: 30px; height: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;} .TOUR .page-entry.POPUP .entry-remove-fav {color: blue;border: 1px solid blue; } .TOUR .page-favorites .block-item>.block-text>h4 {margin-left: 24px; margin-right: 24px;} .TOUR .page-favorites .list-number.route-number {left:30%; left: calc(30% + 15px); right:auto;} .TOUR .page-favorites .remove-favorite {display: block;} .TOUR .page-favorites .close { text-shadow: none; width:20px; height:20px; padding:2px; background-color: #000; color: #fff; font-size: 16px; border-radius:50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;} .TOUR .page-favorites .we-content-title {z-index: 1;} .TOUR #we-page-tour-favorites .we-page-content {margin-top: 40px; top: 0; height:calc(100% - 40px); position:fixed; width: 380px; right:0; left:auto; overflow-y: auto;border-left: 1px solid #ddd;} .TOUR #we-page-tour-favorites .we-content {position: fixed; width: 380px; height: calc(100% - 40px - 55px - 167px - 38px - 20px); overflow-y: auto; -webkit-overflow-scrolling: touch;} .TOUR #we-page-tour-favorites .we-content-title {width: 380px; background-color: #682185;position: fixed; /*top:40px;*/ left:auto; margin:0;} .TOUR #we-page-tour-favorites .we-title {display: none;} .TOUR #we-page-tour-favorites .we-content { padding-top:10px; margin-top: 0;} .TOUR #we-page-tour-favorites .photo-list>.block-text>p {display: none;} .TOUR #we-page-tour-favorites .mybox-functions {margin-top: 55px;} .TOUR #tour-fav-button {display: none; position: fixed; right:10px; top:10px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; cursor: pointer; } .TOUR .mybox-functions {padding: 10px 20px;} .TOUR .mybox-title {padding: 10px; text-align: center; background-color: #904fed; color: #fff; font-size: 14px; margin-bottom: 10px; position: relative;} .TOUR .mybox-functions>ul {text-align: center;} .TOUR .mybox-functions>ul>li {display: inline-block; cursor: pointer; width: 80px; padding: 5px;} .TOUR .mybox-functions>ul>li:hover {color: #f37607;} .TOUR .mybox-functions>ul>li>i {font-size: 20px;} .TOUR .mybox-functions>ul>li>span {display: block; margin-top: 5px;} .TOUR #fav-edit, .TOUR #fav-edit-done {position: absolute; bottom: 5px; right:5px; font-size:20px; cursor:pointer;} .TOUR #fav-edit-done {display: none;} .TOUR span.odekaka-title {display: inline-block!important;} @media (max-width: 767px) { /* extra small devices */ } @media (max-width: 991px) { /* medium devices */ .TOUR #enter>p {font-size: 30px;} .SPA .POPUP .we-page-content {width: 90%; margin-top:0; } .TOUR .we-content-title, .TOUR .we-content {width: 100%; width: calc(100% - 20px); padding-bottom: 0;} .TOUR #we-page-tour-favorites .we-content-title {width: 100%;} .tab-type .category-content.category-tab {z-index: 301; width: 100%; height: calc(100% - 95px); top:95px; left:0; background-color: rgba(255,255,255,1.0)!important; overflow-y: auto;} .tab-type .category-tab.hide {display: none;} /* not used */ .tab-type .category-tab>ul {white-space: normal; overflow: hidden; -webkit-overflow-scrolling: touch; padding-top: 10px;} .tab-type .category-tab>ul>li {float:none; display: inline-block; width:160px; height: 160px; margin: 2% 6%; padding: 50px 10px;} .tab-type .category-tab>ul>li.active {height: 160px;} .tab-type .category-tab-toggle {z-index: 303; display: none; position:fixed; left:5px; top:95px; padding: 5px 15px; cursor: pointer; width: 100%; background-color: #fff;} .TOUR .page-SPA>.container, .TOUR .page-category>.container, .TOUR .page-entrylist>.container, .TOUR .page-route .container {width: 100%; } .TOUR #we-page-tour-favorites {z-index: 20; left: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;} .TOUR #we-page-tour-favorites .we-page-content {right:auto; left:100%;} .TOUR #we-page-tour-favorites.show .we-page-content {transform: translate3d(-100%,0,0);} .TOUR #we-page-tour-favorites.show {transform: translate3d(-100%,0,0);} .TOUR .tour-list-mode .button-route {right: 15px; } .tab-type .category-items {width: 100%; top: 100%; transition: all 0.7s; z-index: 302; padding-top: 28px;} .tab-type .category-items.show {top:95px; height: calc(100% - 95px);} .TOUR #we-page-tour-favorites .we-content-title {width: 100%; top:0;} .TOUR .tour-list-mode {width: 100%;} .TOUR #tour-fav-button {display: block;} .page-entry.POPUP .container { width: 90%;} .TOUR .category-tab>ul>li {background-color: #999; color:#fff; border-radius:8px; -moz-border-radius:8px; -moz-border-radius:8px; position: relative; } .TOUR .category-tab>ul>li.active {border-bottom: 1px solid #777; background-color: #fff;} .TOUR .category-tab>ul>li:nth-child(1) {background-color: #3206a0; } .TOUR .category-tab>ul>li:nth-child(2) {background-color: #0661a0; } .TOUR .category-tab>ul>li:nth-child(3) {background-color: #06a05b; } .TOUR .category-tab>ul>li:nth-child(4) {background-color: #3ba006; } .TOUR .category-tab>ul>li:nth-child(5) {background-color: #a0a006; } .TOUR .category-tab>ul>li:nth-child(6) {background-color: #a03806; } .tab-type .category-tab>ul>li>span {position: absolute; padding:0 20px; top: 50%; left:50%; width: 90%; transform: translate3d(-50%,-50%,0); -webkit-transform: translate3d(-50%,-50%,0);-moz-transform: translate3d(-50%,-50%,0);} .TOUR #tour-list-bottom {display: none;} .TOUR .tour-list-mode .button-route-close {right: 10px; } } @media (max-width: 1199px) { /* large deviced */ } @media (max-width: 480px) { .TOUR #button-menu {display: none;} .tab-type .category-tab>ul>li {width:120px; height: 120px;} .tab-type .category-tab>ul>li.active {height: 120px;} } .page-home-item .page-home {height: auto;} .TOUR .page-home .bk-image {width: 100%; height:100%;} #dialog-download-photo {display:none; position: fixed; top:0; left:0; width:100%; height:100%; max-height: 100vh; background-color: rgba(0,0,0,0.5); z-index: 3001;} #dialog-download-photo>.download-photo-frame { padding: 10px; background-color: #ffffff; position: absolute; top: 50%; left: 50%; max-height: 100%; overflow-y: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } #dialog-download-photo .dialog-header {text-align: center; border-bottom: 1px solid #ddd;} #dialog-download-photo form, #dialog-download-photo table, #dialog-download-photo .description {padding: 10px 20px;} #dialog-download-photo .dialog-actions {text-align: center; margin-top: 15px;} #dialog-download-photo .dialog-actions>.btn {margin: 5px;} #dialog-download-photo .dialog-description>p {padding-top: 10px;margin-top: 20px;} #download-photo-confirm, #download-photo-completed {display: none; min-width: 400px; min-height: 400px; padding: 20px;} #dialog-download-photo .error-message {color: red; text-align: center;} .page-home-item.flip-out {position: absolute; top:0; left:0; width: 100%; display: block; transform: rotateY(0) perspective(8000); -moz-transform: rotateY(0) perspective(8000);-webkit-transform: rotateY(0) perspective(8000);} .page-home-item.flip-in {display: block; transform: rotateY(-90deg) perspective(7000); -moz-transform: rotateY(-90deg) perspective(7000); rotateY(-90deg) perspective(1000); rotateY(-90deg) perspective(1000); rotateY(-90deg) perspective(10000); rotateY(-90deg) perspective(10000); rotateY(-90deg) perspective(1000);-webkit-transform: rotateY(-90deg) perspective(7000);} .flip-on { -webkit-animation: flipInY 1.5s linear 1s; -moz-animation: flipInY 1.5s linear 1s; -o-animation: flipInY 1.5s linear 1s; animation: flipInY 1.5s linear 1s; } @-webkit-keyframes flipInY { 0% {-webkit-transform: perspective(2000px) rotateY(-90deg); opacity: 1; } 100% {-webkit-transform: perspective(2000px) rotateY(0deg); opacity: 1;} } @-moz-keyframes flipInY { 0% {-moz-transform: perspective(2000px) rotateY(-90deg); opacity: 1; } 100% {-moz-transform: perspective(2000px) rotateY(0deg); opacity: 1;} } @-o-keyframes flipInY { 0% {-0-transform: perspective(2000px) rotateY(-90deg); opacity: 1; } 100% {-0-transform: perspective(2000px) rotateY(0deg); opacity: 1;} } @keyframes flipInY { 0% {transform: perspective(2000px) rotateY(-90deg); opacity: 1; } 100% {transform: perspective(2000px) rotateY(0deg); opacity: 1;} } @-webkit-keyframes flipOutY { 0% {-webkit-transform: perspective(2000px) rotateY(0deg); opacity: 1; } 100% {-webkit-transform: perspective(2000px) rotateY(90deg); opacity: 1;} } @-moz-keyframes flipOutY { 0% {-moz-transform: perspective(2000px) rotateY(0deg); opacity: 1; } 100% {-moz-transform: perspective(2000px) rotateY(90deg); opacity: 1;} } @-o-keyframes flipOutY { 0% {-o-transform: perspective(2000px) rotateY(0deg); opacity: 1; } 100% {-o-transform: perspective(2000px) rotateY(90deg); opacity: 1;} } @keyframes flipOutY { 0% {transform: perspective(2000px) rotateY(0deg); opacity: 1; } 100% {transform: perspective(2000px) rotateY(90deg); opacity: 1;} } #we-page-eventlist .block-text>h4 {font-weight: bold; border-bottom: 1px solid #ddd;} .page-eventlist .content-container .we-title {display: none;} .page-eventlist .we-content {padding-top: 20px; margin-top: 0;} .page-eventlist .move-next, .page-eventlist .move-prev {top: auto; bottom: 0; margin: 0; background-color: #fff;} .page-eventlist .calendar-container { /*position: absolute; top: 100px; left:0; */ position: relative; padding-top: 110px; height: 150px; /*width: 100%; width: calc(100% - 110px); width: -webkit-calc(100% - 110px); z-index: 15; */ border-bottom: 1px solid rgb(8, 54, 138); text-align: center; /*margin: 0 55px; */ overflow: hidden; } .page-eventlist .calendar-container ul {padding:0; padding:0 40px; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-align: center; width: auto; transition: margin-right 0.5s; -webkit-transition: margin-right 0.5s; -moz-transition: almargin-rightl 0.5s; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } @media (max-width: 1199px) { .page-eventlist .calendar-container {height: 170px;} .page-eventlist .calendar-container {/*top:125px; */ padding-top: 125px; } } @media (max-width: 767px) { .page-eventlist .calendar-container {height: 150px;} .page-eventlist .calendar-container {/*top:100px; */ padding-top: 110px;} } .calendar-container ul>li {list-style: none; padding: 0 15px; display: inline-block; cursor: pointer; font-size: 18px; border-left: 1px solid #ddd; border-right: 1px solid #ddd;} .calendar-container ul>li:hover {background-color: #ddd;} .calendar-container ul>li.active {display: inline-block!important; font-size: 20px; font-weight: bold; cursor: default;} .calendar-container ul>li.active:hover {background-color: inherit;} .calendar-container ul>li span.calendar-year {display: none;} .calendar-container ul>li.active span.calendar-year {display: inline;} @media (max-width: 1199px) { .page-eventlist .calendar-container {height: 170px;} .page-eventlist .calendar-container {/*top:125px; */ padding-top: 125px; } } @media (max-width: 767px) { .calendar-container ul>li {font-size: 14px; padding: 0 10px; } .calendar-container ul>li.active {font-size: 18px; } .page-eventlist .calendar-container {height: 150px;} .page-eventlist .calendar-container {/*top:100px; */ padding-top: 110px;} } .calendar-switch {display: none} .calendar-switch>ul {padding: 10px 0 0 0!important;} .calendar-switch>ul>li {list-style: none; display: inline-block; cursor: pointer; } .cal-month {padding:0; width: 100%; border-left: 1px solid #ddd; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .shrink .cal-month {max-height: 0;} .cal-month>li {list-style:none; /*display: inline-block; */ vertical-align: top; width: 14.28%; text-align: center; min-height: 36px;border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;} .cal-month>li.cal-title {border-top: 1px solid #ddd; padding: 10px;} .cal-month>li.cal-content {padding-bottom: 10px;} /* .cal-top.day-1 {margin-left: 14%;} .cal-top.day-2 {margin-left: 28%;} .cal-top.day-3 {margin-left: 42%;} .cal-top.day-4 {margin-left: 56%;} .cal-top.day-5 {margin-left: 70%;} .cal-top.day-6 {margin-left: 84%;} */ .cal-month>li .cal-event, .cal-month>li .cal-extend {width: 100%; font-size: 85%;} .cal-month>li .cal-event {text-align: left;} .cal-month>li .cal-event:before {content:"・";} .cal-month .cal-date {padding:10px;} .title-icon>img {max-width: 64px;} /* 中央区タイトル画像 */ .more-news {float:right; margin: 10px; width: 120px; padding: 5px 10px;text-align: center; cursor: pointer; border: 1px solid #ddd;} .page-home-item .info-showcase {clear:both; display: block; width: 100%; margin-bottom: 0 0 30px 0; padding: 10px 0 /* 20px */;} .page-home-item .info-showcase .showcase-content { /*max-height: 1020px; */ overflow:hidden; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; position: relative;} .page-home-item .info-showcase .showcase-content.expand {max-height: 10000px; } /* .D6 .page-home-item .info-showcase .showcase-tab {width:100%; text-align: center; white-space: nowrap; overflow: hidden; } .D6 .page-home-item .info-showcase .showcase-content:after {content:""; clear:both;} .D6 .page-home-item .info-showcase .showcase-content>li>ul:after {content:""; clear:both;display: block;} .D6 .page-home-item .info-showcase .showcase-tab, .page-home-item .info-showcase .showcase-content {padding:0; } .D6 .page-home-item .info-showcase .showcase-tab>li {display: inline-block; margin: 0 5px; padding: 10px 15px; border-bottom: 2px solid #999; cursor:pointer;} .D6 .page-home-item .info-showcase .showcase-tab>li.active {display:inline-block!important;border-bottom: 2px solid red; background-color: #f2cbcb} */ .page-home-item .info-showcase .showcase-content { margin-top:10px; padding:10px; } .page-home-item .info-showcase .showcase-content>li {display:none;} .page-home-item .info-showcase .showcase-content>li:after {content:""; clear:both; display: block;} .page-home-item .info-showcase .showcase-content>li>ul>li {display:none; float:left; width: 25%; height: 200px; overflow: hidden; margin:0;list-style: none; border-left: 2px solid #777; border-right: 2px solid #777; border-bottom: 3px solid #777; position: relative; padding: 5px; background-position: center center; background-repeat: no-repeat; background-size: cover; } .page-home-item .info-showcase .showcase-content>li>ul>li.active {display: block;} .page-home-item .info-showcase .showcase-content>li>ul>li>.block-title {position: absolute; z-index: 2; bottom:0; left:0; text-align:center; padding: 5px; width:100%; background-color: rgba(0,0,0,0.7); color: white;} .page-home-item .info-showcase .showcase-content>li>ul>li>.block-text {position: absolute; z-index: 1; bottom:-10px; max-height: 0; left:0; text-align:left; padding: 5px; width:100%; height: 100%; background: rgba(0,0,0,0.7); /*linear-gradient(0deg, rgba(0,0,0,0.9), rgba(0,0,0,0.2)); */ color: white; transition: all 0.8s 0.8s; -webkit-transition: all 0.8s 0.8s; -moz-transition: all 0.8s 0.8s; } .page-home-item .info-showcase .showcase-content>li>ul>li:hover>.block-text {max-height: 100%; bottom:0;} .page-home-item .info-showcase .showcase-content>li>ul>li:nth-child(10n+1) {width: 50%; height:400px;} .page-home-item .info-showcase .showcase-content>li>ul>li:nth-child(8n) {width: 50%; height:400px;float:right;} .page-home-item .info-showcase .showcase-content>li>ul>li>img {display:none;} .page-home-item .info-showcase .showcase-expand {display: inline-block; width: 240px; margin:0 auto; padding: 10px 20px; text-align:center; cursor:pointer;} .page-home-item .info-showcase .showcase-shrink {display: none; width: 240px; margin:0 auto; padding: 10px 20px; text-align:center; cursor:pointer} .page-home-item .info-showcase .showcase-expand>i, .page-home-item .info-showcase .showcase-shrink>i {font-size: 20px; padding: 5px;} .page-home-item .home-banner {position: absolute; right: 0; top: 300px; max-width: 40%;} .page-home-item .home-banner.we-link:hover {background-color: inherit;} .page-home-item .home-topics {max-height: none; height:auto; z-index: auto; } .page-home-item .home-topics>ul {max-height: none;overflow: hidden;} @media (max-width: 1199px) { /* large deviced */ .page-home-item .info-showcase .showcase-content>li>ul>li {height: 180px;} .page-home-item .info-showcase .showcase-content>li>ul>li:nth-child(10n+1), .page-home-item .info-showcase .showcase-content>li>ul>li:nth-child(8n) {height: 360px;} .page-home-item .info-showcase .showcase-content {/*max-height: 720px; */} } @media (max-width: 991px) { /* medium devices */ .page-home-item .info-showcase .showcase-content {width: 750px; margin-left: auto; margin-right:auto;} .page-home-item .info-showcase .showcase-content>li>ul>li {height: 160px;} .page-home-item .info-showcase .showcase-content>li>ul>li:nth-child(10n+1), .page-home-item .info-showcase .showcase-content>li>ul>li:nth-child(8n) {height: 320px;} .page-home-item .info-showcase .showcase-content {/*max-height: 640px; */} } @media (max-width: 767px) { /* extra small devices */ .page-home-item .info-showcase .showcase-content {width: 100%;} .page-home-item .info-showcase .showcase-content>li>ul>li {width: 50%; height: 200px;} .page-home-item .info-showcase .showcase-content>li>ul>li:nth-child(10n+1), .page-home-item .info-showcase .showcase-content>li>ul>li:nth-child(8n) {width:100%; height: 400px;} .page-home-item .info-showcase .showcase-content {/*max-height: 1620px; */} .page-home-item .info-showcase .showcase-expand {width: 160px; border-right: 1px solid #fff;} .page-home-item .info-showcase .showcase-shrink {width: 160px;} } @media (max-width: 480px) { .page-home-item .info-showcase .showcase-content {width: 100%;} .page-home-item .info-showcase .showcase-content>li>ul>li {width: 50%; height: 160px;} .page-home-item .info-showcase .showcase-content>li>ul>li:nth-child(10n+1), .page-home-item .info-showcase .showcase-content>li>ul>li:nth-child(8n) {width:100%; height: 320px;} .page-home-item .info-showcase {/*max-height: 1280px;*/} .page-home-item .info-showcase .block-title {font-size: 85%;} } @media (max-width: 767px) { .D6 .page-home-item .home-banner { top: 240px;} } @media (max-width: 1199px) { /* .TIES .right-bar{display:block !important;right:0;width:auto;top: 180px;-webkit-transform: none;-ms-transform: none;transform: none;} */ .D6 .page-home-item .home-banner { top: 180px;} } .home-topics .info-top-contents {padding: 0; min-height: 100px; width: 100%;} .home-topics .info-top-contents:after {content:""; clear:both;} .home-topics .info-top-contents>ul> li{ display: inline-block; background-color:#FFFFFF; width:200px; height: 150px; max-width:32%; margin: 0 3px; padding:5px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); position: relative; } .home-topics .info-top-contents>ul > li > .inner-image { position: relative; width:100%; height:100%; background-size:cover; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; background-position: center; background-repeat: no-repeat; } .home-topics .info-top-contents>ul > li > .inner-image > span { position: absolute; left:0; bottom:0; color:#FFFFFF; padding:7px 0; background: linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .0)); text-align:center; width:100%; max-width:100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } @media (max-width: 767px) { .home-topics .info-top-contents {text-align: center; width: 100%; min-height: 0;} .home-topics .info-top-contents > ul>li {width:100%;max-width:100%;margin:0;} } @media (max-width: 767px) { .D6 .we-page.page-active .we-content-title { top: auto; background-color: transparent; background-repeat: no-repeat; background-position: left center; margin-left: 10px; } } .info-showcase {text-align: center;} .info-showcase>.showcase-title, .info-showcase>.showcase-title>.showcase-title-in {display: inline-block;} .info-showcase>.showcase-title h3 /*.ties-title01*/ { display:inline-block; margin:auto; padding:0 20px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size:26px; font-weight:bold; vertical-align:top; border-bottom: none; } @media (max-width: 767px) { .info-showcase > .showcase-title h3, /*.ties-title01*/ .info-showcase>.showcase-title:before, .info-showcase>.showcase-title:after { width: 40px; background-position: center center; background-size: contain; } } /*今が旬のおすすめ*/ /* .ties-tabu */.info-showcase ul.showcase-tab { display: table; table-layout: fixed; width:100%; margin-top:20px; font-size:16px; padding:0; } .info-showcase ul.showcase-tab li { display: table-cell; padding:5px; color:#949494; cursor: pointer; text-align: center; } .info-showcase ul.showcase-tab li.active { display: table-cell!important; position: relative; border-bottom:2px solid #777; color: #777; } .info-showcase ul.showcase-tab li.active:after { content: ""; position: absolute; bottom: -2px; right: 47%; border: 6px solid transparent; border-bottom: 6px solid #777; } .info-showcase ul.showcase-tab li:hover { color: #777; } /* トップページ　カテゴリー表示　*/ .D6 .page-active .category-levels { display:block;position: relative; top: 0; left:0; width: 100%; height: auto; text-align: left;} .D6 .page-active .category-levels .category-level {width: auto;} .D6 .page-active .category-levels .category-level .block-text {margin-left:20px; padding-left: 30px;} .copyright {width: 100%; text-align: center; padding: 10px;} /* story type page */ .D6 .we-page.full-view {position: fixed; left:0; right:0; top:0; bottom:0; z-index: 500; font-size: 1.4rem; } .D6 .we-page.full-view .we-page-content {position: fixed; top:0; left:0; right:0; bottom:0;} .D6 .with-tab .we-page-content {height: 100vh;} .D6 .with-tab .we-content-title {top:0; border-bottom: none;} .D6 .with-tab .tab-title {display:none;} .D6 .with-tab .move-prev.active, .D6 .with-tab .move-next.active {display: none!important;} .D6 .story-category .category-items {max-height: none;} .D6 .story-category .category-actions {display: none;} .D6 .story-tab { position:absolute; left:0; bottom:0; width:100%; z-index:100; font-size: 17px;} .D6 .story-tab .tab-container {background-color: rgba(0,0,0,1.0); color:#ffffff;padding:0; list-style:none; margin:0; width:auto; overflow: hidden;} .D6 .story-tab .tab-container:before {content:"PAGE"; letter-spacing: normal; display: inline-block; padding: 10px 20px;} .D6 .story-tab .tab-container>li {list-style:none; display: inline-block; padding:10px 16px; font-size: 1.4rem; cursor:pointer;} .D6 .story-tab .tab-container>li:hover {background-color: rgba(255,255,255,0.3);} .D6 .story-tab .tab-container>li.active {border-bottom: 1px solid #fff; display: inline-block!important;} .D6 .story-content.we-content {position: fixed; margin:0;padding:0; top:0; left:0; width: 100%; height: 100vh;} .D6 .story-content.we-content .category-actions {display: none;} .D6 .story-content.we-content .content-container {position: relative;} .D6 .story-content.we-content .content-container>li {height: 100%;} .D6 .story-content.we-content .content-container .block-item.photo-list {position: absolute; top:0; left:0; width: 100%; height: 100%;} .D6 .story-content.we-content .we-title {color: #fff; height:auto; width: auto; text-align: left; margin:0; padding:0; padding-bottom: 20px; border:none;} .D6 .story-content.we-content .we-title>h3 { font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho","Takao P明朝","TakaoPMincho",serif; font-size: 24px; letter-spacing: 0.1em; line-height:2;} .D6 .story-content.we-content .entry-block {position:absolute; top:0; left:0; width: 100%; min-height:100%; margin-top: 45px; padding: 0; height:100%; overflow-y:auto; transition: background 1s linear;} .D6 .story-back {display:none; /* opacity:0; transition: opacity 1s ease-out 0s; */ position: fixed; top:0; left:0; bottom: 0; right:0; background-size: cover;} .D6 .story-content.we-content .content-container>li.active .story-back {display:block; animation: anim 1.0s ease-in 0s;} .D6 .story-text {display:none; /* opacity:0; transition: opacity 1s ease-out 3s; */ position: absolute; left:0; margin-right: 50%; min-height: 100%; padding: 30px 40px 70px 40px; overflow-y: auto; background-color: rgba(0,0,0,0.6); color:#fff; font-size: 17px; letter-spacing:0.1em; line-height: 2; font-family: 'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ ProN W3",'Meiryo',"メイリオ",'MS PGothic',"ＭＳ Ｐゴシック",sans-serif; } .D6 .story-text.right {margin-left: 50%;} .D6 .story-text .we-title {display: none;} .D6 .story-content.we-content .content-container>li.active .story-text {display:block; animation: anim2 3s ease-in 0s;} .D6 .btn-story-back {position: fixed; left:10px; top:20px; cursor:pointer; color:#fff; z-index:20; font-size: 20px;} .D6 .story-category .category-frame, .table-type .category-frame {width: 33.3%; display: inline-block;} .D6 .story-category .image-frame, .table-type .image-frame {display: block; height: 200px; overflow: hidden; width: 100%; } .D6 .story-category .content-container>li>img, .table-type .content-container>li>img {width: 100%;} .D6 .story-category .category-content .block-item, .table-type .category-content .block-item {font-size: 17px; letter-spacing:0.1em; line-height: 2; font-family: 'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ ProN W3",'Meiryo',"メイリオ",'MS PGothic',"ＭＳ Ｐゴシック",sans-serif;} .D6 .story-category .photo-list .block-image, .table-type .photo-list .block-image {width: 100%; display: block;} .D6 .story-category .photo-list .block-text, .table-type .photo-list .block-text {width: 100%; display: block; padding:10px;} @media (min-width: 1200px) { .D6 .story-text { margin-right:60%; } } @media (max-width: 767px) { /* extra small devices */ .D6 .story-category .we-content, .table-type .we-content {padding-top: 0;} .D6 .story-category .category-items, .table-type .category-items {height: auto;} .D6 .story-text {margin-top: 50vh; margin-right:0; padding: 30px 10px 70px 10px; font-size: 14px;} .D6 .story-category .category-frame, .table-type .category-frame {width: 100%;} .D6 .story-category .image-frame, .table-type .image-frame {height: 120px; } } .table-type .entry-list {width: 33.3%;} @media (max-width: 767px) { /* extra small devices */ .table-type .entry-list {width: 100%;} } @keyframes anim { 0% { opacity: 0; } 100% { opacity:1; } } @keyframes anim2 { 0% { opacity: 0; } 50% {opacity:0; } 100% { opacity:1; } } @media (min-width: 1200px) { .D6 .container, .D6 .we-page > .container, .D6 .home-content, .D6 .page-home-item .info-showcase .showcase-tab {width: 1197px; margin-left: auto; margin-right:auto;} .D6 .page-home-item .info-showcase .showcase-content {width: 1197px; margin-left: auto; margin-right:auto;} } /* Banner */ .page-banner {margin-top: 30px; width: 120px; padding: 2px 5px; overflow: hidden; background:rgba(255,255,255,0.8); position: fixed; top:50%; right:0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 150;} .page-banner .we-page-content {min-height: 0;} .page-banner .we-content {padding:0; min-height: 0; } .page-banner .we-content>ul { list-style:none; padding:0; } .page-banner .we-content>ul>li {max-width: 110px; height:auto; padding:2px; text-align: left; list-style: none;} .tag-search {padding: 20px 0;} .tag-search .checkbox, .tag-search .radio {display: inline-block; padding: 0 10px;} .tag-search .search-word>input {width: 96%; margin: 0 2%;} .tag-search .search-button {width: 100%; margin: 10px 0; padding: 10px; text-align: center; border: 1px solid #ddd;} #dialog-lang {display: none; position: fixed; right: 10px; top: 45px; z-index: 400; background-color: #fff; padding: 10px 20px} #dialog-lang ul>li {list-style: none; padding: 5px 0;} #google-translate {float:right; height: 45px;padding: 10px;} body.google-translate-loaded .top-bar {top: 40px;} body.google-translate-loaded.TIES .left-bar {top: 84px;} /* .goog-te-banner-frame { left:auto!important; right:10px!important; width: auto!important; min-width: 380px; } */ #mobile-toolbox-lang:after {content:""; clear:both;} ul.top-page-list {display: none;} /* added in template 4 */ .home-content>section {width:100%; } .home-content .top-section .section-items {list-style:none; padding:0; } .home-content .top-section .section-items>li {list-style:none; display: inline-block; width: 25%; vertical-align: top;} .home-content .top-section .section-items .category-frame {width: 100%;} .mobile-nav ul.sub-menu { background: #fff; text-align: left; padding: 10px;} .mobile-nav ul.sub-menu>li {padding: 5px;} .mobile-nav ul.sub-menu>li:hover {background: #eee;} .style-special .pager {display: none;} .page-footer .we-content-title {display: none;} .XLANG .mobile-toolbox.lang { position: relative; width: 36px; white-space: normal; overflow: visible; background-color: rgba(255,255,255,0.7);margin-right: 0;text-align: center; max-height: 45px;} .XLANG .mobile-toolbox.lang>ul {max-height: 0; position: absolute; right:0; top: auto; z-index: 300; width: auto; padding: 0 10px; background-color: #fff; border: none; overflow: hidden; transition: all 0.7s; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; } .XLANG .mobile-toolbox.lang.expanded>ul { max-height: none; border: 1px solid #efefef;} .XLANG .mobile-toolbox.lang .mobile-tools {white-space: normal; float:none; width: auto; height: auto;} .XLANG .mobile-toolbox.lang .mobile-tools.lang-item {text-align: center; width: auto; height: auto; font-size: 12px; padding-bottom: 3px; white-space: nowrap;} .XLANG .mobile-toolbox.lang .mobile-tools.lang-item:hover {background: #eee;} /* .XLANG .mobile-toolbox.lang.expanded {width: 80px ; height: auto; max-height: 200px;} .XLANG .mobile-toolbox.lang .mobile-tools {white-space: normal; float:none; width: auto; height: auto;} .XLANG .mobile-toolbox.lang .mobile-tools.lang-item {text-align: center; font-size: 12px; padding-bottom: 3px;} .XLANG .mobile-toolbox.lang .mobile-tools.lang-item:hover {background: #eee;} */ .mobile-tools, #mobile-toolbox, #mobile-toolbox-lang { padding: 5px 2px; text-align: right;} #mobile-toolbox-lang:after {content:""; clear:both;} .mobile-tools>span {display: block; font-size: 8px; color:#BC272D; } #button-back>span {display: none;} @media (max-width: 767px) { .mobile-toolbox {margin-right: 0;} }