@charset "utf-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}
  a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video  {
font-family: inherit;
font-size: 100%;
font-weight: inherit;
font-style: inherit;
vertical-align: baseline;
white-space: normal;
text-align: left;
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
}
body{
line-height:1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q { quotes: none; }
:focus { outline: 0; } img {
vertical-align : middle;
}
button,
input,
textarea {
border: 1px solid #ccc;
border-radius: 3px;
font-family: inherit;
padding: 6px;
background: #fff;
}
input[type="submit"],
input[type="button"],
input[type="reset"] {
padding: 6px 10px;
font-size: 13px; font-size: 1.3rem;
line-height: 1.3;
font-weight: normal;
color: #7c7c7c;
background-color: #e6e6e6;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
border: 1px solid #d2d2d2;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
cursor: pointer;
}
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
color: #5e5e5e;
background-color: #ebebeb;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: linear-gradient(top, #f9f9f9, #ebebeb);
} * { -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; } .clearfix:after {
content: "";
display: block;
clear: both;
}
.clear {
clear: both;
}
section {
clear: both;
margin-bottom: 5em;
}
section:after {
content: "";
display: block;
clear: both;
} html { font-size: 62.5%; }
img{
max-width : 100%;
height: auto;
}
body {
margin: 0px auto;
padding: 0px;
font-family: Arial, Helvetica, 'メイリオ', Meiryo, 'ヒラギノ角ゴPro W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;
color: #444;
font-size: 16px; font-size: 1.6rem; line-height: 1.6;
text-align: center;
border: none;
background: #fff;
}
strong {
font-weight: bold;
color: #000;
background-image: linear-gradient(transparent 45%, #ff9900 40%);
}
em {
font-weight: bold;
color: #000;
} a,
a:hover img {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
a:link    { color:#ff6600; text-decoration:underline; }
a:visited { color:#ff6600; text-decoration:underline; }
a:hover   { color:#009060; text-decoration:underline; }
a:active  { color:#009060; text-decoration:underline; }
a img	{ border: 0 none;}
a[href$=".pdf"]{
padding-left: 20px;
background: url(//zendokai-nagano.com/topics/wp-content/themes/nagano2/image/common/pdf-icon.svg)no-repeat left;
}
.file li {
list-style-type: none;
} .main h1, .main h2, .main h3, .main h4 {
font-weight: bold;
} a:hover img{
opacity:0.8;
filter: alpha(opacity=80);
}
.note {
padding-left: 1em;
text-indent: -1em;
} dl.line {
clear:both;
_zoom: 1;
overflow: hidden;
}
dl.line dt {
padding: 5px 5px 0;
margin-top: -1px;
border-top: 1px dotted #999;
}
dl.line dd {
padding: 0 5px 5px;
}
dl.line-float {
clear:both;
_zoom: 1;
overflow: hidden;
}
dl.line-float dt {
clear: left;
float: left;
padding: 5px;
}
dl.line-float dd {
padding: 5px 5px 5px 5em;
margin-bottom: -1px;
border-bottom: 1px dotted #999;
} .img-right {
clear: both;
}
.img-right img {
display: inline;
float: right;
border: 3px solid #fff;
box-shadow: 0 1px 2px rgba(0,0,0,.3);
margin-left: 15px;
} .entry-content .alignleft,
.entry-content img.alignleft {
display: inline;
float: left;
margin-right: 18px;
margin-top: 4px;
}
.entry-content .left {
display: inline;
float: left;
}
.entry-content .alignright,
.entry-content img.alignright {
display: inline;
float: right;
margin-left: 18px;
margin-top: 4px;
}
.entry-content .right {
display: inline;
float: right;
}
.entry-content .aligncenter,
.entry-content img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.entry-content img.alignleft,
.entry-content img.alignright,
.entry-content img.aligncenter {
margin-bottom: 12px;
} .center {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.txt-right {
text-align: right;
}
.txt-center {
text-align: center;
} .left {
float: left;
}
.right {
float: right;
}
.center {
text-align: center;
} .flex {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.w1-2 { width: 50%;
padding: 0 1% 2% 1%;
}
.w1-3 { width: 33.33%;
padding: 0 1% 2% 1%;
}
.w2-3 { width: 66.66%;
padding: 0 1% 2% 1%;
}
.w1-4 {
width: 25%;
padding: 0 1% 2% 1%;
}
.width50 {
width: 50%;
margin: 5% auto 8%;
}
.width80 {
width: 80%;
margin-left: auto;
margin-right: auto;
margin-bottom: 5em;
}
.w1-2.left {
padding: 0 1% 2% 0;
}
.w1-2.right {
padding: 0 0 2% 1%;
} body {
} .sp-only {
display: none;
} #header { background: #009060; background: -webkit-linear-gradient(
top,
#00af75 0%,
#009060 100%
); background: linear-gradient(
to bottom,
#00af75 0%,
#009060 100%
);
}
#header-inner {
position: relative;
overflow: hidden;
margin: 0 auto;
padding: 0;
width: 950px;
height: 70px;
color: #fff;
}
#header a:link,
#header a:visited {
text-decoration: none;
color: #ffffff; }
#header a:hover	{
text-decoration: none;
color: #ff9900;
}
#siteLogo {
position: absolute; top: 5px; left: 5px;
}
#header-phone {
position: absolute; top: 5px; right: 5px;
} #globalnav {
clear: both;
width: 100%;
height: 60px; background: #009060; background: -webkit-linear-gradient(
top,
#009f6b 0%,
#009060 100%
); background: linear-gradient(
to bottom,
#009f6b 0%,
#009060 100%
);
}
#toggle {
display: none;
}
#globalnav ul {
width: 950px;
margin: 0 auto;
padding: 0;
height: 60px;
border-left: 1px dotted #004c33;
}
#globalnav li {
float: left;
height: 60px;
border-right: 1px dotted #00d08b;
}
#globalmenu a {
text-decoration: none;
height: 60px;
padding: 20px;
text-align: left;
display: block;
font-size: 14px;
line-height: 15px;
-webkit-transition: 0s;
-moz-transition: 0s;
-o-transition: 0s;
-ms-transition: 0s;
transition: 0s;
border-right: 1px dotted #004c33;
}
#globalnav li#navi-admission a {
border-left: 1px dotted #00d08b;
}
#admission-page #globalnav #navi-admission a,
#gym-page #globalnav #navi-gym a,
#adviser-page #globalnav #navi-adviser a,
#idea-page #globalnav #navi-idea a,
#youth-page #globalnav #navi-youth a,
.blog #globalnav #navi-topics a,
.single #globalnav #navi-topics a,
.archive #globalnav #navi-topics a {
color: #ff9900;
} .fixed {
position: fixed;
top: 0;
width: 100%;
z-index: 998;
}
#globalnav li#navi-gallery {
display: none;
}
@media only screen and (max-width: 1024px) {
#header {
width: 100%; height: 50px;
box-shadow: 0px 5px 15px rgba(70, 51, 21, 0.3);
position: fixed;
top: 0;
left: 0;
z-index: 998;
}
#header-inner {
height: 50px;
}
#siteLogo {
top: 5px;
left: 50%;
margin-left: -98px;
width: 196px; height: 35px;
}
#header-phone {
width: 39px; height: 35px;
}
#header-phone .d_n {
display: none;
}
#globalnav {
height: 0;
}
#globalmenu {
display: none;
position: absolute; top: 0px; left: 0;
z-index: 9999;
border: none;
}
#globalnav ul {
width:100%;
height: auto;
padding-top: 50px;
border-left: none;
}
#globalmenu li {
width: 50%;
height: auto;
border: none;
background: rgba(54,54,54,0.7);
}
#globalnav li a {
padding: 20px 5px;
border-right: 1px solid #5e5e5e;
border-bottom: 1px solid #5e5e5e;
text-align: center;
}
#globalnav li#navi-admission a {
border-left: none;
}
#globalnav li#navi-gym a,
#globalnav li#navi-idea a,
#globalnav li#navi-topics a {
border-right: none;
}
.fixed { }
#toggle {
display: inline-block;
position: absolute; top: 0; left: 0;
z-index: 10000;
overflow: hidden;
width: 50px;
height: 50px;
background: url(//zendokai-nagano.com/topics/wp-content/themes/nagano2/image/common/toggle.svg) no-repeat center center;
background-size: 25px 25px;
}
#globalnav a.menu {
display: block;
padding: 0;
height: 44px;
text-indent: -9999px;
}
#globalnav li span {
display: none;
}
} #footer {
clear: both; background: #00af75; background: -webkit-linear-gradient(
top,
#00af75 0%,
#006040 100%
); background: linear-gradient(
to bottom,
#00af75 0%,
#006040 100%
);
border-top: 1px solid #009f6b;
box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
color: #fff; }
#to-top {
position: fixed;
right: 30px;
bottom: 30px;
z-index: 500;
}
#footer-inner {
margin:0px auto;
position: relative; width: 950px;
}
#footer-navi {
margin: 50px 0 30px;
width: 670px;
}
#fnav1,#fnav2 {
clear: both;
}
#fnav1 li,
#fnav2 li {
height: 35px;
margin-right: 20px;
float: left;
}
#fnav1 li a,
#fnav2 li a {
background: url(//zendokai-nagano.com/topics/wp-content/themes/nagano2/image/common/nav-arrow.png) no-repeat left center;
padding: 0 0 0 13px;
text-decoration: none;
color: #fff;
-webkit-transition: 0s;
-moz-transition: 0s;
-o-transition: 0s;
-ms-transition: 0s;
transition: 0s;
}
#fnav1 li a:hover,
#fnav2 li a:hover {
text-decoration: none;
color: #ff9900;
}
#footer-contact {
clear: both;
position: absolute;
right: 5px;
top: 0px;
}
#footer-contact h3 {
font-size: 18px; font-size: 1.8rem;
font-weight: bold;
font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ヒラギノ明朝 ProN W6","Hiragino Mincho ProN","HG明朝E","HGS明朝E","メイリオ",Meiryo,serif;
color: #fff;
}
#footer-contact h3 span {
font-size: 14px; font-size: 1.4rem;
display: block;
line-height: 100%;
}
#footer-contact_phone,
#footer-contact_fax span {
color: #ffcc00;
font-weight: bold;
}
#footer-contact_phone span {
font-size: 35px; font-size: 3.5rem;
}
#footer-phone {
display: none;
}
#footer-contact_img a {
padding: 0px 5px;
border: 3px solid #fff;
border-radius: 8px;
display: block;
margin: 1em 0;
}
#footer-contact_img a:hover {
background: #006040;
}
#copyright {
clear: both;
font-size: 12px; font-size: 1.2rem;
padding: 200px 0 30px;
} #contents {
clear: both;
}
#contents-inner {
width: 950px;
margin: 0 auto;
}
.main {
width: 100%;
overflow: hidden;
margin: 0;
padding: 0;
text-align: left;
}
.blog .main,
.archive .main,
.search .main,
.single-post .main {
float: left;
width: 710px;
overflow: hidden;
margin: 20px 0 10px 0;
padding: 0;
text-align: left;
}
.main:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
.main {display: inline-block;}/*\*/* html .main {
height: 1%;
overflow: visible;
}/**/.main p {
margin-bottom: 18px;
}
.inner {
width: 950px;
margin: 0 auto;
text-align: center;
}
.box {
margin-bottom: 10%;
} .page .edit-link {
clear: both;
display: block;
} .social-button {
list-style-type: none;
margin: 30px auto 3px;
padding: 0;
width: 980px;
clear: both;
line-height: 0;
}
.single .social-button {
width: auto;
margin-left: 15px;
}
.social-button li {
display: inline-block;
vertical-align: bottom;
margin: 0 5px 0 0;
padding: 0;
}
.social-button li div {
display: inline-block;
}
.social-button:before,
.social-button:after {
content: " ";
display: table;
clear: both;
}
.social-button {
*zoom: 1;
} #secondary {
float: right;
width: 220px;
margin: 20px 0 10px 0;
line-height: 1.2;
}
#secondary p {
margin-bottom: 5px;
}
#secondary aside {
margin-bottom: 18px;
}
#secondary aside ul {
font-size: 15px; font-size: 1.5rem;
line-height: 100%;
margin-bottom: 1em;
}
#secondary aside ul a {
display: block;
margin: 1px 0;
padding: 8px 10px;
text-decoration: none;
font-weight:normal;
border-bottom: 1px dotted #ccc;
}
#secondary aside a:hover {
background: #ebebeb;
color: #000;
}
#secondary aside ul.children a {
padding: 8px 10px 8px 20px;
}
#secondary aside ul.children a:before {
content:"- ";
}
#secondary aside p {
margin: 0 0 8px 5px;
}
.widget-title {
padding: 7px 5px 8px;
border-bottom: 1px solid #ccc;
} #submenu .widget-title {
background: none;
padding: 0;
border: none;
} #topics dt {
background: url(//zendokai-nagano.com/topics/wp-content/themes/nagano2/image/common/li01.gif) no-repeat 1px 5px;
padding: 2px 0 0 14px;
font-size: 13px; font-size: 1.3rem;
}
#topics dd {
border-bottom: 1px dotted #cccccc;
padding: 0 0 2px 14px;
font-size: 13px; font-size: 1.3rem;
} body.blog .hentry,
body.single .hentry,
body.archive .hentry,
body.search .hentry {
zoom:1;
margin-bottom: 5em;
width: 710px;
position: relative;
}
body.blog .hentry:after,
body.single .hentry:after,
body.archive .hentry:after,
body.search .hentry:after {
content: "";
display: block;
clear: both;
} .entry-header {
clear: both;
margin: 0 0 10px;
}
body.blog .entry-title,
body.single .entry-title,
body.archive .entry-title,
body.search .entry-title {
border-top: 2px solid #00af75;
border-bottom: 2px solid #00af75;
background-color: #c2e2d8;
margin: 0 0 5px 50px;
}
body.single .entry-title span,
.entry-title a {
padding: 15px 15px;
width: 100%;
font-size: 18px; font-size: 1.8rem;
display: block;
text-decoration: none;
}
.entry-title a {
color: #009060;
}
.entry-title a:hover {
color: #000;
} .main p.entry-time {
width: 40px;
position: absolute;
top: 0;
left: 0;
}
.entry-time .day {
background: #00af75;
font: 20px/18px "Arial";
letter-spacing: -1px;
color: #FFF;
width: 40px;
padding: 7px 0px;
overflow: hidden;
display: block;
text-align: center;
}
.entry-time .month {
background: #DEDEDE;
font: 12px/12px "Arial";
width: 40px;
padding: 3px 0px;
margin-bottom: 3px;
display: block;
text-align: center;
}
.entry-time .year {
background: #FFF;
border: 1px solid #DEDEDE;
font: 11px/11px "Verdana";
padding: 12px 5px;
color: #BABABA;
display: block;
} .entry-meta {
font-size: 13px; font-size: 1.3rem;
color: #888;
padding-left: 50px;
}
.single-column .entry-meta,
.single-technical-column .entry-meta {
padding-left: 0px;
} .entry-thumbnail {
float: left;
}
.entry-thumbnail p {
border: 3px solid #fff;
box-shadow: 0 1px 2px rgba(0,0,0,.3);
margin-left: 50px;
}
.entry-summary {
float: right;
width: 420px;
} .entry-content {
width: 98%;
margin: 0px 1% 5%;
}
.entry-content {zoom:1;}
.entry-content:after {
content: "";
display: block;
clear: both;
}
.entry-content p.w1-2 {
margin: 0 0 18px;
}
.blog .entry-content,
.single .entry-content,
.archive .entry-content,
.search .entry-content {
margin-left: 50px;
width: auto;
} .entry-content h2 {
margin-bottom: 18px;
clear: both;
}
.entry-content h3 {
margin-bottom: 18px;
clear: both;
}
.entry-content h4,
.comment-content h4 {
margin-bottom: 18px;
} .entry-content ul {
list-style: square;
margin: 0 0 18px 1.5em;
}
.entry-content ol {
list-style: decimal;
margin: 0 0 18px 1.5em;
}
.entry-content ol ol {
list-style: upper-alpha;
}
.entry-content ol ol ol {
list-style: lower-roman;
}
.entry-content ol ol ol ol {
list-style: lower-alpha;
}
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
margin-bottom: 0;
}
.entry-content dl {
margin: 0 1% 18px;
} ol.list {
counter-reset: my-counter;
list-style: none;
margin: 0 0 0 1.8em;
padding: 0;
}
ol.list li {
position: relative;
}
ol.list li:before {
content: counter(my-counter);
counter-increment: my-counter;
background-color: #00af75;
color: #fff;
display: block;
position: absolute;
top: 0.5rem;
line-height: 2rem;
margin-left: -1.8em;
text-align: center;
height: 2.0rem;
width: 2.0rem;
border-radius: 50%;
font-size: 1.5rem;
} table.table {
border: 2px solid #cccccc;
background: #ffffff;
margin-bottom: 1em;
}
.table th {
text-align: center;
vertical-align: middle;
padding: 10px 20px;
background: #00af75;
color: #ffffff;
font-weight: bold;
line-height: 130%;
}
.table th.sub {
background: #cccccc;
color: #333333;
}
.table td {
background: #eeeeee;
vertical-align: middle;
padding: 10px 20px;
}
@media only screen and (max-width: 599px) {
.table th,
.table td {
padding: 10px 10px;
}
} blockquote {
position: relative;
padding: 16px 20px 0 20px;
border: 3px solid #cccccc;
margin-bottom: 18px;
border-radius: 3px;
background-color: #e2e2e2;
z-index: 1;
}
blockquote p, blockquote h3, blockquote ul{
position: relative;
z-index: 3;
}
blockquote:before{
content: "“";
font-size: 1000%;
line-height: 0.8em;
font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HG明朝E", "HGS明朝E", "メイリオ", Meiryo, serif;
color: #f8f8f8;
position: absolute;
left: 0;
top: 0;
z-index: 2;
}
blockquote:after{
content: "”";
font-size: 1000%;
line-height: 0em;
font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HG明朝E", "HGS明朝E", "メイリオ", Meiryo, serif;
color: #f8f8f8;
position: absolute;
right: 0;
bottom: 0;
z-index: 2;
} .thumbnailImg img {
display: inline;
float: left;
border: 1px solid #d2d2d2;
padding: 3px;
box-shadow: 0 1px 2px rgba(0,0,0,.3);
margin-right: 15px;
} .navigation {
width: 100%;
font-size: 90%;
margin-bottom: 30px;
zoom:1;
border-top: 1px dotted #ccc;
}
.navigation:after {
content: "";
display: block;
clear: both;
}
.nav-previous,
.nav-next {
float: left;
width: 50%;
vertical-align: top;
padding: 5px 15px 10px;
}
.nav-next {
float: right;
}
.navigation dt {
margin-bottom: 5px;
}
.navigation .thumb {
display: block;
float: left;
margin-right: 10px;
}
.navigation .thumb img {
width: 150px;
border: 2px solid #fff;
box-shadow: 0 1px 2px rgba(0,0,0,.3);
}
.navigation .title {
vertical-align: middle;
height: 113px;
width: 165px;
display:table-cell
}
.navigation .nopost {
text-align: center;
} .more-link {
clear: both;
float: right;
} .hentry {
position: relative;
clear: both;
width: 950px;
margin: 0 auto 50px;
}  #header-title,
#header-title h1 {
height: 400px;
}
#header-title h1 {
width: 85%;
max-width: 850px;
margin: auto;
display: flex;
align-items: center;
}
@media only screen and (max-width: 1024px) {
#header-title,
#header-title h1 {
height: 300px;
}
}
#admission-page #header-title {
background: url(//zendokai-nagano.com/topics/wp-content/themes/nagano2/image/title/admission-bg.jpg) no-repeat center top;
background-size: cover;
}
#gym-page #header-title {
background: url(//zendokai-nagano.com/topics/wp-content/themes/nagano2/image/title/gym-bg.png) no-repeat center center;
background-size: cover;
}
#adviser-page #header-title {
background: url(//zendokai-nagano.com/topics/wp-content/themes/nagano2/image/title/adviser-bg.jpg) no-repeat left top;
background-size: cover;
}
#youth-page #header-title {
background: url(//zendokai-nagano.com/topics/wp-content/themes/nagano2/image/title/youth-bg.jpg) no-repeat 70% center;
background-size: cover;
}
#general-page #header-title {
background: url(//zendokai-nagano.com/topics/wp-content/themes/nagano2/image/title/general-bg.jpg) no-repeat 35% center;
background-size: cover;
}
#gallery-page #header-title {
background: url(//zendokai-nagano.com/topics/wp-content/themes/nagano2/image/title/gallery-bg.jpg) no-repeat center center;
background-size: cover;
}
#contact-page #header-title {
background: url(//zendokai-nagano.com/topics/wp-content/themes/nagano2/image/title/contact-bg.jpg) no-repeat right center;
background-size: cover;
}
#admission-page #header-title h1,
#adviser-page #header-title h1,
#general-page #header-title h1 {
justify-content: flex-end;
}
#gallery-page #header-title h1 {
justify-content: center;
}
@media only screen and (max-width: 599px) {
#adviser-page #header-title {
background-position: 20% 0%;
}
#youth-page #header-title {
background-position: 80% center;
}
#general-page #header-title {
background-position: 28% center;
}
#admission-page #header-title h1,
#adviser-page #header-title h1,
#gym-page #header-title h1,
#youth-page #header-title h1,
#general-page #header-title h1,
#contact-page #header-title h1 {
justify-content: center;
}
}
#pathList {
font-size: 12px; font-size: 1.2rem;
color: #009060;
font-weight: bold;
}
#pathList li {
display: inline;
line-height: 3;
}
#pathList li a {
background: url(//zendokai-nagano.com/topics/wp-content/themes/nagano2/image/common/pathlist.png) no-repeat right center;
padding: 15px 28px 14px 5px;
margin-right: 15px;
font-weight: normal;
color: #888;
}
#pathList li a:hover {
color: #333;
} .page-title {
clear: both;
margin-bottom: 20px;
font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HG明朝E", "HGS明朝E", "メイリオ", Meiryo, serif;
font-size: 25px; font-size: 2.5rem;
color: #333;
border-top: 3px solid #00af75;
border-bottom: 3px solid #00af75;
padding: 10px;
background: #c2e2d8;
} .page h2, .page h3, .page h4,
.entry-content h2, .entry-content h3, .entry-content h4 {
font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HG明朝E", "HGS明朝E", "メイリオ", Meiryo, serif;
color: #333;
font-size: 16px; font-size: 1.6rem;
}
.chapter {
background: url(//zendokai-nagano.com/topics/wp-content/themes/nagano2/image/common/chapter.png) no-repeat right center;
padding: 10px;
border-left: 15px solid #cccccc;
font-size: 25px; font-size: 2.5rem !important;
margin-bottom: 18px;
}
.section { background: #00af75;    font-size: 18px; font-size: 1.8rem !important;
color: #fff !important;;
padding: 2px 10px;
border: 2px solid #fff;
box-shadow: 0px 1px 3px rgba(0,0,0,0.4); margin-bottom: 1em;
}
.subsection {
font-size: 18px; font-size: 1.8rem !important;
border-left: 5px solid #00af75;
padding-left:10px;
font-weight: bold;
margin-bottom: 1em;
} .radius-post {
margin: 18px 3px 18px;
padding: 15px 20px 5px;
border: 1px solid #FFF;
border-radius: 5px;
background-color: #FAFAFA;
box-shadow: 0 1px 3px rgba(0,0,0,.3);
position: relative;
} .serif {
font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ヒラギノ明朝 ProN W6","Hiragino Mincho ProN","HG明朝E","HGS明朝E","メイリオ",Meiryo,serif;
} .external-link {
background: url(//zendokai-nagano.com/topics/wp-content/themes/nagano2/image/common/external-link.png) no-repeat center right;
padding-right: 15px;
font-weight: normal;
font-family: Arial, Helvetica, 'メイリオ', Meiryo, 'ヒラギノ角ゴPro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Osaka, sans-serif;
}
.entry-content p.tel {
padding-left: 48px;
font-size: 35px;
font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ヒラギノ明朝 ProN W6","Hiragino Mincho ProN","HG明朝E","HGS明朝E","メイリオ",Meiryo,serif;
background: url(//zendokai-nagano.com/topics/wp-content/themes/nagano2/image/common/tel.png) no-repeat 0px 50%;
}  .slider-wrapper{
position:relative;
overflow:hidden;
width:950px;
margin:10px auto;
background:#fff;
}
#slider-txt {
position: absolute;
top: 45%;
left: 30px;
z-index: 997;
}
#information {
background: url(//zendokai-nagano.com/topics/wp-content/themes/nagano2/image/common/bg.jpg) repeat #f8f8f8;
padding: 30px 0 10px;
border-top: 1px solid #eee;
box-shadow: 0px 1px 3px #CCC;
margin-bottom: 50px;
}
#top-banner ul {
width: 1000px;
margin: 20px -50px 15px 0;
overflow: hidden;
_zoom: 1;
}
#top-banner li {
float: left;
width: 450px;
margin: 0 50px 30px 0;
}
#top-banner li a {
border: 1px solid #ccc;
display: block;
}
#news-link {
width: 645px;
float: left;
}
#top-news {
width: 630px;
}
#top-news dt {
clear: left;
float: left;
padding: 3px 5px;
}
#top-news dd {
padding: 3px 5px 3px 8em;
border-bottom: 1px dotted #ccc;
}
#top-news p {
text-align: right;
}
#bottom-link {
width: 630px;
}
#top-staff {
float: left;
}
#top-link {
float: right;
}
#top-link a,
#top-staff a {
border: 1px solid #00af75;
display: block;
background: #c2e2d8;
text-align: center;
}
#top-staff a {
background: #00af75;
}
#side-link {
width: 300px;
float: right;
margin-bottom: 1em;
}
#side-blog {
border: 2px solid #ccc;
padding: 5px;
}
#side-blog h3 {
margin-bottom: 8px;
}
#side-blog li a {
display: block;
padding: 8px 5px 8px 20px;
position: relative;
background: #eeeeee;
margin-bottom: 3px;
}
#side-blog li a:before {
display: block;
content: "";
position: absolute;
top: 50%;
left: 8px;
margin: -6px 0 0 0;
border: 6px solid transparent;
border-left: solid 6px #00af75;
}
#side-blog li:last-child a {
margin-bottom: 0;
}
.fb-page {
display: block !important;
margin: 0 auto 1em;
}
.fb_iframe_widget span {
display: block !important;
margin: 0 auto 1em;
}  #A-1, #A-2, #A-3, #A-4, #A-5, #A-6, #A-7, #A-8,
#B-1,
#C-1, #C-2,
#D-1,
#E-1 {
padding-top: 130px; margin-top: -130px;
}
.dojo {
margin-bottom: 5em;
}
.gym-add dt,
#place dt {
clear: left;
float: left;
color: #009060;
font-weight: bold;
width: 4em;
}
.gym-add dd,
#place dd {
padding-left: 5em;
}
table.schedule,
table#schedule-week {
border: 2px solid #cccccc;
background: #ffffff;
margin-bottom: 1em;
}
table#schedule-week {
width: 85%;
margin: 0 auto 5em;
}
.schedule th,
#schedule-week th {
height: 2em;
text-align: center;
vertical-align: middle;
padding: 0 10px;
background: #00af75;
color: #ffffff;
font-weight: bold;
line-height: 130%;
}
.schedule th.time,
#schedule-week th.week {
background: #cccccc;
color: #333333;
height: 3em;
}
.schedule td {
width: 6em;
background: #eeeeee;
text-align: center;
vertical-align: middle;
padding: 5px 10px;
}
#schedule-week td {
position: relative;
background: #eeeeee;
text-align: center;
vertical-align: middle;
font-size: 16px;font-size: 1.6rem;
}
#schedule-week a {
display: block;
text-align: center;
padding: 5px 10px;
color: #444;
text-decoration: none;
}
#schedule-week a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 10px;
height: 10px;
margin: -5px 0 0 0;
border-top: solid 3px #00af75;
border-right: solid 3px #00af75;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#schedule-week a:hover{
background: #ffffff;
}
#schedule-week a span {
color: #ff6600;
text-decoration: underline;
}
#schedule-week .week-b td {
background: #dddddd;
}
.schedule td.free {
background: #8fc31f;
color: #ffffff;
font-weight: bold;
}
.schedule td.kids {
background: #aa0000;
color: #ffffff;
font-weight: bold;
}
.schedule td.youth {
background: #ff9900;
color: #ffffff;
font-weight: bold;
}
.schedule td.adult {
background: #3399cc;
color: #ffffff;
font-weight: bold;
}
#schedule-week span.free {
color: #8fc31f;
font-weight: bold;
}
#schedule-week span.kids {
color: #aa0000;
font-weight: bold;
}
#schedule-week span.youth {
color: #ff9900;
font-weight: bold;
}
#schedule-week span.adult {
color: #3399cc;
font-weight: bold;
}
#schedule-week span.class-txt {
display: inline-block;
width: 9em; }
#gym-page iframe {
width: 100%;
margin-bottom: 3em;
} .adviser-photo {
float: left;
margin: 0 1em 1em 0;
}
.adviser-photo img {
border: 1px solid #cccccc;
padding: 3px;
width: 160px;
}
ul.staff_pro {
padding-left: 180px;
}
.adviser-place,
.tournament {
margin: 0 0 1em;
padding-left: 180px;
}
.adviser-place dt {
float: left;
color: #009060;
font-weight: bold;
width: 10em;
}
.adviser-place dd{
padding-left: 10em;
}
.tournament dt {
font-weight: bold;
margin-top: 1em;
} #stuff_contact dt {
margin-top: 1em;
color: #00af75;
font-weight: bold;
} .entry-content ul.photo-list {
list-style: none;
margin: 0 0 18px 0;
}
.photo-list li {
float: left;
margin: 0;
padding: 0 1%;
width: 20%;
text-align: center;
}
.img_sub p {
margin: 0;
padding: 0 1%;
width: 20%;
float: left;
text-align: center;
}
.photo-list img,
.img_sub p img {
background: #ffffff;
border: 1px solid #aaaaaa;
padding: 4px;
margin: 0 0 36px 0;
width: 150px;
} #link-page .entry-content ul {
list-style: none;
margin: 0 0 18px 0;
}
#link-page .entry-content dt {
clear: left;
float: left;
line-height: 110%;
padding-bottom: 1.5em;
}
#link-page .entry-content dd {
padding-left: 15em;
line-height: 110%;
padding-bottom: 1.5em;
} .wpcf7-form {
margin: 18px 3px 18px;
padding: 15px 20px 5px;
border: 1px solid #FFF;
border-radius: 5px;
background-color: #FAFAFA;
box-shadow: 0 1px 3px rgba(0,0,0,.3);
position: relative;
}
.wpcf7-form .line-float dd {
padding-left: 12em;
}
.wpcf7-form textarea.wpcf7-textarea {
width: 100%;
}
.wpcf7-form p {
text-align: center;
margin: 30px 0;
}
.wpcf7-form input.wpcf7-submit {
width: 50%;
}
.wpcf7-form input.name {
width: 10em;
}
.wpcf7-form input#address {
width: 100%;
} @media only screen and (max-width: 1024px) {
body {
}
#header-inner,
#footer-inner,
.hentry,
.inner {
width: 99%;
padding: 0 0.5%;
}
#contents-inner {
width: 100%;
}
.blog .main,
.archive .main,
.search .main,
.single .main {
width: 100%;
float: none;
}
body.blog .hentry, body.single .hentry, body.archive .hentry, body.search .hentry {
width: 99%;
margin: 12px 0.5% 30px;
}
#secondary {
width: 100%;
float: none;
}
#pathList {
width: 98%;
margin: 0 1px;
}
.social-button,
.entry-content ul.social-button {
width: 98%;
}
#to-top {
right: 5px;
bottom: 10px;
}
#footer-navi {
width: 100%;
float: none;
zoom:1;
}
#footer-navi:after {
content: "";
display: block;
clear: both;
}
#footer-contact {
position: relative;
right:0;
}
#footer-contact {
width: 98%;
float: none;
margin: 0px 1%;
}
#copyright {
padding: 30px 0 10px;
}
.width80 {
width: 100%;
}
.w1-4 {
width: 50%;
} .slider-wrapper{
width:100%;
}
#top-banner ul {
width: 102%;
margin: 30px -2% 30px 0px;
}
#top-banner li {
width: 48%;
margin: 0 2% 20px 0;
}
#news-link {
width: 100%;
float: none;
zoom:1;
}
#news-link:after {
content: "";
display: block;
clear: both;
}
#top-news,
#bottom-link {
width: 100%;
}
#top-staff,
#top-link {
width: 48%;
margin: 0 0 10px;
}
#side-link {
width: 100%;
float: none;
margin-top: 30px;
}
.fb-page span {
} .entry-thumbnail {
width: 35%;
max-width: 256px;
}
.entry-summary {
width: 63%;
}   .photo-list img,
.img_sub p img {
margin: 0 0 18px 0;
width: auto;
} .wpcf7-form .line-float dt {
float: none;
padding: 5px;
}
.wpcf7-form .line-float dd {
padding: 0 5px 5px 1.5em;
} .navigation .thumb {
float: none;
margin-right: 0;
margin-bottom: 5px;
}
} @media only screen and (max-width: 599px) {
html {
font-size: 59%;
}
#contents {
margin-top: 50px;
}
#index-page #contents {
margin-top: 0;
}
.main {
width: 100%;
float: none;
}
#secondary {
width: 100%;
margin: 10px 0;
float: none;
}
.blog .entry-content,
.single .entry-content,
.archive .entry-content,
.search .entry-content {
margin-left: 1%;
} .entry-thumbnail {
float: none;
width: 90%;
max-width: 206px;
margin: 13px auto;
}
.entry-thumbnail p {
margin-left: 0px;
}
.entry-summary {
float: none;
width: 90%;
margin: 0 auto;
}
.entry-summary p.more a {
text-align: center;
display: block;
} .social-button li {
margin: 0 1px 0 0;
} .entry-content .alignleft,
.entry-content img.alignleft,
.entry-content .left,
.entry-content .alignright,
.entry-content img.alignright,
.entry-content .right {
float: none;
margin: 0 auto 16px;
display: block;
}
#to-top {
display: none !important;
}
#footer-inner {
padding: 0;
}
#footer-navi {
margin: 3px 0 0;
} #fnav1 {
height: 202px;
border-top: 1px solid #006040;
border-bottom: 1px solid #00d08b;
border-right: 1px solid #00d08b;
border-left: 1px solid #006040;
}
#english-page #fnav1,
.page-template-english #fnav1 {
height: 102px;
}
#fnav1 li {
float: left;
margin: 0;
padding: 0;
height: 50px;
width: 50%;
border-left: 1px solid #00d08b;
border-right: 1px solid #006040;
border-bottom: 1px solid #006040;
border-top: 1px solid #00d08b;
}
#fnav1 li a {
display: block;
float: left;
height: 48px;
margin: 0;
padding: 15px;
width: 100%;
background: none;
}
#fnav1 li#f_navi-asia a span {
display: none;
}
#admission-page #fnav1 li#f_navi-admission a,
#gym-page #fnav1 li#f_navi-gym a,
#adviser-page #fnav1 li#f_navi-adviser a,
#idea-page #fnav1 li#f_navi-idea a,
#youth-page #fnav1 li#f_navi-youth a,
#contact-page #fnav1 li#f_navi-contact a,
.blog #fnav1 li#f_navi-topics a,
.single #fnav1 li#f_navi-topics a,
.archive #fnav1 li#f_navi-topics a {
color: #ff9900;
}
#fnav2 {
padding: 10px 5px 50px;
}
#fnav2 li {
}
#footer-contact_phone {
position: relative;
}
#footer-phone {
display: block;
position: absolute;
top: 0px; left: 255px;
}
#copyright {
padding: 20px 0 5px;
} .slider-wrapper {
margin-top: 60px;
}
table#schedule-week {
}
table#schedule-week tr {
display:block;
margin-bottom: 10px;
}
table#schedule-week tr.th {
display: none;
}
table#schedule-week th.week {
display: block;
width: 100%;
padding: 10px;
background: #00af75;
color: #ffffff;
}
table#schedule-week td.place,
#schedule-week td.class {
display: block;
width: 98%;
margin-left: auto;
margin-right: auto;
}
table#schedule-week td.place {
margin-top: 10px;
}
#schedule-week .week-b td {
background: #eeeeee;
}
#information {
padding: 0 0 1px;
margin-bottom: 3em;
}
#top-banner ul {
width: 100%;
margin: 3em 0px 1em;
}
#top-banner li {
width: 96%;
max-width: 450px;
margin: 0 auto 2em;
float: none;
}
.movie {
width: 96%;
margin: 0 2% 20px;
float: none;
}
#info-banner {
width: 100%;
float: none;
}
#info-banner li {
width: 48%;
margin: 0 1% 15px;
float: left;
}
#info-banner li#info-recruit {
display: block;
}
#bottom-link {
width: 98%;
margin: 0 1%;
}
#top-recruit {
display: none;
}
#top-blog_s {
display: block;
}
#top-blog {
display: none;
} .schedule th {
padding: 0 5px;
}
.schedule td {
width: auto;
} .adviser-photo {
float: none;
text-align: center;
}
.adviser-photo img {
width: auto;
}
ul.staff_pro,
.adviser-place, .tournament {
padding-left: 0;
} .photo-list li,
.img_sub p {
width: 33.33%;
padding: 0 2%;
} #link-page .entry-content ul {
margin: 0;
}
#link-page .entry-content dt {
float: none;
padding-bottom: 0.5em;
}
#link-page .entry-content dd {
padding-left: 1em;
} .wpcf7-form {
padding: 15px 1% 5px;
}
.wpcf7-form .line-float input,
.wpcf7-form .line-float textarea {
width: 100%;
}
.wpcf7-form .line-float .text-955 input {
width: 50%;
}
.left,
.right {
float: none;
}
.w1-2,
.w1-3,
.w2-3 {
width: 100%;
}
.text75 {
width: 98%;
}
.w1-2.left,
.w1-2.right {
padding: 0 1% 2% 1%;
}
.w1-4.left {
float: left;
} .d_n {
display: none;
} .sp-only {
display: block;
}
}.vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after{
-webkit-backface-visibility: hidden;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
} .vbox-overlay{
background: #fdfdfd;
background: rgba(0,0,0,0.85); 
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
bottom: 0;
z-index: 999;
opacity: 0;
overflow-x: hidden;
overflow-y: auto;
}  .vbox-preloader{
position:fixed; 
width:32px; 
height:32px;
left:50%; 
top:50%; 
margin-left:-16px; 
margin-top:-16px;
background-image: url(//zendokai-nagano.com/topics/wp-content/themes/nagano2/js/venobox/preload-circle.png);
text-indent: -100px;
overflow: hidden;
-webkit-animation: playload 1.4s steps(18) infinite;
-moz-animation: playload 1.4s steps(18) infinite;
-ms-animation: playload 1.4s steps(18) infinite;
-o-animation: playload 1.4s steps(18) infinite;
animation: playload 1.4s steps(18) infinite;
}
@-webkit-keyframes playload {
from { background-position:    0px; }
to { background-position: -576px; }
}
@-moz-keyframes playload {
from { background-position:    0px; }
to { background-position: -576px; }
}
@-ms-keyframes playload {
from { background-position:    0px; }
to { background-position: -576px; }
}
@-o-keyframes playload {
from { background-position:    0px; }
to { background-position: -576px; }
}
@keyframes playload {
from { background-position:    0px; }
to { background-position: -576px; }
}       .vbox-close{
cursor: pointer;
position: fixed;
top: -1px;
right: 0;
width: 46px;
height: 40px;
padding: 10px 20px 10px 0;
display: block;
background: url(//zendokai-nagano.com/topics/wp-content/themes/nagano2/js/venobox/close.gif) no-repeat #161617;
background-position:10px center;
color: #fff;
text-indent: -100px;
overflow: hidden;
}
.vbox-next, .vbox-prev{
box-sizing: content-box;
cursor: pointer;
position: fixed;
top: 50%;
color: #fff;
width: 30px;
height: 170px;
margin-top: -85px;
text-indent: -100px;
border: solid transparent; overflow: hidden;
}
.vbox-prev{
left: 0;
border-width: 0 30px 0 10px;
background: url(//zendokai-nagano.com/topics/wp-content/themes/nagano2/js/venobox/prev.gif) center center no-repeat;
}
.vbox-next{
right: 0;
border-width: 0 10px 0 30px;
background: url(//zendokai-nagano.com/topics/wp-content/themes/nagano2/js/venobox/next.gif) center center no-repeat;
}
.vbox-title{
width: 100%;
height: 40px;
float: left;
text-align: center;
line-height: 28px;
font-size: 12px;
color: #fff;
padding: 6px 40px;
overflow: hidden;
background: #161617;
position: fixed;
display: none;
top: -1px;
left: 0;
}
.vbox-num{
cursor: pointer;
position: fixed;
top: -1px;
left: 0;
height: 40px;
display: block;
color: #fff;
overflow: hidden;
line-height: 28px;
font-size: 12px;
padding: 6px 10px;
background: #161617;
display: none;
} .vbox-inline{
width: 420px;
height: 315px;
padding: 10px;
background: #fff;
text-align: left;
margin: 0 auto;
overflow: auto;
} .venoframe{
border: none;
width: 960px;
height: 720px;
}
@media (max-width: 992px) {
.venoframe{
width: 640px;
height: 480px;
}
}
@media (max-width: 767px) {
.venoframe{
width: 420px;
height: 315px;
}
}
@media (max-width: 460px) {
.vbox-inline{
width: 100%;
}
.venoframe{
width: 100%;
height: 260px;
}
} .vbox-open{
overflow: hidden;
}
.vbox-container{
position: relative;
background: #000;
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
.vbox-content{
text-align: center;
float: left;
width: 100%;
position: relative;
overflow: hidden;
}
.vbox-container img{
max-width: 100%;
height: auto;
}.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}