.wpp-no-data {
} .wpp-list {
} .wpp-list li {
overflow: hidden;
float: none;
clear: both;
margin-bottom: 1rem;
}
.wpp-list li:last-of-type {
margin-bottom: 0;
} .wpp-list li.current {
} .wpp-thumbnail {
display: inline;
float: left;
margin: 0 1rem 0 0;
border: none;
} .wpp-post-title {
} .wpp-excerpt {
}
.wpp-excerpt:empty {
display: none;
} .wpp-meta, .post-stats {
display: block;
font-size: 0.8em;
}
.wpp-meta:empty, .post-stats:empty {
display: none;
} .wpp-comments {
} .wpp-views {
} .wpp-author {
} .wpp-date {
} .wpp-category {
} .wpp-rating {
}html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; list-style: none;}
body {line-height: 1;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
nav ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:''; content:none;}
a{margin:0; padding:0; vertical-align:baseline; background:transparent; text-decoration: none;}
ins{text-decoration:none;}
mark{font-style:italic; font-weight:bold;}
del{text-decoration: line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted; cursor:help;}
table{border-collapse:collapse; border-spacing:0;}
hr{display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select{vertical-align:middle;}   .clearfix:before, .clearfix:after{content: " "; display: table;}
.clearfix:after{clear: both;}
.clearfix {*zoom: 1;}
.row:before, .row:after{content: " "; display: table;}
.row:after{clear: both;}
.row{*zoom: 1;}
.button-group:before, .button-group:after{content: " "; display: table;}
.button-group:after{clear: both;}
.button-group{*zoom: 1;}
.form-row:before, .form-row:after{content: " "; display: table;}
.form-row:after{clear: both;}
.form-row{*zoom: 1;}
.title:before, .title:after{content: " "; display: table;}
.title:after{clear: both;}
.title{*zoom: 1;}
.story:before, .story:after{content: " "; display: table;}
.story:after{clear: both;}
.story{*zoom: 1;}    *{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html{
font-size: 62.5%;
overflow-x: hidden;
-webkit-text-size-adjust: none;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-webkit-overflow-scrolling: touch;
}
body{
overflow-x: hidden;
font-size: 1.5rem;
line-height: 1.5;
background-color: #fff;
color: rgba(0, 0, 0, 0.55);
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
overflow: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6{
color: rgba(0, 0, 0, 0.85);
font-weight: 400;
}
code,
tt,
kbd{
display: inline;
padding: 4px 6px;
background-color: #eee;
color: #8f8f8f;
font-size: 85%;
font-weight: 700;
font-family: "Courier New", Courier, monospace;
}
pre{
padding: 20px 20px 0;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #ddd;
color: #323232;
font-size: 85%;
font-weight: 700;
font-family: "Courier New", Courier, monospace;
text-transform: initial;
overflow-y: scroll;
}
strong{
font-weight: 700;
}
s,
strike,
del{
text-decoration: line-through;
}
u,
ins{
text-decoration: underline;
}
abbr[title],
acronym[title]{
text-decoration: underline dotted;
}
small{
color: rgba(0, 0, 0, 0.5);
font-size: 1.2rem;
}
a{
color: rgba(0, 0, 0, 0.75);
}
a:hover{
color: rgba(0, 0, 0, 1);
}
img{
max-width: 100%;
height: auto;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup{
top: -0.5em;
}
iframe,
embed,
object{
max-width: 100%;
}
.desktop-collapse{
display: none;
}
.cursor-clickable{
cursor: pointer;
}
.cursor-resizable{
cursor: ew-resize;
}
.cursor-grabable{
cursor: -webkit-grab;
cursor: -moz-grab;
}
.hide{
display: none;
}
.animate{
transition: all 0.2s ease-in-out;
}
.post-date{
display: block;
font-size: 1.2rem;
}
.excerpt{
word-wrap: break-word;
}     .grid{
display:-webkit-flex;
display: flex;
flex-flow: row;
flex-wrap: wrap;
position: relative;
}
.container .grid{
margin-left: -10px;
margin-right: -10px;
}
body[class*='elementor'] .container .grid{
margin-left: 0px;
margin-right: 0px;
}  .column{
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
position: relative;
max-width: calc(100% - 20px);
}
.column-flush{
margin: 0;
position: relative;
max-width: 100%;
}  .row .column{
float: left;
}
.layers-masonry-column .grid{
-webkit-flex-direction: column;
flex-direction: column;
}
.span-12{
min-width: calc(((100% / 12) * 12) - 20px);
width: calc(100% - 20px);
}
.column-flush.span-12{
min-width: calc((100% / 12) * 12);
width: 100%;
}
.middled,
.row .column.middled{
float: none;
margin-left: auto;
margin-right: auto;
}
.no-gutter{
margin-right: 0 !important;
}  .container.list-masonry{
max-width: 1040px;
padding: 0 10px;
position: relative;
}
.container.list-masonry .grid.loaded > *:not(.masonry-loading){
opacity: 0;
}
.container.list-masonry .grid.loaded > *:not(.masonry-loading){
opacity: 1;
}
.container.list-masonry .masonry-loading{
width: 48px;
height: 48px;
margin: -25px 0 0 -25px;
position: absolute;
left: 50%;
top: 50px;
background: rgba(0, 0, 0, 0.7) url(//virtuous-circle.co.jp/wp-content/themes/tanokoma02/assets/css/images/spinner.gif) no-repeat center center;
border-radius: 100%;
overflow: hidden;
opacity: 0;
}
.list-masonry .grid{
margin-left: 10px;
margin-right: -10px;
}
.list-masonry .column{
margin-left: 0;
margin-right: 0;
}
.container-full-width.list-masonry .grid{
margin-left: 0px;
margin-right: 0px;
}    #wrapper-site,
.wrapper-site{
width: 100%;
position: relative;
left: 0;
top: 0;
transition: left 0.3s ease-in-out 0s,  opacity 0.2s ease-in-out 0.1s, top 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
z-index: 2;
opacity: 1;
}
.wrapper-content{
position: relative;
}  .container{
max-width: 1040px;
margin: auto;
padding: 0 20px;
}
.elementor.container{
max-width: none;
padding: unset;
}
.wrapper-site.container{
max-width: 1140px;
}  .content{
padding: 20px;
}
.layers-content-main{
padding: 6% 20px;
}
div[class*='elementor'] .layers-content-main{
padding: 0 20px;
}
.content-small{
padding: 10px;
}
.content-large{
padding: 3%;
}
.content-extra-large{
padding: 4%;
}
.content-massive{
padding: 6%;
}  .content-vertical{
padding-top: 2%;
padding-bottom: 2%;
}
.content-vertical-large{
padding-top: 3%;
padding-bottom: 3%;
}
.content-vertical-extra-large{
padding-top: 4%;
padding-bottom: 4%;
}
.content-vertical-massive{
padding-top: 6%;
padding-bottom: 4%;
}
.inset-top{
padding-top: 2%;
}
.inset-top-small{
padding-top: 1%;
}
.inset-top-medium{
padding-top: 3%;
}
.inset-top-large{
padding-top: 6%;
}
.inset-bottom{
padding-bottom: 2%;
}
.inset-bottom-small{
padding-bottom: 1%;
}
.inset-bottom-medium{
padding-bottom: 3%;
}
.inset-bottom-large{
padding-bottom: 6%;
}  .no-inset{
padding: 0;
}
.no-inset-top{
padding-top: 0;
}
.no-inset-bottom{
padding-bottom: 0;
}  .pull-left{
float: left;
}
.column .pull-right,
.column.pull-right{
order: 2;
}
.pull-right{
float: right;
}
.clearit{
clear: both;
}
.image-left{}
.image-right{}
.image-top{}    .push-top{
margin-top: 2%;
}
.push-top-small{
margin-top: 1%;
}
.push-top-medium{
margin-top: 3%;
}
.push-top-large{
margin-top: 6%;
}
.push-bottom{
margin-bottom: 2%;
}
.push-bottom-small{
margin-bottom: 1%;
}
.push-bottom-medium{
margin-bottom: 3%;
}
.push-bottom-large{
margin-bottom: 6%;
}  .push-left{
margin-left: 2%;
}
.push-left-small{
margin-left: 1%;
}
.push-left-medium{
margin-left: 3%;
}
.push-left-large{
margin-left: 6%;
}
.push-right{
margin-right: 2%;
}
.push-right-small{
margin-right: 1%;
}
.push-right-medium{
margin-right: 3%;
}
.push-right-large{
margin-right: 6%;
}  .no-push{
margin: 0;
}
.no-push-bottom{
margin-bottom: 0;
}
.no-push-right{
margin-right: 0;
}  .define{
border: 1px solid rgba(0, 0, 0, 0.1);
}
.define-top{
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.define-bottom{
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}  .header-site{
background-color: #f3f3f3;
background-position: center;
background-repeat: no-repeat;
position: relative;
z-index: 5;
}
.header-site .container,
.header-site > .header-block{
display: -webkit-flex;
-webkit-flex-wrap: nowrap;
-webkit-align-items: center;
-webkit-justify-content: space-between;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
position: relative;
}
.header-site .container{
padding: 10px;
}  .nav-horizontal ul{
display: none;
}  .responsive-nav{
padding: 0;
margin: 0 0 0 20px;
cursor: pointer;
}
.responsive-nav .l-menu{
display: block;
font-size: 24px;
line-height: 40px;
color: #454545;
}  .header-site nav{
display: -webkit-flex;
-webkit-flex-direction: row;
-webkit-align-items: center;
display: flex;
flex-direction: row;
align-items: center;
margin: 0;
line-height: 30px;
}
.header-left .logo{
overflow: hidden;
}
.header-left .sitename{
margin: 0 10px 0 0;
}  .header-right .container,
.header-right > .header-block{
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.header-right .logo{
overflow: hidden;
}
.header-right .sitename{
margin: 0 10px 0 0;
}  .header-sticky{
width: 100%;
z-index: 100;
margin-top: 0;
transition: background .1s ease-in-out, margin-top .15s ease-in-out, opacity .15s ease-in-out;
}
.header-sticky.is_stuck{
opacity: 0;
}
.header-sticky.is_stuck.is_stuck_show{
opacity: 1;
}
.header-site.header-sticky{
background-color: rgba(243, 243, 243, 0.5);
}
.header-overlay{
position: absolute;
width: 100%;
z-index: 100;
}
.layers-header-overlay .header-overlay:not(.is_stuck){
background: transparent;
}  .header-secondary{
display: none;
padding: 10px 0;
background: #333;
}
.header-secondary nav{
margin: 0;
font-size: 1.2rem;
}
.header-secondary .sub-menu{
display: none;
}  .footer-site{
clear: both;
padding-top: 20px;
padding-bottom: 20px;
background-color: #f3f3f3;
}
.footer-site .row{
padding-top: 40px;
padding-bottom: 40px;
}
.footer-site .section-nav-title{
margin-bottom: 15px;
color: #323232;
}
.link-list li{margin: 0 0 6px;}  .copyright{
color: rgba(0, 0, 0, 0.45);
font-size: 1.2rem;
}
.grid.copyright{
padding-top: 0;
padding-bottom: 0;
}
.copyright .column{
margin-bottom: 0;
}
.copyright .nav-horizontal li{
margin: 0 0 0 20px;
}
.copyright .nav-horizontal a{
padding: 0;
font-size: 1.2rem;
font-weight: 700;
}
.copyright .nav-horizontal a:hover{
background: none;
}
.grid + .copyright{
padding-top: 20px;
border-top: 2px solid rgba(0, 0, 0, 0.15);
}
.invert .copyright .nav-horizontal a{
color: rgba(255, 255, 255, 0.75);
}
.invert .copyright .nav-horizontal a:hover{
color: rgba(255, 255, 255, 1);
}  .created-using-layers{
display: none;
}    .title-container{
background-color: #f3f3f3;
}
.title-container .excerpt{
max-width: 745px;
margin-top: 1.5%;
}
.title-container .heading{
color: #323232;
font-size: 4.5rem;
line-height: 5rem;
}
.title-container .excerpt{
color: #8f8f8f;
font-size: 2.5rem;
}
.title-container .excerpt + .button-group{
margin-top: 3%;
}
.title-container .excerpt + .btn-collection{
margin-top: 3%;
}
.title .text-center .excerpt{
margin-left: auto;
margin-right: auto;
}
.title-container .title{
padding: 3% 20px;
max-width: 1040px;
margin: auto;
}  .title.small{
padding: 1%;
}
.title.large{
padding: 3%;
}
.title.extra-large{
padding: 4%;
}
.title.massive{
padding: 6%;
}  .section-title{
margin-bottom: 30px;
}
.section-title .excerpt{
max-width: 745px;
}
.section-title .heading + .excerpt{
margin-top: 10px;
}
.section-title .button{
margin-top: 15px;
}  .section-title.large .excerpt{
max-width: 830px;
}
.section-title.small{
margin-bottom: 15px;
}
.section-title.tiny{
margin-bottom: 15px;
}
.section-title.tiny .excerpt{
margin-top: 0 !important;
}  .section-title.large .heading{
font-size: 4rem;
line-height: 1.25;
}
.section-title.large .excerpt{
font-size: 2.5rem;
}
.section-title.large .excerpt p:not(:first-child){
margin-top: 1.5rem;
}
.section-title.large .excerpt ul,
.section-title.large .excerpt ol {
margin: 0 0 0 5rem;
}
.section-title.large .excerpt ul:not(:first-child),
.section-title.large .excerpt ol:not(:first-child){
margin-top: 1.5rem;
}  .section-title.small .heading{
font-size: 2.5rem;
}
.section-title.small .excerpt{
font-size: 1.5rem;
}
.section-title.small .excerpt p:not(:first-child){
margin-top: .5rem;
}
.section-title.small .excerpt ul,
.section-title.small .excerpt ol {
margin: 0 0 0 3rem;
}
.section-title.small .excerpt ul:not(:first-child),
.section-title.small .excerpt ol:not(:first-child){
margin-top: .5rem;
}  .section-title .heading{
color: rgba(0, 0, 0, 0.85);
font-size: 3rem;
}
.section-title .heading a{
color: rgba(0, 0, 0, 0.85);
}
.section-title .heading a:hover{
color: rgba(0, 0, 0, 1);
}
.section-title .excerpt{
color: rgba(0, 0, 0, 0.55);
font-size: 2rem;
}
.section-title .excerpt p:not(:first-child){
margin-top: 1rem;
}
.section-title .excerpt ul,
.section-title .excerpt ol {
margin: 0 0 0 4rem;
}
.section-title .excerpt ul:not(:first-child),
.section-title .excerpt ol:not(:first-child){
margin-top: 1rem;
}  .section-title.tiny .heading{
font-size: 1.5rem;
font-weight: 700;
}
.section-title.tiny .excerpt{
font-size: 1.3rem;
}
.section-title.tiny .excerpt p:not(:first-child){
margin-top: .5rem;
}
.section-title.tiny .excerpt ul,
.section-title.tiny .excerpt ol {
margin: 0 0 0 3rem;
}
.section-title.tiny .excerpt ul:not(:first-child),
.section-title.tiny .excerpt ol:not(:first-child){
margin-top: 1.5rem;
}
.section-title + .container{
margin-top: 60px;
}
.section-title.text-right .excerpt{
float: right;
}  .section-title.text-center .excerpt{
margin-left: auto;
margin-right: auto;
}  .section-nav-title{
margin: 0 0 10px 0;
color: #8f8f8f;
font-size: 1.2rem;
font-weight: 700;
text-transform: uppercase;
}  .sidebar{
overflow: hidden;
}    .close-canvas{
padding: 4px 8px 3px;
background: rgba(0, 0, 0, 0.2);
z-index: 100;
position: absolute;
top: 0;
right: 0;
border-radius: 0 0 0 3px;
font-size: 1.1rem;
text-transform: uppercase;
text-align: right;
cursor: pointer;
z-index: 2;
}
.close-canvas i{
margin-right: 4px;
font-size: 1rem;
}
.close-canvas:hover{
color: #fff;
}
.admin-bar div[class*=' off-canvas-'] .close-canvas{
top: 32px;
}
div[class*=' off-canvas-']{
background: #454545;
padding-top: 30px;
position: fixed;
top: 0;
z-index: 1;
opacity: 0;
-webkit-transform: scale(0.95);
transform: scale(0.95);
transition: all 0.3s ease-in-out 0s;
font-size: 1.4rem;
}
.admin-bar div[class*=' off-canvas-']{
padding-top: 66px;
}
.off-canvas-right{
width: 240px;
height: 100%;
right: 0;
}
.off-canvas-left{
width: 240px;
height: 100%;
}
.off-canvas-top{
width: 100%;
height: 200px;
}
.open[class*=' off-canvas-']{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
overflow-y: scroll;
}  .off-canvas-right.open ~ .wrapper-site{
left: -240px;
opacity: 0.85;
}
.off-canvas-left.open ~ .wrapper-site{
left: 240px;
opacity: 0.85;
}
.off-canvas-top.open ~ .wrapper-site{
top: 200px;
opacity: 0.85;
}  div[class*=' off-canvas-'] .sub-menu li{
width: auto;
}
div[class*=' off-canvas-'] li{
padding: 5px 0;
}
div[class*=' off-canvas-'] li a{
color: rgba(255, 255, 255, 0.8);
}
div[class*=' off-canvas-'] .section-nav-title{
color: #888;
}
div[class*=' off-canvas-'] .widget.widget_nav_menu{
padding: 20px;
}
div[class*=' off-canvas-'] .widget.widget_nav_menu li{
display: block;
margin: 0;
text-align: left;
}
div[class*=' off-canvas-'] .searchform label{
display: none;
}
div[class*=' off-canvas-'] .searchform input[type="text"]{
background: none repeat scroll 0% 0% rgb(51, 51, 51);
border: 2px solid rgb(85, 85, 85);
}
div[class*=' off-canvas-'] .searchform input[type="submit"]{
display: block;
width: 100%;
height: 32px;
background: #555;
color: #ccc;
font-size: 1.2rem;
}  div[class*=' off-canvas-'] .nav-mobile{
margin-top: 0;
padding-top: 0;
position: relative;
z-index: 1;
}
.admin-bar div[class*=' off-canvas-'] .nav-mobile{
padding-top: 20px;
}
div[class*=' off-canvas-'] .nav-vertical li{
padding: 0;
}
div[class*=' off-canvas-'] .nav-vertical .sub-menu{
display: block;
width: auto;
visibility: visible;
opacity: 1;
position: static;
border: none;
box-shadow: none;
font-size: 1.2rem;
}
div[class*=' off-canvas-'] .nav-vertical .sub-menu li{
border: none;
}     textarea,
input,
select,
button{
width: 100%;
background-color: #fff;
border: 2px solid #eee;
color: #8f8f8f;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1.5rem;
}
textarea:focus,
input:focus,
select:focus{
border-color: #ccc;
-webkit-appearance: none;
outline: 0;
}
input[type="email"],
input[type="text"],
input[type="url"],
input[type="search"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="date"]{
max-width: 500px;
padding: 0 8px;
height: 36px;
-webkit-appearance: none;
-moz-appearance: none;
font-size: 1.5rem;
}
input[type="image"]{
width: auto;
}
textarea{
padding: 10px 8px;
max-width: 660px;
-webkit-appearance: none;
-moz-appearance: none;
}
select{
max-width: 500px;
padding: 0 6px;
height: 36px;
}  input[type=button],
input[type=submit],
button{
display: inline-block;
width: auto;
padding: 5px 10px;
vertical-align: middle;
background-color: #454545;
border: none;
text-align: center;
color: #fff;
font-size: 1.5rem;
font-weight: 700;
font-style: normal;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
transition: all 0.2s ease-in-out;
}
input[type=button]:hover,
input[type=submit]:hover,
button:hover{
cursor: pointer;
background-color: #ccc;
color: #999;
}
input[type=button]:disabled,
input[type=submit]:disabled{
background-color: #ccc;
color: #999;
}
input[type=submit] + span{
float: left;
margin: 2px 0 0 10px;
font-size: 1.1rem;
font-style: italic;
}  input[type=checkbox]{
border: none;
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
}
input[type=radio]{
border: none;
-webkit-appearance: radio;
-moz-appearance: radio;
}  input[type=upload],
input[type=file]{
max-width: 500px;
padding: 4px;
background-color: #eee;
border: none;
font-size: 1.5rem;
}  label{
clear: both;
display: block;
margin-bottom: 4px;
font-size: 1.5rem;
font-weight: 700;
}
fieldset{
margin-bottom: 10px;
}
legend{
margin: 0 0 10px;
font-size: 1.9rem;
}  form small{
display: block;
margin-top: 5px;
}
form label + small{
max-width: 500px;
margin: 0 0 5px;
}  .form-row{
margin-bottom: 15px;
vertical-align: top;
}
.form-row:last-child{
margin-bottom: 0;
}  form.large label{
font-size: 1.5rem;
}
form.large input[type=email],
form.large input[type=text],
form.large input[type=password]{
height: 47px;
font-size: 2.0rem;
}
form.large .input-append .add-on,
form.large .input-prepend .add-on{
line-height: 43px;
}
form.large .input-append input[type=submit],
form.large .input-append input[type=button],
form.large .input-append button{
height: 47px;
}  form.small .form-row{margin-bottom: 5px;}
form.small input[type=email],
form.small input[type=text],
form.small input[type=password]{
height: 32px;
font-size: 1.3rem;
}
form.small .input-append .add-on,
form.small .input-prepend .add-on{
line-height: 28px;
}
form.small .input-append input[type=submit],
form.small .input-append input[type=button],
form.small .input-append button{
height: 32px;
}  input[type=checkbox]{
width: auto;
height: 14px;
width: 14px;
padding: 0;
margin: 0 5px 0 5px;
vertical-align: middle;
font-size: 1.2rem;
font-weight: 400;
}
.checkbox{
clear: both;
margin: 0;
overflow: hidden;
}
.checkbox input[type=submit],
.checkbox button{
display: inline-block;
margin: 0;
}
.checkbox label{
display: inline-block;
margin-left: 10px;
vertical-align: middle;
}
.checkbox .btn-large + label{
padding-top: 10px;
font-size: 1.3rem;
}  .checkbox-list .checkbox{margin-bottom: 5px;}
.checkbox-list .checkbox label{
margin-left: 0;
font-size: 1.3rem;
}  input[type=radio]{
width: auto;
height: 14px;
width: 14px;
padding: 0;
margin: 0 5px 0 5px;
vertical-align: bottom;
}
.radio-button-group{
display: block;
overflow: hidden;
}
.radio-button-group label{
overflow: hidden;
clear: none;
float: none;
padding: 8px 0;
margin-bottom: 0;
font-size: 1.2rem;
font-weight: 400;
}  .input-prepend,
.input-append{
overflow: hidden;
display: block;
line-height: 32px;
white-space: nowrap;
font-size: 0;
}
.input-prepend .add-on{
display: inline-block;
padding: 0 12px;
background-color: #eee;
border: 2px solid #eee;
border-right-width: 0px;
font-size: 1.5rem;
}
.input-prepend input{
display: inline-block;
vertical-align: top;
}
.input-append .add-on{
display: inline-block;
padding: 0 12px;
background-color: #eee;
border: 2px solid #eee;
border-left-width: 0px;
font-size: 1.5rem;
}
.input-append input[type=text],
.input-append input[type=password],
.input-append input[type=email]{
display: inline-block;
vertical-align: top;
border-right: none;
}
.input-append input[type=submit],
.input-append input[type=button],
.input-append button{
display: inline-block;
height: 36px;
margin: 0;
vertical-align: top;
border-left: none;
}
.input-prepend.input-append input{
border-right-width: 0;
border-right-width: 0;
}
.input-prepend.input-append .add-on:first-child{
border-left-width: 2px;
border-right-width: 0;
}     .button{
display: inline-block;
padding: 5px 15px;
background-color: #454545;
border-width: 0;
border-color: #454545;
border-style: solid;
color: #fff;
text-align: center;
vertical-align: middle;
cursor: pointer;
transition: all 0.2s ease-in-out;
font-weight: 700;
}
.button:hover{
background-color: #323232;
color: #fff;
}  .button.btn-small{
padding: 2px 10px;
font-size: 1.2rem;
}
.button.btn-medium{
padding: 5px 15px;
font-size: 1.5rem;
}
.button.btn-large{
padding: 10px 25px;
font-size: 1.8rem;
}
.button.btn-massive{
padding: 15px 30px;
font-size: 2.0rem;
}
.button.btn-full{
display: block;
width: 100%;
}    input.button{
height: 36px;
padding-top: 0;
padding-bottom: 0;
}  .btn-primary{
background-color: #fc0;
color: #5E2500;
}
.btn-primary:hover{
background-color: #f93;
color: #5E2500;
}  .btn-secondary{
background-color: #A3C567;
color: #37451D;
}
.btn-secondary:hover{
background-color: #93B25E;
color: #37451D;
}  .btn-subtle{
background-color: #eee;
color: #454545;
}
.btn-subtle:hover{
background-color: #eee;
color: #323232;
}  .btn-link{
background: none;
text-decoration: underline;
color: #454545;
}
.btn-link:hover{
background: none;
color: #323232;
}  .button.btn-invert{
background-color: #fff;
color: #454545;
}
.button.btn-invert:hover{
background-color: #454545;
color: #fff;
}  .button-group{
display: inline-block;
margin-bottom: 10px;
vertical-align: middle;
overflow: hidden;
}
.button-group + .button-group{
margin-right: 10px;
}
.pull-right .button-group + .button-group{
margin-left: 10px;
margin-right: 0;
}
.button-group .button{
float: left;
margin: 0;
}  .button-collection{
margin-bottom: 20px;
vertical-align: middle;
overflow: hidden;
}     .badge{
padding: 1px 8px;
background-color: #000;
color: #fff;
}
.button .badge{
margin: 0 2px 0 -10px;
}    .badge.badge-primary{
background-color: #5E2500;
color: #fff;
}  .badge.badge-secondary{
background-color: #37451D;
color: #fff;
}  .badge.badge-subtle{
background-color: #8f8f8f;
color: #fff;
}  .badge.badge-blank{
background-color: #ddd;
color: #323232;
}  .label{
padding: 1px 6px;
background-color: #454545;
color: #fff;
white-space: nowrap;
font-size: 1.2rem;
font-weight: 700;
font-style: normal;
}    .label.label-primary{
background-color: #5E2500;
color: #fff;
}  .label.label-secondary{
background-color: #A3C567;
color: #fff;
}  .label.label-subtle{
background-color: #c0c0c0;
color: #fff;
}  .label.label-error{
background-color: #E2574C;
color: #fff;
}  .label.label-blank{
background-color: #ddd;
color: #323232;
}  .label.label-nofrill{
background: none;
color: #999;
}  .label.label-nofrill{
display: block;
padding: 0;
}  .label-group{
overflow: hidden;
font-size: 0;
}
.label-group .label{
margin: 0;
}   table{
width: 100%;
margin-bottom: 20px;
vertical-align: top;
overflow: hidden;
border: 2px solid rgba(0, 0, 0, 0.08);
}
table th{
padding: 10px;
text-align: left;
vertical-align: middle;
border-bottom: 2px solid rgba(0, 0, 0, 0.08);
color: #454545;
font-size: 1.2rem;
font-weight: 700;
text-transform: uppercase;
}
table td{
padding: 10px;
vertical-align: top;
border-bottom: 2px solid rgba(0, 0, 0, 0.08);
}
table tr:last-child td{
border-bottom: none;
}
table .button-group{
margin-bottom: 0;
}
.section-table-title td{
padding-top: 2px;
padding-bottom: 0;
background-color: #f3f3f3;
color: #8f8f8f;
font-size: 1.1rem;
font-weight: 700;
text-transform: uppercase;
}
table.table-comfortable td{
padding: 14px 10px;
}     #wrapper-site,
.wrapper-site{
background-color: #fff;
}  .well{
background-color: rgba(0, 0, 0, 0.05);
}
.well-block{
background-color: #fff;
border: 3px solid rgba(0, 0, 0, 0.08);
}  .panel{
overflow: hidden;
margin-bottom: 20px;
}
.panel ul{
margin: 0;
padding: 0;
border: 2px solid rgba(0, 0, 0, 0.05);
}
.panel li{
padding: 10px;
background-color: #fff;
border-top: 2px solid rgba(0, 0, 0, 0.05);
}
.panel li:first-child{
border-top: none;
}
.panel .panel-title{
padding: 8px 10px;
background-color: #454545;
color: #fff;
}
.panel .panel-title + ul{
border-top: none;
}
.panel li .heading{
margin-bottom: 5px;
color: #999;
}     .header-site .column{
margin-bottom: 0;
}  .logo{
padding: 0;
}
.sitename{
font-size: 1.8rem;
font-weight: 700;
}
.site-logo-link + .site-description .sitename{
font-size: 1.6rem;
}
.tagline{
font-size: 1.2rem;
font-weight: 700;
}
.site-logo-link,
.logo .custom-logo-link,
.mark{
display: inline-block;
vertical-align: middle;
margin: auto;
font-size: 0;
}
.site-logo-link img,
.custom-logo-link img,
.mark img{
display: inline-block;
max-height: 40px;
margin: auto;
width: auto;
}
.site-description{
display: inline-block;
vertical-align: middle;
}
.site-logo-link + .site-description, .custom-logo-link + .site-description{
margin-left: 10px;
}
.mark + .sitename{
margin-top: 10px;
}
.column .logo{
float: none;
}   .nav{
vertical-align: middle;
display: inline-block;
}
.nav li{
position: relative;
}
.nav-small a,
.nav-small span{
font-size: 1.2rem;
}
.nav a{
color: #323232;
transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.nav a:hover{
color: #8f8f8f;
}
.nav.large{
font-size: 2.0rem;
}
.nav.medium{
font-size: 1.5rem;
}  .nav-horizontal > ul{
float: left;
}
.nav-horizontal li{
float: left;
margin: 0 10px;
}
.nav-horizontal li a{
display: block;
color: #323232;
text-align: center;
font-weight: 700;
}
.nav-horizontal li a:hover{
color: #8f8f8f;
}
.nav-horizontal .special{
padding: 2px 0;
font-size: 1.2rem;
}  .header-site .nav-horizontal > ul > li{
margin: 0 2px;
}
.header-site .nav-horizontal > ul > li > a{
padding: 0 10px;
}  .nav-centered{
text-align: center;
width: 100%;
}
.nav-centered li{
float: none;
display: inline-block;
margin: 0;
}  .nav-vertical{clear: both;}
.nav-vertical a{
display: block;
padding: 5px 0;
font-weight: 700;
}
.nav-vertical a:hover{
background-color: #eee;
color: #323232;
}  .nav-inline li{
display: inline;
margin: 0 15px;
font-size: 1.2rem;
}
.nav-inline a{
color: rgba(255, 255, 255, 0.65);
}
.nav-inline a:hover{
color: #fff;
}  .nav-tabs{
padding: 20px 20px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.nav-tabs ul{
overflow: hidden;
max-width: 1000px;
margin: auto;
}
.nav-tabs li{
float: left;
margin-right: 10px;
}
.nav-tabs a{
display: block;
padding: 6px 15px;
border: 1px solid transparent;
border-bottom: none;
font-weight: 700;
}
.nav-tabs a:hover{
background: rgba(0, 0, 0, 0.1);
}
.nav-tabs .active a{
border-color: rgba(0, 0, 0, 0.1);
}
.nav-small a,
.nav-small span{
padding: 3px 8px;
}  .nav-pills {}
.nav-pills li {
display: inline-block;
}
.nav-pills a{
border: 2px solid #ddd;
color: #8f8f8f;
font-weight: 700;
padding: 2px 10px;
border-radius: 3px;
display: block;
}
.nav-pills a:hover{
background-color: #8f8f8f;
border-color: #454545;
color: #fff;
}
.nav-pills .active a{
background-color: #8f8f8f;
border-color: #454545;
color: #fff;
}
.nav-pills span{
color: #323232;
font-weight: 700;
}  .header-site .sub-menu,
.header-site .nav .children{
background-color: #fff;
visibility: hidden;
opacity: 0;
position: absolute;
top: 50px;
left: 0;
border: 2px solid #ddd;
z-index: 5;
transition: all 0.4s ease-in-out;
line-height: normal;
}
.header-site .sub-menu li,
.header-site .nav .children li{
clear: both;
display: block;
width: 180px;
margin: 0;
border: none;
border-bottom: 1px solid #ddd;
}
.header-site .sub-menu li:last-child,
.header-site .nav .children li:last-child{
border-bottom: none;
}
.header-site .sub-menu li a,
.header-site .nav .children li a{
display: block;
padding: 8px 10px;
background: none;
color: #454545;
text-transform: none;
text-align: left;
}
.header-site .sub-menu li a:hover,
.header-site .nav .children li a:hover{
background-color: #333;
color: #fff;
}
.header-site .nav li:hover > .sub-menu,
.header-site .nav li:hover .children{
visibility: visible;
opacity: 1;
top: 40px;
transition: all 0.2s ease-in-out;
}
.header-site .nav > ul > li .sub-menu .sub-menu,
.header-site .nav li:hover > .sub-menu .sub-menu,
.header-site .nav > ul > li .children .children,
.header-site .nav li:hover > .children .children{
left: 185px;
top: -3px;
}
.header-site .nav > ul > li:last-child .sub-menu,
.header-site .nav > ul > li:last-child .children{
right: 0;
left: auto;
}
.header-site .nav li:last-child .sub-menu .sub-menu,
.header-site .nav li:last-child .children .children{
right: 185px;
left: auto;
}
.header-site .nav-vertical .sub-menu,
.header-site .nav-vertical .children{
left: 180px;
right: auto;
top: -3px;
box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.05);
}
.header-site .nav-vertical li:hover > .sub-menu,
.header-site .nav-vertical li:hover > .children{
top: -3px;
left: 140px;
}
.header-site .nav-vertical li:hover > .sub-menu .sub-menu,
.header-site .nav-vertical li:hover > .chilren .children{
left: 155px;
right: auto;
top: -3px;
}  .header-site .menu-item-has-children > a:after{
margin-left: 8px;
content: "\e605";
font-family: 'layers-icons';
font-weight: normal;
font-style: normal;
text-decoration: inherit;
opacity: 0.4;
font-weight: normal;
font-size: 0.8rem;
vertical-align: middle;
}
.header-site .sub-menu .menu-item-has-children > a:after{
float: right;
padding: 5px 0 0;
content: "\e600";
}
.header-site .menu-item-has-children > a:hover:after{
opacity: 0.8;
}  .header-site .nav ul li > .sub-menu > li{
opacity: 0;
transform: translate3d(0, 5px, 0);
transition: 0.25s opacity ease-in-out 0.05s,
0.25s transform ease-in-out 0.05s;
}
.header-site .nav ul li:hover > .sub-menu > li{
opacity: 1;
transform: translate3d(0, 0, 0);
}
.header-site .nav ul li:hover > .sub-menu > li:nth-child(2){transition-delay: 0.07s;}
.header-site .nav ul li:hover > .sub-menu > li:nth-child(3){transition-delay: 0.09s;}
.header-site .nav ul li:hover > .sub-menu > li:nth-child(4){transition-delay: 0.11s;}
.header-site .nav ul li:hover > .sub-menu > li:nth-child(5){transition-delay: 0.13s;}
.header-site .nav ul li:hover > .sub-menu > li:nth-child(6){transition-delay: 0.15s;}
.header-site .nav ul li:hover > .sub-menu > li:nth-child(7){transition-delay: 0.17s;}  .nav-absolute{
position: absolute;
width: 100%;
padding: 5px 10px;
color: #999;
font-size: 1.2rem;
}
.nav-absolute li{
display: inline;
}
.nav-absolute a{
color: #ccc;
}
.nav-absolute a:hover{
color: #fff;
}  .sticky-nav{
width: 100%;
padding: 8px 0;
position: fixed;
top: -50px;
overflow: hidden;
z-index: 11;
opacity: 0;
visibility: hidden;
transition: all 0.2s ease-in-out;
background-color: rgba(255, 255, 255, 0.95);
box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1);
}
.sticky-nav.sticky-nav-on{
opacity: 1;
visibility: visible;
top: 0;
}
.sticky-nav h4{
padding: 2px 0;
font-size: 2.0rem;
}
.sticky-nav h4 small{
margin-left: 10px;
text-transform: uppercase;
}  .bread-crumbs{
display: inline-block;
margin: 0 0 15px;
overflow: hidden;
color: rgba(0, 0, 0, 0.55);
font-size: 1.2rem;
}
.bread-crumbs li{
float: left;
margin-right: 10px;
}
.bread-crumbs a{
color: rgba(0, 0, 0, 0.75);
}
.bread-crumbs a:hover{
color: rgba(0, 0, 0, 0.85);
text-decoration: underline;
}
.title-small .bread-crumbs{
margin: -30px 0 25px;
}  .pagination{
clear: both;
display: inline-block;
overflow: hidden;
margin: 0 20px 20px 0;
}
.pagination li{
float: left;
border-right: 1px solid #eee;
overflow: hidden;
font-size: 1.3rem;
font-weight: 700;
}
.pagination li:last-child{
border-right: none;
}
.pagination a,
.pagination span{
display: inline-block;
min-width: 38px;
padding: 4px 10px;
background-color: #f5f5f5;
color: #454545;
text-align: center;
}
.pagination a:hover{
background-color: #454545;
color: #fff;
}
.pagination .current{
border-color: #323232;
}
.pagination .current{
background-color: #454545;
color: #fff;
}
.pagination li.next{
margin-right: 10px;
border: none;
}     #back-to-top{
display: none;
position: fixed;
bottom: 30px;
right: 30px;
z-index: 10;
}
#back-to-top a{
display: block;
width: 32px;
height: 32px;
background: url(//virtuous-circle.co.jp/wp-content/themes/tanokoma02/assets/css/images/arrow-up-small.png) no-repeat;
background-size: 32px 32px;
text-indent: -999px;
overflow: hidden;
}  .media{
overflow: hidden;
display: block;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.media-image{
text-align: center;
margin-right: auto;
margin-left: auto;
}
.media-image img{
display: block;
margin: auto;
}
.media-image video{
width: 100%;
height: auto;
object-fit: fill;
}
.media-image.small img{
max-width: 64px;
}
.image-rounded img,
.media-image.image-rounded img{
border-radius: 100%;
}
.media .media-body{
display: block;
overflow: hidden;
}
.column:not(.span-12) .media .excerpt{
max-width: 745px;
}
.media .text-center .excerpt{
margin-left: auto;
margin-right: auto;
}  .media.image-top .media-body{
float: none;
}
.has-image .media-body{
margin-top: 15px;
}  .media.small .heading + .excerpt{
margin-top: 5px;
}
.has-image .small .media-body{
margin-top: 10px;
}
.media.small p:not(:first-child),
.media.small .button{
margin-top: 1.3rem;
}
.media.small .heading{
font-size: 1.5rem;
font-weight: 700;
}
.media.small .excerpt{
font-size: 1.3rem;
}
.media.small .excerpt ul,
.media.small .excerpt ol {
margin: 0 0 0 3rem;
}
.media.small .excerpt ul:not(:first-child),
.media.small .excerpt ol:not(:first-child){
margin-top: 1.3rem;
}  .media.medium .heading + .excerpt{
margin-top: 10px;
}
.media .heading{
font-size: 2.0rem;
}
.media .heading + .excerpt{
font-size: 1.5rem;
}
.media.medium p:not(:first-child),
.media.medium .button{
margin-top: 1.5rem;
}
.media.medium .excerpt ul,
.media.medium .excerpt ol {
margin: 0 0 0 3rem;
}
.media.medium .excerpt ul:not(:first-child),
.media.medium .excerpt ol:not(:first-child){
margin-top: 1.5rem;
}  .media.large .heading + .excerpt{
margin-top: 10px;
}
.media.large .text-center .excerpt{
margin-left: auto;
margin-right: auto;
}
.media.large p:not(:first-child),
.media.large .button{
margin-top: 2rem;
}
.media.large .heading{
font-size: 2.8rem;
}
.media.large .excerpt{
font-size: 2rem;
}
.media.large .excerpt ul,
.media.large .excerpt ol {
margin: 0 0 0 4rem;
}
.media.large .excerpt ul:not(:first-child),
.media.large .excerpt ol:not(:first-child){
margin-top: 2rem;
}  .thumbnail{
display: block;
position: relative;
overflow: hidden;
}
.thumbnail.hide{
display: none;
}
.thumbnail-title{
padding: 0 20px 20px;
}
.thumbnail-title.small{
padding: 0 10px 10px;
}
.thumbnail-media{
display: block;
overflow: hidden;
position: relative;
z-index: 1;
}
.thumbnail-media.image-rounded{
border-radius: 100%;
}
.thumbnail-media img{
display: block;
margin: auto;
-webkit-transform: scale(1);
transform: scale(1);
transition: 0.2s all ease-in-out, 4s transform ease-in-out;
}
.thumbnail-media:hover img{
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
.thumbnail-body{
padding: 20px;
overflow: hidden;
position: relative;
z-index: 2;
background-color: #f5f5f5;
}
.thumbnail-body .heading{
margin: 0;
color: #000;
font-size: 2rem;
font-weight: 400;
}
.thumbnail-body .heading.small{
font-size: 1.2rem;
}
.thumbnail-body .excerpt{
color: rgba(0, 0, 0, 0.55);
}
.thumbnail-body p{
margin: 10px 0 0;
}
.thumbnail-body p + .feature-list{
margin: 20px 0 0;
}
.thumbnail-body .button{
margin-top: 20px;
}
.thumbnail-body.body-small{
padding: 0 10px 10px;
}
.thumbnail .button-group{
margin: 20px 0 0;
}
.thumbnail .btn-collection{
margin: 20px 0 0;
}  .thumbnail-body .article-title + .excerpt{
margin-top: 10px;
}
.thumbnail-body .article-title + .meta-info{
margin-top: 10px;
}   .copy{
font-size: 1.5rem;
}
.copy.small{
font-size: 1.3rem;
}
.copy p{
margin-bottom: 16px;
}
.copy a{
border-bottom: 1px solid #ddd;
}
.copy a:hover{
border-color: #999;
}
.copy ul{
list-style: disc;
margin: 0 0 26px;
}
.copy ul li{
list-style: disc;
margin: 0 0 6px 30px;
}
.copy ol{
list-style: decimal;
margin: 0 0 26px;
}
.copy ol li{
list-style: decimal;
margin: 0 0 6px 20px;
}
.copy ul ul,
.copy ul ol,
.copy ol ol,
.copy ol ul{
margin-bottom: 0;
}
.copy dl{
margin: 0 0 26px;
}
.copy dd{
margin-left: 36px;
}
.copy img{
display: block;
max-width: 98%;
height: auto;
}
.copy h1{
margin-bottom: 26px;
font-size: 3.2rem;
font-weight: 700;
}
.copy h2{
margin-bottom: 26px;
font-size: 2.2rem;
font-weight: 700;
}
.copy h3{
margin-bottom: 26px;
font-size: 1.8rem;
font-weight: 700;
}
.copy h4{
margin-bottom: 26px;
font-size: 1.5rem;
font-weight: 700;
}
.copy h5{
margin-bottom: 26px;
font-size: 1.3rem;
font-weight: 700;
}
.copy h6{
margin-bottom: 26px;
font-size: 1.3rem;
}
.copy blockquote{
padding-left: 26px;
margin-bottom: 20px;
font-size: 2.0rem;
font-weight: 700;
}
.copy a.button{
border-bottom: none;
}   .excerpt li{
list-style-type: inherit;
}
.excerpt li ul,
.excerpt li ol {
margin:0 1.5rem;
}
.excerpt ul,
.excerpt ol {
margin: 0 0 0 3rem;
}
.text-center ul, .text-right ul,
.text-center ol, .text-right ol{
margin-left: 0 !important;
margin-right: 0 !important;
}
.text-center ul li, .text-right ul li,
.text-center ol li, .text-right ol li {
list-style-position: inside;
}
.excerpt ul:not(:first-child),
.excerpt ol:not(:first-child){
margin-top: 1.5rem;
}
.excerpt ul {
list-style-type:disc;
}
.excerpt ol {
list-style-type:decimal;
}
.excerpt ol ol {
list-style: upper-alpha;
}
.excerpt ol ol ol {
list-style: lower-roman;
}
.excerpt ol ol ol ol {
list-style: lower-alpha;
}   .no-fill{
background: none !important;
}   .text-left{
text-align: left;
}
.text-right{
text-align: right;
}
.text-center{
text-align: center;
}
.text-justify{
text-align: justify;
}   .invert{
border: none;
color: rgba(255, 255, 255, 0.85);
}
.invert h1,
.invert h2,
.invert h3,
.invert h4,
.invert h5,
.invert h6{
color: rgba(255, 255, 255, 0.95);
}
.invert code{
background: rgba(255, 255, 255, 0.2);
color: #fff;
padding: 2px 4px;
}
.invert label,
.invert legend{
color: #fff;
}
.invert small{
color: rgba(255, 255, 255, 0.7);
}
.invert a{
color: #fff;
}
.invert a:hover{
color: #fff;
}
.invert .copy a:not(.button),
.invert .story a:not(.button) {
color: rgba(255, 255, 255, 0.7);
border-bottom-color: rgba(255, 255, 255, 0.7);
}
.invert blockquote{
background: rgba(255, 255, 255, 0.15);
color: rgba(255, 255, 255, 0.55);
}
.invert input,
.invert textarea,
.invert select{
border-color: transparent;
}
.invert .input-prepend .add-on,
.invert .input-append .add-on{
border-color: transparent;
background: #323232;
color: #fff;
}  .invert .section-title .heading,
.invert.section-title .heading{
color: #fff;
}
.invert .section-title .excerpt,
.invert.section-title .excerpt{
color: rgba(255, 255, 255, 0.8);
}
.invert .section-title .heading a,
.invert.section-title .heading a{
color: #fff;
}  .invert .sitename{
color: #fff;
}
.invert .tagline{
color: rgba(255, 255, 255, 0.9);
}  .invert .heading{
color: #fff;
}
.invert .sub-header,
.invert .excerpt{
color: rgba(255, 255, 255, 0.9);
}  .invert .nav > li > a{
color: rgba(255, 255, 255, 0.8);
}
.invert .nav > li > a:hover{
color: rgba(255, 255, 255, 1);
}
.invert .nav-tabs a{
color: #fff;
}  .header-site.invert .nav-horizontal > ul > li > a{
color: rgba(255, 255, 255, 1);
}
.header-site.invert .nav-horizontal > ul > li > a:hover{
color: rgba(255, 255, 255, 0.7);
}
.header-site.invert .responsive-nav .l-menu{
color: rgba(255, 255, 255, 1);
}  .invert .bread-crumbs{
color: rgba(255, 255, 255, 0.55);
}
.invert .bread-crumbs a,
.invert .bread-crumbs a:hover{
color: rgba(255, 255, 255, 0.75);
}  .invert-block{
background: #323232;
overflow: hidden;
color: #ccc;
}
.thumbnail .invert-block{
margin: 20px -20px -20px;
}  .invert .nav-vertical li a:hover{
background: none;
color: #fff;
}
.invert .sub-menu,
.invert .sub-menu li a{
background: none;
}
.header-site.invert .sub-menu,
.header-site.invert .sub-menu li a{
background: #fff;
color: #000;
}
.header-site.invert .sub-menu li a:hover{
background-color: #323232;
color: #fff;
}
.invert .responsive-nav .l-menu{
color: #fff;
}    .invert-block .btn-link{
color: #ccc;
}
.invert-block .btn-link:hover{
color: #fff;
}  .invert .btn-primary{
color: #5E2500;
}
.invert .btn-primary:hover{
color: #5E2500;
}  .invert-block .btn-subtle{
background-color: #454545;
color: #fff;
}
.invert-block .btn-subtle:hover{
background-color: #009EEC;
color: #fff;
}  .invert .comment {
color: rgba(255, 255, 255, 0.75);
}  .invert .copyright {
color: rgba(255,255,255,0.55);
}
.footer-site.invert .section-nav-title{
color: rgba(255,255,255,0.55);
}.advanced-layout{
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
}
.advanced-layout-left .header-site{
order: 1;
width: 20%;
}
.advanced-layout-left .wrapper-content{
order: 2;
width: 80%;
}
.advanced-layout-right .header-site{
order: 2;
width: 20%;
}
.advanced-layout-right .wrapper-content{
order: 1;
}   .swiper-container.container{
padding: 0px;
}
.swiper-container.loading{
opacity: 0;
transition: .2s ease-in-out;
}
.swiper-container.loaded {
transition: .2s ease-in-out;
}  .swiper-slide img{
display: block;
margin: auto;
}
.swiper-slide .overlay{
display: flex;
display: -webkit-flex;
width: 100%;
height: 100%;
position: relative;
}
.auto-height .swiper-slide .overlay{
padding-top: 60px;
padding-bottom: 60px;
}
.swiper-slide .container{
display: -webkit-flex;
-webkit-flex-direction: column;
-webkit-justify-content: center;
-webkit-align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 0;
}
.swiper-slide .copy-container,
.swiper-slide .image-container{
width: 100%;
position: relative;
}
.swiper-slide .section-title{
margin-bottom: 0;
}
.slide:not(.single-slide) .swiper-slide{
cursor: -webkit-grab;
cursor: -moz-grab;
}  .swiper-container.full-screen{
height: 100vh ;
}
.layers-header-overlay .wrapper-content .widget:first-child.swiper-container .container{
padding-top: 4%;
}  .swiper-slide.image-top .container{
flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
}
.swiper-slide .copy-container + .image-container{
margin-top: 30px;
}
.swiper-slide.image-top .copy-container + .image-container{
margin-top: 0;
margin-bottom: 30px;
}
.swiper-slide.image-bottom .overlay{
flex-direction: column;
-webkit-flex-direction: column;
}    .swiper-container .pages{
position: absolute;
bottom: 0;
opacity: 0;
z-index: 2000;
width: 100%;
text-align: center;
}
.swiper-container:hover .pages{
bottom: 16px;
opacity: 1;
}
.swiper-container .swiper-pagination-switch{
display: inline-block;
width: 8px;
height: 8px;
margin: 8px;
background: #fff;
border: 2px solid transparent;
border-radius: 100px;
overflow: hidden;
text-indent: -999px;
cursor: pointer;
-webkit-transform: scale(1);
transform: scale(1);
transition: all 0.2s ease-in-out;
}
.swiper-container .swiper-pagination-switch:hover{
-webkit-transform: scale(1.5);
transform: scale(1.5);
background: transparent;
border: 2px solid #fff;
}
.swiper-container .swiper-pagination-switch.swiper-visible-switch.swiper-active-switch{
-webkit-transform: scale(1.5);
transform: scale(1.5);
background: transparent;
border: 2px solid #fff;
}  .swiper-container .arrows{
position: absolute;
top: 50%;
width: 100%;
z-index: 2000;
margin-top: -25px;
}
.swiper-container .arrows a{
position: absolute;
opacity: 0;
display: block;
overflow: hidden;
color: #fff;
font-size: 32px;
line-height: 50px;
}
.swiper-container .arrows .l-left-arrow{
left: 0;
}
.swiper-container .arrows .l-right-arrow{
right: 0;
}
.swiper-container:hover .arrows .l-left-arrow{
left: 10px;
opacity: 1;
}
.swiper-container:hover .arrows .l-right-arrow{
right: 10px;
opacity: 1;
}   .feature-list .media-body .excerpt ol,
.feature-list .media-body .excerpt ul{
list-style: none;
margin: 0;
padding: 0;
}
.feature-list .excerpt del,
.feature-list .excerpt s{
text-decoration: none;
}
.feature-list .excerpt del:before,
.feature-list .excerpt s:before{
margin-right: 8px;
content: "\e900";
font-family: 'layers-icons';
font-size: 1.4rem;
}
.feature-list .excerpt em{
font-style: normal;
}
.feature-list .excerpt em:before{
margin-right: 8px;
content: "\e901";
font-family: 'layers-icons';
font-size: 1.4rem;
}   .darken{
position: relative;
}
.overlay.darken{
background: rgba(0, 0, 0, 0.2);
}
:not(.overlay).darken .container:before{
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
}   .avatar{
display: block;
position: relative;
}
.avatar .avatar-image{
display: block;
float: left;
margin-right: 10px;
max-width: 54px;
border-radius: 100%;
position: relative;
z-index: 1;
}
.avatar .avatar-image img{
display: block;
margin: auto;
border-radius: 100%;
}
.avatar .avatar-body{
overflow: hidden;
padding: 5px 0;
}
.avatar .avatar-body .avatar-name{
display: block;
font-weight: 700;
}
.avatar.middled{
margin-left: auto;
margin-right: auto;
text-align: center;
}
.avatar.middled .avatar-image{
float: none;
margin: auto;
}   .story{
font-size: 1.6rem;
word-wrap: break-word;
}
.story p{
margin-bottom: 20px;
}
.story address{
margin-bottom: 26px;
}
.story a:not(.button){
text-decoration: underline;
}
.story ul{
list-style: disc;
margin: 0 0 26px 35px;
}
.story ul li{
list-style: disc;
margin: 0 0 6px;
}
.story ol{
list-style: decimal;
margin: 0 0 26px 35px;
}
.story ol li{
list-style: decimal;
margin: 0 0 6px;
}
.story ul ul,
.story ul ol,
.story ol ol,
.story ol ul{
margin-bottom: 0;
}
.story .feature-list{
list-style: none;
margin-left: 15px;
}
.story dl{
margin: 0 0 26px;
}
.story dd{
margin-left: 36px;
}
.story img{
max-width: 100%;
height: auto;
}
.story img.align-center{
display: block;
}
.story h1{
margin-bottom: 26px;
font-size: 3.2rem;
font-weight: 700;
}
.story h2{
margin-bottom: 26px;
font-size: 2.2rem;
font-weight: 700;
}
.story h3{
margin-bottom: 26px;
font-size: 2.0rem;
font-weight: 700;
}
.story h4{
margin-bottom: 26px;
font-size: 1.8rem;
font-weight: 700;
}
.story h5{
margin-bottom: 26px;
font-size: 1.4rem;
font-weight: 700;
}
.story h6{
margin-bottom: 26px;
font-size: 1.4rem;
}
.story table{
font-size: 1.4rem;
}
.story blockquote{
padding: 20px;
margin-bottom: 26px;
background: rgba(0, 0, 0, 0.05);
color: rgba(0, 0, 0, 0.55);
}
.story blockquote p:last-child{
margin-bottom: 0;
}  .wp-caption{
max-width: 100%;
padding: 10px;
background: #f0f0f0;
}
.wp-caption-text{
padding: 10px 5px 5px;
margin: 0;
color: #777;
font-size: 1.4rem;
}
.wp-caption p.wp-caption-text{
padding: 10px 5px 5px;
margin: 0;
}
.wp-caption.alignright,
.story img.alignright{
float: right;
max-width: 320px;
margin: -10px 0 10px 20px;
}
.wp-caption.alignleft{
float: left;
max-width: 320px;
margin: 0 20px 10px 0;
}
.wp-caption.alignnone{
margin: 5px 20px 20px 0;
}
.gallery-caption{
font-size: 1.2rem;
}
.bypostauthor{
color: #777;
}
.alignleft{
float: left;
}
.alignright{
float: right;
}
.aligncenter{
clear: both;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.wp-caption.aligncenter{
margin-bottom: 20px;
}     .meta-info{
clear: both;
color: rgba(0, 0, 0, 0.65);
font-size: 1.2rem;
}
.meta-info + .heading{
margin-top: 15px;
}
.meta-info p{
margin: 0;
}
.meta{
overflow: hidden;
color: #8f8f8f;
font-size: 1.2rem;
text-transform: uppercase;
}
.meta-list{
overflow: hidden;
}
.meta-list li{
padding: 5px 0;
color: #777;
}
div + .meta-list{
margin-top: 10px;
}
.meta-item{
display: block;
margin-top: 2px;
}
.meta-item:first-child{
margin-top: 0;
}
.meta-item i{
display: inline-block;
width: 16px;
}
.meta-info + .heading,
.excerpt + .meta-info{
margin-top: 15px;
}
.meta-info p{
margin: 0;
}  .single .meta-item{
display: inline-block;
margin-right: 15px;
}
.single .meta-info-vertical .meta-item{
display: block;
margin-right: 0;
}   .comment{
clear: both;
}
.comment .comment{
margin-top: 20px;
}
.comment .comment:last-child{
margin-bottom: 0;
}   .comment-notes{
margin-bottom: 20px;
color: #999;
font-size: 1.2rem;
}
.comment-respond{
clear: both;
margin-top: 6%;
}
.comment-list .comment-respond{
margin-top: 0;
padding: 20px;
background: rgba(0, 0, 0, 0.05);
}
.comment-list .comment .comment-respond{
margin-top: 20px;
}
.comment-reply-title{
color: #323232;
font-size: 2.5rem;
}
.logged-in-as{
margin-bottom: 20px;
font-size: 1.2rem;
}
.logged-in-as a{
color: rgba(0, 0, 0, 0.55);
}
.logged-in-as a:hover{
text-decoration: underline;
}
p[class*='comment-form'] .required{
color: #900;
}
p[class*='comment-form']{
margin-bottom: 15px;
}
.form-allowed-tags{
max-width: 660px;
margin-bottom: 15px;
font-size: 1.2rem;
}
.form-allowed-tags code{
padding: 0;
background: none;
}
.form-submit input[type=submit]{
display: inline-block;
padding: 4px 14px;
vertical-align: middle;
background: #454545;
border: none;
color: #fff;
text-align: center;
font-weight: 700;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.form-submit input[type=submit]:hover{
background: #323232;
color: #fff;
}   .sidebar .widget li:not(:last-child){
padding: 0 0 6px;
margin: 0 0 6px;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.sidebar .widget li ul{
margin: 6px 0 0 10px;
}
.footer-site .widget li{
margin-bottom: 8px;
}
.footer-site .widget li:last-child{
border-bottom: none;
}  .widget.widget_nav_menu{
max-width: none;
margin: 0;
}
.wrapper-site .menu-main-menu-container{
max-width: 1040px;
padding: 20px 0;
margin: auto;
overflow: hidden;
text-align: center;
}
.menu-main-menu-container li{
display: inline;
margin: 0 10px;
}
.menu-main-menu-container li a{
display: inline-block;
color: #323232;
text-align: center;
font-weight: 700;
}
.menu-main-menu-container li a:hover{
color: #8F8F8F;
}  .sidebar .widget.widget_nav_menu{
margin-bottom: 20px;
}
.sidebar .menu-main-menu-container{
padding: 0;
}
.sidebar .menu-main-menu-container li{
display: block;
font-weight: normal;
}
.sidebar .menu-main-menu-container li a{
display: block;
text-align: left;
} .sidebar .widget.widget_nav_menu .sub-menu {
background-color: transparent;
visibility: visible;
opacity: 1;
position: relative;
top: auto;
left: auto;
border: none;
}
.sidebar .widget.widget_nav_menu .sub-menu li a {
padding: 0;
}
.sidebar .widget.widget_nav_menu .sub-menu li a:hover {
background-color: transparent;
color: rgba(0, 0, 0, 1);
}  .screen-reader-text{
display: none;
}
.search-form{
overflow: hidden;
}
.search-form label{
margin-bottom: 0;
}
aside .search-submit{
display: block;
width: 100%;
}
aside .search-field{
margin-bottom: 5px;
}  .footer-site .search-form label{
width: 70%;
float: left;
}
.footer-site .search-form .search-field{
border-radius: 4px 0 0 4px;
}
.footer-site .search-submit{
width: 30%;
float: left;
height: 36px;
border-radius: 0 4px 4px 0;
}  #wp-calendar{
font-size: 1.2rem;
}
#wp-calendar caption{
text-align: left;
text-transform: uppercase;
font-size: 1rem;
font-weight: 700;
}
#wp-calendar th,
#wp-calendar td{
padding: 5px;
}   .layers-contact-widget img.google-map-img{
width: 100%;
}
.row.has-map{
padding-top: 0;
}
.full-width .layers-map{
margin: 0 -10px;
}
.layers-map img{
width: auto;
max-width: none;
display: block;
}   .tooltip{
cursor: help;
position: relative;
}
.tooltip:after{
width: 220px;
padding: 15px;
border-radius: 4px;
position: absolute;
left: -15px;
bottom: 40px;
z-index: 98;
background: rgba(0, 0, 0, 0.85);
content: attr(title);
visibility: hidden;
opacity: 0;
transition: all 0.2s ease-in-out;
}
.tooltip:before{
border: solid;
content: "";
position: absolute;
left: 15px;
bottom: 34px;
z-index: 99;
border: solid;
border-color: rgba(0, 0, 0, 0.85) transparent;
visibility: hidden;
opacity: 0;
transition: all 0.2s ease-in-out;
}
.tooltip:hover:after{
opacity: 1;
visibility: visible;
bottom: 35px;
}
.tooltip:hover:before{
opacity: 1;
visibility: visible;
bottom: 29px;
}     .wpcf7-form p{
margin-bottom: 15px;
vertical-align: top;
font-weight: bold;
}
.wpcf7-form br{
display: none;
}
.wpcf7-form-control-wrap{
display: block;
margin-top: 4px;
font-weight: normal;
}   .invert .meta-info{
color: rgba(255, 255, 255, 0.65);
}
.invert .meta-info a{
color: rgba(255, 255, 255, 0.85);
}
.invert .meta-info a:hover{
color: rgba(255, 255, 255, 1);
}  .success{
display: inline-block;
padding: 5px 10px;
background: #fff;
border: 1px solid #A3C567;
font-weight: bold;
color: #A3C567;
border-left:  4px solid #A3C567;
}  .status-notice{
display: block;
margin-bottom: 10px;
border: 1px solid;
color: #fff;
font-weight: bold;
overflow: hidden;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
line-height: 32px;
}
a.status-notice:hover{
color: #fff;
text-decoration: none;
}
a.status-notice:hover span{
text-decoration: underline;
}
.status-notice [class^="icon-"],
.status-notice [class*=" icon-"]{
float: left;
width: 32px;
border-right: 1px solid rgba(0, 0, 0, 0.2);
text-align: center;
font-size: 14px;
line-height: 32px;
}
.status-notice-heading{
margin: 0;
padding: 0;
font-size: 12px;
font-weight: bold;
line-height: 12px;
}
.status-notice-heading span{
float: left;
padding: 10px 0 10px 8px;
overflow: hidden;
}  .status-good{
background: #A3C567;
border-color: #93B25E;
}
.status-neutral{
background: #2EA2CC;
border-color: #0074A2;
}
.status-bad{
background: #E1574C;
border-color: #B0453D;
}   @media only screen and (max-width: 480px){
.swiper-container .arrows{
display: none;
}
}
@media only screen and (min-width: 769px) {
.sidebar .search-field{
width: 65%;
float: left;
}
.sidebar .search-submit{
float: left;
width: 35%;
height: 36px;
}
}@media only screen and (max-width: 480px){    .span-2{
width: calc(((100% / 12) * 6) - 20px);
}
.column-flush.span-2{
width: calc(((100% / 12) * 6));
}  .row .column.span-1:nth-child(6n+7),
.row .column.span-2:nth-child(2n+3){
clear: left;
}  .span-3,
.span-4,
.span-5,
.span-6,
.span-7,
.span-8,
.span-9,
.span-10,
.span-11{
width: calc(((100% / 12) * 12) - 20px);
}
.column-flush.span-3,
.column-flush.span-4,
.column-flush.span-5,
.column-flush.span-6,
.column-flush.span-7,
.column-flush.span-8,
.column-flush.span-9,
.column-flush.span-10,
.column-flush.span-11{
width: calc(((100% / 12) * 12));
}  .list-masonry .grid{
margin-left: 10px;
margin-right: -10px;
}    .header-right .responsive-nav{
margin-left: 0;
}  .nav-tabs{
padding: 5px;
}
.nav-tabs li{
width: 50%;
padding: 5px;
margin: 0;
}  .nav-vertical{
display: block;
}
.nav-vertical .sub-menu{
width: auto;
position: static;
visibility: visible;
opacity: 1;
left: auto;
right: auto;
top: auto;
box-shadow: none;
border: none;
font-size: 1.2rem;
}
.nav-vertical .sub-menu .sub-menu{
margin-left: 10px;
}
.nav-vertical .sub-menu li{
border: none;
width: auto;
}  .swiper-slide .section-title.large .heading{
font-size: 3rem;
}
.swiper-slide .section-title.large .excerpt{
font-size: 2rem;
}    .single .meta-item{
display: block;
}    .media.image-right .media-image,
.media.image-left .media-image{
float: none;
max-width: none;
margin: 0 0 20px;
}    .copyright .column{
margin-bottom: 10px;
}
.copyright .column:last-child{
margin-bottom: 0;
}
.copyright .logo{
display: none;
}
.copyright .t-right{
text-align: left;
}
.copyright .pull-right{
float: none;
}
.copyright .nav-horizontal{
margin-top: 10px;
}
.copyright .nav-horizontal li{
margin: 0 10px 0 0;
}
}   @media only screen and (min-width: 481px){  .span-4{
width: calc(((100% / 12) * 4) - 20px);
}
.column-flush.span-4{
width: calc((100% / 12) * 4);
}  .span-5,
.span-6,
.span-7{
width: calc(((100% / 12) * 6) - 20px);
}
.column-flush.span-5,
.column-flush.span-6,
.column-flush.span-7{
width: calc((100% / 12) * 6);
}  .header-secondary{
display: block;
}
.body-header-sidebar .header-secondary .container{
max-width: none;
padding: 0 10px;
}    .image-left .media-image{
float: left;
max-width: 49%;
margin-right: 20px;
}
.image-right .media-image{
float: right;
max-width: 49%;
margin-right: 0;
margin-left: 20px;
}
.image-left .media-body,
.image-right .media-body{
margin-top: 0;
}  .span-3 .image-left .media-image,
.span-4 .image-left .media-image{
max-width: 33%;
}
.span-3 .image-right .media-image,
.span-4 .image-right .media-image{
max-width: 33%;
}
}   @media only screen and (min-width: 481px) and (max-width: 640px){    .image-left .media-image,
.image-right .media-image{
float: none;
max-width: none;
margin-left: 0;
margin-right: 0;
}
.span-3 .image-left .media-image,
.span-4 .image-left .media-image,
.span-3 .image-right .media-image,
.span-4 .image-right .media-image{
max-width: none;
}
.image-left .media-body,
.image-right .media-body{
margin-top: 10px;
}
}   @media only screen and (min-width: 481px) and (max-width: 768px){  .span-2{
width: calc(((100% / 12) * 4) - 20px);
}
.column-flush.span-2{
width: calc((100% / 12) * 4);
}  .span-3{
width: calc(((100% / 12) * 6) - 20px);
}
.column-flush.span-3{
width: calc((100% / 12) * 6);
}   .span-3 + .span-6{
width: calc(((100% / 12) * 12) - 20px);
}   .span-8{
width: calc(((100% / 12) * 12) - 20px); }
.column.sidebar{
display: flex;
flex-flow: row wrap;
min-width: calc((100% / 12) * 12);
margin-left: 0px;
margin-right: 0px; }
.column.sidebar .widget{
flex: 0 0 calc(((100% / 12) * 6) - 20px);
margin: 0 10px 20px; }  .span-9{
width: calc(((100% / 12) * 12) - 20px);
}
}   @media only screen and (min-width: 601px) and (max-width: 782px){  .row .column.span-2:nth-child(3n+4),
.row .column.span-3:nth-child(2n+3){
clear: left;
}  .admin-bar .header-sticky.is_stuck.is_stuck_show{
margin-top: 46px;
}  .header-secondary .container{
padding-left: 10px;
padding-right: 10px;
}
}   @media only screen and (max-width: 768px){  .container.list-masonry{
padding: 0 10px;
}  .header-inline .container{
-webkit-justify-content: space-between;
justify-content: space-between;
}
.header-inline .inline-site-logo{
display: -webkit-flex;
-webkit-flex: 1;
display: flex;
flex: 1;
}
.header-inline .inline-right-nav{
display: -webkit-flex;
-webkit-flex-direction: row-reverse;
display: flex;
flex-direction: row-reverse;
}
.header-inline .inline-left-nav,
.header-site.header-inline nav{
display: none;
}
.pull-left,
.pull-right{
float: none;
}  .created-using-layers{
display: block;
margin: 20px 0 -20px;
padding: 5px 10px;
background: rgba(0, 157, 243, 1);
color: #fff;
font-size: 0.9rem;
letter-spacing: 2px;
text-align: center;
text-transform: uppercase;
}
.created-using-layers:hover{
color: #fff;
background: #3D454C;
}  .form-row{
margin-bottom: 15px;
}  .admin-bar section[class*=' off-canvas-'] .close-canvas{
top: 46px;
}  .admin-bar div[class*=" off-canvas-"]{
padding-top: 47px;
}
}   @media only screen and (min-width: 601px) and (max-width: 860px){  .span-10{
width: calc(((100% / 12) * 12) - 20px);
}  .span-5 + .span-5 + .span-2{}
.span-7 + .span-5{}
.span-10 + .span-2{}  .span-5 + .span-5 + .span-2{
width: 100%;
}
}   @media only screen and (min-width: 769px) {    .span-1{width: calc((100% / 12) - 20px);}
.span-2{width: calc(((100% / 12) * 2) - 20px);}
.span-3{width: calc(((100% / 12) * 3) - 20px);}
.span-5{width: calc(((100% / 12) * 5) - 20px);}
.span-7{width: calc(((100% / 12) * 7) - 20px);}
.span-8{width: calc(((100% / 12) * 8) - 20px);}
.span-9{width: calc(((100% / 12) * 9) - 20px);}
.span-10{width: calc(((100% / 12) * 10) - 20px);}
.span-11{width: calc(((100% / 12) * 11) - 20px);}  .column-flush.span-1{width: calc(100% / 12);}
.column-flush.span-2{width: calc((100% / 12) * 2);}
.column-flush.span-3{width: calc((100% / 12) * 3);}
.column-flush.span-5{width: calc((100% / 12) * 5);}
.column-flush.span-7{width: calc((100% / 12) * 7);}
.column-flush.span-8{width: calc((100% / 12) * 8);}
.column-flush.span-9{width: calc((100% / 12) * 9);}
.column-flush.span-10{width: calc((100% / 12) * 10);}
.column-flush.span-11{width: calc((100% / 12) * 11);}  .offset-1{margin-right: 8.5%;}
.offset-2{margin-right: 17%;}
.offset-3{margin-right: 25.5%;}
.offset-4{margin-right: 34%;}
.offset-5{margin-right: 42.5%;}
.offset-6{margin-right: 51%;}
.offset-7{margin-right: 59.5%;}
.offset-8{margin-right: 68%;}
.offset-9{margin-right: 76.5%;}
.offset-10{margin-right: 85%;}
.offset-11{margin-right: 93.5%;}
.offset-left-1{margin-left: 8.5%;}
.offset-left-2{margin-left: 17%;}
.offset-left-3{margin-left: 25.5%;}
.offset-left-4{margin-left: 34%;}
.offset-left-5{margin-left: 42.5%;}
.offset-left-6{margin-left: 51%;}
.offset-left-7{margin-left: 59.5%;}
.offset-left-8{margin-left: 68%;}
.offset-left-9{margin-left: 76.5%;}
.offset-left-10{margin-left: 85%;}
.offset-left-11{margin-left: 93.5%;}
.pull-left-1{margin-left: -8.5%;}
.pull-left-2{margin-left: -17%;}
.pull-left-3{margin-left: -25.5%;}
.pull-left-4{margin-left: -34%;}
.pull-left-5{margin-left: -42.5%;}
.pull-left-6{margin-left: -51%;}
.pull-left-7{margin-left: -59.5%;}
.pull-left-8{margin-left: -68%;}
.pull-left-9{margin-left: -76.5%;}
.pull-left-10{margin-left: -85%;}
.pull-left-11{margin-left: -93.5%;}
.pull-right-1{margin-right: -8.5%;}
.pull-right-2{margin-right: -17%;}
.pull-right-3{margin-right: -25.5%;}
.pull-right-4{margin-right: -34%;}
.pull-right-5{margin-right: -42.5%;}
.pull-right-6{margin-right: -51%;}
.pull-right-7{margin-right: -59.5%;}
.pull-right-8{margin-right: -68%;}
.pull-right-9{margin-right: -76.5%;}
.pull-right-10{margin-right: -85%;}
.pull-right-11{margin-right: -93.5%;}  .row .span-2:nth-child(6n+7),
.row .span-3:nth-child(4n+5),
.row .span-4:nth-child(3n+4),
.row .span-6:nth-child(2n+3){
clear: left;
}  .header-site .container{
padding: 20px;
}  .nav-horizontal ul{
display: inline-block;
}
.responsive-nav{
display: none;
}  .header-center{
text-align: center;
}
.header-center .container,
.header-center > .header-block{
flex-direction: column;
-webkit-flex-direction: column;
}
.header-center .site-description{
display: block;
margin: 0;
}
.header-center .site-logo-link + .site-description{
margin: 10px 0 0;
}
.header-center .site-logo-link + .tagline{
margin-top: 10px;
}
.header-center nav{
margin-top: 20px;
text-align: center;
line-height: 20px;
}  .header-inline .container,
.header-inline > .clearfix{
-webkit-justify-content: center;
justify-content: center;
}
.header-inline .inline-site-logo{
display: -webkit-flex;
-webkit-justify-content: center;
display: flex;
justify-content: center;
width: 20%;
margin: 0 20px;
z-index: 1;
}
.header-inline .logo{
text-align: center;
}
.header-inline .site-description{
display: block;
margin: 0;
}
.header-inline .site-logo-link + .site-description{
margin-top: 10px;
}
.header-inline .inline-left-nav{
display: -webkit-flex;
-webkit-justify-content: flex-end;
display: flex;
justify-content: flex-end;
width: 40%;
position: relative;
z-index: 2;
}
.header-inline .inline-right-nav{
display: -webkit-flex;
-webkit-justify-content: flex-start;
-webkit-align-items: center;
display: flex;
justify-content: flex-start;
align-items: center;
width: 40%;
position: relative;
z-index: 2;
}
.header-inline .inline-right-nav nav{
display: block;
}  .nav-clear .container,
.nav-clear > .header-block{
-webkit-flex-direction: column;
-webkit-align-items: flex-start;
flex-direction: column;
align-items: flex-start;
}
.nav-clear .site-logo-link + .sitename{
margin-top: 10px;
}
.nav-clear .site-logo-link + .tagline{
margin-top: 10px;
}
.nav-clear nav{
width: 100%;
margin: 20px 0 0;
line-height: 20px;
}  .header-side-wrapper{
display: flex;
flex: 1;
flex-direction: row;
}
.header-side-wrapper .header-site{
order: 1;
width: 280px;
}
.header-side-wrapper .wrapper-content{
order: 2;
width: calc(100% - 280px);
min-height: 100vh;
}
.header-side-wrapper .header-site .container,
.header-side-wrapper .header-site > .header-block{
-webkit-flex-direction: column;
-webkit-align-items: flex-start;
flex-direction: column;
align-items: flex-start;
}
.header-side-wrapper .header-site nav{
width: 100%;
margin: 20px 0 0;
flex-direction: column;
align-items: flex-start;
}
.header-side-wrapper .header-site .nav-horizontal > ul{
float: none;
display: block;
width: 100%;
}
.header-side-wrapper .header-site .nav-horizontal li{
float: none;
margin: 0;
}
.header-side-wrapper .header-site .nav-horizontal > ul > li > a{
padding: 0;
text-align: left;
}  .header-side-wrapper .header-site .menu-item-has-children > a::after {
content: "\e600";
}
.header-side-wrapper .header-site .nav li > .sub-menu,
.header-side-wrapper .header-site .nav li .children{
top: 0;
left: 200px;
right: auto;
}
.header-side-wrapper .header-site .nav li:hover > .sub-menu,
.header-side-wrapper .header-site .nav li:hover .children{
top: 0;
left: 200px;
}  .header-side-wrapper .header-site .header-cart{
margin-left: 0px;
width: 280px;
position: fixed;
bottom: 0px;
left: 0px;
border-radius: 0px;
}    .header-sticky.is_stuck.header-center .logo{
display: none;
}
.header-sticky.is_stuck.header-center nav{
margin-top: 0;
}  .header-sticky.is_stuck.nav-clear .logo{
display: none;
}
.header-sticky.is_stuck.nav-clear nav{
margin-top: 0;
}  .header-sticky.is_stuck.header-inline .site-description{
display: none;
}  .admin-bar .header-sticky.is_stuck.is_stuck_show{
margin-top: 30px;
}    .with-overlay{
overflow: hidden;
}
.with-overlay .thumbnail-body{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
visibility: hidden;
opacity: 0;
transition: 0.2s all ease-in-out;
text-align: center;
}
.with-overlay .image-rounded + .thumbnail-body{
border-radius: 100%;
}
.with-overlay .overlay{
display: block;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.with-overlay .thumbnail-body{
background: rgba(0, 0, 0, 0.65) !important;
}
.with-overlay .heading{
opacity: 0;
color: #fff;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
transition: 0.2s all ease-in-out 0.1s;
}
.with-overlay .heading a{
color: #fff;
}
.with-overlay .button{
margin-top: 15px;
position: relative;
opacity: 0;
background: none;
border: 2px solid #fff;
position: relative;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
transition: transform 0.2s ease-in-out 0.2s, opacity 0.2s ease-in-out 0.25s;
}
.with-overlay .excerpt{display: none;}
.with-overlay .meta-info{display: none;}  .with-overlay:hover .thumbnail-media img{
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
.with-overlay:hover .thumbnail-body{
visibility: visible;
opacity: 1;
}
.with-overlay:hover .heading{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.with-overlay:hover .button{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}  .has-image .image-left.small .media-body,
.has-image .image-right.small .media-body{
margin-top: 0;
}    section[class*=' off-canvas-'] .nav-mobile{
display: none;
}    .swiper-slide .container{
padding-left: 20px;
padding-right: 20px;
}
.swiper-slide.text-center .excerpt{
margin-left: auto;
margin-right: auto;
}
.swiper-slide.image-left .container{
-webkit-flex-direction: row-reverse;
-webkit-justify-content: flex-start;
flex-direction: row-reverse;
justify-content: flex-start;
}
.swiper-slide.image-left .image-container{
width: 50%;
padding-right: 20px;
}
.swiper-slide.image-left .copy-container{
width: 50%;
padding-left: 20px;
}
.swiper-slide.image-right .container{
-webkit-flex-direction: row;
-webkit-justify-content: flex-start;
flex-direction: row;
justify-content: flex-start;
}
.swiper-slide.image-right .image-container{
width: 50%;
padding-left: 20px;
}
.swiper-slide.image-right .copy-container{
width: 50%;
padding-right: 20px;
}
.swiper-slide.text-right .excerpt{
float: right;
}
.swiper-slide.image-right .copy-container + .image-container,
.swiper-slide.image-left .copy-container + .image-container{
margin-top: 0;
}
}
@media only screen and (min-width: 1100px){  .created-using-layers{
display: block;
position: fixed;
bottom: 20px;
right: 20px;
width: 15px;
height: 14px;
z-index: 99;
background: url(//virtuous-circle.co.jp/wp-content/themes/tanokoma02/assets/css/images/created-using-layers.png) top no-repeat;
background-size: 15px 28px;
transition: all 0.15s ease-in-out;
}
.created-using-layers span{
display: none;
}
.created-using-layers:after{
padding: 4px 4px;
position: absolute;
bottom: -1px;
right: 25px;
z-index: 1;
content: attr(tooltip);
background: rgba(0, 157, 243, 0.85);
color: rgba(255, 255, 255, 0.8);
border-radius: 100px;
opacity: 0;
visibility: hidden;
transition: all 0.1s ease-in-out 0.1s;
font-size: 0.8rem;
line-height: 0.9rem;
text-transform: uppercase;
letter-spacing: 2px;
white-space: nowrap;
}
.created-using-layers:hover{
background-position: bottom;
}
.created-using-layers:hover:after{
opacity: 1;
visibility: visible;
right: 20px;
}
}
@media only screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {  #back-to-top{
display: none;
}
}@font-face {
font-family: 'layers-icons';
src:    url(//virtuous-circle.co.jp/wp-content/themes/tanokoma02/assets/css/icon-fonts/layers-icons.eot?32qo76);
src:    url(//virtuous-circle.co.jp/wp-content/themes/tanokoma02/assets/css/icon-fonts/layers-icons.eot?32qo76#iefix) format('embedded-opentype'),
url(//virtuous-circle.co.jp/wp-content/themes/tanokoma02/assets/css/icon-fonts/layers-icons.woff2?32qo76) format('woff2'),
url(//virtuous-circle.co.jp/wp-content/themes/tanokoma02/assets/css/icon-fonts/layers-icons.ttf?32qo76) format('truetype'),
url(//virtuous-circle.co.jp/wp-content/themes/tanokoma02/assets/css/icon-fonts/layers-icons.woff?32qo76) format('woff'),
url(//virtuous-circle.co.jp/wp-content/themes/tanokoma02/assets/css/icon-fonts/layers-icons.svg?32qo76#layers-icons) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="l-"], [class*=" l-"] { font-family: 'layers-icons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.l-cross:before {
content: "\e900";
}
.l-tick:before {
content: "\e901";
}
.l-pencil:before {
content: "\f040";
}
.l-file-o:before {
content: "\f016";
}
.l-file-text-o:before {
content: "\f0f6";
}
.l-calendar-o:before {
content: "\f133";
}
.l-search:before {
content: "\f002";
}
.l-shopping-cart:before {
content: "\f07a";
}
.l-user:before {
content: "\f008";
}
.l-clock-o:before {
content: "\f018";
}
.l-tags:before {
content: "\f02d";
}
.l-comment-o:before {
content: "\f0e6";
}
.l-folder-open-o:before {
content: "\f116";
}
.l-menu:before {
content: "\e601";
}
.l-top-arrow:before {
content: "\e604";
}
.l-bottom-arrow:before {
content: "\e605";
}
.l-right-arrow:before {
content: "\e600";
}
.l-left-arrow:before {
content: "\e602";
}
.l-close:before {
content: "\e603";
}.layers-logo-small .custom-logo-link img, .layers-logo-small .site-logo-link img, .layers-logo-small .mark img{
width: auto;
max-height: 20px;
}
.layers-logo-medium .custom-logo-link img, .layers-logo-medium .site-logo-link img, .layers-logo-medium .mark img{
width: auto;
max-height: 40px;
}
.layers-logo-large .custom-logo-link img, .layers-logo-large .site-logo-link img, .layers-logo-large .mark img{
width: auto;
max-height: 80px;
}
.layers-logo-massive .custom-logo-link img, .layers-logo-massive .site-logo-link img, .layers-logo-massive .mark img {
width: auto;
max-height: 120px;
}
@media only screen and (max-width: 480px){
.header-site .logo{
display: block;
max-width: 80%;
}
.layers-logo-massive .site-logo-link + .site-description,
.layers-logo-large .site-logo-link + .site-description,
.layers-logo-massive .custom-logo-link + .site-description,
.layers-logo-large .custom-logo-link + .site-description{
margin-left: 0;
}
}   .widget-post-carousel .post-carousel-row-swiper{}
.widget-post-carousel .post-carousel-row-swiper .grid {
padding: 0px;
margin: 0;
}
.widget-post-carousel .swiper-container .swiper-wrapper{
max-width: none;
}
.widget-post-carousel .swiper-container .swiper-slide{
margin-left: 0;
margin-right: 0;
max-width: none;
}
.widget-post-carousel .swiper-pagination{
position: relative;
margin: 20px 0;
}
.widget-post-carousel .swiper-slide .overlay{
display: block;
width: auto;
height: auto;
}   .button-collection .button{
margin: 0 8px;
}
.button-collection.text-left .button{
margin: 0 8px 0 0;
}
.button-collection.text-right .button{
margin: 0 0 0 8px;
}     .button-social{
padding: 8px 15px;
line-height: 1;
}
.button-social.btn-small{
padding: 8px 15px;
}
.button-social.btn-medium{
padding: 8px 15px;
}
.button-social.btn-large{
padding: 8px 20px;
}
.button-social.btn-massive{
padding: 10px 30px;
}  .button-social i{
width: 1.6rem;
font-size: 1.4rem;
}
.button-social.btn-medium i{
width: 2.0rem;
font-size: 1.8rem;
}
.button-social.btn-large i{
width: 2.4rem;
font-size: 2.2rem;
}
.button-social.btn-massive i{
width: 2.2rem;
font-size: 2.2rem;
}  .button-social .network-name{
padding-left: 8px;
margin-left: 2px;
border-left: 1px solid rgba(255, 255, 255, 0.3);
text-transform: capitalize;
}   .layers-pro-tabs {
}
.layers-pro-tabs .nav-tabs.no-background {
background: none;
}
.tab-row.has-borders li > a{
border-width: 0px;
}  .tab-content{}
.tab-content > .row{
display: none;
}
.tab-content > .row:first-child{
display: block;
}   .accordion-list {}
.accordion-list > li {
margin-bottom: 1px;
}
.accordion-list > li > a {
border-bottom: 1px solid transparent;
display: block;
transition: .1s;
}
.accordion-list > li.active > a {}
.accordion-list > li:first-child > a {
border-top: 1px solid transparent;
}
.accordion-list > li > a:before {
content: "\e600";
font-family: 'layers-icons';
color: rgba(0,0,0,0.25);
font-size: .8em;
margin: 0 0.3em 0 0;
font-weight: bold;
transition: .1s;
display: inline-block;
}
.accordion-list > li.active > a:before {
transition: .2s;
transform: rotate(90deg);
}
.accordion-list > li > section {
border-bottom: 1px solid transparent;
position: absolute;
visibility: hidden;
}
.accordion-item-styling .accordion-list > li > a {
border-bottom-color: rgba(0,0,0,0.05);
}
.accordion-item-styling .accordion-list > li > a:hover{
background: rgba(0, 0, 0, 0.01);
}
.accordion-item-styling .accordion-list > li:first-child > a {
border-top-color: rgba(0,0,0,0.05);
}
.accordion-item-styling .accordion-list > li > section {
border-bottom-color: rgba(0,0,0,0.05);
}  .accordion-button{
padding: 8px 10px;
}
.accordion-button.accordion-small{
padding: 4px 8px;
font-size: 1.2rem;
}
.accordion-button.accordion-small:before{
font-size: .9rem;
margin: 0 .4em 0 0;
}
.accordion-button.accordion-large{
padding: 10px 18px;
font-size: 1.8rem;
}
.accordion-button.accordion-large:before{
font-size: 1.4rem;
margin: 0 0.5em 0 0;
}
.accordion-button.accordion-massive{
padding: 15px 21px;
font-size: 2.0rem;
}
.accordion-button.accordion-massive:before{
font-size: 1.6rem;
margin: 0 .5em 0 0;
}  .swiper-slide video{
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
z-index: auto;
background-size: cover;
object-fit: cover;
-webkit-object-fit: cover;
}
.swiper-slide video source{
width: 100%;
height: 100%;
}
.layerspro-slider-video {
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
}
.layerspro-slider-video iframe{
max-width: none;
position: absolute;
display: block;
}
.layerspro-slider-video.layers-slider-video-ultra-wide iframe{
width: 100%;
height: 350%;
top: -125%;
left: 0;
}
.layerspro-slider-video.layers-slider-video-super-wide iframe{
width: 100%;
height: 250%;
top: -75%;
left: 0;
}
.layerspro-slider-video.layers-slider-video-wide iframe{
width: 100%;
height: 200%;
top: -50%;
left: 0;
}
.layerspro-slider-video.layers-slider-video-square iframe{
width: 160%;
height: 100%;
top: 0;
left: -30%;
}
.layerspro-slider-video.layers-slider-video-tall iframe{
width: 250%;
height: 100%;
top: 0;
left: -75%;
}
.layerspro-slider-video.layers-slider-video-super-tall iframe {
width: 400%;
height: 100%;
top: 0;
left: -150%;
}    .header-search{
display: -webkit-flex;;
display: flex;
line-height: 40px;
margin-left: 10px;
}
.header-search + .header-cart{
margin-left: 20px;
}
.header-center .header-search,
.nav-clear .header-search{
line-height: 20px;
}  .header-side-wrapper .header-search{
margin-left: 0;
}  .search-interface-overlay{
visibility: hidden;
opacity: 0;
display: flex;
align-items: center;
position: fixed;
top: 0;
left: -150%;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
z-index: 10000;
transition:
all 0s 0s cubic-bezier(0.32, 0, 0, 1),
transform .3s .15s cubic-bezier(0.32, 0, 0, 1),
background .3s 0s cubic-bezier(0.32, 0, 0, 1);
transform: scale(2);
}
.search-interface-holder{
width: 100%;
max-width: 1040px;
margin: auto;
padding: 0 20px;
}
.search-interface-overlay .search-text{
opacity: 0;
font-size: 2rem;
color: rgba(255,255,255,0.5);
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
transition: 0.3s all ease-in-out 0.4s;
}
.search-interface-overlay .search-field{
opacity: 0;
display: block;
width: 100%;
max-width: 100%;
height: auto;
padding: 0 0 10px;
background: none;
border: 0;
border-bottom: 2px solid transparent;
color: #fff;
font-size: 6rem;
line-height: 1.4;
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
transition: border-color 0.3s ease-in-out 0.4s,
opacity 0.3s ease-in-out 0.2s,
transform 0.3s ease-in-out 0.2s;
}
.search-interface-overlay .search-submit {
display: none;
}
.search-close{
opacity: 0;
position: absolute;
right: 60px;
top: 60px;
width: 38px;
padding: 8px;
background: rgba(255,255,255,0.75);
border-radius: 100px;
border: 2px solid transparent;
text-align: center;
color: rgba(0, 0, 0, 0.7);
font-size: 1.4rem;
line-height: 1.3; transition: opacity 0.3s ease-in-out 0.25s,
transform 0.3s ease-in-out 0.25s;
}
.search-close:hover{
color: rgba(255, 255, 255, 1);
background: rgba(255, 255, 255, 0.25);
border-color: rgba(255, 255, 255,0.5);
}
.search-close:active{
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
}  .search-interface-play-in{
visibility: visible;
opacity: 1;
left: 0;
background: rgba(0, 0, 0, 0.84);
transform: scale(1);
}
.search-interface-play-in .search-text,
.search-interface-play-in .search-field,
.search-interface-play-in .search-close{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.search-interface-play-in .search-field{
border-bottom-color: rgba(255, 255, 255, 1);
}
.search-interface-play-out{
visibility: hidden;
opacity: 0;
left: -150%;
background: rgba(0, 0, 0, 0);
transition:
all 0s .5s cubic-bezier(0.32, 0, 0, 1),
opacity .2s .3s cubic-bezier(0.32, 0, 0, 1),
background .2s .3s cubic-bezier(0.32, 0, 0, 1);
}
.search-interface-play-out .search-text,
.search-interface-play-out .search-close{
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
transition: opacity 0.45s ease-in-out 0s,
transform 0.45s ease-in-out 0s;
}
.search-interface-play-out .search-field{
border-bottom-color: transparent;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
transition: border-bottom-color 0.2s ease-in-out 0.05s,
opacity 0.4s ease-in-out 0.05s,
transform 0.4s ease-in-out 0.05s;
}   @media only screen and (max-width: 480px){  .header-search,
.search-interface-overlay{
display: none;
}  .hide-phone{
display: none;
} }   @media only screen and (min-width: 481px) and (max-width: 768px){  .hide-tablet{
display: none;
}
}   @media only screen and (min-width: 769px){  .hide-desktop{
display: none;
}
}