@charset "UTF-8";
div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #ff0000;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border: 2px solid #ffa500;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: 2px solid #f7e700;
}
.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #ff0000;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-display-none {
display: none;
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(//colorful-life.co.jp/wimax/wp-content/plugins/contact-form-7/images/ajax-loader.gif);
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
div.wpcf7 input[type="file"] {
cursor: pointer;
}
div.wpcf7 input[type="file"]:disabled {
cursor: default;
}
div.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}#toc_container li,#toc_container ul{margin:0;padding:0}#toc_container.no_bullets li,#toc_container.no_bullets ul,#toc_container.no_bullets ul li,.toc_widget_list.no_bullets,.toc_widget_list.no_bullets li{background:0 0;list-style-type:none;list-style:none}#toc_container.have_bullets li{padding-left:12px}#toc_container ul ul{margin-left:1.5em}#toc_container{background:#f9f9f9;border:1px solid #aaa;padding:10px;margin-bottom:1em;width:auto;display:table;font-size:95%}#toc_container.toc_light_blue{background:#edf6ff}#toc_container.toc_white{background:#fff}#toc_container.toc_black{background:#000}#toc_container.toc_transparent{background:none transparent}#toc_container p.toc_title{text-align:center;font-weight:700;margin:0;padding:0}#toc_container.toc_black p.toc_title{color:#aaa}#toc_container span.toc_toggle{font-weight:400;font-size:90%}#toc_container p.toc_title+ul.toc_list{margin-top:1em}.toc_wrap_left{float:left;margin-right:10px}.toc_wrap_right{float:right;margin-left:10px}#toc_container a{text-decoration:none;text-shadow:none}#toc_container a:hover{text-decoration:underline}.toc_sitemap_posts_letter{font-size:1.5em;font-style:italic}*,
*::before,
*::after {
box-sizing: border-box;
}
@-ms-viewport {
width: device-width;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
h1 {
font-size: 2em;
margin: .67em 0;
}
small {
font-size: 80%;
}
img {
border-style: none;
vertical-align: middle;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
}
code, pre {
font-family: monospace, monospace;
font-size: 1em;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
}
p {
margin-top: 0;
margin-bottom: 1rem;
} button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
textarea {
overflow: auto;
resize: vertical;
}
label {
display: inline-block;
margin-bottom: .5rem;
} h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit;
} .container {
width: 100%;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
} .col-4, .col-6, .col-12 {
float: left;
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
} .clearfix::after {
display: block;
clear: both;
content: "";
} .pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 0;
list-style: none;
border-radius: 0.25rem;
} table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom;
}
th {
text-align: left;
}.fa,
.fas,
.far,
.fal,
.fab {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1; }
.fa-fw {
text-align: center;
width: 1.25em; }
.fa-pull-left {
float: left; }
.fa-pull-right {
float: right; }
.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
margin-right: .3em; }
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
margin-left: .3em; }
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear; }
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
transform: rotate(180deg); } .fa-angle-double-left:before {
content: "\f100"; }
.fa-angle-double-right:before {
content: "\f101"; }
.fa-angle-double-up:before {
content: "\f102"; }
.fa-arrow-circle-up:before {
content: "\f0aa"; }
.fa-arrow-left:before {
content: "\f060"; }
.fa-arrow-right:before {
content: "\f061"; }
.fa-arrow-up:before {
content: "\f062"; }
.fa-bars:before {
content: "\f0c9"; }
.fa-calendar-alt:before {
content: "\f073"; }
.fa-caret-right:before {
content: "\f0da"; }
.fa-caret-square-up:before {
content: "\f151"; }
.fa-caret-up:before {
content: "\f0d8"; }
.fa-chevron-circle-up:before {
content: "\f139"; }
.fa-chevron-up:before {
content: "\f077"; }
.fa-clock:before {
content: "\f017"; }
.fa-comment:before {
content: "\f075"; }
.fa-comments:before {
content: "\f086"; }
.fa-exchange-alt:before {
content: "\f362"; }
.fa-exclamation-triangle:before {
content: "\f071"; }
.fa-external-link-square-alt:before {
content: "\f360"; }
.fa-facebook-f:before {
content: "\f39e"; }
.fa-file:before {
content: "\f15b"; }
.fa-file-alt:before {
content: "\f15c"; }
.fa-folder:before {
content: "\f07b"; }
.fa-folder-open:before {
content: "\f07c"; }
.fa-get-pocket:before {
content: "\f265"; }
.fa-google-plus-g:before {
content: "\f0d5"; }
.fa-home:before {
content: "\f015"; }
.fa-id-card:before {
content: "\f2c2"; }
.fa-instagram:before {
content: "\f16d"; }
.fa-linkedin-in:before {
content: "\f0e1"; }
.fa-list:before {
content: "\f03a"; }
.fa-minus-square:before {
content: "\f146"; }
.fa-pencil-alt:before {
content: "\f303"; }
.fa-pinterest-p:before {
content: "\f231"; }
.fa-plus-square:before {
content: "\f0fe"; }
.fa-redo-alt:before {
content: "\f2f9"; }
.fa-reply-all:before {
content: "\f122"; }
.fa-rss:before {
content: "\f09e"; }
.fa-search:before {
content: "\f002"; }
.fa-smile:before {
content: "\f118"; }
.fa-spinner:before {
content: "\f110"; }
.fa-sync-alt:before {
content: "\f2f1"; }
.fa-tag:before {
content: "\f02b"; }
.fa-tags:before {
content: "\f02c"; }
.fa-th-list:before {
content: "\f00b"; }
.fa-times:before {
content: "\f00d"; }
.fa-twitter:before {
content: "\f099"; }
.fa-youtube:before {
content: "\f167"; }
@font-face {
font-family: 'Font Awesome 5 Brands';
font-style: normal;
font-weight: normal;
font-display: swap;
src: url(//colorful-life.co.jp/wimax/wp-content/themes/luxeritas/webfonts/fa-brands-400.eot);
src: url(//colorful-life.co.jp/wimax/wp-content/themes/luxeritas/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(//colorful-life.co.jp/wimax/wp-content/themes/luxeritas/webfonts/fa-brands-400.woff2) format("woff2"), url(//colorful-life.co.jp/wimax/wp-content/themes/luxeritas/webfonts/fa-brands-400.woff) format("woff"), url(//colorful-life.co.jp/wimax/wp-content/themes/luxeritas/webfonts/fa-brands-400.ttf) format("truetype"), url(//colorful-life.co.jp/wimax/wp-content/themes/luxeritas/webfonts/fa-brands-400.svg#fontawesome) format("svg"); }
.fab {
font-family: 'Font Awesome 5 Brands'; }
@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//colorful-life.co.jp/wimax/wp-content/themes/luxeritas/webfonts/fa-regular-400.eot);
src: url(//colorful-life.co.jp/wimax/wp-content/themes/luxeritas/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(//colorful-life.co.jp/wimax/wp-content/themes/luxeritas/webfonts/fa-regular-400.woff2) format("woff2"), url(//colorful-life.co.jp/wimax/wp-content/themes/luxeritas/webfonts/fa-regular-400.woff) format("woff"), url(//colorful-life.co.jp/wimax/wp-content/themes/luxeritas/webfonts/fa-regular-400.ttf) format("truetype"), url(//colorful-life.co.jp/wimax/wp-content/themes/luxeritas/webfonts/fa-regular-400.svg#fontawesome) format("svg"); }
.far {
font-family: 'Font Awesome 5 Free';
font-weight: 400; }
@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(//colorful-life.co.jp/wimax/wp-content/themes/luxeritas/webfonts/fa-solid-900.eot);
src: url(//colorful-life.co.jp/wimax/wp-content/themes/luxeritas/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(//colorful-life.co.jp/wimax/wp-content/themes/luxeritas/webfonts/fa-solid-900.woff2) format("woff2"), url(//colorful-life.co.jp/wimax/wp-content/themes/luxeritas/webfonts/fa-solid-900.woff) format("woff"), url(//colorful-life.co.jp/wimax/wp-content/themes/luxeritas/webfonts/fa-solid-900.ttf) format("truetype"), url(//colorful-life.co.jp/wimax/wp-content/themes/luxeritas/webfonts/fa-solid-900.svg#fontawesome) format("svg"); }
.fa,
.fas {
font-family: 'Font Awesome 5 Free';
font-weight: 900; }@font-face {
font-family: 'icomoon';
src:  url(//colorful-life.co.jp/wimax/wp-content/themes/luxeritas/fonts/icomoon/fonts/icomoon.eot?aqw2jx);
src:  url(//colorful-life.co.jp/wimax/wp-content/themes/luxeritas/fonts/icomoon/fonts/icomoon.eot?aqw2jx#iefix) format('embedded-opentype'),
url(//colorful-life.co.jp/wimax/wp-content/themes/luxeritas/fonts/icomoon/fonts/icomoon.woff?aqw2jx) format('woff'),
url(//colorful-life.co.jp/wimax/wp-content/themes/luxeritas/fonts/icomoon/fonts/icomoon.ttf?aqw2jx) format('truetype'),
url(//colorful-life.co.jp/wimax/wp-content/themes/luxeritas/fonts/icomoon/fonts/icomoon.svg?aqw2jx#icomoon) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
[class^="ico-"], [class*=" ico-"] { font-family: 'icomoon' !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;
}
.ico-feedly:before {
content: "\e600";
}
.ico-feedly-o:before {
content: "\e601";
}
.ico-feedly-square:before {
content: "\e602";
}
.ico-line:before {
content: "\e700";
}
.ico-line-square:before {
content: "\e701";
}
 * {
margin: 0;
padding: 0;
}
a:hover, .term img,
a:hover, .term img:hover {
transition: opacity .3s, transform .5s;
}
a:hover img {
opacity: 0.8;
}
hr {
border-top: 1px dotted #999;
}
img, video, object, canvas, svg {
max-width: 100%;
height: auto;
box-sizing: content-box;
}
.no-js img.lazy {
display: none!important;
}
pre, ul, ol {
margin: 0 0 1.6em;
}
pre {
margin-bottom: 30px;
}
blockquote, .wp-block-quote {
display: block;
position: relative;
overflow: hidden;
margin: 1.6em 5px;
padding: 25px;
font-size: 14px; font-size: 1.4rem;
background: #fdfdfd;
border: 0;
border-radius: 6px;
box-shadow: 0 5px 5px 0 rgba(18,63,82,.035), 0 0 0 1px rgba(176,181,193,.2);
}
blockquote::after {
content: "\275b\275b";
display: block;
position: absolute;
font-family: Arial, sans-serif;
font-size: 200px;
line-height: 1em;
left: -25px;
top: -15px;
opacity: .04;
}
blockquote cite, .wp-block-quote cite {
display: block;
text-align: right;
font-family: serif;
font-size: .9em;
font-style: oblique;
}
.wp-block-quote:not(.is-large):not(.is-style-large) {
border: 0;
}
blockquote ol:first-child, blockquote p:first-child, blockquote ul:first-child {
margin-top: 5px;
}
blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
margin-bottom: 5px;
}
[type="submit"], [type="text"], [type="email"], .reply a {
display: inline;
line-height: 1.0;
vertical-align: middle;
padding: 12px 12px 11px 12px;
max-width: 100%;
}
.reply a,
[type="submit"],
div[class$=-w] ul[class*=sns] li a,
.widget_categories select, .widget_archive select {
color: #333;
font-weight: normal;
background: #fff;
border: 1px solid #ddd;
}
div[class$=-w] ul[class*=sns] li a {
color: #666;
background: #fbfbfb;
border: 1px solid #ccc;
}
option, textarea, [type="text"], [type="email"], [type="search"] {
color: inherit;
background: #fff;
border: 1px solid #ddd;
}
[type="search"] {
-webkit-appearance: none;
outline-offset: -2px;
line-height: 1.0;
border-radius: 0;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
display: none;
}
textarea {
padding: 8px;
max-width: 100%;
}
.cboth {
clear: both;
}
.bold {
font-weight: bold;
} .wp-caption {
margin-bottom: 1.6em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.post .wp-caption-text,
.post .wp-caption-dd {
font-size: 12px; font-size: 1.2rem;
line-height: 1.5;
margin: 0;
padding: 0.5em 0;
}
.sticky .posted-on {
display: none;
}
.bypostauthor > article .fn::after {
content: "";
position: relative;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
.alignleft {
display: inline;
float: left;
}
.alignright {
display: inline;
float: right;
}
.aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
}
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
margin: 0.4em 1.6em 1.6em 0;
}
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
margin: 0.4em 0 1.6em 1.6em;
}
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
clear: both;
margin-top: 0.4em;
margin-bottom: 1.6em;
}
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
margin-bottom: 1.2em;
}
img[class*="wp-image-"], img[class*="attachment-"] {
max-width: 100%;
height: auto;
} .gallery-item {
display: inline-block;
text-align: left;
vertical-align: top;
margin: 0 0 1.5em;
padding: 0 1em 0 0;
width: 50%;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
@media screen and (min-width: 30em) {
.gallery-item {
max-width: 25%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
}
.gallery-caption {
display: block;
font-size: 12px; font-size: 1.2rem;
line-height: 1.5;
padding: 0.5em 0;
} .wp-block-image {
margin: 0 0 1.6em;
} #head-in {
padding-top: 28px;
background: #fff;
} .band {
position: absolute;
top: 0;
left: 0;
right: 0;
}
div[id*="head-band"] {
margin: auto;
height: 28px;
line-height: 28px;
overflow: hidden;
background: #fff;
border-bottom: 1px solid #ddd;
}
.band-menu {
position: relative;
margin: auto;
}
.band-menu ul {
font-size: 1px;
margin: 0 -5px 0 0;
position: absolute;
right: 10px;
list-style: none;
}
.band-menu li {
display: inline-block;
vertical-align: middle;
font-size: 12px; font-size: 1.2rem;
margin: 0 3px;
line-height: 1.0;
}
.band-menu li a {
color: #111;
text-decoration: none;
}
.band-menu li a:hover {
color: #0099ff;
}
.band-menu .menu-item a::before {
display: inline;
margin: 5px;
line-height: 1.0;
font-family: 'Font Awesome 5 Free';
content: "\f0da";
font-weight: 900;
} div[id*="head-band"] .snsf {
display: block;
min-width: 28px;
height: 20px;
margin: -2px -6px 0 0;
text-align: center;
}
div[id*="head-band"] .snsf a {
display: block;
height: 100%;
width: 100%;
text-decoration: none;
letter-spacing: 0px;
font-family: Verdana, Arial, Helvetica, Roboto;
padding: 4px;
border-radius: 2px;
} #sitename {
display: inline-block;
max-width: 100%;
margin: 0 0 12px 0;
font-size: 28px; font-size: 2.8rem;
line-height: 1.4;
}
#sitename a {
color: inherit;
text-decoration: none;
} .desc {
line-height: 1.4;
}
.info {
padding: 20px 10px 20px 10px;
overflow: hidden;
}
.logo, .logo-up {
margin: 15px auto -10px auto;
text-align: center;
}
.logo-up {
margin: 15px auto 0 auto;
} #header .head-cover {
margin: auto;
}
#header #gnavi,
#foot-in {
margin: auto;
} #nav {
margin: 0;
padding: 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
position: relative;
z-index: 20;
}
#nav, #gnavi ul, #gnavi li a, .mobile-nav {
color: #111;
background: #fff;
}
#gnavi .mobile-nav {
display: none;
}
#gnavi .nav-menu {
display: block;
}
#gnavi ul {
margin: 0;
text-indent: 0;
white-space: nowrap;
}
#gnavi li,
#gnavi li a {
display: block;
text-decoration: none;
text-align: center;
}
#gnavi li {
float: left;
position: relative;
list-style-type: none;
}
#gnavi li:hover > a, #gnavi li:hover > a > span, div.mobile-nav:hover, ul.mobile-nav li:hover {
color: #fff;
background: #0099ff;
}
#gnavi li ul {
display: none;
}
#gnavi .current-menu-item > a,
#gnavi .current-menu-ancestor > a,
#gnavi .current_page_item > a,
#gnavi .current_page_ancestor > a {
background: none repeat scroll 0 0 #000;
color: #fff;
}
@media (min-width: 992px){
#gnavi ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#gnavi li {
-webkit-box-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
min-width: 1px;
background: #0099ff;
}
#gnavi div > ul > li {
background: none;
}
#gnavi li span {
display: block;
}
#gnavi div > ul > li > a > span {
transition: .4s;
border-bottom: 0;
padding: 16px 18px;
}
#gnavi li > ul {
display: none;
margin: 0;
padding: 1px 0 0 0;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
background: transparent;
position: absolute;
top: 100%;
z-index: 1;
}
#gnavi li li {
width: 100%;
min-width: 160px;
}
#gnavi li li span {
border-bottom: 1px solid #ddd;
font-size: 13px; font-size: 1.3rem;
padding: 10px 15px;
width: 100%;
text-align: left;
}
#gnavi li li ul {
padding: 0;
border-top: 1px solid #ddd;
overflow: hidden;
top: -1px;
left: 100%;
}
#gnavi ul ul > li[class*="children"] > a > span::after { font-family: 'Font Awesome 5 Free';
content: "\f0da";
font-weight: 900;
position: absolute;
right: 6px;
}
}
@media (max-width: 991px){
#gnavi ul.mobile-nav {
display: table;
table-layout: fixed;
width: 100%;
margin: 0;
border: 0;
}
#gnavi div.mobile-nav {
display: block;
padding: 8px 20px;
cursor: pointer;
}
#gnavi .mobile-nav li {
display: table-cell;
text-align: center;
padding: 8px 10px;
border: 0;
float: none;
}
#gnavi .mobile-nav li i {
font-size: 18px; font-size: 1.8rem;
font-style: normal;
}
#gnavi ul {
display: none;
border: 0;
border-bottom: solid 1px #ddd;
}
#gnavi li {
display: block;
float: none;
width: 100%;
padding-left: 0;
text-align: left;
line-height: 1.2;
border-top: 1px solid #ddd;
list-style: disc inside;
}
#gnavi li:hover > a > span {
background: transparent;
}
#gnavi p {
font-size: 12px; font-size: 1.2rem;
line-height: 1.0;
margin: 6px 0 0 0;
}
} #primary {
border: 1px solid transparent;
}
#section, .grid {
margin: 0 10px 20px 0;
}
.grid {
padding: 45px 68px;
background: #fff;
border: 1px solid #ddd;
} #breadcrumb {
margin: 20px 0 15px 0;
padding: 10px;
}
#breadcrumb, #breadcrumb a {
color: #111;
text-decoration: none;
}
#breadcrumb a:hover {
text-decoration: underline;
}
#breadcrumb h1,
#breadcrumb li {
display: inline;
list-style-type: none;
font-size: 13px; font-size: 1.3rem;
}
#breadcrumb i {
margin-right: 3px;
}
#breadcrumb i.arrow {
margin: 0 8px;
}  .term {
margin-right: 10px;
}
.term img {
float: left;
max-width: 40%;
height: auto;
margin-bottom: 15px;
background: inherit;
border: 1px solid #ddd;
border-radius: 4px;
box-shadow: 0px 0px 2px 1px rgba(255, 255, 255, 1.0) inset;
}
.term img:hover {
border-color: #0066cc;
}
#related .term img {
padding: 1px;
width: 100px;
height: 100px;
} .read-more-link,
.read-more-link i {
text-decoration: underline;
} #list .toc {
margin: 0 0 25px 0;
}
#list .excerpt {
margin: 0 0 12px 0;
line-height: 1.8;
}
.exsp {
display: inline;
} #list .read-more {
clear: both;
line-height: 1.0;
margin: 35px 0 30px 0;
text-align: right;
}
#list .read-more {
margin: 0;
}
@media (max-width: 575px) {
.read-more-link {
color: inherit;
background: #fafafa;
border: 1px solid #aaa;
}
.read-more-link:hover {
color: #dc143c;
background: #f0f0f0;
text-decoration: none;
}
} .meta, .post .meta {
margin: 0;
font-size: 14px; font-size: 1.4rem;
color: #111;
margin-bottom: 35px;
line-height: 1.6;
vertical-align: middle;
padding: 16px 0;
}
.meta a {
color: #111;
text-decoration: underline;
}
.meta i {
margin: 0 5px 0 10px;
}
.meta i:first-child {
margin-left: 0;
}
.meta-box {
margin: 30px 10px;
}
.toc .meta-u,
.post .meta-u {
line-height: 1.4;
background: none;
border: 0;
margin: 0 0 10px 0;
padding: 0;
}
.post .meta-u {
overflow: hidden;
text-align: right;
} #paging {
margin: auto;
text-align: center;
}
#paging ul {
padding: 0;
}
#paging i {
font-weight: bold;
}
#paging .not-allow i {
font-weight: normal;
opacity: 0.3;
}
.pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
}
.pagination li {
-webkit-box-flex: 1 1 42px;
-ms-flex: 1 1 42px;
flex: 1 1 42px;
max-width: 42px;
min-width: 27px;
float: left;
}
.pagination > li > a,
.pagination > li > span {
display: inline-block;
width: 100%;
padding: 6px 0;
color: inherit;
background: #fff;
border: 1px solid #ddd;
border-right: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span,
.pagination > .not-allow:first-child > span:hover {
border-right: 1px solid #ddd;
}
.pagination > .active > span,
.pagination > li > a:hover {
color: #fff;
background: #dc143c;
}
.pagination > .active > span:hover,
.pagination > .not-allow > span:hover {
cursor: text;
}
.post #paging {
margin: 20px 0 40px 0;
} .post {
font-size: 16px; font-size: 1.6rem;
padding-bottom: 10px;
line-height: 1.8;
}
.post p {
margin: 0 0 1.6em;
}
.post a {
text-decoration: underline;
}
.post h2, .post h3, .post h4, .post h5, .post h6 {
line-height: 1.4;
margin-top: 35px;
margin-bottom: 30px;
}
.post h1:first-child {
margin-top: 0;
}
.post h2:first-child,
.post h3:first-child {
margin-top: 30px;
}
.post h2 {
border-left: 8px solid #999;
font-size: 24px; font-size: 2.4rem;
padding: 8px 20px;
}
.post h3 {
font-size: 22px; font-size: 2.2rem;
padding: 2px 15px;
margin-left: 5px;
border-left: 2px #999 solid;
}
.post h4 {
font-size: 18px; font-size: 1.8rem;
padding: 0 12px;
border: 0;
border-left: solid 12px #999;
} .post table {
margin-bottom: 30px;
}
.post td, .post th {
padding: 8px 10px;
border: 1px solid #ddd;
}
.post th {
text-align: center;
background: #f5f5f5;
} .post ul,
.post ol {
padding: 0 0 0 30px;
} .post .vcard {
text-align: right;
}
.post .vcard i {
margin-right: 8px;
} .entry-title, #front-page-title {
font-size: 28px; font-size: 2.8rem;
line-height: 1.5;
background: none;
border: none;
margin: 0 0 10px 0;
padding: 0;
}
.entry-title a {
color: inherit;
text-decoration: none;
}
.entry-title a:hover {
color: #dc143c;
} #sns-tops {
margin: -25px 0 45px 0;
}
#sns-bottoms {
margin: 16px 0 0 0;
}
#bottom-area #sns-bottoms {
margin-bottom: 0;
}
.sns-msg h2 {
display: inline-block;
margin: 0 0 0 5px;
padding: 0 8px;
line-height: 1.0;
font-size: 16px; font-size: 1.6rem;
background: none;
border: none;
border-bottom: 5px solid #ccc;
} #pnavi {
clear: both;
padding: 0;
border: 1px solid #ddd;
background: #fff;
height: auto;
overflow: hidden;
}
#pnavi .next,
#pnavi .prev {
position: relative;
}
#pnavi .next {
text-align: right;
border-bottom: 1px solid #ddd;
}
#pnavi i {
font-size: 22px;font-size: 2.2rem;
}
#pnavi .next-arrow,
#pnavi .prev-arrow {
font-size: 16px; font-size: 1.6rem;
position: absolute;
top: 10px;
}
#pnavi .next-arrow {
left: 20px;
}
#pnavi .prev-arrow {
right: 20px;
}
#pnavi .ntitle,
#pnavi .ptitle {
margin-top: 32px;
}
#pnavi img {
height: 100px;
width: 100px;
border: 1px solid #ddd;
border-radius: 8px;
}
#pnavi a {
display: block;
padding: 15px 30px;
overflow: hidden;
text-decoration: none;
color: #999;
min-height: 132px;
}
#pnavi a:hover {
color: #dc143c;
}
#pnavi a > img,
#pnavi a:hover > img {
transition: opacity .4s, transform .4s;
}
#pnavi a:hover > img {
border-color: #337ab7;
}
#pnavi .block-span {
display: block;
margin-top: 35px;
}
#pnavi .next img,
#pnavi .no-img-next i {
float: right;
margin: 0 0 0 10px;
}
#pnavi .prev img,
#pnavi .no-img-prev i {
float: left;
margin: 0 10px 0 0;
}
#pnavi i.navi-home,
#pnavi .no-img-next i,
#pnavi .no-img-prev i {
height: 100px;
}
#pnavi i.navi-home {
font-size: 96px;
padding: 2px 0 2px 25px;
}
#pnavi .no-img-next i,
#pnavi .no-img-prev i {
font-size: 70px;
padding: 15px 0 15px 25px;
}
@media (min-width: 1200px), (min-width: 540px) and (max-width: 991px) {
#pnavi .next, #pnavi .prev,
#pnavi .next a, #pnavi .prev a {
padding-bottom: 32767px;
margin-bottom: -32752px;
}
#pnavi .next, #pnavi .prev {
margin-bottom: -32767px;
width: 50%;
}
#pnavi .next {
float: right;
border-left: 1px solid #ddd;
}
} .related,
.discussion,
.tb {
font-size: 24px; font-size: 2.4rem;
line-height: 2.0;
margin: 0 0 15px 0;
}
.related i,
.discussion i,
.tb i {
margin-right: 10px;
} #related {
padding: 0;
}
#related .term img {
float: left;
margin: 8px 10px 8px 0;
}
#related h3 {
font-size: 16px; font-size: 1.6rem;
font-weight: bold;
padding: 0;
margin: 10px 0 10px 10px;
border: none;
}
#related h3 a {
color: inherit;
text-decoration: none;
line-height: 1.6;
}
#related h3 a:hover {
color: #0099ff;
}
#related .toc {
padding: 10px 0;
border-top: 1px dotted #ccc;
}
#related .toc:first-child {
border-top: none;
}
#related p {
margin: 10px;
font-size: 13px; font-size: 1.3rem;
}
#related .excerpt p {
opacity: .7;
} #comments h3 {
font-size: 16px; font-size: 1.6rem;
border: none;
padding: 10px 0;
margin-bottom: 10px;
}
#comments h3 i {
font-size: 22px; font-size: 2.2rem;
margin-right: 10px;
}
.comments-list, .comments-list li {
border-bottom: 1px solid #ddd;
}
.comments-list li {
margin-bottom: 20px;
}
.comments-list .comment-body {
padding-bottom: 20px;
}
.comments-list li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: none;
}
#comments p {
font-size: 14px; font-size: 1.4rem;
margin: 20px 0;
}
#comments label {
display: block;
}
.comment-author.vcard .avatar {
display: block;
float: left;
margin: 0 10px 20px 0;
}
.comment-meta {
margin-bottom: 40px;
}
.comment-meta::after {
content: " ";
clear: both;
}
.fn {
line-height: 1.6;
font-size: 15px; font-size: 1.5rem;
}
.says {
margin-left: 10px;
}
.commentmetadata {
font-size: 14px; font-size: 1.4rem;
height: 15px;
padding: 10px 10px 10px 0;
}
.reply a {
display: block;
text-decoration: none;
text-align: center;
width: 65px;
margin: 0 0 0 auto;
}
.comments-list {
padding-left: 0px;
list-style-type: none;
}
.comments-list li.depth-1 > ul.children {
padding-left: 30px;
}
.comments-list li {
list-style-type: none;
}
#comments .no-comments {
margin: 0 0 20px 0;
padding: 10px 20px 30px 20px;
border-bottom: 1px solid #ddd;
} #c-paging {
text-align: center;
padding: 0 0 20px 0;
border-bottom: 1px solid #ccc;
} #respond {
font-size: 16px; font-size: 1.6rem;
}
#commentform .tags {
padding: 10px;
font-size: 13px; font-size: 1.3rem;
}
#comments textarea {
margin-bottom: 10px;
width: 100%;
} #comments .form-submit {
margin: 0;
}
#comments [type="submit"] {
color: #fff;
background: #666;
padding: 18px 18px 17px 18px;
}
#comments [type="submit"]:hover {
background: #dc143c;
} #trackback input {
width: 100%;
margin: 0 0 10px 0;
} #list-title {
margin: 0 0 40px 0;
font-size: 28px; font-size: 2.8rem;
font-weight: normal;
}
#section .grid #list-title {
margin: 0;
} div[id*="side-"], #col3 {
padding: 20px 0;
border: 1px solid #ddd;
background: #fff;
}
#side .widget, #col3 .widget {
word-break: break-all;
margin: 0 6px;
padding: 20px 7px;
border: 1px solid transparent;
}
#side ul, #col3 ul {
margin-bottom: 0;
}
#side ul li, #col3 ul li {
list-style-type: none;
line-height: 2.0;
margin: 0;
padding: 0;
}
#side ul li li, #col3 ul li li {
margin-left: 16px;
}
#side h3, #col3 h3,
#side h4, #col3 h4 {
font-size: 18px; font-size: 1.8rem;
font-weight: bold;
color: #111;
margin: 4px 0 20px 0;
padding: 4px 0;
} .search-field {
border: 1px solid #bbb;
} #wp-calendar {
background: #fff;
}
#wp-calendar caption{
color: inherit;
background: #fff;
}
#wp-calendar #today {
background: #ffec67;
}
#wp-calendar .pad {
background: #fff9f9;
} #footer {
clear: both;
background: #fff;
border-top: 1px solid #ddd;
z-index: 10;
}
.row {
margin: 0;
}
#foot-in {
padding: 25px 0;
}
#foot-in a {
color: #111;
}
#foot-in h4 {
font-size: 18px; font-size: 1.8rem;
font-weight: bold;
margin: 15px 0;
padding: 4px 10px;
border-left: 8px solid #999;
}
#foot-in ul li {
list-style-type: none;
line-height: 1.8;
margin: 0 10px;
padding: 0;
}
#foot-in ul li li {
margin-left: 15px;
} #copyright {
font-size: 12px; font-size: 1.2rem;
padding: 20px 0;
color: #111;
background: #fff;
clear: both;
}
#footer .copy {
font-size: 12px; font-size: 1.2rem;
line-height: 1.0;
margin: 20px 0 0 0;
text-align: center;
}
#footer .copy a {
color: inherit;
}
#footer #thk {
margin: 20px 0;
font-size: 11px; font-size: 1.1rem;
word-spacing: -1px;
} #page-top {
position: fixed;
bottom: 14px;
right: 14px;
font-weight: bold;
background: #656463;
text-decoration: none;
color: #fff;
padding: 16px 20px;
text-align: center;
display: none;
opacity: 0.5;
cursor: pointer;
z-index: 30;
}
#page-top:hover {
text-decoration: none;
opacity: 1.0;
}  .i-video, .i-embed {
display: block;
position: relative;
overflow: hidden;
}
.i-video {
padding-top: 25px;
padding-bottom: 56.25%;
}
.i-video iframe, .i-video object, .i-video embed {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.i-embed iframe {
width: 100%;
} .head-under {
margin-top: 20px;
}
.head-under, .post-title-upper, .post-title-under {
margin-bottom: 20px;
}
.posts-under-1 {
padding: 20px 0;
}
.posts-under-2 {
padding-bottom: 40px;
} #sitemap li {
border-left: 1px solid #000;
} .recentcomments a { display: inline; padding: 0; margin: 0; } #main {
-webkit-box-flex: 0 1 772px;
-ms-flex: 0 1 772px;
flex: 0 1 772px;
max-width: 772px;
min-width: 1px;
float: left;
}
#side {
-webkit-box-flex: 0 0 366px;
-ms-flex: 0 0 366px;
flex: 0 0 366px;
width: 366px;
min-width: 1px;
float: right;
} @media (min-width: 992px) {
#primary, #field {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#breadcrumb, .head-cover {
display: block !important;
}
#sitename img {
margin: 0;
}
} @media screen and (min-width: 768px) {
.logo,
#head-band-in,
div[id*="head-band"] .band-menu,
#header .head-cover,
#header #gnavi,
#foot-in {
max-width: 720px;
}
}
@media screen and (min-width: 992px) {
.logo,
#head-band-in,
div[id*="head-band"] .band-menu,
#header .head-cover,
#header #gnavi,
#foot-in {
max-width: 960px;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
#main {
-webkit-box-flex: 0 1 592px;
-ms-flex: 0 1 592px;
flex: 0 1 592px;
max-width: 592px;
min-width: 1px;
}
}
@media screen and (min-width: 1200px) {
.logo,
#head-band-in,
div[id*="head-band"] .band-menu,
#header .head-cover,
#header #gnavi,
#foot-in {
max-width: 1140px;
}
#list .term img {
width: auto;
height: auto;
margin-right: 20px;
}
}
@media screen and (max-width: 1199px) {
#list .term img {
max-width: 40%;
height: auto;
margin-right: 20px;
}
} @media print, (max-width: 991px) {
#primary, #main, #side {
display: block;
width: 100%;
float: none;
clear: both;
}
div[id*="head-band"] {
padding: 0 5px;
}
#header #gnavi {
padding-left: 0;
padding-right: 0;
}
#main {
margin-bottom: 30px;
}
#section {
margin-right: 0;
}
.grid, #side .widget, #col3 .widget {
padding-left: 20px;
padding-right: 20px;
}
.grid {
margin: 0 0 20px 0;
}
#side .widget, #col3 .widget {
margin-left: 0;
margin-right: 0;
}
#related .toc {
margin-right: 15px;
}
.comments-list li.depth-1 > ul.children {
padding-left: 0;
}
#foot-in {
padding: 0;
}
#foot-in .col-xs-4, #foot-in .col-xs-6, #foot-in .col-xs-12 {
display: none;
}
div[id*="side-"] {
margin-bottom: 20px;
} #side-scroll {
max-width: 32767px;
}
} @media (max-width: 575px) {
.grid, #side .widget, #col3 .widget {
padding-left: 7px;
padding-right: 7px;
}
.meta, .post .meta {
font-size: 12px; font-size: 1.2rem;
} #list .term img {
max-width: 30%;
height: auto;
margin: 0 15px 25px 0;
}
#list .excerpt {
padding-left: 0;
margin: 0 0 40px 0;
} .excerpt p {
display: inline;
}
.excerpt br {
display: none;
} .read-more-link {
display: block;
clear: both;
padding: 12px;
font-size: 12px; font-size: 1.2rem;
text-align: center;
white-space: nowrap;
overflow: hidden;
}
.read-more-link,
.read-more-link i {
text-decoration: none;
}
#list .term img {
margin-bottom: 30px;
}
#list .read-more-link {
margin: 20px 0 0 0;
} #sitename {
font-size: 22px; font-size: 2.2rem;
}
.entry-title, #front-page-title,
.post h2, .post h3,
.related, .discussion, .tb {
font-size: 18px; font-size: 1.8rem;
} #page-top {
font-size: 20px; font-size:2.0rem;
padding: 8px 14px;
}
.ptop {
display: none;
}
}div[class*="sns-"] {
margin: 0;
padding: 0;
}
div[class*="sns-"] li {
margin: 5px 0 ;
list-style-type: none;
cursor: pointer;
}
div[class*="sns-"] .clearfix {
padding: 0;
}
div[class*="sns-"] i {
max-width: 16px;
}
.sns-c ,
.sns-w {
display: table;
width: 100%;
table-layout: fixed;
}
.snsb {
padding:  0;
margin: 0;
letter-spacing: -.4em;
}
.snsb li {
display: inline-block;
letter-spacing: normal;
white-space: nowrap;
list-style-type: none;
vertical-align: top;
}
.sns-c .snsb li,
.sns-w .snsb li {
position: relative;
max-width: 94px;
padding: 1px;
height: 32px;
}
.sns-c .snsb li a,
.sns-w .snsb li a {
display: block;
position: relative;
margin: auto;
padding: 9px 3px 0 3px;
height: 32px;
width: 82px;
line-height: 1.0;
font-family: Verdana, Arial, Helvetica, Roboto;
font-size: 13px; font-size: 1.3rem;
letter-spacing: -1px;
text-decoration: none;
border-radius: 3px;
}
.sns-c .snsb li a {
color: #fff;
background: #000;
box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);
}
.sns-c .snsb li a:hover {
opacity: 0.6;
}
.sns-w .snsb li a:hover {
background: #f8f8f8;
opacity: 0.7;
}
.sns-c .snsb li,
.sns-w .snsb li {
margin: 3px 2px 0 0;
}
.sns-n .snsb li:last-child {
margin-right: 0;
}
.sns-c .fa-hatena,
.sns-w .fa-hatena {
font-weight: bold;
font-family: Verdana, Arial, Helvetica, Roboto;
}
.sns-c .snsb a,
.sns-w .snsb a {
text-align: center;
}
.sns-c .snsb i,
.sns-w .snsb i {
margin-right: 2px;
}
.sns-c .snsb .twitter a  { background: #55acee; }
.sns-c .snsb .facebook a { background: #3b5998; }
.sns-c .snsb .google a   { background: #dd4b39; }
.sns-c .snsb .linkedin a { background: #0479b4; }
.sns-c .snsb .pinit a    { background: #bd081c; }
.sns-c .snsb .hatena a   { background: #3c7dd1; }
.sns-c .snsb .pocket a   { background: #ee4257; }
.sns-c .snsb .line a     { background: #00c300; }
.sns-c .snsb .rss a      { background: #fe9900; }
.sns-c .snsb .feedly a   { background: #87bd33; }
.sns-w .snsb .twitter a  { color: #55acee; }
.sns-w .snsb .facebook a { color: #3b5998; }
.sns-w .snsb .google a   { color: #dd4b39; }
.sns-w .snsb .linkedin a { color: #0479b4; }
.sns-w .snsb .pinit    a { color: #bd081c; }
.sns-w .snsb .hatena a   { color: #3c7dd1; }
.sns-w .snsb .pocket a   { color: #ee4257; }
.sns-w .snsb .line a     { color: #00c300; }
.sns-w .snsb .rss a      { color: #fe9900; }
.sns-w .snsb .feedly a   { color: #87bd33; }
.snscnt {
display: block;
position: absolute;
right: 0;
top: -25px;
width: 82px;
padding: 3px 0;
font-size: 11px; font-size: 1.1rem;
border: 1px solid #bbb;
border-radius: 3px;
background: #fdfdfd;
color: #333;
}
.sns-w .snscnt {
right: -1px;
}
.snscnt i {
margin: 0 !important;
}
.snscnt:after,
.snscnt:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
}
.snscnt:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #fff;
border-width: 2px;
margin-left: -2px;
}
.snscnt:before {
border-color: rgba(153, 153, 153, 0);
border-top-color: #bbb;
border-width: 4px;
margin-left: -4px;
}
@media screen and (max-width: 765px), screen and (min-width: 992px) and (max-width: 1200px) {
.snscnt {
max-width: 43px;
}
.sns-w .snsb li {
max-width: 46px;
}
.sns-c .snsb li a,
.sns-w .snsb li a {
font-size: 14px; font-size: 1.4rem;
padding: 9px 4px 10px 4px;
width: 42px;
}
.sns-c .snsb i,
.sns-w .snsb i {
margin-right: 0;
}
div[class*="sns-"] .snsname {
display: none;
}
}
@media screen and (min-width: 992px) {
.snsb li.line-sm {
display: none !important;
}
}
@media screen and (max-width: 991px) {
.snsb li.line-pc {
display: none !important;
}
}div[class*="snsf-"] {
margin: 2px 0 0 0;
padding: 0;
}
div[class*="snsf-"] .clearfix {
padding: 0;
}
div[class*="snsf-"] i {
max-width: 16px;
}
.snsf-c ,
.snsf-w {
display: table;
width: 100%;
table-layout: fixed;
}
.snsfb {
display: table-row;
}
.snsf-c li,
.snsf-w li {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 100%;
color: #fff;
padding: 1px 2px;
white-space: nowrap;
cursor: pointer;
}
.snsf-c a,
.snsf-w a,
.snsf-c .snsfcnt,
.snsf-w .snsfcnt {
display: block;
font-family: Verdana, Arial, Helvetica, Roboto;
text-align: center;
text-decoration: none;
width: 100%;
border-radius: 2px;
}
.snsf-c .fa-hatena,
.snsf-w .fa-hatena {
font-weight: bold;
font-family: Verdana, Arial, Helvetica, Roboto;
}
.snsf-c a, .snsf-c a:hover,
.snsf-w a, .snsf-w a:hover {
position: relative;
line-height: 1.0;
padding: 10px 0;
color: #fff;
}
.snsf-c .snsfb li a,
.snsf-w .snsfb li a {
font-family: Verdana, Arial, Helvetica, Roboto;
font-size: 13px; font-size: 1.3rem;
letter-spacing: -1px;
}
.snsf-c .snsfb li a {
box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.2);
}
.snsf-w .snsfb li a {
box-sizing: border-box;
border: 1px solid #ddd;
}
.snsf-w .snsfcnt {
}
.snsf-c .snsfb li a:hover {
opacity: 0.6;
}
.snsf-w .snsfb li a:hover {
background: #f8f8f8;
opacity: 0.7;
}
.snsf-c .snsfb i,
.snsf-w .snsfb i {
margin-right: 3px;
}
.snsfcnt {
display: block;
position: absolute;
right: 0;
top: -18px;
padding: 3px 0;
font-size: 11px; font-size: 1.1rem;
background: #fffefd;
}
.snsf-c .snsfcnt {
color: #333;
border: 2px solid #ddd;
}
.snsf-w .snsfcnt {
box-sizing: content-box;
top: -18px;
left: -1px;
border: 1px solid #ddd;
border-radius: 2px 2px 0 0;
color: #333;
}
.snsfcnt i {
margin: 0 !important;
}
.snsf-c .twitter a { background: #55acee; }
.snsf-c .facebook a { background: #3b5998; }
.snsf-c .google a { background: #dd4b39; }
.snsf-c .linkedin a { background: #0479b4; }
.snsf-c .pinit a  { background: #bd081c; }
.snsf-c .hatena a { background: #3c7dd1; }
.snsf-c .pocket a { background: #ee4257; }
.snsf-c .line a   { background: #00c300; }
.snsf-c .rss a    { background: #fe9900; }
.snsf-c .feedly a { background: #87bd33; }
.snsf-c .twitter .snsfcnt { border-color: #55acee; }
.snsf-c .facebook .snsfcnt { border-color: #3b5998; }
.snsf-c .google .snsfcnt { border-color: #dd4b39; }
.snsf-c .linkedin .snsfcnt { border-color: #0479b4; }
.snsf-c .pinit .snsfcnt  { border-color: #bd081c; }
.snsf-c .hatena .snsfcnt { border-color: #3c7dd1; }
.snsf-c .pocket .snsfcnt { border-color: #ee4257; }
.snsf-c .line .snsfcnt   { border-color: #00c300; }
.snsf-c .rss .snsfcnt    { border-color: #fe9900; }
.snsf-c .feedly .snsfcnt { border-color: #87bd33; }
.snsf-w .snsfb .twitter a { color: #55acee; }
.snsf-w .snsfb .facebook a { color: #3b5998; }
.snsf-w .snsfb .google a { color: #dd4b39; }
.snsf-w .snsfb .linkedin a { color: #0479b4; }
.snsf-w .snsfb .pinit a  { color: #bd081c; }
.snsf-w .snsfb .hatena a { color: #3c7dd1; }
.snsf-w .snsfb .pocket a { color: #ee4257; }
.snsf-w .snsfb .line a   { color: #00c300; }
.snsf-w .snsfb .rss a    { color: #fe9900; }
.snsf-w .snsfb .feedly a { color: #87bd33; }
@media screen and (max-width: 765px), screen and (min-width: 992px) and (max-width: 1200px) {
.snsf-c .snsfb li a,
.snsf-w .snsfb li a {
font-size: 14px; font-size: 1.4rem;
padding: 9px 6px 10px 6px;
}
.snsf-c .snsfb i,
.snsf-w .snsfb i {
margin-right: 0;
}
div[class*="snsf-"] .snsname {
display: none;
}
}
@media screen and (min-width: 992px) {
.snsfb li.line-sm {
display: none !important;
}
}
@media screen and (max-width: 991px) {
.snsfb li.line-pc {
display: none !important;
}
}.blogcard {
margin: 0 0 1.6em;
}
.blogcard p {
font-size: 16px; font-size: 1.6rem;
line-height: 1.6;
margin: 0 0 0.5em;
}
.blogcard a {
font-size: 14px; font-size: 1.4rem;
}
a.blogcard-href {
display: block;
position: relative;
padding: 20px;
border: 1px solid #ddd;
background: #fff;
color: #111;
text-decoration: none;
max-width: 540px;
min-height: 140px;
transition: transform .4s ease;
}
a.blogcard-href:hover {
color: #ff811a;
background: #fcfcfc;
box-shadow: 3px 3px 8px rgba(0,0,0,.2);
transform: translateY(-4px);
}
p.blog-card-title {
color: #111;
font-weight: bold;
}
p.blog-card-desc {
font-size: 0.9em;
color: #666;
}
.blogcard-img {
float: right;
margin: 0 0 15px 20px;
}
p.blogcard-link {
clear: both;
font-size: 0.8em;
color: #999;
margin: 15px 0 0 0;
}
img.blogcard-icon, amp-img.blogcard-icon{
display: inline-block;
width: 18px;
height: 18px;
}#search {
padding-bottom: 0;
position: relative;
width: 100%;
}
#search label {
width: 100%;
margin: 0;
}
.search-field {
width: 100%;
height: 32px;
margin: 0;
padding: 4px 6px;
}
[type="submit"].search-submit {
position: absolute;
top: 2px;
right: 2px;
height: 28px;
padding: 8px;
font-size: 12px; font-size: 1.2rem;
}
.search-field::-webkit-input-placeholder {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #ccc;
font-size: 14px; font-size: 1.4rem;
}
.search-field:-moz-placeholder {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #ccc;
font-size: 14px; font-size: 1.4rem;
}
.search-field:-ms-input-placeholder {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #ccc;
font-size: 14px; font-size: 1.4rem;
}
.search-field:placeholder-shown {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #ccc;
font-size: 14px; font-size: 1.4rem;
}.widget_categories, .widget_archive {
margin-bottom: 5px;
}
.widget_categories select, .widget_archive select {
padding: 15px 13px;
width: 100%;
height: 32px;
margin: 0;
padding: 4px 6px;
border: 1px solid #bbb;
}.calendar_wrap {
margin-bottom: 10px;
}
#wp-calendar {
table-layout: fixed;
line-height: 2.0;
width: 100%;
margin: 0 auto;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
font-size: 12px; font-size: 1.2rem;
}
#side #wp-calendar, #col3 #wp-calendar {
margin: 0 auto -10px auto;
}
#wp-calendar caption{
padding: 2px;
width: auto;
text-align: center;
font-weight: bold;
border: thin solid #ccc;
border-radius: 3px 3px 0 0;
caption-side: top;
}
#wp-calendar #today {
font-weight: bold;
}
#wp-calendar th,
#wp-calendar td{
line-height: 2.0;
vertical-align: middle;
text-align: center;
}
#wp-calendar td {
border: thin solid #ccc;
}
#wp-calendar th {
font-style: normal;
font-weight: bold;
color: #fff;
border-left: thin solid #ccc;
border-right: thin solid #ccc;
background: #333;
}
#wp-calendar a {
font-size: 12px; font-size: 1.2rem;
color: #3969FF;
text-decoration: underline;
}
#wp-calendar a:hover {
color: #c3251d;
}.tagcloud {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
letter-spacing: -.4em;
}
.tagcloud a {
display: inline-block;
-webkit-box-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 1 0 auto;
min-width: 1px;
letter-spacing: normal;
text-decoration: none;
font-size: 14px; font-size: 1.4rem!important;
border: 1px solid #ddd;
margin: 2px;
padding: 5px 10px;
}#thk-new {
margin: -10px 0 0 0;
}
#thk-new .term img,
#thk-new .term amp-img {
margin: 0 10px 0 0;
padding: 1px;
width: 100px;
height: 100px;
}
#thk-new .excerpt p {
margin: 0;
padding: 0;
font-size: 12px; font-size: 1.2rem;
line-height: 1.4;
}
#thk-new p.new-title {
font-size: 14px; font-size: 1.4rem;
font-weight: bold;
line-height: 1.4;
padding: 0;
margin: 0 0 14px 0;
text-decoration: none;
}
#thk-new .toc {
padding: 15px 0;
border-bottom: 1px dotted #ccc;
}
#thk-new .toc:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-style: none;
}ul#thk-rcomments {
margin-top: -5px;
margin-left: 5px;
}
#thk-rcomments li,
#thk-rcomments li a {
background: none;
font-size: 12px; font-size: 1.2rem;
}
#thk-rcomments li {
margin: 0;
border-bottom: 1px dotted #ddd;
}
#thk-rcomments li a {
text-decoration: underline;
}
#thk-rcomments li:last-child {
border-bottom: none;
}
#thk-rcomments .comment_post {
margin-left: 10px;
}
#thk-rcomments .widget_comment_author,
#thk-rcomments .widget_comment_author a {
margin: auto 0;
padding: 15px 0 0 0;
min-height: 40px;
color: #767574;
font-size: 12px; font-size: 1.2rem;
font-weight: bold;
line-height: 1.5;
overflow: hidden;
}
#thk-rcomments .widget_comment_author img,
#thk-rcomments .widget_comment_author amp-img {
float: left;
vertical-align: middle;
margin-right: 5px;
}
#thk-rcomments .widget_comment_author span {
display: block;
margin: auto 0;
overflow: hidden;
}
#thk-rcomments i[class*="fa-comment"] {
margin-right: 5px;
color: #ff0000;
}
#thk-rcomments .fa-angle-double-right {
margin-right: 5px;
}
#thk-rcomments .comment_excerpt {
margin: 10px 0 10px 10px;
font-size: 12px; font-size: 1.2rem;
line-height: 1.8;
}
#thk-rcomments .comment_post {
display: block;
margin: 0 0 10px 15px;
}.ps-widget {
margin: 0;
padding: 0;
width: 100%;
overflow: hidden;
}
p.ps-label {
text-align: left;
margin: 0 auto 5px auto;
font-size: 14px; font-size: 1.4rem;
}
.ps-widget {
display: inline-block;
}
.rectangle-1-row {
margin-bottom: 10px;
}
.rectangle-1-col {
margin-right: 10px;
}
.ps-250-250 { max-width: 250px; max-height: 250px; }
.ps-300-250 { max-width: 300px; max-height: 250px; }
.ps-336-280 { max-width: 336px; max-height: 280px; }
.ps-120-600 { max-width: 120px; max-height: 600px; }
.ps-160-600 { max-width: 160px; max-height: 600px; }
.ps-300-600 { max-width: 300px; max-height: 600px; }
.ps-468-60 { max-width: 468px; max-height: 60px; }
.ps-728-90 { max-width: 728px; max-height: 90px; }
.ps-970-90 { max-width: 970px; max-height: 90px; }
.ps-970-250 { max-width: 970px; max-height: 250px; }
.ps-320-100 { max-width: 320px; max-height: 100px; }
.ps-col { max-width: 690px; }
@media (min-width: 541px) and (max-width: 1200px) {
.rectangle-1-col,
.rectangle-2-col {
margin: 0 0 10px 0;
}
rectangle-2-col {
margin-bottom: 20px;
}
.ps-col { max-width: 336px; }
}
@media (max-width: 991px) {
.ps-120-600, .ps-160-600, .ps-300-600 { max-width: 300px; max-height: 600px; }
.ps-728-90, .ps-970-90, .ps-970-250 { max-width: 728px; max-height: 90px; }
}
@media (max-width: 767px) {
.ps-728-90, .ps-970-90, .ps-970-250 { max-width: 468px; max-height: 60px; }
}
@media (max-width: 540px) {
.rectangle-2-col,
.rectangle-2-row {
display: none;
}
div.ps-widget {
max-width: 336px;
max-height: none;
}
.ps-col { max-width: 336px; }
p.ps-728-90, p.ps-970-90, p.ps-970-250,
div.ps-728-90, div.ps-970-90, div.ps-970-250 { max-width: 320px; max-height: 100px; }
}
div.ps-wrap { max-height: none; }
p.al-c, div.al-c { text-align: center; margin-left: auto; margin-right: auto; }#thk-follow {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
border-spacing: 4px 0;
}
#thk-follow ul {
display: table-row;
}
#thk-follow ul li {
display: table-cell;
box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);
}
#thk-follow .snsf {
display: block;
border-radius: 4px;
padding: 1px;
height: 100%;
width: 100%;
}
#thk-follow a {
display: block;
overflow: hidden;
white-space: nowrap;
border: 3px solid #fff;
border-radius: 2px;
line-height: 1.2;
letter-spacing: 0px;
padding: 5px 0;
color: #fff;
font-size: 18px;
font-family: Verdana, Arial, Helvetica, Roboto;
text-align: center;
text-decoration: none;
}
#thk-follow .fname {
display: block;
font-size: 10px;
}
#thk-follow a: hover {
opacity: 0.7;
}
#thk-follow .twitter { background: #55acee; }
#thk-follow .facebook { background: #3b5998; }
#thk-follow .instagram {
background: -webkit-linear-gradient(200deg,#6559ca,#bc318f 35%,#e33f5f 50%,#f77638 70%,#fec66d 100%);
background: linear-gradient(200deg,#6559ca,#bc318f 35%,#e33f5f 50%,#f77638 70%,#fec66d 100%);
}
#thk-follow .pinit { background: #bd081c; }
#thk-follow .hatena { background: #3c7dd1; }
#thk-follow .google { background: #dd4b39; }
#thk-follow .youtube { background: #ae3a34; }
#thk-follow .line { background: #00c300; }
#thk-follow .rss { background: #fe9900; }
#thk-follow .feedly { background: #87bd33; }#thk-rss-feedly {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
border-spacing: 6px 0;
}
#thk-rss-feedly ul {
display: table-row;
}
#thk-rss-feedly li {
display: table-cell;
}
#thk-rss-feedly li a {
display: block;
overflow: hidden;
white-space: nowrap;
width: 100%;
font-size: 16px; font-size: 1.6rem;
line-height: 22px;
padding: 7px 0;
color: #fff;
border-radius: 3px;
text-align: center;
text-decoration: none;
box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);
}
#thk-rss-feedly a:hover {
color: #fff;
opacity: 0.7;
}
#thk-rss-feedly a.icon-rss-button {
background: #fe9900;
}
#thk-rss-feedly a.icon-feedly-button {
background: #87bd33;
}
#thk-rss-feedly a span {
font-family: Garamond, Palatino, Caslon, 'Century Oldstyle', Bodoni, 'Computer Modern', Didot, Baskerville, 'Times New Roman', Century, Egyptienne, Clarendon, Rockwell, serif;
font-weight: bold;
}
#thk-rss-feedly i {
margin: 0 10px 0 0;
color: #fff;
}#side .widget-qr img, #col3 .widget-qr img,
#side .widget-qr amp-img, #col3 .widget-qr amp-img {
display: block;
margin: auto;
}#bwrap {
position: absolute;
top: 0;
width: 100%;
z-index: 1000;
}
#layer {
position: absolute;
width: 100%;
z-index: 1100;
}
#layer li a {
text-align: left;
padding: 10px;
font-size: 13px; font-size: 1.3rem;
margin: 0;
padding-left: 20px;
width: 100%;
}
#layer li a:hover {
text-decoration: none;
}
#layer li a::before {
font-family: 'Font Awesome 5 Free';
content: "\f0da";
font-weight: 900;
padding-right: 10px;
}
#layer li[class*="children"] span {
pointer-events: none;
}
#layer li[class*="children"] a {
padding-left: 16px;
}
#layer li[class*="children"] li a {
padding-left: 35px;
}
#layer li li[class*="children"] a {
padding-left: 32px;
}
#layer li li[class*="children"] li a {
padding-left: 55px;
}
#layer li ul {
border-bottom: 0;
}
#layer li li a::before{
content: "-";
}
#layer li li li a::before{
content: "\0b7";
} #close {
position: fixed;
top: 10px;
right: 10px;
width: 34px;
height: 34px;
box-sizing: content-box;
color: #fff;
background: #000;
border: 2px solid #ddd;
border-radius: 4px;
opacity: .7;
text-align: center;
cursor: pointer;
z-index: 1200
}
#close i {
font-size: 20px;
line-height: 34px;
}
#close:hover {
opacity: 1.0;
}#bwrap {
position: absolute;
top: 0;
width: 100%;
z-index: 1000;
}
#layer {
margin-top: -300px;
}
#layer #nav {
top: 0
}
#layer #nav-bottom {
border: 0;
}