html {
overflow-y: scroll;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
*,
*:before,
*:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
html {
font-size: 13px;
}
body {
background: #fff;
text-align: center;
word-wrap : break-word;
font-size: 14px;
font-size: 1.08rem;
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "a-otf-midashi-go-mb31-pr6n", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
overflow-wrap : break-word;
}
body, textarea {
line-height: 1.5;
}
a, 
a:visited {
color: #06c;
text-decoration: underline;
}
a:hover, 
a:focus {
text-decoration: none;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
a:active {
position: relative;
top: 1px;
color: #f33;
}
a:link {
-webkit-tap-highlight-color: rgba(000, 000, 000, 0);
}
img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}
input,textarea {
max-width: 100%;
height: auto;
} .iframe-wrap {
position: relative;
padding-top: 56.25%;
width: 100%;
}
.iframe-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wrapper {
margin: 0 auto;
}
.header-bar {
width: 100%;
min-height: 30px;
}
.header-bar-inner, 
.banner-inner, 
.glovalnavi-inner, 
.container-inner, 
.footer-menu-inner, 
.footer-inner {
margin: 0 auto;
width: 1000px; } .glovalnavi-inner:before,
.glovalnavi ul:before,
.container:before,
.entry:before,
.entry-content:before,
.social-buttons:before,
.entry-navi:before,
.sidebar:before, .footer-menu-inner:before,
.footer-inner:before,
.widget-item:before,
.search-bar:before,
.c3:before,
.c2:before,
.c1:before,
.cf:before { content:""; display:table; }
.glovalnavi-inner:after,
.glovalnavi ul:after,
.container:after,
.entry:after,
.entry-content:after,
.social-buttons:after,
.entry-navi:after,
.sidebar:after, .footer-menu-inner:after,
.footer-inner:after,
.widget-item:after,
.search-bar:after,
.c3:after,
.c2:after,
.c1:after,
.cf:after { content:""; display:table; clear:both; }
.glovalnavi-inner,
.glovalnavi ul,
.container,
.entry,
.entry-content,
.social-buttons,
.entry-navi,
.sidebar, .footer-menu-inner,
.footer-inner,
.widget-item,
.search-bar,
.c3,
.c2,
.c1,
.cf { zoom:1; }  .header-bar {
background: #666;
overflow: hidden;
} .header-bar .menu, 
.header-bar .sb-menu {
float: right;
margin: 0 0 0 5px;
padding: 6px 0 9px;
line-height: 1;
}
.header-bar .menu li, 
.header-bar .sb-menu li {
display: inline;
margin: 0;
margin-right: 10px;
color: #ededed;
text-align: right;
font-weight: normal;
font-size: 12px;
font-size: 0.93rem;
line-height: 1;
}
.header-bar .menu li:last-child, 
.header-bar .sb-menu li:last-child {
margin-right: 0;
}
.header-bar .menu li a, 
.header-bar .sb-menu li a {
padding: 11px 0;
color: #ededed;
text-decoration: none;
}
.header-bar .menu li a:hover, 
.header-bar .sb-menu li a:hover {
color: #fff;
text-decoration: none;
}
.header-bar .menu li a {
padding-left: 18px;
background-image: url(//xn--bdkaaa1lbbb.com/wp-content/themes/refinepro/img/icon-arrow1.png);
background-position: left center;
background-repeat: no-repeat;
} .header-bar .sb-menu li a {
padding-left: 18px;
background-position: left center;
background-repeat: no-repeat;
}
.header-bar .sb-menu li a.law         { background-image: url(//xn--bdkaaa1lbbb.com/wp-content/themes/refinepro/img/icon-law.png); }
.header-bar .sb-menu li a.facebook    { background-image: url(//xn--bdkaaa1lbbb.com/wp-content/themes/refinepro/img/icon-facebook.png); }
.header-bar .sb-menu li a.twitter     { background-image: url(//xn--bdkaaa1lbbb.com/wp-content/themes/refinepro/img/icon-twitter.png); }
.header-bar .sb-menu li a.google-plus { background-image: url(//xn--bdkaaa1lbbb.com/wp-content/themes/refinepro/img/icon-g-plus.png); }
.header-bar .sb-menu li a.email       { background-image: url(//xn--bdkaaa1lbbb.com/wp-content/themes/refinepro/img/icon-email.png); }
.header-bar .sb-menu li a.profile     { background-image: url(//xn--bdkaaa1lbbb.com/wp-content/themes/refinepro/img/icon-profile.png); }
.header-bar .sb-menu li a.sitemap     { background-image: url(//xn--bdkaaa1lbbb.com/wp-content/themes/refinepro/img/icon-sitemap.png); }
.header-bar .sb-menu li a.rss         { background-image: url(//xn--bdkaaa1lbbb.com/wp-content/themes/refinepro/img/icon-rss.png); } .banner {
text-align: left;
letter-spacing: 1px;
zoom: 1;
}
.banner:after{
display: table;
clear: both;
content: "";
}
.banner-inner {
line-height: 0;
}
.site-title {
margin: 0;
padding: 1em 0 5px;
font-weight: bold;
font-size: 26px;
font-size: 2rem;
line-height: 1.33;
}
.site-title a, 
.site-title a:visited {
color: #333;
text-decoration: none;
}
.site-title a:hover {
color: #999;
}
.site-description {
margin-bottom: 2.5em;
width: 66%;
color: #666;
font-size: 14px;
font-size: 1.08rem;
line-height: 1.5;
} .glovalnavi {
}
.glovalnavi-inner {
margin: 0 auto;
}
.glovalnavi ul {
list-style: none;
text-align: left;
line-height: 0;
}
.glovalnavi li {
float: left;
margin: 0 20px 15px 0;
padding: 18px 0 0;
text-align: left;
font-size: 14px;
font-size: 1.08rem;
line-height: 1;
}
.glovalnavi li a, 
.glovalnavi li a:visited {
text-decoration: none;
}
.glovalnavi li a:hover {
}
.glovalnavi ul {
list-style: none;
margin: 0;
padding: 0;
}
.glovalnavi li {
float: left;
white-space: nowrap;
} .glovalnavi ul ul {
position: absolute;
z-index: 10;
display: none;
padding: 15px 0 0;
border: none;
background-image: none;
}
.glovalnavi li li {
position: relative;
display: block;
clear: left;
padding: 15px;
width: 100%;
border: 1px solid #ccc;
border-top-width: 0;
background: #fff;
box-shadow: none;
font-weight: normal;
}
.glovalnavi li li:first-child {
border-top-width: 1px;
}
.glovalnavi li li:last-child {
border-radius: 0 0 5px 5px;
}
.glovalnavi li li:hover {
background: #f3f3f3;
border-bottom: 1px solid #bbb;
}
.glovalnavi li li a {
padding: 0;
background: none;
box-shadow: none;
color: #555;
text-shadow: 0 1px 0 #fff;
font-size: 12px;
font-size: 0.93rem;
line-height: 1;
}
.glovalnavi li li:hover > a,
.glovalnavi li li a:hover {
box-shadow: none;
color: #000;
text-shadow: 0 1px 0 #fff;
}
.glovalnavi li li a:before {
content: none;
}
.glovalnavi ul ul ul {
top: -1px;
left: 100%;
padding-top: 0;
}
.glovalnavi ul li:hover > ul {
display: block;
} .breadcrumb {
margin-bottom: 15px;
}
.breadcrumb a,
.breadcrumb a:visited {
color: #444;
}
.breadcrumb ul {
margin: 0;
padding: 0;
list-style: none;
text-align: left;
font-size: 0;
}
.breadcrumb li {
display: inline;
padding-right: 5px;
color: #666;
font-size: 12px;
font-size: 0.93rem;
line-height: 1.333;
}
.breadcrumb a {
text-decoration: none;
font-weight: normal;
}
.breadcrumb a:hover {
color: #222;
}
.breadcrumb a:after {
padding-left: 5px;
color: #ccc;
content: ">";
}
.breadcrumb li:last-child a:after {
content: none;
} .container {
padding-bottom: 20px;
} .page-title {
margin: 0;
padding: 18px 0 22px;
border-top: 1px solid #999;
color: #222;
text-align: left;
text-shadow: 0 1px 0 #fff;
font-weight: normal;
font-size: 20px;
font-size: 1.54rem;
line-height: 1.5;
} .contents { display: block;
float: none;
width: auto;
}
.main {
float: left;
margin-right: -356px; width: 100%;
}
.main > * {
margin-right: 356px; }
.sidebar1 {
float: right;
width: 336px;
}
.sidebar2 {
float: right;
clear: right;
width: 336px;
}
.sidebar2 {
position: relative;
z-index: 1;
}  .column3 .main,
.right_sidebar .main,
.left_sidebar .main,
.column1 .main {
margin-right: 0;
width: auto;
}
.column3 .main > *,
.right_sidebar .main > *,
.left_sidebar .main > *,
.column1 .main > * {
margin-right: 0;
}
.column3 .sidebar1,
.right_sidebar .sidebar1,
.left_sidebar .sidebar1,
.column1 .sidebar1 {
width: auto
}
.column3 .sidebar2,
.right_sidebar .sidebar2,
.left_sidebar .sidebar2,
.column1 .sidebar2 {
width: auto;
} .column3 .contents { display: inline;
float: left;
width: 800px;
}
.column3 .main {
display: inline;
float: right;
margin-right: 20px;
width: 560px;
}
.column3 .sidebar1 {
display: inline;
float: left;
margin-bottom: 15px;
width: 200px;
}
.column3 .sidebar2 {
display: inline;
float: right;
margin-bottom: 20px;
width: 200px;
} .right_sidebar .contents { display: block;
float: none;
width: auto;
}
.right_sidebar .main {
float: left;
margin-right: -356px; width: 100%;
}
.right_sidebar .main > * {
margin-right: 356px; }
.right_sidebar .sidebar1 {
float: right;
width: 336px;
}
.right_sidebar .sidebar2 {
float: right;
clear: right;
width: 336px;
} .left_sidebar .contents { display: block;
float: none;
width: auto;
}
.left_sidebar .main {
float: right;
margin-left: -356px; width: 100%;
}
.left_sidebar .main > * {
margin-left: 356px; }
.left_sidebar .sidebar1 {
float: left;
width: 336px;
}
.left_sidebar .sidebar2 {
float: left;
clear: left;
width: 336px;
} .column1 .contents {
display: inline;
float: left;
width: 100%;
}
.column1 .main {
float: none;
margin: 0 auto;
padding: 0;
width: 80%;
}
.column1 .sidebar1, 
.column1 .sidebar2 {
display: none;
} .h1, 
.entry-content h1,
.textwidget h1 {
color: #222;
font-size: 18px;
font-size: 1.39rem;
font-weight: bold;
line-height: 1.3;
text-align: left;
margin: 0 0 0.5em;
padding: 0;
}
.h2, 
.entry-content h2,
.textwidget h2 {
margin: 2em 0 1em;
padding: .75em 1em;
border-top: 3px solid #999;
border-bottom: 1px solid #bbb;
background: #ededed;
background: -webkit-linear-gradient(       top, #fff 0%, #ededed 100%);
background:         linear-gradient( to bottom, #fff 0%, #ededed 100%);
box-shadow: 0 1px 3px 1px rgba(000, 000, 000, .25);
color: #222;
text-align: left;
text-shadow: 0 1px 0 #fff;
font-weight: bold;
font-size: 18px;
font-size: 1.39rem;
line-height: 1.33;
}
.h3, 
.entry-content h3,
.textwidget h3,
.entry-content .yarpp-related h3 {
margin: 2em 0 1em;
padding: .8em .8em .7em;
border-left: 5px solid #ccc;
background: #ededed;
background: -webkit-linear-gradient(       top, #fff 0%, #ededed 100%);
background:         linear-gradient( to bottom, #fff 0%, #ededed 100%);
box-shadow: 0 1px 2px 1px rgba(000, 000, 000, .2);
color: #222;
text-align: left;
text-shadow: 0 1px 0 #fff;
font-weight: bold;
font-size: 16px;
font-size: 1.24rem;
line-height: 1.33;
}
.h4, 
.entry-content h4,
.textwidget h4 {
margin: 2em 0 1em;
padding: .8em .8em .7em;
border-top: 1px solid #ccc;
border-radius: 4px;
background: #e6e6e6;
background: -webkit-linear-gradient(       top, #eee 0%, #e9e9e9 100%);
background:         linear-gradient( to bottom, #eee 0%, #e9e9e9 100%);
box-shadow: 0 1px 2px rgba(000, 000, 000, .066) inset;
color: #222;
text-align: left;
text-shadow: 0 1px 0 #fff;
font-weight: bold;
font-size: 16px;
font-size: 1.24rem;
line-height: 1.33;
}
.h5, 
.entry-content h5,
.textwidget h5 {
margin: 2em 0 .5em;
padding: 0 0 0 5px;
border-left: 16px solid #999;
color: #333;
text-align: left;
font-weight: bold;
font-size: 16px;
font-size: 1.24rem;
line-height: 1;
}
.h6, 
.entry-content h6,
.textwidget h6 {
margin: 2em 0 .25em;
padding: 0;
color: #444;
text-align: left;
font-weight: bold;
font-size: 16px;
font-size: 1.24rem;
line-height: 1.33;
}
.entry-content img,
.textwidget img {
height: auto;
max-width: 100%;
}
.h1 a, 
.h2 a, 
.h3 a, 
.h4 a, 
.h5 a, 
.h6 a, 
.h1 a:visited, 
.h2 a:visited, 
.h3 a:visited, 
.h4 a:visited, 
.h5 a:visited, 
.h6 a:visited, 
h1 a, 
h2 a, 
h3 a, 
h4 a, 
h5 a, 
h6 a, 
h1 a:visited, 
h2 a:visited, 
h3 a:visited, 
h4 a:visited, 
h5 a:visited, 
h6 a:visited {
color: #222;
text-decoration: none;
}
.h1 a:hover, 
.h2 a:hover, 
.h3 a:hover, 
.h4 a:hover, 
.h5 a:hover, 
.h6 a:hover, 
h1 a:hover, 
h2 a:hover, 
h3 a:hover, 
h4 a:hover, 
h5 a:hover, 
h6 a:hover {
color: #222;
text-decoration: underline;
} .widget-title {
margin: 0;
padding: 0 0 1em;
color: #222;
text-align: left;
font-weight: normal;
font-size: 15px;
font-size: 1.16rem;
line-height: 1.3;
}
.widget .entry-title a {
text-decoration: none;
}
.widget .entry-title a:hover {
text-decoration: underline;
} .entry,
.main .widget {
margin: 0 0 20px;
text-align: left;
}
.entry > *:last-child,
.main .widget > *:last-child {
margin-bottom: 0;
}
.main p {
margin: 0 0 1.5em;
padding: 0;
color: #222;
text-align: left;
font-size: 14px;
font-size: 1.08rem;
line-height: 1.95;
}
.main p small {
color: #222333;
font-size: 12px;
font-size: 0.93rem;
}
.main blockquote {
margin: 20px;
padding: 1.5em;
border: 1px #ccc solid;
border-radius: 4px;
background: #f3f3f3;
}
.main blockquote > :first-child {
margin-top: 0;
}
.main blockquote > :last-child {
margin-bottom: 0;
}
.main pre {
}
.main dl {
margin: 20px 20px 20px 20px;
padding: 0;
color: #222333;
text-align: left;
font-size: 14px;
font-size: 1.08rem;
line-height: 1.95;
}
.main dt {
font-weight: bold;
}
.main dd {
margin-left: 2em;
}
.main ul {
margin: 0 0 1.5em 3em;
padding: 0;
list-style-type: disc;
text-align: left;
}
.main ol {
margin: 0 0 1.5em 3em;
padding: 0;
list-style-type: decimal;
text-align: left;
}
.main li {
margin: 0;
padding: 0;
color: #222333;
text-align: left;
font-size: 14px;
font-size: 1.08rem;
line-height: 1.95;
}
.main table {
margin: 0 0 1em;
width: 100%;
border-spacing: 0;
border-collapse: collapse;
border: none;
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
background: #fff;
color: #222;
text-align: left;
font-size: 13px;
font-size: 1rem;
line-height: 1.5;
}
.main th, 
.main td {
padding: 0.75em 1em;
border: none;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
vertical-align: top;
}
.main th {
background: #f3f3f3;
font-weight: bold;
color: #333;
} .entry-content {
color: #222;
line-height: 1.95;
}
.entry-content img {
max-width: 100%;
height: auto;
} .entry-img {
float: right;
overflow: hidden;
}
.entry-img img {
margin: 0 0 15px 15px;
width: inherit;
height: auto;
}
.column3 .entry-img img {
max-width: 186px;
}
.right_sidebar .entry-img img,
.left_sidebar .entry-img img {
max-width: 220px;
} a .moretext {
display: block;
text-align: right;
font-size: 12px;
font-size: 0.93rem;
}
a:hover .moretext {
} .social-buttons {
text-align: left;
margin-top: 20px;
margin-bottom: 20px;
font-size: 0;
line-height: 1;
}
.sb-button {
float: left;
margin-right: 5px;
} .entry-meta {
margin: 0 0 20px;
padding: 1em 0 0;
border-top: 1px solid #ccc;
color: #666;
font-size: 12px;
font-size: 0.93rem;
line-height: 2;
}
.entry-meta a, 
.entry-meta a:visited, 
.entry-meta a:hover {
color: #666;
text-decoration: none;
border-bottom: 1px solid rgba(0,0,0,.1);
}
.entry-meta-item {
margin-right: .5em;
margin-bottom: .5em;
} .entry-meta-item.author { display: none; } .entry-meta-item.date-modified { margin-left: -1em; } .main .widget-title {
margin: 0;
padding: 0 0 1em;
color: #222;
text-align: left;
font-weight: bold;
font-size: 18px;
font-size: 1.39rem;
line-height: 1.3;
}
.main .widget ul {
margin: -10px 0 0;
}
.main .widget ul li {
padding: 6px 0 5px;
border-bottom: 1px solid #ddd;
list-style: none ;
}
.main .widget ul li ul {
margin: 2px 0 2px 1em;
}
.main .widget ul li li {
margin: 0 0 0 13px;
padding: 0 0 2px;
border-bottom: none;
background: none;
list-style: none;
} .main .widget_archive {
} .main .widget_nav_menu {
} .main .widget_categories {
} .main .widget_calendar {
} .main .widget_tag_cloud {
} .main .widget_links {
} .main .widget_pages {
} .main .widget_recent_comments {
} .main .widget_recent_entries {
}
.main .widget_recent_entries .post-date {
float: right;
margin-top: .3em;
color: #666;
font-size: 12px;
font-size: 0.93rem;
} .main .widget_search {
} .page-navi {
text-align: left;
}
.page-navi .page-numbers {
margin: 0 2px 1em 0;
display: inline-block;
*display: inline;
*zoom: 1;
}
.page-navi a.page-numbers, 
.page-navi .current, 
.page-navi a.next, 
.page-navi a.prev {
padding: 5px 12px;
border: 1px solid #b0b0b0;
border-radius: 4px;
background: #fff;
background: -webkit-linear-gradient(top, #fff 0%, #e6e6e6 100%);
background:         linear-gradient(top, #fff 0%, #e6e6e6 100%);
box-shadow: 0 1px 2px rgba(000, 000, 000, .1);
color: #222;
text-decoration: none;
font-size: 12px;
font-size: 0.93rem;
font-family: Arial, Helvetica, sans-serif;
}
.page-navi .dots {
margin: 0 2px 1em 0;
padding: 5px 5px;
}
a.page-numbers:hover {
border: 1px solid #aaa;
background: #ccc;
background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
background:         linear-gradient(top, #ddd 0%, #bbb 100%);
color: #000;
text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}
a.page-numbers:active {
box-shadow: 0 1px 1px rgba(000, 000, 000, 0.6) inset;
}
.page-navi .current {
border: 1px solid #444;
border-radius: 4px;
background: #666;
background: -webkit-linear-gradient(top, #555 0%, #777 100%);
background:         linear-gradient(top, #555 0%, #777 100%);
box-shadow: 0 2px 3px rgba(000, 000, 000, 0.5) inset;
color: #fff;
text-decoration: none;
text-shadow: 0 1px 2px rgba(000, 000, 000, 1);
font-size: 12px;
font-size: 0.93rem;
font-family: Arial, Helvetica, sans-serif;
} .entry-navi {
clear: both;
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid rgba(0,0,0,.1);
color: #666;
word-wrap: break-word;
word-break: break-all;
font-size: 12px;
font-size: 0.93rem;
line-height: 1.618;
}
.entry-navi a,
.entry-navi a:visited {
color: #666;
text-decoration: none;
}
.entry-navi .previous {
float: left;
padding: 0 .5em 0 0;
width: 50%;
text-align: left;
}
.entry-navi .next {
float: right;
padding: 0 0 0 .5em;
width: 50%;
text-align: right;
} #comments, 
#respond {
margin: 20px 0 0;
padding: 1px 20px;
background: #f3f3f3;
text-align: left;
}
#respond {
padding: 1px 20px 20px;
}
#comments a:hover, 
#respond a:hover {
}
#comments h3.title, 
h3#reply-title {
margin: 15px 0 15px;
padding: 0;
color: #222;
text-align: left;
font-weight: bold;
font-size: 16px;
font-size: 1.24rem;
line-height: 1.3;
}
#comments p.wait{margin: 5px;color: #F00;}
#comments .comment-meta a:hover{color: #ccc;} ul.commentlist, 
ul.pinglist {
margin: 0 0 30px;
padding: 0;
list-style-type: none;
}
li.comment, 
li.trackback {
position: relative;
margin: 15px 0;
padding: 15px 0 0;
border-top: 1px dotted #ccc;
}
.commentlist .reply .comment-reply-link {
position: absolute;
top: 15px !important;
right: 0;
margin: 0;
padding: 0 0 2px 20px;
background: url(//xn--bdkaaa1lbbb.com/wp-content/themes/refinepro/img/icon_com.gif) no-repeat left 6px;
font-size: 12px;
font-size: 0.93rem;
}
.commentlist .avatar {
float: left;
margin: 0 10px 0 0;
padding: 3px;
border: 1px solid #ddd;
background: #fff;
}
.comment-author {
padding-bottom: 3px;
}
.fn {
font-weight: bold;
font-style: normal;
font-size: 16px;
font-size: 1.24rem;
}
.comment-meta {
margin-top: -2px;
margin-bottom: 10px;
color: #999;
text-align: left;
font-size: 12px;
font-size: 0.93rem;
}
.comment-meta a {
color: #999;
}
.commentlist p, 
.pinglist li p {
margin: 10px 0 10px;
color: #666;
text-align: left;
font-size: 12px;
font-size: 0.93rem;
line-height: 1.5;
}
.comment-body {
margin: 0 0 15px;
}
.commentlist ul.children {
margin: 0;
padding: 0;
list-style-type: none;
}
.commentlist ul.children li {
margin: 0 0 15px 55px;
padding: 15px 0 0;
font-size: 13px;
font-size: 1rem;
}
.commentlist ul.children li .fn, 
.commentlist ul.children li .comment-meta {
padding-right: 25px;
}
#commentform {
text-align: left;
}
textarea#comment {
width: 100%;
height: 10em;
border: 1px solid #ccc;
padding: .5em;
} .pinglist li {
}
.pinglist li p {
} .sub {
margin: 0 0 20px;
text-align: left;
}
.sub p {
margin: 0 0 0.75em;
padding: 0;
color: #222;
text-align: left;
font-size: 13px;
font-size: 1rem;
line-height: 1.5;
}
.sub ul {
margin: 0 0 0 20px;
padding: 0;
list-style: disc;
}
.sub li {
margin: 0;
padding: 0 0 4px;
color: #222;
text-align: left;
font-size: 13px;
font-size: 1rem;
line-height: 1.5;
}
.sub li a, 
.sub li a:visited {
color: #222;
text-decoration: none;
}
.sub li a:hover {
text-decoration: underline;
}
.img-sub {
margin: 0 auto;
text-align: center;
}
.img-sub img {
margin: 0 0 5px;
width: 150px;
} .sub h1 {
margin-top: 1em;
font-size: 13px;
font-size: 1rem;
}
.sub h2 {
margin-top: 1em;
padding: .5em .75em;
font-size: 13px;
font-size: 1rem;
}
.sub h3{
margin-top: 1em;
padding: .5em .75em;
font-size: 13px;
font-size: 1rem;
}
.sub h4 {
margin-top: 1em;
padding: .5em .75em;
font-size: 13px;
font-size: 1rem;
}
.sub h5 {
margin-top: 1em;
font-size: 13px;
font-size: 1rem;
}
.sub h6 {
margin-top: 1em;
font-size: 13px;
font-size: 1rem;
} .sub .widget {
margin-bottom: 20px;
}
.sub .widget:last-child {
margin-bottom: 0;
}
.sub .widget-title {
margin: 0 0 10px;
padding: 0;
text-align: left;
font-weight: bold;
line-height: 1.3;
}
.column3 .sub .widget-title {
font-size: 14px;
font-size: 1.08rem;
}
.right_sidebar .sub .widget-title,
.left_sidebar .sub .widget-title {
font-size: 15px;
font-size: 1.16rem;
}
.sub .widget_text, 
.sub .textwidget {
text-align: left;
}
.sub .widget_text *:first-child, 
.sub .textwidget  *:first-child {
margin-top: 0;
} .fixed-sidebar-wrapper {
margin-top: 1.5em;
}
.fixed-sidebar-wrapper .fixed-sidebar {
margin-top: 0 !important;
margin-bottom: 0 !important;
} select.postform {
padding: .1em .2em 0;
width: 100%;
} .search-input {
margin: 0;
padding: .3em .6em;
width: 100%;
border: 1px solid #bbb;
border-radius: 1px;
background: #f8f8f8;
box-shadow: 0 1px 2px rgba(000, 000, 000, .1) inset;
color: #777;
font-size: 11px;
line-height: 1.33;
}
.search-input:hover {
border: 1px solid #999;
}
.search-input:focus {
border: 1px solid #999;
background: #fff;
}
.search-submit {
margin: 0;
padding: 0 1em;
height: 24px;
border: 1px solid #bbb;
border-radius: 1px;
background: #fff;
background: -webkit-linear-gradient(top, #fff 0%, #e6e6e6 100%);
background:         linear-gradient(top, #fff 0%, #e6e6e6 100%);
color: #444;
font-size: 12px;
line-height: 2;
cursor: pointer; position: relative;
zoom: 1;
-pie-background: linear-gradient(#fff 0%, #e6e6e6 100%);
behavior: url(//xn--bdkaaa1lbbb.com/wp-content/themes/refinepro/<?php bloginfo( template_directory); ?>/PIE.htc");
}
.search-submit:hover {
border: 1px solid #999;
color: #000;
}
.search-submit:active {
box-shadow: 0 1px 2px rgba(000, 000, 000, 0.6) inset;
} #wp-calendar {
width: 100%;
color: #222;
}
#wp-calendar td, 
#wp-calendar th {
padding: 8px 0;
text-align: center;
font-size: 12px;
font-size: 0.93rem;
line-height: 1;
}
#wp-calendar caption {
padding: 10px 0 8px 0;
color: #666;
text-align: left;
font-weight: bold;
font-size: 12px;
font-size: 0.93rem;
}
#wp-calendar th {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #f3f3f3;
font-weight: bold;
}
#wp-calendar tfoot td {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
} .tagcloud {
text-align: left;
}
.tagcloud a[class^="tag-link"] {
display: inline-block;
margin: 0 .3em .3em 0;
padding: .4em;
border: 1px solid #ddd;
border-radius: 3px;
background: #f8f8f8;
color: #555;
text-decoration: none;
line-height: 1;
}
.tagcloud a[class^="tag-link"]:hover {
border: 1px solid #bbb;
background: #f3f3f3;
}  .footer-menu {
clear: both;
margin: 0 auto;
width: 100%;
}
.footer-menu .footer-menu1,
.footer-menu .footer-menu2,
.footer-menu .footer-menu3 {
float: left;
margin: 0;
padding: 0;
width: 33.333%;
}
.footer-menu .footer-menu1-inner {
padding-right: 4%;
padding-left : 0;
}
.footer-menu .footer-menu2-inner {
padding-right: 2%;
padding-left : 2%;
}
.footer-menu .footer-menu3-inner {
padding-right: 0;
padding-left : 4%;
}
.footer-menu .footer-menu1-inner > .widget,
.footer-menu .footer-menu2-inner > .widget,
.footer-menu .footer-menu3-inner > .widget {
margin-top: 20px;
}
.footer-menu .footer-menu1-inner > .widget:last-child,
.footer-menu .footer-menu2-inner > .widget:last-child,
.footer-menu .footer-menu3-inner > .widget:last-child {
margin-bottom: 20px;
} .footer {
clear: both;
border-top: 1px solid #222;
background: #464646;
box-shadow: 0 10px 10px rgba(000, 000, 000, .25) inset;
}
.footer-inner {
padding: 2em 0;
text-align: left;
font-style: normal;
font-size: 12px;
font-size: 0.93rem;
line-height: 1;
}
.footer p, 
.footer li, 
.footer small {
margin: 0;
padding: 0;
color: #ccc;
font-size: 12px;
font-size: 0.93rem;
line-height: 1.333;
}
.footer p a, 
.footer p a:visited, 
.footer li a, 
.footer li a:visited, 
.footer small a, 
.footer small a:visited {
color: #ccc;
text-decoration: none;
}
.footer p a:hover, 
.footer li a:hover, 
.footer small a:hover {
color: #fff;
} .footer small.site-info {
float: left;
text-align: left;
} .footer-navigation {
float: right;
}
.footer-navigation ul {
list-style-type: none;
font-size: 0;
}
.footer-navigation li {
float: left;
margin-left: 1em;
padding-left: 1em;
border-left: 1px solid #aaa;
}
.footer-navigation li:first-child {
margin-left: 0;
padding-left: 0;
border-left: none;
} .back-to-top {
position: fixed;
right: 20px;
bottom: 20px;
z-index: 2;
clear: both;
text-align: right;
}
.back-to-top a {
display: block;
background: url(//xn--bdkaaa1lbbb.com/wp-content/themes/refinepro/img/back-to-top.png) no-repeat center center;
background-size: contain;
width: 40px;
height: 40px;
line-height: 100px;
overflow: hidden;
}
.back-to-top a:active {
outline: 0 none black;
}  .sitemap .main p {
margin: 0 0 10px;
padding: 0;
color: #666;
text-align: left;
font-size: 14px;
font-size: 1.08rem;
line-height: 1.5;
}
.sitemap .main ul {
margin: 0 0 30px 15px;
padding: 0;
}
.sitemap .main li{
}
.sitemap .main ul li{
margin-left: 2em;
padding: 5px 0 5px 24px;
background: url(//xn--bdkaaa1lbbb.com/wp-content/themes/refinepro/img/sitemap-li.gif) left center no-repeat;
list-style-type: none;
text-align: left;
font-size: 14px;
font-size: 1.08rem;
line-height: 1.5;
}
.sitemap .main ul li:last-child {
background: url(//xn--bdkaaa1lbbb.com/wp-content/themes/refinepro/img/sitemap-li-last.gif) left center no-repeat;
}  .rewg {
text-align: left;
}
.rewg ul {
margin: 0;
padding: 0;
}
.main .rewg .widget-item {
margin-bottom: .7em;
padding-bottom: .4em;
border: none;
border-bottom: 1px solid #ddd;
list-style: none;
}
.main .rewg .widget-item:last-child {
margin-bottom: 0;
}
.sub .rewg .widget-item {
padding: 5px 0;
border: none;
border-bottom: 1px solid #ddd;
list-style: none;
background: none;
}
.sub .rewg .widget-item:last-child {
margin-bottom: 0;
} .main .rewg-entry-img {
float: right;
overflow: hidden;
margin-bottom: .5em;
margin-left: 1em;
width: 81px;
height: 50px;
}
.main .rewg-entry-img img {
max-width: 81px;
max-height: 50px;
margin: 0;
}
.sub .rewg-entry-img {
float: right;
overflow: hidden;
margin-bottom: .5em;
margin-left: 1em;
width: 40px;
height: 40px;
}
.sub .rewg-entry-img img {
max-width: 40px;
max-height: 40px;
margin: 0;
} .main .rewg-entry-title {
margin-bottom: .25em;
text-align: left;
font-size: 14px;
font-size: 1.08rem;
line-height: 1.5;
}
.sub .rewg-entry-title,
.main .entry .rewg-entry-title {
margin-bottom: 0.3em;
text-align: left;
font-size: 13px;
font-size: 1rem;
line-height: 1.5;
} .main .rewg p {
color: #555;
margin-bottom: 5px;
text-align: left;
font-size: 12px;
font-size: 0.93rem;
line-height: 1.5;
margin-top: 0;
}
.sub .rewg p {
color: #555;
text-align: left;
font-size: 12px;
font-size: 0.93rem;
line-height: 1.5;
} .main .rewg-entry-date {
margin-bottom: .4em;
color: #666;
font-size: 12px;
font-size: 0.93rem;
}
.sub .rewg-entry-date {
margin-bottom: .4em;
color: #666;
font-size: 12px;
font-size: 0.93rem;
} .main .rewg .comment-num {
color: #666;
text-align: right;
font-size: 12px;
font-size: 0.93rem;
line-height: 1.5;
}
.sub .rewg .comment-num {
color: #666;
text-align: right;
font-size: 10px;
font-size: 0.77rem;
line-height: 1.5;
}  .banners {
text-align: left;
font-size: 13px;
font-size: 1rem;
line-height: 1.618;
}
.banners .unit {
float: left;
}
.banners-image {
overflow: hidden;
margin-bottom: 5px;
text-align: left;
}
.banners-title {
display: block;
margin-bottom: 5px;
}
.banners img {
max-width: 100%;
height: auto;
} .banners.c1 .unit {
width: 100%;
} .banners.c2 .unit {
width: 50%;
}
.banners.c2 .unit1 {
margin-right: 10px;
}
.banners.c2 .unit2 {
margin-left: 10px;
} .banners.c3 .unit {
width: 33.333333%;
}
.banners.c3 .unit1 {
margin-right: 10px;
}
.banners.c3 .unit2 {
margin-right: 5px;
margin-left: 5px;
}
.banners.c3 .unit3 {
margin-left: 10px;
} .sub .banners {
margin-bottom: -5px;
text-align: left;
font-size: 12px;
font-size: 0.93rem;
line-height: 1.618;
}
.sub .banners .unit {
float: none;
margin-bottom: 5px;
}
.sub .banners.c1 .unit, 
.sub .banners.c1 .unit, 
.sub .banners.c2 .unit, 
.sub .banners.c2 .unit, 
.sub .banners.c3 .unit, 
.sub .banners.c3 .unit {
width: auto;
}
.sub .banners.c1 .unit2, 
.sub .banners.c2 .unit1, 
.sub .banners.c2 .unit2, 
.sub .banners.c3 .unit1, 
.sub .banners.c3 .unit2, 
.sub .banners.c3 .unit3 {
margin-right: 0;
margin-left: 0;
}
.sub .banners .image {
margin-bottom: 5px;
}
.sub .banners img {
max-width: 100%;
height: auto;
}  .sub-btn,
.gnavi-btn {
display: none;
}  .alignleft {
display: inline;
float: left;
margin-right: 1.625em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.625em;
}
.aligncenter {
display: block;
clear: both;
margin-right: auto;
margin-left: auto;
}
p img, 
.wp-caption {
margin-top: 0.4em;
}
.wp-caption {
margin-bottom: 1.625em;
padding: 9px;
max-width: 96%;
background: #eee;
}
.wp-caption img {
display: block;
margin: 0 auto;
max-width: 98%;
}
.wp-caption .wp-caption-text, 
.gallery-caption {
color: #666;
font-size: 12px;
font-size: 0.93rem;
font-family: Georgia, serif;
}
.wp-caption .wp-caption-text {
position: relative;
margin-bottom: 0.6em;
padding: 10px 0 5px 40px;
}
.wp-caption .wp-caption-text:before {
position: absolute;
top: 7px;
left: 10px;
margin-right: 5px;
color: #666;
content: '\2014';
font-weight: bold;
font-style: normal;
font-size: 14px;
font-size: 1.08rem;
}
.wp-caption img {
border-color: #eee;
}
.wp-caption a:focus img, 
.wp-caption a:active img, 
.wp-caption a:hover img {
border-color: #ddd; background: #fff;
}
.indexed.format-image .entry-content .wp-caption .wp-caption-text {
margin: 0;
padding-bottom: 1em;
}
.indexed.format-image .wp-caption {
margin-bottom: 0;
padding: 2% 2% 0;
max-width: 96%;
background: #111;
}
.indexed.format-image .wp-caption .wp-caption-text {
color: #ddd;
}
.indexed.format-image .wp-caption .wp-caption-text:before {
color: #444;
}
.wp-caption .wp-caption-text, 
.gallery-caption {
color: #666;
font-size: 12px;
font-size: 0.93rem;
font-family: Georgia, serif;
}
.wp-caption .wp-caption-text {
position: relative;
margin-bottom: 0.6em;
padding: 10px 0 5px 40px;
}
.wp-caption .wp-caption-text:before {
position: absolute;
top: 7px;
left: 10px;
margin-right: 5px;
color: #666;
content: '\2014';
font-weight: bold;
font-style: normal;
font-size: 14px;
font-size: 1.08rem;
}
.blog .sticky .entry-header .entry-meta {
position: absolute !important;
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
} .commentlist > li.bypostauthor {
border-color: #d3d3d3;
background: #ddd;
}
.commentlist > li.bypostauthor .comment-meta {
color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus, 
.commentlist > li.bypostauthor .comment-meta a:active, 
.commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
content: url(//xn--bdkaaa1lbbb.com/wp-content/themes/refinepro/images/comment-arrow-bypostauthor.png);
} .commentlist .children > li.bypostauthor {
border-color: #d3d3d3;
background: #ddd;
}  .m0   { margin: 0 !important }
.m0-t { margin-top: 0 !important }
.m0-r { margin-right: 0 !important }
.m0-b { margin-bottom: 0 !important }
.m0-l { margin-left: 0 !important }
.m10   { margin: 10px !important }
.m10-t { margin-top: 10px !important }
.m10-r { margin-right: 10px !important }
.m10-b { margin-bottom: 10px !important }
.m10-l { margin-left: 10px !important }
.m20   { margin: 20px !important }
.m20-t { margin-top: 20px !important }
.m20-r { margin-right: 20px !important }
.m20-b { margin-bottom: 20px !important }
.m20-l { margin-left: 20px !important }
.m30   { margin: 30px !important }
.m30-t { margin-top: 30px !important }
.m30-r { margin-right: 30px !important }
.m30-b { margin-bottom: 30px !important }
.m30-l { margin-left: 30px !important }
.m40   { margin: 40px !important }
.m40-t { margin-top: 40px !important }
.m40-r { margin-right: 40px !important }
.m40-b { margin-bottom: 40px !important }
.m40-l { margin-left: 40px !important }
.m50   { margin: 50px !important }
.m50-t { margin-top: 50px !important }
.m50-r { margin-right: 50px !important }
.m50-b { margin-bottom: 50px !important }
.m50-l { margin-left: 50px !important }
.m60   { margin: 60px !important }
.m60-t { margin-top: 60px !important }
.m60-r { margin-right: 60px !important }
.m60-b { margin-bottom: 60px !important }
.m60-l { margin-left: 60px !important } .p0   { padding: 0 !important }
.p0-t { padding-top: 0 !important }
.p0-r { padding-right: 0 !important }
.p0-b { padding-bottom: 0 !important }
.p0-l { padding-left: 0 !important }
.p10   { padding: 10px !important }
.p10-t { padding-top: 10px !important }
.p10-r { padding-right: 10px !important }
.p10-b { padding-bottom: 10px !important }
.p10-l { padding-left: 10px !important }
.p20   { padding: 20px !important }
.p20-t { padding-top: 20px !important }
.p20-r { padding-right: 20px !important }
.p20-b { padding-bottom: 20px !important }
.p20-l { padding-left: 20px !important }
.p30   { padding: 30px !important }
.p30-t { padding-top: 30px !important }
.p30-r { padding-right: 30px !important }
.p30-b { padding-bottom: 30px !important }
.p30-l { padding-left: 30px !important }
.p40   { padding: 40px !important }
.p40-t { padding-top: 40px !important }
.p40-r { padding-right: 40px !important }
.p40-b { padding-bottom: 40px !important }
.p40-l { padding-left: 40px !important }
.p50   { padding: 50px !important }
.p50-t { padding-top: 50px !important }
.p50-r { padding-right: 50px !important }
.p50-b { padding-bottom: 50px !important }
.p50-l { padding-left: 50px !important }
.p60   { padding: 60px !important }
.p60-t { padding-top: 60px !important }
.p60-r { padding-right: 60px !important }
.p60-b { padding-bottom: 60px !important }
.p60-l { padding-left: 60px !important } *[class*="col-"]{
margin-left : 0.83333333333333%;
margin-right: 0.83333333333333%;
float: left;
display: block;
}
.col-1  { width: 6.6666666666667% }
.col-2  { width: 15% }
.col-3  { width: 23.333333333333% }
.col-4  { width: 31.666666666667% }
.col-5  { width: 40% }
.col-6  { width: 48.333333333333% }
.col-7  { width: 56.666666666667% }
.col-8  { width: 65% }
.col-9  { width: 73.333333333333% }
.col-10 { width: 81.666666666667% }
.col-11 { width: 90% }
.col-12 { width: 98.333333333333% }
*[class*="col-"].alpha { margin-left : 0 }
*[class*="col-"].omega { margin-right: 0 }
.cl { clear: both } .b      { font-weight: bold !important }
.normal { font-weight: normal !important } .f8pt  { font-size: 8pt !important }
.f9pt  { font-size: 9pt !important }
.f10pt { font-size: 10pt !important }
.f11pt { font-size: 11pt !important }
.f12pt { font-size: 12pt !important }
.f13pt { font-size: 13pt !important }
.f14pt { font-size: 14pt !important }
.f15pt { font-size: 15pt !important }
.f16pt { font-size: 16pt !important }
.f17pt { font-size: 17pt !important }
.f18pt { font-size: 18pt !important }
.f19pt { font-size: 19pt !important }
.f20pt { font-size: 20pt !important }
.f21pt { font-size: 21pt !important }
.f22pt { font-size: 22pt !important }
.f23pt { font-size: 23pt !important }
.f24pt { font-size: 24pt !important }
.f25pt { font-size: 25pt !important } .lh10 { line-height: 1.0 !important }
.lh11 { line-height: 1.1 !important }
.lh12 { line-height: 1.2 !important }
.lh13 { line-height: 1.3 !important }
.lh14 { line-height: 1.4 !important }
.lh15 { line-height: 1.5 !important }
.lh16 { line-height: 1.6 !important }
.lh17 { line-height: 1.7 !important }
.lh18 { line-height: 1.8 !important }
.lh19 { line-height: 1.9 !important }
.lh20 { line-height: 2.0 !important } .al-c { text-align: center !important }
.al-r { text-align: right !important }
.al-l { text-align: left !important } .first-line { margin-top: 0 !important } .red    { color: #ff0000 !important }
.blue   { color: #0000dd !important }
.green  { color: #008000 !important }
.yellow { color: #ffff00 !important }
.navy   { color: #000080 !important }
.orange { color: #ff6600 !important }
.pink   { color: #ff69b4 !important }
.purple { color: #660099 !important }
.olive  { color: #808000 !important }
.lime   { color: #00ff00 !important }
.aqua   { color: #00ffff !important }
.black  { color: #000000 !important }
.gray   { color: #cccccc !important }
.white  { color: #ffffff !important } .bgc-red    {background-color: #ff0000 !important }
.bgc-blue   {background-color: #0000dd !important }
.bgc-green  {background-color: #008000 !important }
.bgc-yellow {background-color: #ffff00 !important }
.bgc-navy   {background-color: #000080 !important }
.bgc-orange {background-color: #ff6600 !important }
.bgc-pink   {background-color: #ff69b4 !important }
.bgc-purple {background-color: #660099 !important }
.bgc-olive  {background-color: #808000 !important }
.bgc-lime   {background-color: #00ff00 !important }
.bgc-aqua   {background-color: #00ffff !important }
.bgc-black  {background-color: #000000 !important }
.bgc-gray   {background-color: #cccccc !important }
.bgc-white  {background-color: #ffffff !important } .left { float: left; margin: 0 20px 20px 0 !important } .right { float: right; margin: 0 0 20px 20px !important }
.cl { visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0 }  .entry-content .yarpp-related {
clear: both;
margin-top: 20px;
}
.entry-content .yarpp-related h3 {
margin: 2em 0 1em !important;
padding: 10px !important;
font-weight: normal !important;
font-size: 16px !important;
font-size: 1.24rem !important;
}