@charset "utf-8";
.modal_window {
display:none;
opacity:0;
transition:0.7s;
position:fixed;
z-index:99999;
background-color:rgba(0 , 0, 0 , 0.7);
width:100%;
height:100%;
top:0;
left:0;
cursor:pointer;
}
.modal_inner {
background-color: #ffffff;
overflow-y: scroll;
position:absolute;
width: 80%;
height: 80%;
top:10%;
left:10%;
z-index:1000;
box-sizing: border-box;
}

@import url("https://fonts.googleapis.com/css?family=Cardo");
table , tbody , thead , tr ,th , th {
border-collapse: separate;
border-spacing: 0;
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
} .post table {
border-collapse: collapse;
width: 100%;
font-size: 93%;
margin-bottom: 15px;
}
.post table th ,
.post table td {
text-align: left;
padding: 10px;
vertical-align: middle;
} .post table.clear ,
.post table.clear th,
.post table.clear td {
background: none;
border: none;
}
.post table.clear th,
.post table.clear td {
vertical-align:top;
} @media only screen and (max-width: 768px) {
.post table.responsive {
width: 100% !important;
}
.post table.responsive th, .post table.responsive td {
width: 100% !important;
box-sizing: border-box;
display: block;
height: auto;
border-top: none;
border-right: none;
border-left: none;
}
.post table.responsive tr:last-child td:last-child {
border-bottom: none;
}
.post table.responsive th, .post table.responsive td {
text-align: center;
}
.post table.responsive.clear th, .post table.responsive.clear td {
text-align: left;
}
} .content-template .post table.aligncenter {
margin:0 auto;
}
.content-template .post table th ,
.content-template .post table td {
background-color:transparent;
border-color:transparent;
border:1px solid;
}
@media (max-width:768px) {
.content-template .post table.responsive th ,
.content-template .post table.responsive td {
background-color:transparent;
border-color:transparent;
border:1px solid;
border-bottom:none;
}
.content-template .post table.responsive tr:last-child td:last-child {
border-bottom:1px solid;
}
} .pattern_1 {
}
.pattern_2 tr:first-child td {
background:#CFD400;
}
.pattern_3 tr td:first-child {
background:#CFD400;
}
.pattern_4 td {
border: none !important;
border-top: 1px solid !important;
}
.pattern_4 tr:first-child td {
border-top:none !important;
}
.pattern_5 td {
border: none !important;
border-top: 1px solid !important;
}
.pattern_5 tr:first-child td {
border-top:none !important;
}
.pattern_5 tr:first-child td {
background:#CFD400;
}
.pattern_6 td {
border: none !important;
border-top: 1px solid !important;
}
.pattern_6 tr:first-child td {
border-top:none !important;
}
.pattern_6 tr td:first-child {
background:#CFD400;
}
.pattern_7 td {
border:none !important;
}
.pattern_7 tr:nth-child(odd) td {
background:#CFD400;
}
.pattern_8 td {
border:none !important;
}
.pattern_8 tr:nth-child(even) td {
background:#CFD400;
}
.pattern_9 td {
border:none !important;
}    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
:focus {
outline: 0;
}
ol, ul {
list-style: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a img {
border: 0;
backface-visibility: hidden
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
figure{
margin: 0;
}
figure img{
padding: 0!important;
}
.post figure img.aligncenter{
padding: 0!important;
}
body {
font-size: 93%;
line-height: 1.5;
font-family: "游明朝", YuMincho, "Cardo", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",Meiryo, serif;
color: #252525;
-webkit-text-size-adjust: none;
}
input[type="radio"] {
margin: 0px;
} @font-face {
font-family: "mymincho";
src: url(//visionkids-hoikuen.com/wp-content/plugins/vision-crafts/themes/mrp09/font/mymincho.otf) format('truetype');
}
.mincho {
font-family: "mymincho";
} a {
margin: 0;
padding: 0;
text-decoration: none;
outline: 0;
vertical-align: baseline;
background: transparent;
font-size: 100%;
color: #595153;
}
a:hover, a:active {
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
outline: none;
color: #F7B100;
} a img { -webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.logo a img {
transition:none;
}
a:hover img {
opacity: 0.5;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
.nav .panel:before, nav .panel:after, .newsTitle:before, .newsTitle:after {
content: "";
display: table;
}
nav .panel:after, nav#mainNav:after, .newsTitle:after {
clear: both;
}
nav .panel, nav#mainNav, .newsTitle {
zoom: 1;
} input[type="text"], input[type="tel"], input[type="email"], input[type="date"], input[type="url"], input[type="number"], select, textarea {
vertical-align: middle;
line-height: 30px;
height: 30px;
padding: 1px 5px;
border: 1px solid #d4d4d7;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
color: #555;
background: #fcfcfc;
font-family: MS UI Gothic;
}
textarea {
height: auto;
line-height: 1.5;
}
input[type="submit"], input[type="reset"], input[type="button"] {
padding: 3px 10px;
background: #4f4d4d;
background: -moz-linear-gradient(top, #4f4d4d 0%, #2e2c2c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4f4d4d), color-stop(100%, #2e2c2c));
background: -webkit-linear-gradient(top, #4f4d4d 0%, #2e2c2c 100%);
background: -o-linear-gradient(top, #4f4d4d 0%, #2e2c2c 100%);
background: -ms-linear-gradient(top, #4f4d4d 0%, #2e2c2c 100%);
background: linear-gradient(to bottom, #4f4d4d 0%, #2e2c2c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4d4d', endColorstr='#2e2c2c', GradientType=0 );
border: 0;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
line-height: 1.5;
font-size: 100%;
color: #fff;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
background: #4f4d4d;
background: -moz-linear-gradient(top, #2e2c2c 0%, #4f4d4d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2e2c2c), color-stop(100%, #4f4d4d));
background: -webkit-linear-gradient(top, #2e2c2c 0%, #4f4d4d 100%);
background: -o-linear-gradient(top, #2e2c2c 0%, #4f4d4d 100%);
background: -ms-linear-gradient(top, #2e2c2c 0%, #4f4d4d 100%);
background: linear-gradient(to bottom, #2e2c2c 0%, #4f4d4d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2c2c', endColorstr='#4f4d4d', GradientType=0 );
}
*:first-child+html input[type="submit"] { } #wrapper {
margin-top: 30px;
}  #content {
float: right;
width: 645px;
margin-bottom: 20px;
}
#content.wide {
width: 100%;
}
#sidebar {
float: left;
width: 265px;
margin-bottom: 20px;
padding-top: 75px;
}
.home #sidebar {
padding-top: inherit;
}
#footer {
clear: both;
padding: 10px 0 35px 0;
background: #f2f2f2;
} .gallery {
*zoom: 97%;
}
.png {
*zoom: 1;
}  #header h1 {
padding: 0 0 0 3px;
color: #3c2f13;
font-size: 70%;
font-weight: normal;
text-align: center;
}
.description {
padding: 0 0 0 3px;
font-size: 70%;
font-weight: normal;
text-align: center;
} #header-layout {
padding: 20px 0;
} #header .logo {
clear: both;
display: table-cell;
vertical-align: middle;
}
#header .logo img {
max-height: 55px;
}
body.headlogo-nonfix #header .logo img {
max-height: inherit;
}
#header h2 {
clear: both;
float: left;
padding-top: 20px;
color: #3c2f13;
font-size: 160%;
font-weight: bold;
} body.centerlogo #header .logo {
clear: both;
float: none!important;
text-align: center;
margin: 0 auto;
display: inherit;
} #headerInfo {
display: table-cell;
vertical-align: middle;
text-align: left;
width: 100%;
}
#headerInfo .float {
float: right;
}
#mainImgfix #headerInfo .float {
padding: 5px 10px;
background: rgba(18,18,18,0.70);
}
#headerInfo p {
font-size: 80%;
}
#headerInfo p.openTime {
padding: 0 0 2px 80px;
background: url(//visionkids-hoikuen.com/wp-content/plugins/vision-crafts/themes/mrp09/images/openTime.png) no-repeat 0 0px;
font-weight: bold;
}
#headerInfo p.tel {
padding: 4px 0 2px 80px;
background: url(//visionkids-hoikuen.com/wp-content/plugins/vision-crafts/themes/mrp09/images/tel.png) no-repeat 0 6px;
font-size: 16px;
letter-spacing: 0.0em;
}
#headerInfo p.address {
padding: 2px 0 2px 80px;
background: url(//visionkids-hoikuen.com/wp-content/plugins/vision-crafts/themes/mrp09/images/address.png) no-repeat 0 2px;
} #mainImg {
clear: both;
line-height: 0;
text-align: center;  } header {
}
.listTitle {
position: relative;
margin: 75px 0 0 0;
}
p.frontlist.frontbottom,
p.frontlist.fronttop{
position: absolute;
right: 0;
top: 50%;
padding-left: 15px;
background: url(//visionkids-hoikuen.com/wp-content/plugins/vision-crafts/themes/mrp09/images/arrow.png) no-repeat 0 5px;
transform: translateY(-50%);
}
h1.title {
text-align: center;
padding: 0px 0 5px 0;
font-size: 250%;
color: #3c2f13;
clear: both;
font-family: "游明朝", YuMincho, "Cardo", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
h1.front-post{
padding: 75px 0 5px 0;
}
h1.title span {
text-align: center;
padding-bottom: 10px;
}
h1.first {
margin-top: 0;
}
.excerpt {
text-align: center;
font-size: 13px;
}
.h1excerpt {
text-align: center;
font-size: 13px;
padding-bottom: 35px;
}
h2.title {
clear: both;
margin: 30px 0 20px;
padding: 5px 0;
font-size: 160%;
color: #252525;
border-bottom: 3px solid #3c2f13;
font-family: "游明朝", YuMincho, "Cardo", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
h2.first {
margin-top: 0;
}
h2.top-loop,
h2.bottom-loop,
h2.cat-loop{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
h2.banner-h{
padding-top: 20px;
margin: 20px 0;
color: #252525;
font-size: 200%;
font-family: "游明朝", YuMincho, "Cardo", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
border-bottom: 1px solid #252525;
}
.dateLabel {
margin: 0 0 10px;
text-align: right;
font-style: italic;
}
.vintageline {
font-size: 150%;
color: #3c2f13;
background: url(//visionkids-hoikuen.com/wp-content/plugins/vision-crafts/themes/mrp09/images/head-border.gif) bottom no-repeat;
clear: both;
padding-bottom: 0!important;
}
.dottline {
font-size: 150%;
color: #624e24;
margin: 0 0 0.5em;
padding: 0.2em 0!important;
font-weight: normal;
border-top: 1px dashed #624e24;
border-bottom: 1px dashed #624e24;
} .post {
clear: both;
margin-bottom: 5px;
overflow: hidden;
padding: 75px 0;
}
ul.post.cat-loop {
padding:0;
}
.post p {
margin-bottom: 15px;
}
.post ul {
margin: 0 0 15px 10px;
}
.post ul#sitemap_list li {
margin-bottom: 5px;
padding-left: 15px;
background: none;
border-bottom: none;
}
#sitemap_list {
background: none!important;
}
.post ol {
margin: 0 0 15px 30px;
}
.post ol li {
list-style: decimal;
margin-bottom: 0;
padding: 3px 0;
border: none;
}
.post dt {
font-weight: bold;
}
.post dd {
padding-bottom: 30px;
} .post h1 {
margin: 20px 0;
padding: 15px 0;
font-size: 250%;
clear: both;
text-align: center;
font-family: "游明朝", YuMincho, "Cardo", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.post h2 {
clear: both;
font-size: 200%;
font-weight: normal;
font-family: "游明朝", YuMincho, "Cardo", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
padding: 15px 0;
}
.post h3 {
clear: both;
font-size: 150%;
margin: 0 0 0.5em;
padding: 0.2em;
font-weight: normal;
border-bottom: 1px dashed #aaa;
font-family:  "游明朝", YuMincho, "Cardo", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.post h4 {
border-bottom: 1px dashed #3c2f13;
border-left: 4px solid #3c2f13;
clear: both;
color: #3b3014;
font-size: 120%;
font-weight: normal;
margin: 10px 0;
padding: 0 0 3px 8px;
font-family:  "游明朝", YuMincho, "Cardo", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.post blockquote {
clear: both;
padding: 10px 0 10px 15px;
margin: 10px 0 25px 30px;
border-left: 5px solid #ccc;
}
.post blockquote p {
padding: 5px 0;
} .post img {
max-width: 100%;
height: auto;
}
.post img.aligncenter {
display: block;
margin: 0 auto;
}
.post img.alignright {
margin: 0 0 15px 8px;
display: inline;
float: right;
}
.post img.alignleft {
margin: 0 8px 15px 0;
display: inline;
float: left;
} img.slanting {
transform: rotate(2deg);
-webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); } .pagenav {
clear: both;
width: 100%;
height: 30px;
margin: 5px 0 20px;
}
.prev {
float: left
}
.next {
float: right;
}
#pageLinks {
clear: both;
color: #4f4d4d;
text-align: center;
} #breadcrumb {
clear: both;
padding: 3px 3px 3px 0;
}
#breadcrumb ul {
width: 100%;
max-width: 960px;
margin: 0 auto;
}
#breadcrumb ul li {
float: left;
margin: 0 5px;
font-size: 77%;
}
#breadcrumb ul li:first-child {
margin: 0;
}
#breadcrumb ul li a:hover {
text-decoration: underline;
} section.widget {
margin-bottom: 25px;
font-size: 93%;
}
section.widget h2 {
clear: both;
margin: 0 0 15px;
padding: 5px 0;
font-weight: bold;
font-size: 100%;
}
section.widget h2 span {
padding-top: 15px;
}
section.widget h3 {
clear: both;
margin: 0 0 10px;
padding: 5px 0;
font-weight: normal;
}
section.widget li {
margin: 10px 5px 10px 0px;
}
section.widget li li {
margin: 10px 0 10px 15px;
}
section.widget a {
display: block;
}
section.widget_nav_menu a {
display: block;
padding-left: 15px;
background: url(//visionkids-hoikuen.com/wp-content/plugins/vision-crafts/themes/mrp09/images/arrow.png) no-repeat 0 50%;
}
section.widget_sp_image {
background: none;
}
section.widget_sp_image a {
margin-bottom: 0px!important;
}
section.widget a:hover {
background-position: 3px 50%;
} .textwidget iframe {
width: 100%!important;
}
p.banner {
padding-bottom: 15px;
}
#banners img {
max-width: 265px;
height: auto;
}
#contactBanner {
width: 265px;
height: 30px;
padding-top: 110px;
background: url(//visionkids-hoikuen.com/wp-content/plugins/vision-crafts/themes/mrp09/images/banners/banner_tel.jpg) no-repeat;
}
#contactBanner p.tel {
display: inline;
padding-left: 80px;
margin-left: 30px;
text-align: center;
font-weight: bold;
background: url(//visionkids-hoikuen.com/wp-content/plugins/vision-crafts/themes/mrp09/images/tel.png) no-repeat;
}
.tel a {
color: #3c2f13;
}
#searchform input[type="text"] {
line-height: 1.7;
height: 24px;
vertical-align: bottom;
} .widgetInfo {
margin-bottom: 5px;
}
.newsTitle {
clear: both;
margin: 0 0 10px;
padding: 0 0 5px;
font-size: 100%;
color: #252525;
}
.newsTitle h2 {
float: left;
font-weight: bold;
}
.newsTitle h2 span {
}
.newsTitle h3 {
float: left;
font-weight: normal;
}
.newsTitle p {
float: right;
padding: 0 0 0 10px;
background: url(//visionkids-hoikuen.com/wp-content/plugins/vision-crafts/themes/mrp09/images/arrow.png) no-repeat 0 50%;
}
.news {
}
.news p {
clear: both;
margin: 0 5px 5px 0px;
font-size: 93%;
}
.news p time {
font-style: italic;
}
.news p a {
display: block;
color: #252525;
}
.news a span {
color: #624e24;
}
.news span {
padding-left: 10px;
}
.news a:hover span {
color: #927a49;
}
.widget_sp_image img {
clear: both;
margin-bottom: 0px;
height: auto;
}
.widget_search {
clear: both;
}
.widget_text {
clear: both;
}
.widget_calendar {
clear: both;
} #footerLogo {
clear: both;
vertical-align: middle;
text-align: center;
margin: 0 auto;
}
.float #footerLogo {
padding-top: 35px;
}
#footerLogo img {
max-width: 265px;
height: auto;
}
body.footlogo-nonfix #footerLogo img {
max-height: inherit;
}
#footer ul {
margin: 0 auto;
text-align: center;
font-size: 95%;
padding-top: 35px;
}
#footer ul ul {
padding-bottom: 0;
width: auto;
}
#footer ul li {
font-size: 85%;
display: inline-block;
vertical-align: text-top;
text-align: left;
padding: 5px 0;
margin-left: 15px;
background: url(//visionkids-hoikuen.com/wp-content/plugins/vision-crafts/themes/mrp09/images/arrow.png) no-repeat 0 9px;
font-family: "Cardo", "游明朝", YuMincho, "Cardo", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#footer ul li a {
display: block;
padding: 0 0 0 12px;
overflow: hidden;
}
#footer ul li a:hover {
}
#footer ul li li {
display: block;
padding: 0;
margin-left: 5px;
background: url(//visionkids-hoikuen.com/wp-content/plugins/vision-crafts/themes/mrp09/images/arrow2.png) no-repeat 0 6px;
}
#footer ul li li a {
padding: 0 0 0 8px;
}
*:first-child+html #footer ul li {
display: inline;
}
*:first-child+html #footer ul ul, *:first-child+html #footer ul li li a, *:first-child+html #footer ul li li {
display: none;
}
.footcaption {
clear: both;
font-size: 85%;
margin: 0 auto;
padding-top: 35px;
text-align: center;
}
#copyright {
background: #595153;
}
.copyright {
clear: both;
padding: 35px 5px;
text-align: center;
font-style: normal;
font-size: 85%;
zoom: 1;
color: #FFFFFF;
}
.fix-copyright {
text-align: center;
font-style: normal;
font-size: 85%;
color: #FFFFFF;
position: absolute;
bottom: 0;
left: 0;
right: 0;
} #contentbanner-area {
padding: 25px;
}
@media only screen and (max-width:959px) {
#contentbanner-area {padding: 5px;}
#contentbanner-area .inner{ width: 100%;}
}
.c1thumbWrap {
width: 645px;
overflow: hidden;
}
.c1thumbWrap li {
float: left;
padding: 0px 0 15px;
background: none;
}
.c1thumbWrap li img {
width: 100%;
vertical-align: bottom;
}
.c2thumbWrap {
width: 645px;
overflow: hidden;
margin-bottom: 20px;
}
.c2thumbWrap li {
float: left;
width: 312px;
margin: 0 20px 0 0;
padding: 0px 0 15px;
background: none;
}
.c2thumbWrap li:last-child {
margin: 0;
}
.c2thumbWrap li img {
width: 100%;
vertical-align: bottom;
}
.c3thumbWrap {
width: 645px;
overflow: hidden;
margin-bottom: 20px;
}
.c3thumbWrap li {
float: left;
width: 201px;
margin: 0 20px 0 0;
padding: 0px 0 15px;
background: none;
}
.c3thumbWrap li:last-child {
margin: 0;
}
.c3thumbWrap li img {
width: 100%;
vertical-align: bottom;
} ul.thumb h3 {
margin-top: 10px;
padding: 1px;
font-weight: normal;
font-size: 100%;
text-align: center;
background: #fff;
border: 1px solid #bcbcbc;
font-family: "Cardo", "游明朝", YuMincho, "Cardo", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
ul.thumb h3 span {
display: block;
padding: 2px 3px;
background: #dedabc;
}
ul.thumb h3:hover {
background: #f1efe4;
}
ul.thumb h3:hover span {
background: #e3dfc4;
} .wide .thumbWrap {
width: 100%;
}
.wide .c1thumbWrap, .wide .c2thumbWrap, .wide .c3thumbWrap {
clear: both;
width: 100%;
}
.wide ul.thumb {
margin: 0;
}
.wide ul.thumb li {
float: left;
width: 300px;
margin: 0;
background: none;
}
.wide ul.thumb li img.wp-post-image {
float: left;
display: inline;
padding: 0 5px 3px 0;
}
.wide .c1thumbWrap ul.thumb li {
width: 100%;
padding-bottom: 25px;
}
.wide .c1thumbWrap ul.thumb li img {
max-width: 100%;
vertical-align: bottom;
}
.wide .c2thumbWrap ul.thumb li {
width: 48.5%;
padding-bottom:25px;
box-sizing: border-box;
margin-right: 3%;
}
.wide .c2thumbWrap ul.thumb li:last-child {
margin: 0;
}
.wide .c2thumbWrap ul.thumb li img {
max-width: 100%;
vertical-align: bottom;
}
.wide .c3thumbWrap ul.thumb li {
width: 31.3333%;
margin-right: 3%;
margin-bottom: 15px;
}
.wide .c3thumbWrap ul.thumb li:last-child {
margin-right: 0;
}
.wide .c3thumbWrap ul.thumb li img {
max-width: 100%;
vertical-align: bottom;
}
.wide .clm {} .post .column2_50 {
display: inline-block;
margin: 5px 0;
padding: 15px 0;
width: 48.9%;
vertical-align: top;
}
.post .column2_50 img {
max-width: 100%;
}
.post .column2_30 {
display: inline-block;
width: 28%;
padding: 15px 0;
vertical-align: top;
}
.post .column2_30 img {
max-width: 100%;
}
.post .column2_70 {
display: inline-block;
width: 68%;
padding: 15px 0;
vertical-align: top;
}
.post .column3_33 {
display: inline-block;
margin: 5px 4% 0 0;
width: 30%;
vertical-align: top;
padding: 15px 0;
}
.post .column3_33:nth-child(3n) {
margin-right: 0;
}
.post .column3_33 img {
max-width: 100%;
}
.post .column4_25 {
display: inline-block;
*display: inline;
*zoom: 1;
width: 24.6%;
vertical-align: top;
}
.post .column4_25 img {
max-width: 100%;
} .childpost {
padding-bottom: 75px;
}
.childpost .column2_50 {
display: inline-block;
width: 47%;
padding: 15px 20px 15px 0;
vertical-align: top;
}
.childpost .column2_50:nth-child(2n) {
padding: 15px 0;
}
.childpost .column2_50 img {
max-width: 100%;
height: auto;
}
.childpost1b {
box-shadow: rgb(184, 184, 184) 0px 0px 3px 1px;
-webkit-box-shadow: rgb(184, 184, 184) 0px 0px 3px 1px;
-moz-box-shadow: rgb(184, 184, 184) 0px 0px 3px 1px;
background-color: #FFFFFF;
}
.childpost1b .column1 {
display: inline-block;
*display: inline;
*zoom: 1;
margin: 10px 2%;
vertical-align: top;
width: 96%;
}
.childpost1b .column2_30 {
display: inline-block;
*display: inline;
*zoom: 1;
margin: 10px 0 10px 6px;
width: 29%;
vertical-align: top;
}
.childpost1b .column2_30 img {
max-width: 95.5%;
height: auto;
}
.childpost1b .column2_70 {
display: inline-block;
margin: 10px 2px 5px 0;
width: 67.8%;
vertical-align: top;
}
.childText {
font-size: 90%;
}
.thumbImageInner {
text-align: center;
}
.morelink {
margin: 0 0 0 0;
height: auto;
display: block;
text-align: right;
}
.morelink a {
margin-top: 15px;
color: #333;
display: block;
position: relative;
text-decoration: none;
text-align: center;
padding: 5px 15px 5px 15px;
font-size: 93%;
border: 1px solid #000000;
}
.morelink a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 0;
height: 0;
margin: -3px 0 0 0;
border-top: 8px solid #515151;
border-left: 8px solid transparent;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.morelink a:hover {
color: #fff;
text-decoration: none !important;
background: #111111;
transition: all 0.3s ease 0s
} .ctitle {
clear: both;
color: #333;
font-size: 200%;
line-height: 1.6em;
margin-bottom: 10px;
padding: 8px 0;
text-align: center;
}
.ctitle a {
color: #333;
} .wpcf7-form .wpcf7-textarea {
max-width: 96%
} .wpcf7-form {
padding: 15px;
}
.wpcf7-form .must {
background: #DC143C;
font-weight: bold;
}
.wpcf7-form .option {
background: #ccc;
font-weight: bold;
}
.wpcf7-form .submit {
text-align: center; 
}
.wpcf7-form input[type=submit] {
font-size: 100%;
padding: 6px 40px; 
}
.wpcf7-form input[type=submit]:hover {
cursor: pointer; 
}
.wpcf7-form .must,
.wpcf7-form .option{
color: #fff;
font-weight: bold;
margin-left: 0.8em;
font-size: 85%;
padding: 0.2em 0.6em;
float: right;
}
@media only screen and (max-width: 768px) {
input[type="text"], input[type="tel"], input[type="email"], input[type="date"], input[type="url"], input[type="number"], select, textarea {
height: 30px;
}
.wpcf7-form .wpcf7-text {
width: 100% !important;
box-sizing: border-box;
}
.wpcf7-form .wpcf7-textarea {
width: 100% !important;
max-width: 100%;
height: 200px!important;
box-sizing: border-box;
}
.wpcf7-form .must,.wpcf7-form .option{
float: inherit;
}
} .post .linkBtn {
padding: 0.5em 2.5em 0.5em 2.5em;
background: #d69a00;
position: relative;
color: #fff;
border-radius: 5px;
line-height: 1.8;
transition: all .3s;
}
.post .linkBtn input[type="submit"]{
background: none;
padding: inherit;
}
.post .linkBtn::after {
display: block;
content: '';
position: absolute;
top: 50%;
right: 1em;
width: 6px;
height: 6px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-top: -3px;
}
.post input.linkBtn::after {
display: block;
content: '';
position: absolute;
top: 50%;
right: 1em;
width: 6px;
height: 6px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-top: -3px;
}
.post .linkBtn:hover {
background: #F7B100;
}
@media only screen and (max-width: 768px) {
.post .linkBtn {
display: block;
text-align: center;
}
}
.wpcf7-form label:hover {
cursor: pointer;
} #biz_calendar p {
display: inline;
padding-right: 5px;
}
#biz_calendar table.bizcal .holiday {
background-color: #ffc3de!important;
}
#biz_calendar p span.boxholiday {
background-color: #ffc3de!important;
}
#biz_calendar table.bizcal .eventday {
background-color: #A5CDFF!important;
}
#biz_calendar p span.boxeventday {
background-color: #C7BEB3!important;
}
#biz_calendar table.bizcal th {
background-image: linear-gradient(#C2AF95 0%, #C2AF95 100%)!important;
} .mapp-canvas img {
border: none!important;
} .mapp-layout {
margin: 5px 0;
box-sizing: border-box;
border: none !important;
}
.mapp-map-links {
border: none !important;
}  #cboxLoadedContent img {
width: 800px !important;
height: auto !important;
} #cboxCurrent {
display: none !important;
} .wc-shortcodes-column img {
border: none!important; padding: 0!important;
}
.wc-shortcodes-tabs ul.wcs-tabs-nav li {
border-bottom: none;
} #scrollUp {
visibility: visible !important;
} span.wpcf7-list-item {
margin-left: 0!important;
}
span.wpcf7-list-item-label {
margin-top: -2px;
margin-left: -2px;
margin-right: 16px;
vertical-align: top;
}
.wpcf7-list-item {
display: block;
}
.wpcf7-date {
width: 50% !important;
} .cpd li {
font-family: "游明朝", YuMincho, "Cardo", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
} .gallery-columns-1 .gallery-item {
width: 95%;
}
.gallery-columns-1 .gallery-item img {
max-width: 98.5%;
border: none !important;
padding-bottom: 15px;
}
.gallery-columns-2 .gallery-item {
width: 45%;
}
.gallery-columns-2 .gallery-item img {
max-width: 95.5%;
border: none !important;
padding-bottom: 5px;
}
.gallery-columns-3 .gallery-item {
width: 33.3%!important;
}
.gallery-columns-3 .gallery-item img {
max-width: 92%;
border: none !important;
padding-bottom: 8px;
}
.gallery-columns-4 .gallery-item {
width: 22.5%;
}
.gallery-columns-4 .gallery-item img {
max-width: 88%;
border: none !important;
padding-bottom: 10px;
}
.gallery-columns-5 .gallery-item {
width: 18%;
}
.gallery-columns-5 .gallery-item img {
max-width: 85%;
border: none !important;
padding-bottom: 15px;
}
.gallery-caption {
margin: 0 auto !important;
max-width: 85%;
font-size: 83%;
} .screen-reader-text {
display: none;
} .clearfix:after {
content: "."; display: block; clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
} .post_img img {
float: left;
width: 100%;
height: auto;
background: #FFFFFF;
}
.post .post_img {
width: 33%;
padding: 0;
float: left;
margin: 0;
}
.post_text {
width: 100%;
margin: 0 auto;
}
.post_text70 {
width: 63%;
float: right;
}
.post li {
border-bottom: 1px solid #e0e0e0;
margin-bottom: 40px;
padding-bottom: 40px;
}
.post .time {
font-size: 90%;
clear: both;
font-style: italic;
color: #595153;
padding: 10px 0;
margin-bottom: 0px;
}
.post .time a {
}
.post .post_text h3 {
background: none;
margin: 0.2em;
}
.postlist li {
border-bottom: 1px solid #e0e0e0;
margin-bottom: 20px;
padding-bottom: 20px;
}
.postlist .post_text {
}
.postlist .time {
clear: both;
display: inline;
font-style: italic;
}
.postlist .time a {
}
.postlist .date {
clear: both;
display: inline;
padding: 1px 6px;
font-style: italic;
}
.postlist .date a {
}
.postlist .ttls {
clear: both;
display: inline;
padding: 1px 6px;
margin-bottom: 5px;
}
.postlist .ttls a {
}
.postlist .post_text h3 {
background: none;
margin: 0.2em;
}
.post_link {
float: right;
clear: both;
margin: 5px 0 0;
}
li .post_contents {
clear: both;
margin-bottom: 15px;
padding: 10px 0 0 0;
} .post .color-red {
color: red;
}
.hissu {
color: red;
}
.post strong {
font-weight: bold;
}
.bold {
font-weight: bold;
}
.mytitle1 {
font-size: 480%;
font-family: "游明朝", YuMincho, "Cardo", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
line-height: 1.2em;
}
.mytitle2 {
font-size: 130%;
font-weight: bold;
font-family: "游明朝", YuMincho, "Cardo", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.mytitle3 {
font-family: "游明朝", YuMincho, "Cardo", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.headline1 {
font-size: 250%;
position: relative;
text-align: center;
margin-top: 45px;
margin-bottom: 5px !important;
}
.column2_50 .headline1 {
font-size: 250%;
position: relative;
text-align: center;
margin-top: 5px;
}
.column2_50 .headline1 span {
position: relative;
z-index: 2;
display: inline-block;
margin: 15px 0 0 0;
padding: 0 1em;
background-color: #fff;
text-align: left;
}
.column2_50 .headline1::before {
position: absolute;
top: 50%;
z-index: 1;
content: '';
display: block;
width: 100%;
height: 1px;
background: #ccc;
background: -webkit-linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
background: linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
}
.headline2 {
font-size: 170%;
position: relative;
text-align: center;
margin-top: 25px;
}
.headline2 span {
position: relative;
z-index: 2;
display: inline-block;
padding: 0 1em;
background-color: #fff;
text-align: left;
}
.headline2::before {
position: absolute;
top: 50%;
z-index: 1;
content: '';
display: block;
width: 100%;
height: 1px;
background: #ccc;
background: -webkit-linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
background: linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
}
@media only screen and (max-width:799px) {
.headline1, .column2_50 .headline1 {
font-size: 170%;
}
.headline2 {
font-size: 130%;
}
}
.price {
font-size: 250%;
font-style: italic;
}
.center {
text-align: center;
}
.bold {
font-weight: bold;
}
.caution {
text-align: right;
font-size: 80%;
}
@media only screen and (max-width:799px) {
.caution {
text-align: center;
}
}
@media only screen and (max-width:1024px) {
.mytitle1 {
font-size: 220%;
}
.mytitle2 {
font-size: 130%;
}
} #social {
display: inline-block;
float: left;
}
#twitter, #hatena, .fb-like {
display: block;
float: left;
}
.share-btn {
height: 21px;
padding: 5px 0 0 0;
width: 250px;
}
.share-btn4b {
padding: 5px 0 0 0;
}
.twitter-share-button {
margin-left: 5px;
width: 90px !important;
}
.fb_ltr {
max-width: none !important;
}
.fb_iframe_widget {
width: auto !important;
display: inline-block !important;
margin-top: -1px !important;
} .post2b {
clear: both;
padding-bottom: 20px;
padding-top: 75px;
}
.post2b img {
max-width: 100%;
height: auto;
}
.post2b li {
margin: 0 3% 40px 0;
padding: 0 0 40px 0;
border-bottom: 1px solid #e0e0e0;
font-size: 93%;
line-height: 1.6em;
display: inline-block;
width: 48%;
vertical-align: top;
}
.post2b li:nth-child(2n) {
margin: 0 0 20px 0;
}
.wide .post2b li {
margin: 0 3.4% 20px 0;
width: 48%;
}
.wide .post2b li:nth-child(2n) {
margin: 0 0 20px 0;
}
.post2b_img img {
}
.post2b .post2b_img {
text-align: center;
}
.post2b_text {
width: 100%;
margin: 0 auto;
}
.post2b_text70 {
}
.post2b h2 {
clear: both;
font-weight: normal;
color: #2E2C2C;
font-size: 130%;
margin: 0 0 15px 0;
}
.post2b .time {
font-size: 89.5%;
clear: both;
font-style: italic;
padding: 15px 0;
}
.post2b .time a {
}
.post2b .post2b_text h3 {
background: none;
margin: 0.2em;
}
.post2b_link {
float: right;
clear: both;
margin: 5px 0 0;
font-size: 93%;
}
li .post2b_contents {
clear: both;
padding: 0;
height: 80px;
font-size: 93%;
} .post4b {
clear: both;
padding-bottom: 5px;
padding-top: 75px;
}
.post4b img {
max-width: 100%;
height: auto;
}
.post4b li {
margin: 0 1.8% 20px 0;
padding-bottom: 20px;
border-bottom: 1px solid #e0e0e0;
font-size: 93%;
display: inline-block;
width: 23%;
vertical-align: top;
}
.post4b li:nth-child(4n) {
margin: 0 0 40px 0;
}
.wide .post4b li {
margin: 0 2.1% 40px 0;
width: 23%;
}
.wide .post4b li:nth-child(4n) {
margin: 0 0 40px 0;
}
.post4b_img img {
}
.post4b .post4b_img {
}
.post4b_text {
width: 100%;
margin: 0 auto;
}
.post4b_text70 {
}
.post4b h2 {
clear: both;
font-weight: normal;
font-size: 120%;
padding-bottom: 10px;
}
.post4b .time {
font-size: 83%;
clear: both;
font-style: italic;
padding: 10px 0;
}
.post4b .time a {
}
.post4b .post4b_text h3 {
background: none;
margin: 0.2em;
}
.post4b_link {
float: right;
clear: both;
margin: 5px 0 0;
font-size: 93%;
}
li .post4b_contents {
clear: both;
margin-bottom: 0.5em;
padding: 0;
font-size: 93%;
height: 60px;
} .post_img,
.post2b_img,
.post4b_img{
width: 100%;
overflow: hidden;
-webkit-transition: all 0.4s cubic-bezier(0.6, -0.8, 0.735, 0.045);
transition: all 0.4s cubic-bezier(0.6, -0.8, 0.735, 0.045);
}
.post_img:hover,
.post2b_img:hover,
.post4b_img:hover {
background: rgba(0,0,0,1.0);
}
.post_img img,
.post2b_img img,
.post4b_img img{
vertical-align: bottom;
}
.post_img img:hover,
.post2b_img img:hover,
.post4b_img img:hover {
transition: scale(1.4);
-webkit-transform: scale(1.4);
} .post_img,
.post2b_img,
.post4b_img{
color: #fff;
position: relative;
float: left;
margin: 10px 1%;
min-width: 310px -60px;
max-width: 310px;
width: 100%;
color: #ffffff;
text-align: left;
background-color: #000000;
font-size: 16px;
}
.post_img *,
.post2b_img *,
.post4b_img *{
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.post_img img,
.post2b_img img,
.post4b_img img{
max-width: 100%;
vertical-align: top;
}
.post_img i,
.post2b_img i,
.post4b_img i{
position: absolute;
bottom: 15px;
right: 15px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
line-height: 1em;
opacity: 0;
-webkit-transition: all 0.4s cubic-bezier(0.6, -0.8, 0.735, 0.045);
transition: all 0.4s cubic-bezier(0.6, -0.8, 0.735, 0.045);
}
.post_img a:before,
.post_img a:after,
.post2b_img a:before,
.post2b_img a:after,
.post4b_img a:before,
.post4b_img a:after{
width: 1px;
height: 0;
background-color: #fff;
}
.post_img a:before,
.post2b_img a:before,
.post4b_img a:before{
right: 0;
top: 0;
}
.post_img a:after,
.post2b_img a:after,
.post4b_img a:after{
left: 0;
bottom: 0;
}
.post_img:before,
.post_img:after,
.post_img a:before,
.post_img a:after,
.post2b_img:before,
.post2b_img:after,
.post2b_img a:before,
.post2b_img a:after,
.post4b_img:before,
.post4b_img:after,
.post4b_img a:before,
.post4b_img a:after{
position: absolute;
content: '';
background-color: #fff;
z-index: 1;
-webkit-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
opacity: 0.8;
}
.post_img:before,
.post_img:after,
.post2b_img:before,
.post2b_img:after,
.post4b_img:before,
.post4b_img:after{
height: 1px;
width: 0%;
}
.post_img:before,
.post2b_img:before,
.post4b_img:before{
top: 0;
left: 0;
}
.post_img:after,
.post2b_img:after,
.post4b_img:after{
bottom: 0;
right: 0;
}
.post_img:hover img,
.post_img.hover img,
.post2b_img:hover img,
.post2b_img.hover img,
.post4b_img:hover img,
.post4b_img.hover img{
opacity: 0.25;
}
.post_img:hover a:before,
.post_img.hover a:before,
.post_img:hover a:after,
.post_img.hover a:after,
.post2b_img:hover a:before,
.post2b_img.hover a:before,
.post2b_img:hover a:after,
.post2b_img.hover a:after,
.post4b_img:hover a:before,
.post4b_img.hover a:before,
.post4b_img:hover a:after,
.post4b_img.hover a:after{
height: 100%;
}
.post_img:hover i,
.post_img.hover i,
.post2b_img:hover i,
.post2b_img.hover i
.post4b_img:hover i,
.post4b_img.hover i{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 0.7;
}
.post_img:hover:before,
.post_img.hover:before,
.post_img:hover:after,
.post_img.hover:after,
.post2b_img:hover:before,
.post2b_img.hover:before,
.post2b_img:hover:after,
.post2b_img.hover:after,
.post4b_img:hover:before,
.post4b_img.hover:before,
.post4b_img:hover:after,
.post4b_img.hover:after{
width: 100%;
}
.post_img:hover:before,
.post_img.hover:before,
.post_img:hover:after,
.post_img.hover:after,
.post_img:hover a:before,
.post_img.hover a:before,
.post_img:hover a:after,
.post_img.hover a:after,
.post2b_img:hover:before,
.post2b_img.hover:before,
.post2b_img:hover:after,
.post2b_img.hover:after,
.post2b_img:hover a:before,
.post2b_img.hover a:before,
.post2b_img:hover a:after,
.post2b_img.hover a:after,
.post4b_img:hover:before,
.post4b_img.hover:before,
.post4b_img:hover:after,
.post4b_img.hover:after,
.post4b_img:hover a:before,
.post4b_img.hover a:before,
.post4b_img:hover a:after,
.post4b_img.hover a:after{
opacity: 0.1;
} @media only screen and (min-width: 1367px) {
.metaslider {
margin-left: auto;
margin-right: auto;
}
} @media print, screen and (min-width: 1025px) { #wrapper {
overflow: hidden;
padding: 0 10px;
}
#right-panel {
padding: 10px 0;
}
.scroll-logo {
display: none;
position: relative;
vertical-align: middle;
}
.scroll-logo-fix .scroll-logo img {
max-height: 70px;
}
.sticky-header .scroll-logo {
display: inline-block;
float: left;
}
.sticky-header .panel ul {
display: inline-block;
float: left;
padding: 20px 0;
}
.sticky-header .panel ul ul {
padding: 0;
}
nav#mainNav ul li a span, nav#mainNav ul li a b {
font-size: 150%;
display: block;
line-height: 1.4em;
font-weight: normal;
letter-spacing: 0.05em;
}
nav#mainNav ul li a span {
font-size: 75%;
margin-top: -2px;
padding-bottom: 4px;
color: #E49343;
letter-spacing: 0.1em;
}
.panel ul {
text-align: center;
display: inherit;
position: relative;
}
.panel ul li {
display: inline-block;
position: relative;
margin: 16px;
font-family: "Cardo", "游明朝", YuMincho, "Cardo", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.panel ul li a {
display: block;
text-align: center;
color: #724323;
padding: 0 7px;
}
nav div.panel {
display: block !important;
}
#mainImgfix nav#mainNav ul li a span {
color: #FFFFFF;
}
#mainImgfix .panel ul li {
margin: 0 16px;
font-family: "Cardo", "游明朝", YuMincho, "Cardo", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#mainImgfix .panel ul li ul li {
margin: 0;
}
#mainImgfix .panel ul li a {
color: #FFFFFF;
}
#topmainImgfix nav#mainNav ul li a span {
color: #FFFFFF;
}
#topmainImgfix .panel ul li {
margin: 0 16px;
font-family: "Cardo", "游明朝", YuMincho, "Cardo", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#topmainImgfix .panel ul li ul li {
margin: 0;
}
#topmainImgfix .panel ul li a {
color: #FFFFFF;
}
.menu-trig {
display: none;
} .panel ul li a:hover, .panel ul li a:active, .panel ul li.current-menu-item a, .panel ul li.current-menu-parent a {
filter: alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
} ul.sub-menu {
min-width: 100%;
white-space:nowrap;
width:auto;
list-style: none;
position: absolute;
z-index: 100;
top: 100%;
left: 0;
}
.panel ul.sub-menu li {
overflow: hidden;
width: 100%;
height: 0; transition: 0.2s;
}
.panel ul.sub-menu li a {
text-indent: 7px;
}
.panel li:hover > ul.sub-menu > li {
overflow: visible;
height: 38px;
}
.panel ul.sub-menu li ul {
top: 0;
left: 100%;
}
.panel li:last-child ul.sub-menu li ul {
left: -100%;
width: 100%;
}
.panel li:hover ul.sub-menu li ul li:hover > a {
filter: alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
} .panel li ul li ul:before {
position: absolute;
content: "";
top: 13px;
left: -20px;
width: 0;
height: 0;
border: 5px solid transparent;
border-left-color: #724323;
}
.panel li:last-child ul li ul:before {
position: absolute;
content: "";
top: 13px;
left: 200%;
margin-left: -20px;
border: 5px solid transparent;
border-right-color: #724323;
}
.panel ul li:hover ul {
display: block;
position: absolute;
}
.panel ul li li a {
width: 100%;
height: 40px;
padding: 0;
line-height: 40px;
text-align: left;
}
.panel ul li li a span {
padding: 0 10px;
}
.panel ul li:hover ul li {
margin: 0;
opacity: 0.9;
clear: both;
}
.panel ul li:hover ul li:last-child {
border: 0;
}
.current-menu-ancestor a {
opacity: 0.50;
color: #F7B100;
}
nav#mainNav ul li a:hover, nav#mainNav ul li a:active, nav#mainNav ul li.current-menu-item a, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active {
opacity: 0.50;
color: #F7B100;
}
nav#mainNav ul li li {
float: left;
border: 0;
}
nav#mainNav ul li li a {
opacity: 1.00;
}
nav#mainNav ul li li a:hover {
opacity: 0.50;
}
nav#mainNav ul li li:last-child a {
opacity: 1.00;
}
nav#mainNav ul li li:last-child a:hover {
opacity: 0.50;
}
nav#mainNav ul li li li a {
}
nav#mainNav ul li li li a:hover {
opacity: 0.50;
}
nav#mainNav ul li li li:last-child a {
}
nav#mainNav ul li li li:last-child a:hover {
opacity: 0.50;
}
nav#mainNav ul li.current-menu-item li a {
color: #724323;
opacity: 1.00;
}
nav#mainNav ul li.current-menu-item li a:hover {
opacity: 0.50;
}
nav#mainNav ul li li.current-menu-item a {
opacity: 0.50;
}
nav#mainNav ul li.current-menu-item li li a {
}
nav#mainNav ul li li.current-menu-item li a {
}
nav#mainNav ul li li li.current-menu-item a {
}
nav#mainNav ul li.current-menu-item li li a:hover {
opacity: 0.50;
}
nav#mainNav ul li li:last-child li a {
opacity: 1.00;
}
nav#mainNav ul li li:last-child li a:hover {
opacity: 0.50;
}
nav#mainNav ul li li:last-child.current-menu-item li a {
opacity: 1.00;
}
nav#mainNav ul li li.current-menu-item li:last-child a {
opacity: 1.00;
}
nav#mainNav ul li.current-menu-item li li:last-child a:hover {
opacity: 0.50;
}
nav#mainNav ul li li.current-menu-item li:last-child a:hover {
opacity: 0.50;
}
nav#mainNav ul li li li.current-menu-item a {
opacity: 1.00;
}
nav#mainNav ul li li:last-child li.current-menu-item a {
opacity: 0.50;
}
nav#mainNav ul li.current-menu-item li:last-child li a:hover {
opacity: 0.50;
}
nav#mainNav ul li li:last-child.current-menu-item a {
opacity: 0.50;
}
nav#mainNav ul li.current-menu-item li:last-child a:hover {
opacity: 0.50;
} @keyframes comeDown {
0% {
-ms-transform: translateY( -100% );
-moz-transform: translateY( -100% );
transform: translateY( -100% );
}
100% {
-ms-transform: translateY( 0 );
-moz-transform: translateY( 0 );
transform: translateY( 0 );
}
}
@-webkit-keyframes comeDown {
0% {
-webkit-transform: translateY( -100% );
}
100% {
-webkit-transform: translateY( 0 );
}
}
@-ms-keyframes comeDown {
0% {
-ms-transform: translateY( -100% );
}
100% {
-ms-transform: translateY( 0 );
}
}
@keyframes goUp {
0% {
-ms-transform: translateY( 100% );
-moz-transform: translateY( 100% );
transform: translateY( 100% );
}
100% {
-ms-transform: translateY( 0 );
-moz-transform: translateY( 0 );
transform: translateY( 0 );
}
}
@-webkit-keyframes goUp {
0% {
-webkit-transform: translateY( 100% );
}
100% {
-webkit-transform: translateY( 0 );
}
}
@-ms-keyframes goUp {
0% {
-ms-transform: translateY( 100% );
transform: translateY( 100% );
}
100% {
-ms-transform: translateY( 0 );
transform: translateY( 0 );
}
}
.sticky-header .site-header {
position: fixed;
width: 100%;
left: 0;
-webkit-backface-visibility: hidden; z-index: 100;
}
.sticky-header .site-header.navbg {
background: rgba(255,255,255,0.80);
}
.admin-bar.sticky-header .site-header, .admin-bar.sticky-header .hide-site-header {
top: -95px;
}
.sticky-header .site-header {
top: -125px;
transform: translateY( 125px );
-ms-transform: translateY( 125px );
transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
}
.hide-sticky-header .site-header {
top: -3.82rem;
animation: goUp 0.8s;
-webkit-animation: goUp 0.8s;
}
.sticky-header .type-img a, .hide-sticky-header .type-img a {
line-height: 3.82rem;
}
.sticky-header .site-branding img, .hide-sticky-header .site-branding img {
}
.sticky-header .site, .hide-sticky-header .site {
padding-top: 5rem;
}
.sticky-header .panel ul li {
margin: 0 16px;
}
} @media only screen and (max-width:1024px) {
body {
font-size: 90%;
}
#content.wide {
width: 96%;
margin: 0 auto;
float: none;
}
.scroll-logo {
display: inline;
position: relative;
vertical-align: middle;
padding-left: 15px;
}
.scroll-logo-fix .scroll-logo img {
max-height: 55px;
}
.sticky-header .scroll-logo {
display: inline;
position: relative;
vertical-align: middle;
} #mainNav {
flex-shrink: 0;
}
.menu-trigger, .menu-trigger span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
z-index: 13;
}
.menu-trigger {
position: fixed;
width: 30px;
height: 27px;
left: 83%;
top: 50px;
}
.menu-trigger span {
position: absolute;
left: 0;
width: 100%;
height: 4px;
background-color: #111;
border-radius: 0px;
}
.menu-trigger span:nth-of-type(1) {
top: 0;
}
.menu-trigger span:nth-of-type(2) {
top: 11.5px;
}
.menu-trigger span:nth-of-type(3) {
bottom: 0;
} .menu-trigger-fix, .menu-trigger-fix span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
z-index: 13;
}
.menu-trigger-fix span {
position: absolute;
left: 0;
width: 100%;
height: 4px;
background-color: #111;
border-radius: 0px;
}
.menu-trigger-fix span:nth-of-type(1) {
top: 0;
}
.menu-trigger-fix span:nth-of-type(2) {
top: 50%;
transform:translateY(-50%);
}
.menu-trigger-fix span:nth-of-type(3) {
bottom: 0;
} #menu-trigger.active span:nth-of-type(1) {
top:50%;
transform: rotate(-45deg);
background-color: #fff;
}
#menu-trigger.active span:nth-of-type(3) {
top:50%;
transform: rotate(45deg);
background-color: #fff;
}
#menu-trigger.active span:nth-of-type(2) {
left: 60%;
opacity: 0;
animation: active-menu12-bar02 .8s forwards;
}
@-webkit-keyframes active-menu12-bar02 {
100% {
height: 0;
}
}
@keyframes active-menu12-bar02 {
100% {
height: 0;
}
}
#menu-trigger.active::after {
animation: menu12-circle .4s .25s forwards;
-webkit-animation: menu12-circle .4s .25s forwards;
-moz-animation: menu12-circle .4s .25s forwards;
-ms-animation: menu12-circle .4s .25s forwards;
}
@-webkit-keyframes menu12-circle {
0% {
border-color: transparent;
transform: rotate(0);
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
}
25% {
border-color: transparent #fff transparent transparent;
}
50% {
border-color: transparent #fff #fff transparent;
}
75% {
border-color: transparent #fff #fff #fff;
}
100% {
border-color: #fff;
transform: rotate(-680deg);
-webkit-transform: rotate(-680deg);
-moz-transform: rotate(-680deg);
-ms-transform: rotate(-680deg);
}
}
@keyframes menu12-circle {
0% {
border-color: transparent;
transform: rotate(0);
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
}
25% {
border-color: transparent #fff transparent transparent;
}
50% {
border-color: transparent #fff #fff transparent;
}
75% {
border-color: transparent #fff #fff #fff;
}
100% {
border-color: #fff;
transform: rotate(-680deg);
-webkit-transform: rotate(-680deg);
-moz-transform: rotate(-680deg);
-ms-transform: rotate(-680deg);
}
}  #all {
position: relative;
width: 100%;
height: 100%;
-webkit-transition: all .5s ease;
transition: all .5s ease;
z-index: 2;
} .overlay {
content: '';
visibility: hidden;
position: fixed;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(0,0,0,0);
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.overlay::after {
content: "";
visibility: hidden;
position: fixed;
top: 40%;
left: 0;
display: block;
width: 100%;
height: 50px;
color: rgba(255,255,255,0);
font-size: 40px;
font-weight: bold;
text-align: center;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.side-open .overlay {
visibility: visible;
cursor: pointer;
background: rgba(0,0,0,.7);
}
.side-open .overlay::after {
visibility: visible;
color: rgba(255,255,255,.8);
} #right-panel {
position: fixed;
top: 0;
right: -300px;
width: 300px;
height: 100%;
padding-top: 150px;
text-align: left;
background: #111111;
z-index: 12;
-webkit-transition: all .5s ease;
transition: all .5s ease;
} .side-open #right-panel {
-webkit-transform: translate3d(-300px, 0, 0);
transform: translate3d(-300px, 0, 0);
width: 100%;
overflow: auto;
position: fixed;
height: 96%;
}
.panel ul li {
margin: 16px;
font-family: "Cardo", "游明朝", YuMincho, "Cardo", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.panel ul li ul li {
text-indent: 16px;
}
.panel ul li ul li ul li {
text-indent: 16px;
} nav#mainNav .inner {
width: 98%;
}
nav#mainNav a {
color: #FFFFFF;
}
nav#mainNav a:hover {
opacity: 0.50;
}
nav#mainNav a b {
font-size: 150%;
font-weight: normal;
}
.current-menu-item {
}
.current-menu-item a b {
color: #F7B100 !important;
font-weight: normal;
}
.current-menu-item a {
color: #F7B100 !important;
}
.current-menu-item li a {
color: #FFFFFF !important;
}
.endbanner {
display: none;
}
} @media only screen and (max-width: 959px) {
body {
font-size: 90%;
}
body.right-sidebar #wrapper #sidebar {
float: none;
}
body.right-sidebar #wrapper #content {
float: none;
}
#header h1, #header h2, #header .description {
padding: 0px 20px;
}
.panel ul, .c1thumbWrap {
margin: 0 auto;
width: 100%;
}
.panel ul, .c2thumbWrap {
margin: 0 auto;
width: 100%;
}
.c2thumbWrap li{
width:49%;
margin: 0 2% 0 0;
}
.c2thumbWrap li:last-child{
margin: 0;
}
.panel ul, .c3thumbWrap {
margin: 0 auto;
width: 100%;
}
.c3thumbWrap li{
width:32%;
margin: 0 2% 0 0;
}
.c3thumbWrap li:last-child{
margin: 0;
}
.panel ul ul {
padding: 0;
}
nav div.panel {
float: none;
}
#mainImg img {
width: 100%;
height: auto;
}
#content, #sidebar {
clear: both;
width: 95%;
float: none;
margin: 0 auto;
padding: 10px 0;
}
#banners {
width: 100%;
margin: 0 auto;
text-align: center;
}
#banners p {
display: inline;
margin: 0 3px;
}
#banners p img {
width: 100%;
height: auto;
max-width: 30%
}
section.widget_search {
text-align: center;
clear: both;
}
#contactBanner {
margin: 0 auto;
}
#footer {
margin: 0;
border: 0;
text-align: center;
}
#footerLogo, #footer ul {
display: inherit;
width: auto;
padding: 10px 0;
text-align: center;
}
#footerLogo img {
max-width: 90%;
height: auto;
}
#footer ul {
padding-top: 20px;
}
#footer ul ul {
padding-top: 0;
border: 0;
} .post4b li {
width: 31.6%;
}
.post4b .post4b_img {
text-align: center;
}
.post4b li:nth-child(3n) {
margin: 0 0 20px 0;
}
.post4b li:nth-child(4n) {
margin: 0 1.8% 20px 0;
}
.wide .post4b li {
width: 31.6%;
margin: 0 1.8% 20px 0;
}
.wide .post4b .post4b_img {
text-align: center;
}
.wide .post4b li:nth-child(3n) {
margin: 0 0 20px 0;
}
.wide .post4b li:nth-child(4n) {
margin: 0 1.8% 20px 0;
} #cboxLoadedContent img {
width: 420px !important;
height: auto !important;
} } @media only screen and (max-width: 799px) {
body {
font-size: 90%;
}
#header h1, #header h2, #header .description {
padding-top: 2px;
text-align: center;
}
.post .column2_50 {
text-align: center;
}
.c1thumbWrap {
width: 100%;
margin: 0 auto;
text-align: center;
}
.c1thumbWrap ul.thumb li {
width: 100%;
float: left;
margin: 0;
}
.c1thumbWrap img {
width: 100%;
height: auto;
}
.c2thumbWrap {
width: 100%;
margin: 0 auto;
text-align: center;
}
.c2thumbWrap ul.thumb li {
float: left;
}
.c2thumbWrap img {
width: 100%;
height: auto;
}
.wide ul.thumb {}
.wide .thumbWrap, .c1thumbWrap {
width: 100%;
margin: 0 auto;
text-align: center;
}
.wide .c1thumbWrap ul.thumb li {
width: 100%;
padding-bottom: 20px;
margin: 0;
}
.wide .c1thumbWrap ul.thumb li img {
max-width: 100%;
}
.wide .c1thumbWrap img {
width: 100%;
height: auto;
}
.wide .thumbWrap, .c2thumbWrap {
width: 100%;
margin: 0 auto;
text-align: center;
}
.wide .c2thumbWrap ul.thumb li {
padding-bottom: 15px;
}
.wide .c2thumbWrap img {
width: 100%;
height: auto;
}
.wide .thumbWrap, .c3thumbWrap {
width: 100%;
margin: 0 auto;
text-align: center;
} .post2b li {
width: 97%;
margin: 0 0.5% 20px 1.4%;
padding: 0 0 20px 0;
border-bottom: 1px solid #e0e0e0;
font-size: 93%;
line-height: 1.6em;
}
.post2b li:nth-child(2n) {
margin: 0 0.5% 40px 1.4%;
}
.wide .post2b li {
width: 97%;
margin: 0 0.5% 2% 1.4%;
padding: 0 0 2% 0;
border-bottom: 1px solid #e0e0e0;
font-size: 93%;
line-height: 1.6em;
}
.wide .post2b li:nth-child(2n) {
margin: 0 0.5% 40px 1.4%;
}
.post2b_text70 {
width: 66%;
float: right;
}
.post2b .post2b_img {
width: 31%;
margin: 0;
padding: 0;
float: left;
} .post4b li, .wide .post4b li {
width: 100%;
margin: 0 0 40px 0;
padding: 0 0 40px 0;
border-bottom: 1px solid #e0e0e0;
font-size: 93%;
}
.wide .post4b li:nth-child(3n), .wide .post4b li:nth-child(4n) {
margin: 0 0 40px 0;
}
.post4b_text70 {
width: 66%;
float: right;
}
.post4b .post4b_img {
width: 31%;
margin: 0;
padding: 0;
float: left;
}
#banners {
margin: 0 auto;
text-align: center;
}
#banners p {
width: auto;
float: none;
margin: none;
}
#banners p img {
width: auto;
height: auto;
max-width: 265px;
} #cboxLoadedContent img {
width: 350px !important;
height: auto !important;
} .gallery {
width: 100%;
}
.gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item {
width: 33.3% !important;
float: none !important;
margin: 0 auto;
display: inline-block;
vertical-align: top;
}
.gallery-columns-4 .gallery-item img, .gallery-columns-5 .gallery-item img {
max-width: 92%;
}
} @media only screen and (max-width: 768px) {
body {
font-size: 90%;
}
#header {
padding: 0 0px;
text-align: center;
width: 100%;
}
#header h2, #footerLogo {
float: none;
padding: 0;
}
#header .logo {
padding: 0px;
}
#headerInfo {
width: 250px;
margin: 0 auto;
}
#headerInfo .float {
margin: 0 auto;
float: none;
}
#mainImgfix #headerInfo .float {
float: left;
}
#right-panel {
padding-top: 25px;
}
.post img {
max-width: 97%;
}
.post img.alignright, .post img.alignleft {
display: block;
float: none;
margin: 5px auto;
}
.alignright, .alignleft {
float: none;
}
.float #footerLogo {
float: none;
margin: 0 auto;
}
#footer .inner {
width: 100%;
}
#footer ul {
border-top: 1px solid #C0C0C0;
text-align: center;
margin: 20px 0;
padding: 0;
}
#footer ul ul {
padding: 0;
}
#footer ul li {
margin: 0;
background: url(//visionkids-hoikuen.com/wp-content/plugins/vision-crafts/themes/mrp09/images/arrow.png) no-repeat 8px 13px;
padding: 10px;
border-bottom: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
width: 50%;
float: left;
box-sizing: border-box;
}
#footer ul li:nth-child(2n) {
border-right: none;
}
.gallery-item img {
width: auto;
max-width: 85%;
height: auto;
}
#content .post_img img {
float: none;
width: auto;
max-width: 100%;
}
#content .post_img {
max-width: 300px;
width: auto;
margin: 0 auto;
text-align: center;
float: none;
}
#content .post_text70 {
width: 94%;
margin: 0 auto;
float: none;
}
#content #social {
float: none;
}
body #header .logo, #headerInfo {
display: inherit;
}
.post .column2_50 {
display: inline-block;
margin: 7px;
width: 96%;
}
.post .column2_30 {
display: inline-block;
margin: 7px;
width: 96%;
}
.post .column2_70 {
display: inline-block;
margin: 7px;
width: 96%;
}
.post .column3_33 {
display: inline-block;
margin: 7px;
width: 96%;
}
.post .column4_25 {
display: inline-block;
margin: 7px;
width: 96%;
}
.postlist .ttls {
display: table;
} #content .post2b_img img {
float: none;
width: auto;
max-width: 100%;
}
#content .post2b_img {
width: 95%;
margin: 0 auto;
float: none;
padding-top: 2%
}
#content .post2b_text70 {
width: 95%;
margin: 0 auto;
float: none;
} #content .post4b_img img {
float: none;
width: auto;
max-width: 96%;
}
#content .post4b_img {
max-width: 300px;
width: auto;
margin: 0 auto;
float: none;
padding-top: 2%
}
#content .post4b_text70 {
width: 95%;
margin: 0 auto;
float: none;
}
.childpost .column2_50 {
display: inline-block;
margin: 0 auto;
width: 98%;
}
.childpost1b .column2_30 {
display: inline-block;
width: 100%;
margin: 6px auto 0 auto;
}
.childpost1b .column2_70 {
display: inline-block;
width: 96%;
margin: 0 2% 5px 2%;
} .post_text70, .post2b_text70, .post4b_text70 {
width: 95%;
margin: 0 auto;
float: none;
}
.post .post_img, .post2b .post2b_img, .post4b .post4b_img {
width: 95%;
margin: 0 auto;
float: none;
text-align: center;
}
.post .post_img img, .post2b .post2b_img img, .post4b .post4b_img img {
width: auto;
margin: 0 auto;
text-align: center;
float: none;
}
#breadcrumb ul {
width: auto;
max-width: 98%;
}
#social {
margin: 0 auto;
} #cboxLoadedContent img {
width: 280px !important;
}  .gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item {
width: 98% !important;
margin: 0 auto;
}
.gallery-columns-1 .gallery-item img, .gallery-columns-2 .gallery-item img, .gallery-columns-3 .gallery-item img, .gallery-columns-4 .gallery-item img, .gallery-columns-5 .gallery-item img {
max-width: 98%;
}
#banners p {
margin: 0;
}
input[type="text"], input[type="tel"], input[type="email"], input[type="date"], input[type="url"], input[type="number"], select, textarea {
height: 23px;
} .wpcf7-form .wpcf7-list-item {
display: block;
list-style-type: none!important;
}
.wpcf7-form .wpcf7-date {
width: 30% !important;
}
.wpcf7-form .wpcf7-text {
width: 80% !important;
}
.wpcf7-form .wpcf7-textarea {
width: 70%;
height: 200px!important;
}
.wpcf7-form .wpcf7-captchar {
width: 40% !important;
} nav#mainNav .inner {
width: 85%;
}
#mainImgfix #header h1, #mainImgfix #header h2, #mainImgfix #header .description {
padding-top: 10px;
}
} @media only screen and (max-width: 959px) {
.admin-bar.page .site-header, .admin-bar.page .hide-site-header {
top: 46px;
}
}
@media only screen and (max-width: 768px) {
.sticky-header .site-header {
top: 25px !important;
}
} #topmainImgfix {
position: relative;
height: 100%;
background: url(//visionkids-hoikuen.com/wp-content/plugins/vision-crafts/themes/mrp09/images/mainimg-bg3.png) repeat;
}
.non-ami {
background: none !important;
}
#topmainImgfix #header h1 {
color: #FFFFFF;
}
#topmainImgfix #header-layout {
padding: 30px 0;
}
.topmainfix {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
z-index: -999998;
width: 100% !important;
height: 100%;
}
.topmainfix img {
width: 100%;
height: 100%;
}
#mainImgfix {
position: relative;
height: 500px;
background: url(//visionkids-hoikuen.com/wp-content/plugins/vision-crafts/themes/mrp09/images/mainimg-bg3.png) repeat;
}
#mainImgfix #header h1 {
color: #FFFFFF;
}
#mainImgfix #header-layout {
padding: 30px 0;
}
#mainImgfix #header .description {
color: #FFFFFF;
}
#mainImgfix #headerInfo p {
color: #FFFFFF;
}
#mainImgfix #headerInfo p a{
color: #FFFFFF;
}
.mainfix {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
z-index: -999998;
width: 100% !important;
height: 500px;
}
.mainfix img {
width: 100%;
height: auto;
}
.metaslider {
z-index: -1 !important;
}
.metaslider img {
width: inherit;
}
@media only screen and (max-width: 1200px) {
#mainImgfix {
height: 250px;
}
.mainfix {
height: 250px;
}
}
@media only screen and (max-width: 768px) {
#mainImgfix {
height: 185px;
}
.mainfix {
height: 185px;
}
} .catlistview {
margin: 15px auto;
width: 930px;
text-align: left; overflow: hidden;
padding: 15px;
height: 120px !important;
background: rgba(232,232,232,1.00);
}
.catlistview ul {
width: 100%;
position: relative;
}
.catlistview ul li {
width: 100%;
display: none;
}
.catlistview ul li .time, .catlistview ul li .date {
font-style: italic;
display: inline;
padding-right: 25px;
}
.catlistview ul li a {
}
.catlistview ul li .ttls {
font-size: 130%;
position: relative;
}
.catlistview ul li .ttls a:after {
font-size: 130%;
display: inline-block;
width: 12px;
height: 12px;
border-top: 1px solid #121212;
border-right: 1px solid #121212;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
margin-left: 20px;
}
.catlistview h2 {
color: #F7B100;
font-size: 120%;
} .allfix #topmainImgfix {
width: auto; }
.allfix #topmainImgfix #mainImg img {
height: 100%;
min-height: 100%;
width: 100%;
overflow-x: hidden;
object-fit: cover; }
@media only screen and (max-width: 1280px) {
.allfix #topmainImgfix #mainImg .metaslider img { position: fixed;
}
}
@media only screen and (max-height: 640px) {
#all{
height:500px !important; }
.allfix #topmainImgfix #mainImg img {
height: 500px;
object-fit: cover; }
} .allfix .mainbgfix .catlistview {
top: inherit;
bottom: 100px !important;
background-color:none;
background:none;
}
.mainbgfix .catlistview {
margin: 0 auto;
width: 930px;
text-align: left;
position: absolute;
top: 320px;
overflow: hidden;
padding: 15px;
height: 120px !important;
background: inherit;
}
.mainbgfix .catlistview ul {
width: 100%;
position: relative;
}
.mainbgfix .catlistview ul li {
width: 100%;
display: none;
background-color:none;
}
.mainbgfix .catlistview ul li .time, .mainbgfix .catlistview ul li .date {
font-style: italic;
display: inline;
padding-right: 25px;
color: #FFFFFF;
}
.mainbgfix .catlistview ul li a {
color: #FFFFFF;
}
.mainbgfix .catlistview ul li a:hover,
.mainbgfix .catlistview ul li a:active {
color: #F7B100;
}
.mainbgfix .catlistview ul li .ttls {
font-size: 130%;
position: relative;
}
.mainbgfix .catlistview ul li .ttls a:after {
font-size: 130%;
display: inline-block;
width: 12px;
height: 12px;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
margin-left: 20px;
}
.mainbgfix .catlistview_contents {
color: #FFFFFF;
}
.mainbgfix .catlistview h2 {
color: #F7B100;
font-size: 120%;
}
@media only screen and (max-width: 1024px) {
.catlistview {
position: inherit;
}
.mainbgfix .catlistview {
position: inherit;
background: rgba(232,232,232,1.00);
margin: 30px 0;
}
.mainbgfix .catlistview ul li .time, .mainbgfix .catlistview ul li .date {
color: inherit;
}
.mainbgfix .catlistview ul li a {
color: inherit;
}
.mainbgfix .catlistview ul li .ttls a:after {
border-top: 1px solid #121212;
border-right: 1px solid #121212;
}
.mainbgfix .catlistview_contents {
color: inherit;
}
.allfix .mainbgfix .catlistview {
position: absolute;
margin: 30px auto;
background-color:none;
left: 0;
right: 0;
bottom: 30px !important;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
padding: 0;
width: 90%;
}
.allfix .mainbgfix .catlistview ul li .time, .allfix .mainbgfix .catlistview ul li .date {
color: #FFFFFF;
}
.allfix .mainbgfix .catlistview ul li a {
color: #FFFFFF;
}
.allfix .mainbgfix .catlistview ul li .ttls a:after {
border-top: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}
.allfix .mainbgfix .catlistview_contents {
color: #FFFFFF;
}
}
@media only screen and (max-width: 959px) {
.catlistview {
width: 100%;
box-sizing: border-box;
height: 150px !important;
}
.mainbgfix .catlistview {
width: 100%;
box-sizing: border-box;
height: 150px !important;
}
}
@media only screen and (max-width: 768px) {
.catlistview {
width: 100%;
box-sizing: border-box;
height: 170px !important;
margin: 8px 0;
}
.catlistview ul {
font-size: 80%;
}
.catlistview ul li .time,  .catlistview ul li .date {
padding-right: 10px;
}
.mainbgfix .catlistview {
width: 100%;
box-sizing: border-box;
height: 170px !important;
margin: 8px 0;
}
.mainbgfix .catlistview ul {
font-size: 80%;
}
.mainbgfix .catlistview ul li .time,  .mainbgfix .catlistview ul li .date {
padding-right: 10px;
}
} .contentTop-banner{
padding:50px 0 25px 0;
background: #ccc;
clear: both;
}
.contentTop-banner .wide .c1thumbWrap ul.thumb li,
.contentTop-banner .wide .c2thumbWrap ul.thumb li,
.contentTop-banner .wide .c3thumbWrap ul.thumb li,
.contentTop-banner .wide .c4thumbWrap ul.thumb li,
.contentTop-banner .wide .c6thumbWrap ul.thumb li{
padding:0;
}
@media only screen and (max-width: 959px){
.contentTop-banner{
padding:15px 0 0px 0;
background: #ccc;
}
}
@media only screen and (max-width: 450px){
.contentTop-banner{
padding:5px 0;
background: #ccc;
}
.contentTop-banner .c1thumbWrap ul.thumb li.sm-response,
.contentTop-banner .c2thumbWrap ul.thumb li.sm-response,
.contentTop-banner .c3thumbWrap ul.thumb li.sm-response,
.contentTop-banner .c4thumbWrap ul.thumb li.sm-response,
.contentTop-banner .c6thumbWrap ul.thumb li.sm-response{
padding: 10px;
box-sizing: border-box;
} } .contentBottom-banner{
padding:50px 0 25px 0;
background: #ccc;
clear: both;
}
.contentBottom-banner .wide .c1thumbWrap ul.thumb li,
.contentBottom-banner .wide .c2thumbWrap ul.thumb li,
.contentBottom-banner .wide .c3thumbWrap ul.thumb li,
.contentBottom-banner .wide .c4thumbWrap ul.thumb li,
.contentBottom-banner .wide .c6thumbWrap ul.thumb li{
padding:0;
}
@media only screen and (max-width: 959px){
.contentBottom-banner{
padding:15px 0;
background: #ccc;
}
}
@media only screen and (max-width: 450px){
.contentBottom-banner{
padding:5px 0;
background: #ccc;
}
.contentBottom-banner .c1thumbWrap ul.thumb li.sm-response,
.contentBottom-banner .c2thumbWrap ul.thumb li.sm-response,
.contentBottom-banner .c3thumbWrap ul.thumb li.sm-response,
.contentBottom-banner .c4thumbWrap ul.thumb li.sm-response,
.contentBottom-banner .c6thumbWrap ul.thumb li.sm-response{
padding-bottom: 10px;
}
.contentBottom-banner .c1thumbWrap ul.thumb li:last-child.sm-response,
.contentBottom-banner .c2thumbWrap ul.thumb li:last-child.sm-response,
.contentBottom-banner .c3thumbWrap ul.thumb li:last-child.sm-response,
.contentBottom-banner .c4thumbWrap ul.thumb li:last-child.sm-response,
.contentBottom-banner .c6thumbWrap ul.thumb li:last-child.sm-response{
padding-bottom: 0px;
}
} @keyframes imageBlur {
100% {
filter: blur(0);
-webkit-filter: blur(0);
-moz-filter: blur(0);
-o-filter: blur(0);
-ms-filter: blur(0);
}
}
.blur {
filter: blur(15px);
-webkit-filter: blur(15px);
-moz-filter: blur(15px);
-o-filter: blur(15px);
-ms-filter: blur(15px);
}
.nonblur {
animation: imageBlur 1s both;
-webkit-animation: imageBlur 1s both;
-moz-animation: imageBlur 1s both;
-ms-animation: imageBlur 1s both;
z-index: -1;
} #socialicon ul li {
background: none;
font-size: 35px;
color: #595153;
}
#socialicon ul li:first-child {
margin-left: 0px;
}
#fix-socialicon {
bottom: 30px;
left: 0;
position: absolute;
right: 0;
text-align: center;
}
#fix-socialicon ul li {
background: none;
font-size: 35px;
display:inline-block;
padding: 5px 0 5px 12px;
margin-left: 15px;
}
#fix-socialicon ul li:first-child{
margin-left:0px;
}
#fix-socialicon ul li a {
color: #FFFFFF;
}
#fix-socialicon ul li a:hover,
#fix-socialicon ul li a:active {
color: #F7B100;
}
@media only screen and (max-width: 768px) {
#footer #socialicon ul {
border-top: 0px;
margin:0;
clear: both;
}
#footer #socialicon ul li {
box-sizing: none;
border: none;
float: none;
clear: both;
margin: 35px auto 0 auto;
text-align: center;
width: 15%;
padding: 0;
}
#footer #socialicon ul li a {
padding: 0;
}
#fix-socialicon ul{
margin-bottom:15px;
}
#fix-socialicon ul li {
padding: 0;
}
}  #wrapper-full .gallery-columns-1 .gallery-item {
margin-top: 0;
}
#wrapper-full .gallery-columns-1 .gallery-item img {
max-width: 100%;
border: none !important;
padding-bottom: 0;
vertical-align: bottom;
}
#wrapper-full .gallery-columns-2 .gallery-item {
margin-top: 0;
}
#wrapper-full .gallery-columns-2 .gallery-item img {
max-width: 100%;
border: none !important;
padding-bottom: 0;
vertical-align: bottom;
}
#wrapper-full .gallery-columns-3 .gallery-item {
margin-top: 0;
}
#wrapper-full .gallery-columns-3 .gallery-item img {
max-width: 100%;
border: none !important;
padding-bottom: 0;
vertical-align: bottom;
}
#wrapper-full .gallery-columns-4 .gallery-item {
margin-top: 0;
}
#wrapper-full .gallery-columns-4 .gallery-item img {
max-width: 100%;
border: none !important;
padding-bottom: 0;
vertical-align: bottom;
}
#wrapper-full .gallery-columns-5 .gallery-item {
margin-top: 0;
}
#wrapper-full .gallery-columns-5 .gallery-item img {
max-width: 100%;
border: none !important;
padding-bottom: 0;
vertical-align: bottom;
}
#wrapper-full .gallery-columns-6 .gallery-item {
margin-top: 0;
width: 16.66%;
}
#wrapper-full .gallery-columns-6 .gallery-item img {
max-width: 100%;
border: none !important;
padding-bottom: 0;
display: block;
vertical-align: bottom;
}
#wrapper-full .gallery-columns-7 .gallery-item {
margin-top: 0;
width: 14.2%;
}
#wrapper-full .gallery-columns-7 .gallery-item img {
max-width: 100%;
border: none !important;
padding-bottom: 0;
display: block;
vertical-align: bottom;
}
#wrapper-full .gallery-caption {
margin: 0 auto !important;
max-width: 85%;
font-size: 83%;
}
@media only screen and (max-width: 799px) { #wrapper-full .gallery {
width: 100%;
}
#wrapper-full .gallery-columns-4 .gallery-item,
#wrapper-full .gallery-columns-5 .gallery-item,
#wrapper-full .gallery-columns-6 .gallery-item,
#wrapper-full .gallery-columns-7 .gallery-item {
width: 33.3% !important;
float: none !important;
margin: 0 auto;
display: inline-block;
vertical-align: top;
}
#wrapper-full .gallery-columns-4 .gallery-item img,
#wrapper-full .gallery-columns-5 .gallery-item img,
#wrapper-full .gallery-columns-6 .gallery-item img,
#wrapper-full .gallery-columns-7 .gallery-item img {
max-width: 92%;
}
}
@media only screen and (max-width: 768px) {  #wrapper-full .gallery-columns-1 .gallery-item,
#wrapper-full .gallery-columns-2 .gallery-item,
#wrapper-full .gallery-columns-3 .gallery-item,
#wrapper-full .gallery-columns-4 .gallery-item,
#wrapper-full .gallery-columns-5 .gallery-item,
#wrapper-full .gallery-columns-6 .gallery-item,
#wrapper-full .gallery-columns-7 .gallery-item{
width: 100% !important;
margin: 0 auto;
}
#wrapper-full .gallery-columns-1 .gallery-item img,
#wrapper-full .gallery-columns-2 .gallery-item img,
#wrapper-full .gallery-columns-3 .gallery-item img,
#wrapper-full .gallery-columns-4 .gallery-item img,
#wrapper-full .gallery-columns-5 .gallery-item img,
#wrapper-full .gallery-columns-6 .gallery-item img,
#wrapper-full .gallery-columns-7 .gallery-item img {
max-width: 100%;
}
} @media only screen and (max-width: 450px) {
.sm-response {
width: 100% !important;
}
.c2thumbWrap ul.thumb li.sm-response{
margin:0;
}
.c3thumbWrap ul.thumb li.sm-response{
margin:0;
}
.c2thumbWrap li.sm-response img{
width:auto;
max-width:100% !important;
height:auto;
}
.c3thumbWrap li.sm-response img{
width:auto;
max-width:100% !important;
height:auto;
}
} .fix-bottombanner {
position: absolute;
left: 0;
right: 0;
bottom: 100px;
}
.fix-bottombanner .contentBottom-banner{
background: none;
}
.fix-bottombanner .c1thumbWrap,
.fix-bottombanner .c2thumbWrap,
.fix-bottombanner .c3thumbWrap {
width:960px;
margin: 0 auto;
}
@media only screen and (max-width: 960px) {
.fix-bottombanner .c1thumbWrap,
.fix-bottombanner .c2thumbWrap,
.fix-bottombanner .c3thumbWrap {
width:96%;
margin: 0 auto;
}	
} @media only screen and (max-width: 450px) {
.fix-bottombanner .c2thumbWrap ul.thumb li.sm-response{
width: 48.5% !important;
margin-right: 3% !important;
}
.fix-bottombanner .c3thumbWrap ul.thumb li.sm-response {
width: 31.3333% !important;
margin-right: 3% !important;
}
.fix-bottombanner .c2thumbWrap ul.thumb li:last-child.sm-response,
.fix-bottombanner .c3thumbWrap ul.thumb li:last-child.sm-response {
margin-right: 0% !important;
}
} .post .column2_20 {
display: inline-block;
width: 19%;
vertical-align: middle;
}
.post .column2_40 {
display: inline-block;
width: 40%;
vertical-align: middle;
box-sizing: border-box;
}
.post .column2_60 {
display: inline-block;
width: 58.9%;
vertical-align: middle;
box-sizing: border-box;
}
.post .column2_80 {
display: inline-block;
width: 80%;
vertical-align: middle;
}
.post .column4_25 {
display: inline-block;
width: 24.3%;
vertical-align: top;
}
.post .column5_20 {
display: inline-block;
width: 19.4%;
vertical-align: top;
}
@media( max-width: 768px) {
.post .column2_20,
.post .column2_40,
.post .column2_60,
.post .column2_80,
.post .column3_33,
.post .column4_25,
.post .column5_20 {
display: inline-block;
width: 100%;
}
} .post .container ,
.post .container-rwd {
display: flex;
}
.post .container > * ,
.post .container-rwd > * {
margin:0;
padding:0;
}
.post .container .column2_50,
.post .container-rwd .column2_50{
width:50%;
}
.post .container .column2_30,
.post .container-rwd .column2_30{
width: 30%;
}
.post .container .column2_40,
.post .container-rwd .column2_40{
width: 40%;
}
.post .container .column2_60,
.post .container-rwd .column2_60{
width: 60%;
}
.post .container .column2_70,
.post .container-rwd .column2_70{
width: 70%;
}
.post .container .column2_80,
.post .container-rwd .column2_80{
width: 80%;
}
.post .container .column3_33,
.post .container-rwd .column3_33{
width: calc( 100% / 3 );
}
.post .container .column4_25,
.post .container-rwd .column4_25{
width: 25%;
}
.post .container .column5_20,
.post .container-rwd .column5_20{
width: 20%;
}
.post .container .column1_100,
.post .container-rwd .column1_100 {
width:100%;
} .post .container a,
.post .container-rwd a{
display: block;
width: 100%;
}  .innerContent{
width: 100%;
max-width: 960px;
margin: 0 auto;
}
#full-wrapper .post{
padding: 0;
}
@media print, screen and (max-width: 1024px) {
#full-wrapper #content.wide {
width: 100%;
}
.innerContent{
width: 96%;
margin: 0 auto;
}
}  .container.top, .container-rwd.top{ align-items: flex-start; }
.container.middle, .container-rwd.middle{ align-items: center; }
.container.bottom, .container-rwd.bottom{ align-items: flex-end; } .container.center, .container-rwd.center{ text-align: center; }
.container.right, .container-rwd.right{ text-align: right; }
.container.left, .container-rwd.left{ text-align: left; } .container.j_center,.container-rwd.j_center { justify-content:center; }
.container.j_start,.container-rwd.j_start { justify-content:flex-start; }
.container.j_end,.container-rwd.j_end { justify-content:flex-end; }
.container.j_between,.container-rwd.j_between { justify-content:space-between; }
.container.j_around,.container-rwd.j_around { justify-content:space-around; } .container.wrap, .container-rwd.wrap{ flex-wrap: wrap; }
@media print, screen and (max-width: 959px) { .container-rwd,.container.sp_vertical { flex-wrap:wrap; }
.container-rwd .column4_25 {width: 50%;}
}
@media print, screen and (max-width: 768px) { .post .container .sp_order1,
.post .container-rwd .sp_order1{order:1;}
.post .container .sp_order2,
.post .container-rwd .sp_order2{order:2;}
.post .container .sp_order3,
.post .container-rwd .sp_order3{order:3;}
.post .container .sp_order4,
.post .container-rwd .sp_order4{order:4;}
.post .container .sp_order5,
.post .container-rwd .sp_order5{order:5;}
.post .container .sp_order6,
.post .container-rwd .sp_order6{order:6;}
.post .container .sp_order7,
.post .container-rwd .sp_order7{order:7;}
.post .container .sp_order8,
.post .container-rwd .sp_order8{order:8;}
.post .container .sp_order9,
.post .container-rwd .sp_order9{order:9;}
.post .container .sp_order10,
.post .container-rwd .sp_order10{order:10;}
.post .container .sp_order11,
.post .container-rwd .sp_order11{order:11;}
.post .container .sp_order12,
.post .container-rwd .sp_order12{order:12;} .post .container-rwd > * ,
.post .container.sp_vertical > * {
width:100% !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
}  .button {
display: inline-block;
width: 200px;
height: 54px;
text-align: center;
text-decoration: none;
line-height: 54px;
outline: none;
}
.button::before,
.button::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.button,
.button::before,
.button::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .2s !important;
transition: all .2s !important;
} .btn1 {
background-color: #333;
color: #fff;
}
.btn1:hover {
background-color: #59b1eb;
}
.btn2 {
background-color: #333;
border: 2px solid #333;
color: #fff;
line-height: 50px;
}
.btn2:hover {
background-color: #fff;
border-color: #59b1eb;
color: #59b1eb;
}
.btn3 {
position: relative;
z-index: 2;
background-color: #333;
border: 2px solid #333;
color: #fff;
line-height: 50px;
}
.btn3:hover {
background-color: #fff;
border-color: #59b1eb;
color: #59b1eb;
}
.btn3::before,
.btn3::after {
top: 0;
width: 50%;
height: 100%;
background-color: #333;
}
.btn3::before {
right: 0;
}
.btn3::after {
left: 0;
}
.btn3:hover::before,
.btn3:hover::after {
width: 0;
background-color: #59b1eb;
}
.btn4 {
position: relative;
z-index: 2;
background-color: #333;
border: 2px solid #333;
color: #fff;
line-height: 50px;
}
.btn4:hover {
background-color: #fff;
border-color: #59b1eb;
color: #59b1eb;
}
.btn4::before,
.btn4::after {
left: 0;
width: 100%;
height: 50%;
background-color: #333;
}
.btn4::before {
top: 0;
}
.btn4::after {
bottom: 0;
}
.btn4:hover::before,
.btn4:hover::after {
height: 0;
background-color: #59b1eb;
}
.btn5 {
background-color: #333;
color: #fff;
}
.btn5:hover {
letter-spacing: 5px;
}
.btn6 {
background-color: transparent;
border: 2px solid #fff;
color: #fff;
line-height: 50px;
}
.btn6:hover {
background-color: rgba(255, 255, 255, .2);
}
.btn7 {
position: relative;
z-index: 2;
background-color: #fff;
border: 2px solid #333;
color: #333;
line-height: 50px;
overflow: hidden;
}
.btn7:hover {
color: #fff;
}
.btn7::after {
top: -100%;
width: 100%;
height: 100%;
}
.btn7:hover::after {
top: 0;
background-color: #333;
}
.btn8 {
position: relative;
z-index: 2;
background-color: #fff;
border: 2px solid #333;
color: #333;
line-height: 50px;
overflow: hidden;
}
.btn8:hover {
color: #fff;
}
.btn8::after {
top: -100%;
left: -100%;
width: 100%;
height: 100%;
}
.btn8:hover::after {
top: 0;
left: 0;
background-color: #333;
}
.btn9 {
position: relative;
z-index: 2;
background-color: #fff;
border: 2px solid #333;
color: #333;
line-height: 50px;
overflow: hidden;
}
.btn9:hover {
color: #fff;
}
.btn9::after {
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(.5);
transform: scale(.5);
}
.btn9:hover::after {
background: #333;
-webkit-transform: scale(1);
transform: scale(1);
}
.btn10 {
position: relative;
z-index: 2;
background-color: #fff;
border: 2px solid #333;
color: #333;
line-height: 50px;
overflow: hidden;
}
.btn10:hover {
color: #fff;
}
.btn10::after {
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.btn10:hover::after {
-webkit-transform: scale(2) rotate(180deg);
transform: scale(2) rotate(180deg);
background: #333;
}
.btn11 {
position: relative;
z-index: 2;
border: 2px solid #333;
color: #333;
line-height: 50px;
-webkit-perspective: 300px;
perspective: 300px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.btn11:hover {
color: #fff;
}
.btn11::after {
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #333;
-webkit-transform-origin: center top;
transform-origin: center top;
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
opacity: 0;
}
.btn11:hover::after {
-webkit-transform: rotateX(0);
transform: rotateX(0);
opacity: 1;
}
.btn12 {
position: relative;
z-index: 2;
border: 2px solid #333;
color: #fff;
line-height: 50px;
-webkit-perspective: 300px;
perspective: 300px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.btn12:hover {
color: #333;
}
.btn12::after {
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #333;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.btn12:hover::after {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.btn13 {
position: relative;
background-color: #f7d034;
border-radius: 4px;
color: #fff;
line-height: 52px;
-webkit-transition: none;
transition: none;
box-shadow: 0 3px 0 #f7ba59;
text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}
.btn13:hover {
background-color: #ffcc00;
box-shadow: 0 3px 0 #f7ba59;
}
.btn13:active {
top: 3px;
box-shadow: none;
} .linkBtn {
padding: 0.5em 2.5em 0.5em 2.5em;
background: #d69a00;
position: relative;
color: #fff;
border-radius: 5px;
line-height: 1.8;
transition: all .3s;
text-align: center;
max-width: 960px;
margin: 0 auto 20px auto;
box-sizing: border-box;
}
.linkBtn a{
color: #fff;
}
.linkBtn input[type="submit"]{
background: none;
padding: inherit;
}
.linkBtn::after {
display: block;
content: '';
position: absolute;
top: 50%;
right: 1em;
width: 6px;
height: 6px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-top: -3px;
}
input.linkBtn::after {
display: block;
content: '';
position: absolute;
top: 50%;
right: 1em;
width: 6px;
height: 6px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-top: -3px;
}
.linkBtn:hover {
background: #F7B100;
}
@media only screen and (max-width: 768px) {
.linkBtn {
display: block;
text-align: center;
width: 96%;
}
} .CBlock-color {
margin-right: calc(((100vw - 100%) / 2) * -1);
margin-left: calc(((100vw - 100%) / 2) * -1);
padding: 8em calc((100vw - 100%) / 2);
background-color: #345;
color: #fff;
position:relative;
}
.CBlock-img {
margin-right: calc(((100vw - 100%) / 2) * -1);
margin-left: calc(((100vw - 100%) / 2) * -1);
padding: 8em calc((100vw - 100%) / 2);
background: url(//visionkids-hoikuen.com/wp-content/plugins/vision-crafts/themes/mrp09/images/sample/block1.jpg);
background-repeat: no-repeat;
background-position: top;
background-size: cover;
color:#fff;
position:relative;
}
.CBlock-img-pa0 {
margin-right: calc(((100vw - 100%) / 2) * -1);
margin-left: calc(((100vw - 100%) / 2) * -1);
padding: 0em calc((100vw - 100%) / 2);
background: url(//visionkids-hoikuen.com/wp-content/plugins/vision-crafts/themes/mrp09/images/sample/block1.jpg);
background-repeat: no-repeat;
background-position: top;
background-size: cover;
color:#fff;
position:relative;
}
.CBlock-img-pa0 .CBcolor-bk{
background-color: rgba(1, 1, 1, 0.8);
padding: 8em calc((100vw - 100%) / 2);
margin-right: calc(((100vw - 100%) / 2) * -1);
margin-left: calc(((100vw - 100%) / 2) * -1);
}
.CBlock-img-pa0 .CBcolor-wh{
background-color: rgba(255, 255, 255, 0.8);
padding: 8em calc((100vw - 100%) / 2);
margin-right: calc(((100vw - 100%) / 2) * -1);
margin-left: calc(((100vw - 100%) / 2) * -1);
color:#252525;
}
.CBlock-color section,
.CBlock-img section,
.CBlock-img-pa0 section{
background-color: rgba(255, 255, 255, 1.0);
padding: 4em;
color: #252525;
}  input[type="submit"] {
-webkit-appearance: none;
} body {
overflow-x:hidden;
font-size:1rem;
}
body * {
box-sizing:border-box !important;
}
body .mejs-controls * {
box-sizing: content-box !important;
}
div#all {
position:relative;
}
div#content.wide {
width:100%;
float:none;
margin:0;
padding:0;
}
.post {
overflow:visible;
}
.post p {
letter-spacing:1.5px;
line-height:1.5;
word-break:break-word;
}
.post .maintext ,
.post .subtext {
line-height:1.2;
}
h1.title {
padding:50px 0;
} iframe[src^="https://www.google"] {
width:100vw;
margin-left: calc(((100vw - 100%) / 2) * -1);
max-width:none;
}
@media only screen and (max-width: 1024px) {
h1.title {
padding:30px 0;
}
}
#mainImgfix nav#mainNav ul li a:hover , nav#mainNav ul li a:hover, nav#mainNav ul li a:active, nav#mainNav ul li.current-menu-item a,
nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover,
nav#mainNav ul li.current-menu-item li a:active , a:hover , #mainImgfix nav#mainNav ul li.current-menu-item a ,
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover , .linkBtn:hover {
opacity:0.7;
}
#header {
position:relative;
}
#header_mask {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
opacity:0.7;
z-index:0;
} input[type="text"], input[type="tel"], input[type="email"],
input[type="date"], input[type="url"], input[type="number"],
select, textarea , .wpcf7-form .wpcf7-textarea {
width:100%;
max-width:100%;
}
.wpcf7-form .wpcf7-text {
width:100% !important;
}
input[type="submit"] ,
.wpcf7-form input[type="submit"] {
padding:0.8em 0;
width:40%;
margin:30px auto 0;
display:block;
}
.linkBtn {
margin:30px auto;
max-width:100%;
width:40%;
padding:0;
}
.linkBtn a {
display:block;
padding:0.5em 0em;
} .post ul.postlist {
margin:0;
}
.postlist .ttls ,
.cat-loop .ttls {
display:block;
padding: 1px 0;
}
.postlist .time ,
.cat-loop .time {
border-radius:3px;
display:inline-block;
line-height:1.5;
letter-spacing:1px;
font-style:normal;
padding:0 10px;
}
.postlist .time a ,
.cat-loop .time a {
font-size:0.7rem;
display:inline-block;
padding:6px 10px;
}
.postlist li:last-child ,
.cat-loop li:last-child {
margin-bottom:0;
}
.linkBtn.front_alinkBtn {
width:70%;
}
@media only screen and (max-width: 1024px) {
div.front_list {
padding:6% 5%;
}
} h2.cat-loop {
border-bottom:1px solid;
padding:8px 5px 8px 10px;
margin-bottom:2%;
text-align:center;
line-height:1.25;
font-size:1.5rem;
}
.cat-loop li {
border:none;
}
.share-btn {
height:auto;
width:auto;
padding:10px;
border:1px dashed;
}
.post_link {
margin:10 0;
}
.post_link a {
width:20%;
padding:0.7em 2.7em;
border-radius:5px;
line-height:1.8;
text-align:center;
border:1px solid;
} .single h2.first {
border-bottom:1px solid;
padding:8px 5px 8px 10px;
margin-bottom:2%;
text-align:center;
line-height:1.25;
font-size:1.5rem;
}
.single .tags_area {
letter-spacing:1.5px;
}
.single .tags {
border-radius:3px;
padding:3px 15px;
display:inline-block;
} #footer {
padding:30px 0 0 0 ;
}
#footer ul {
padding:30px 0;
}
#footer ul li {
padding:0;
margin-left:20px;
background:none;
font-size:1rem;
}
#footer ul li a {
padding:0;
}
#footer ul li:first-child {
margin:0;
}
#footer ul li::before {
content:none;
}
#footer #socialicon ul{
padding:0;
}
#footer #socialicon ul li {
font-size:2.2rem;
}
@media only screen and (max-width: 1024px) {
#footer ul {
border:none;
margin:0;
}
#footer ul li {
margin:0;
border:none;
text-align:center;
width:100%;
float:none;
}
#footer #socialicon ul li {
width:auto;
margin:0;
margin-left:20px;
}
#footer #socialicon ul li:first-child {
margin-left:0;
}
} #mainImgfix #header-layout ,
#header-layout {
padding:0;
display: flex;
align-items: center;
justify-content: center;
}
body:not(.home) #header_wrapper {
height:300px;
background-size:cover;
}
#header #header-layout .logo {
display:block;
clear:none;
margin:0;
}
#header .logo img {
max-height:70px;
}
nav#mainNav div.inner {
width:auto;
}
nav#mainNav ul li a b {
font-size:1rem;
letter-spacing:2px;
line-height:2;
font-weight:bold;
}
nav#mainNav ul li a span {
font-size:0.75rem;
}
nav#mainNav .panel ul li a ,
nav#mainNav .panel ul li.current-menu-item a,
nav#mainNav .panel ul li a:hover,
nav#mainNav .panel ul li a:active,
nav#mainNav .panel ul li.current-menu-parent a {
padding:0 25px;
}
#right-panel {
padding:20px 0;
}
.side-open #right-panel {
height:100%;
}
.sticky-header nav#mainNav {
margin-left:0;
}
.sticky-header .panel {
display:flex !important;
align-items:center;
justify-content:center;
}
.sticky-header .panel ul {
width:auto;
padding:0;
}
nav#mainNav .panel ul li {
margin:0;
}
#splogo {
display:none;
}
@media screen and (max-width:1024px) {
#mainImgfix #header-layout,
#header-layout {
justify-content:space-between;
height:65px;
padding:5px 20px;
position:fixed;
width:100%;
z-index:15;
transition:1s;
}
#header_wrapper #header #header-layout div.logo ,
#header .logo a {
display: block;
width: auto;
height: 100%;
max-width: 100%;
display:flex;
align-items:center;
}
#header .logo img {
max-width:100%;
max-height:100%;
}
body.centerlogo #header div.logo {
display:none;
}
#splogo {
display:block;
position:fixed;
top:0;
left:0;
}
#splogo img {
max-height:50px;
}
div.scroll-logo-fix {
display:none;
}
.sticky-header .panel {
display:block !important;
}
nav#mainNav {
width:30px;
height:30px;
}
.menu-trigger-fix {
width:100%;
height:100%;
position:relative;
}
.menu-trigger-fix span {
border-radius:3px;
}
.menu-trigger-fix p {
color:#fff;
font-size:0.68rem;
position:absolute;
}
#menu-trigger.active::after {
animation: menu-13-circle .4s .25s forwards;
-webkit-animation: menu13-circle .4s .25s forwards;
-moz-animation: menu13-circle .4s .25s forwards;
-ms-animation: menu13-circle .4s .25s forwards;
}
@-webkit-keyframes menu13-circle {
0% {
border-color: transparent;
transform: rotate(0);
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
}
25% {
border-color: transparent #fff transparent transparent;
}
50% {
border-color: transparent #fff #fff transparent;
}
75% {
border-color: transparent #fff #fff #fff;
}
100% {
border-color: #fff;
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
}
}
@keyframes menu13-circle {
0% {
border-color: transparent;
}
25% {
border-color: transparent #fff transparent transparent;
}
50% {
border-color: transparent #fff #fff transparent;
}
75% {
border-color: transparent #fff #fff #fff;
}
100% {
border-color: #fff;
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
}
}
} #mainImgfix {
width:100%;
height:100vh;
}
#mainImg {
width:100%;
height:100vh;
background-size:cover;
background-repeat:no-repeat;
background-position-x:center;
}
#visiocra_slider_items {
width:100%;
height:100%;
position:absolute;
}
#visiocra_slider_items .prev_next_icon {
position:absolute;
top:calc( (100% - 65px ) / 2 + 65px );
transform:translateY(-50%);
cursor:pointer;
transition:0.5s;
font-size:50px;
opacity:0;
line-height:1;
}
#visiocra_slider_items:hover .prev_next_icon ,
.mobile #visiocra_slider_items .prev_next_icon {
opacity:1;
}
#visiocra_slider_items .prev_next_icon:hover {
opacity:0.3;
}
#visiocra_slider_items .prev {
left:0;
}
#visiocra_slider_items .next {
right:0;
}
@media (max-width:768px) {
#visiocra_slider_items .prev_next_icon {
font-size:10vw;
}
}
div.preload_main_img {
display:none;
}
#element_in_mainimg {
width:100%;
height:auto;
position:absolute;
right:50%;
bottom:50%;
transform:translate(50%,50%);
padding:0;
text-align:center;
}
div#element_in_mainimg .maintext {
letter-spacing:2px;
font-weight:bold;
font-size:4rem;
}
div#element_in_mainimg .subtext {
font-size:1.5rem;
}
div#splogo_and_menu_wrapper {
display:none;
}
@media only screen and (max-width: 1024px) {
div#element_in_mainimg .maintext {
letter-spacing:1.2px;
line-height:1.2;
}
div#element_in_mainimg .subtext {
letter-spacing:1.2px;
line-height:1.2;
}
} section.content-template {
position:relative;
padding:6% 20%;
margin:0;
background-size:cover;
background-repeat:no-repeat;
}
section.content-template div.post {
padding:0;
margin:0;
}
section.content-template .heading_main ,
section.content-template .heading_sub {
text-align:center;
padding:0;
margin:15px 0;
}
section.content-template div.post .theme-button-wrap {
text-align:center;
}
section.content-template div.post a.theme-button {
border-color: #fff;
border: 1px solid;
display: inline-block;
min-width: 280px;
margin: 0;
padding: 0.8em 0;
line-height: 1;
font-size: 1rem;
text-decoration: none;
text-align: center;
-webkit-appearance: none;
border-radius: 5px;
}
section.content-template .background-mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.7;
z-index:1;
}
section.content-template .post {
position: relative;
z-index:10;
}
@media only screen and (max-width: 1024px) {
section.content-template {
padding:6% 5%;
}
}
iframe {
max-width:100%;
}
.wp-video {
margin:0 auto;
} @media print, screen and (min-width: 769px) { 
br.pcnone{
display:none !important;
} 
} 
@media print, screen and (max-width: 768px) { 
br.spnone{ 
display:none !important; 
}
.spleft p{ 
text-align:left !important; 
} 
.spleft th, .spleft td{
text-align:left !important; 
}
}  .post .post_lists {
margin:0;
}
.post .post_lists li {
margin:0;
border:0;
padding:0;
}
.post_lists {
display:flex;
flex-wrap:wrap;
}
.post_lists li {
display:flex;
flex-wrap:wrap;
align-items:center;
}
.post_lists li a {
display:inline-block;
} .post_lists li .title {
margin:.5em 0;
}
.post_lists li .title a {
max-width:100%;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
} .post_lists .categories {
background-color:#dcdcdc;
border-radius:3px;
}
.post_lists .categories a {
padding:6px 12px;
font-size:.8em;
}
.post_lists .categories .separator::before {
content:',';
} .post_lists .date {
font-style:italic;
} .post_lists .thumbnail {
text-align:center;
}
.post_lists .thumbnail a {
line-height:0;
position:relative;
overflow:hidden;
}
.post_lists .thumbnail a::before ,
.post_lists .thumbnail a::after {
content:"";
position:absolute;
color:#fff;
opacity:0;
transition:0.2s;
}
.post_lists .thumbnail a:hover ,
.post_lists .thumbnail a:hover img {
opacity:1;
}
.post_lists .thumbnail:hover a::before {
width:100%;
height:100%;
opacity:0.8;
background-color:#000;
top:0;
left:0;
z-index:10;
}
.post_lists .thumbnail:hover a::after {
content:"\f067";
font-family:FontAwesome;
opacity:0.7;
z-index:11;
bottom:15px;
right:15px;
}
.post_lists .thumbnail img {
max-width:100%;
height:auto;
}
.post_lists .thumbnail:hover img {
transition:all 0.2s ease-in;
transform:scale(1.4);
} .post_lists .more_link {
width:100%;
text-align:right;
}
.post_lists .more_link a {
padding:.3em 2.7em;
border:1px solid;
border-radius:5px;
line-height:1.8;
} .post_lists .excerpt {
width:100%;
text-align:left;
font-size:1em;
margin:.5em;
} .post_lists.list_type_1b ,
.post_lists.list_type_2b ,
.post_lists.list_type_4b {
justify-content:space-between;
}
.post_lists.list_type_1b li ,
.post_lists.list_type_2b li ,
.post_lists.list_type_4b li {
max-width:100%;
margin-bottom:40px;
}
.post_lists.list_type_1b .date ,
.post_lists.list_type_2b .date ,
.post_lists.list_type_4b .date {
background-color:#dcdcdc;
border-top-left-radius:3px;
border-bottom-left-radius:3px;
font-size:.8em;
padding:6px 12px;
position:relative;
}
.post_lists.list_type_1b .date::after ,
.post_lists.list_type_2b .date::after ,
.post_lists.list_type_4b .date::after {
content: "｜";
font-style: normal;
font-weight: bold;
position: absolute;
font-size: 1em;
right: -6px;
top:50%;
transform:translateY(-50%);
}
.post_lists.list_type_1b .categories ,
.post_lists.list_type_2b .categories ,
.post_lists.list_type_4b .categories {
border-top-left-radius:0;
border-bottom-left-radius:0;
} .post_lists.list_type_list li {
width:100%;
padding:20px 0;
border-bottom:1px solid #e0e0e0;
}
.post_lists.list_type_list .title {
order:3;
width:100%;
}
.post_lists.list_type_list .date {
order:2;
margin-left:.5em;
}
.post_lists.list_type_list .categories {
order:1;
} .post_lists.list_type_1b li {
justify-content:space-between;
width: 100%;
}
.post_lists.list_type_1b .left {
width:33%;
display:flex;
align-items:center;
}
.post_lists.list_type_1b .right {
width:63%;
display:flex;
flex-wrap:wrap;
align-items:center;
}
.post_lists.list_type_1b .right.no_thumbnail {
width:100%;
}
.post_lists.list_type_1b .thumbnail {
width:100%;
}
.post_lists.list_type_1b .title {
border-bottom: 1px solid;
text-align: center;
padding:8px 0;
margin-bottom: 2%;
line-height: 1.25;
font-size: 1.5rem;
width:100%;
}
@media (max-width:768px) {
.post_lists.list_type_1b .right ,
.post_lists.list_type_1b .left {
width:100%;
}
} .post_lists.list_type_2b ,
.post_lists.list_type_4b {
align-items:flex-end;
}
.post_lists.list_type_2b li {
width:49%;
}
.post_lists.list_type_4b li {
width:23%;
}
.post_lists.list_type_2b li > div ,
.post_lists.list_type_4b li > div {
width:100%;
}
.post_lists.list_type_2b .thumbnail ,
.post_lists.list_type_4b .thumbnail {
order:1;
}
.post_lists.list_type_2b .title ,
.post_lists.list_type_4b .title {
order:2;
}
.post_lists.list_type_2b .date ,
.post_lists.list_type_4b .date {
order:3;
width:102px;
}
.post_lists.list_type_2b .categories ,
.post_lists.list_type_4b .categories {
order:4;
width: calc( 100% - 102px );
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.post_lists.list_type_2b .excerpt ,
.post_lists.list_type_4b .excerpt {
order:5;
height:7em;
}
.post_lists.list_type_2b .more_link ,
.post_lists.list_type_4b .more_link {
order:6;
text-align:right;
} .post_lists.list_type_4b .more_link a {
width:100%;
text-align:center;
display:block;
padding:.3em 0;
}
@media (min-width:1025px) {
.post_lists.list_type_4b li:nth-child(4n+2):last-child {
margin-right: calc( ( 23% * 2 ) + ( ( ( 100% - ( 23% * 4 ) ) / 3 )  * 2 ) );
}
.post_lists.list_type_4b li:nth-child(4n+3):last-child {
margin-right: calc( ( 23% * 1 ) + ( ( ( 100% - ( 23% * 4 ) ) / 3 )  * 1 ) );
}
}
@media (max-width:1024px) {
.post_lists.list_type_4b li {
width:49%;
}
}
@media (max-width:768px) {
.post_lists.list_type_2b li ,
.post_lists.list_type_4b li {
width:100%;
}
}  .pa_0_5{padding:.5em !important;box-sizing: border-box;}
.pa_1{padding:1em !important;box-sizing: border-box;}
.pa_1_5{padding:1.5em !important;box-sizing: border-box;}
.pa_2{padding:2em !important;box-sizing: border-box;}
.pa_2_5{padding:2.5em !important;box-sizing: border-box;}
.pa_3{padding:3em !important;box-sizing: border-box;}
.pa_3_5{padding:3.5em !important;box-sizing: border-box;}
.mt_0_5{margin-top:.5em !important;}
.mt_1{margin-top:1em !important;}
.mt_1_5{margin-top:1.5em !important;}
.mt_2{margin-top:2em !important;}
.mt_2_5{margin-top:2.5em !important;}
.mt_3{margin-top:3em !important;}
.mt_3_5{margin-top:3.5em !important;}
.mr_0_5{margin-right:.5em !important;}
.mr_1{margin-right:1em !important;}
.mr_1_5{margin-right:1.5em !important;}
.mr_2{margin-right:2em !important;}
.mr_2_5{margin-right:2.5em !important;}
.mr_3{margin-right:3em !important;}
.mr_3_5{margin-right:3.5em !important;}
.mb_0_5{margin-bottom:.5em !important;}
.mb_1{margin-bottom:1em !important;}
.mb_1_5{margin-bottom:1.5em !important;}
.mb_2{margin-bottom:2em !important;}
.mb_2_5{margin-bottom:2.5em !important;}
.mb_3{margin-bottom:3em !important;}
.mb_3_5{margin-bottom:3.5em !important;}
.ml_0_5{margin-left:.5em !important;}
.ml_1{margin-left:1em !important;}
.ml_1_5{margin-left:1.5em !important;}
.ml_2{margin-left:2em !important;}
.ml_2_5{margin-left:2.5em !important;}
.ml_3{margin-left:3em !important;}
.ml_3_5{margin-left:3.5em !important;}
@media print, screen and (max-width: 768px) { .sp_pa_1{padding:1%;}
.sp_pa_2{padding:2%;}
.sp_pa_3{padding:3%;}
.sp_pa_4{padding:4%;}
.sp_pa_5{padding:5%;}
} .bl_box_10{ background: rgba(0,0,0,0.10);}
.bl_box_20{ background: rgba(0,0,0,0.20);}
.bl_box_30{ background: rgba(0,0,0,0.30);}
.bl_box_40{ background: rgba(0,0,0,0.40);}
.bl_box_50{ background: rgba(0,0,0,0.50);}
.bl_box_60{ background: rgba(0,0,0,0.60);}
.bl_box_70{ background: rgba(0,0,0,0.70);}
.bl_box_80{ background: rgba(0,0,0,0.80);}
.bl_box_90{ background: rgba(0,0,0,0.90);}
.bl_box_100{ background: rgba(0,0,0,1.00);} .wh_box_10{ background: rgba(255,255,255,0.10);}
.wh_box_20{ background: rgba(255,255,255,0.20);}
.wh_box_30{ background: rgba(255,255,255,0.30);}
.wh_box_40{ background: rgba(255,255,255,0.40);}
.wh_box_50{ background: rgba(255,255,255,0.50);}
.wh_box_60{ background: rgba(255,255,255,0.60);}
.wh_box_70{ background: rgba(255,255,255,0.70);}
.wh_box_80{ background: rgba(255,255,255,0.80);}
.wh_box_90{ background: rgba(255,255,255,0.90);}
.wh_box_100{ background: rgba(255,255,255,1.00);} .ra_10{border-radius: 10px;}
.ra_20{border-radius: 20px;}
.ra_30{border-radius: 30px;}
.ra_40{border-radius: 40px;}
.ra_50{border-radius: 50px;}
.ra_50per{border-radius: 50%;} .left_box_30{width: 30%; margin-right: 70%;}
.left_box_50{width: 50%; margin-right: 50%;}
.left_box_60{width: 60%; margin-right: 40%;}
.right_box_30{width: 30%; margin-left: 70%;}
.right_box_50{width: 50%; margin-left: 50%;}
.right_box_60{width: 60%; margin-left: 40%;} .color-white{color: white;}
.color-black{color: #252525;}
@media print, screen and (max-width: 1024px) {
.left_box_30, .left_box_50, .left_box_60, .right_box_30, .right_box_50, .right_box_60{width: 100%; margin: 0 auto;}
} .wow.first_opacity {
opacity:0 !important;
} .addtoany_header::before {
content: "\f064";
font-family: FontAwesome;
display: inline-block;
margin-right: .5em;
}
@media (min-width: 1025px) {
.pc_center {
text-align: center;
}
}