@charset "UTF-8";
div.whatsnew {
margin: 10px 0;
font-size: 100%;
word-break: break-all;
overflow: hidden;
}
div.whatsnew a {
padding: 7px 0;
display: block;
text-decoration: none;
box-shadow: none;
}
div.whatsnew a:hover {
background-color: #f5f5f5;
text-decoration: none;
box-shadow: none;
}
div.whatsnew hr {
margin: 0;
padding: 0;
}
div.whatsnew .newmark {
font-size: 74%;
padding: 1px 5px;
vertical-align: middle;
color: White;
background-color: #ff4500;
border-radius: 3px;
}
div.whatsnew dl {
margin: 0;
padding: 0;
border: 0;
}
div.whatsnew dt {
margin: 0 0 0 0.3em;
padding: 0;
border: 0;
color: Gray;
font-weight: normal;
white-space: nowrap;
}
div.whatsnew dd {
margin: 0;
padding: 0 2px;
}
@media screen and (min-width: 600px) {
div.whatsnew dl {
overflow: hidden;
}
div.whatsnew dt {
float: left;
width: 8.1em;
overflow: hidden;
}
div.whatsnew dd {
overflow: hidden;
}
}
      html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
-moz-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[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 {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} :root {
--font-family: 'Lora', serif;
--font-size: 16px;
--color-bg: #FFFFFF;
--color-bg-alt: #202020;
--color-text: #666666;
--color-text-alt: #FFFFFF;
--color-anchor: #1E73BE;
--spacing: 20px;
--spacing-half: 10px;
--spacing-double: 40px;
} #site-container {
display: grid;
grid-template-columns: minmax(0, 100%);
grid-template-areas: "site-header" "widget-areas-above-content" "main" "widget-area-left-sidebar" "widget-area-right-sidebar" "widget-areas-below-content" "widget-areas-footer" "site-footer";
}
#site-header {
grid-area: site-header;
}
#site-footer {
grid-area: site-footer;
}
@media (min-width: 1024px) {
#site-container {
grid-template-columns: minmax(0, auto) minmax(0, 100%) minmax(0, auto);
grid-template-areas: "site-header site-header site-header" "widget-areas-above-content widget-areas-above-content widget-areas-above-content" "widget-area-left-sidebar main widget-area-right-sidebar" "widget-areas-below-content widget-areas-below-content widget-areas-below-content" "widget-areas-footer widget-areas-footer widget-areas-footer" "site-footer site-footer site-footer";
}
} #site-main {
padding: var(--spacing);
grid-area: main;
}
#site-main,
#site-main > section {
display: grid;
grid-template-columns: minmax(0, 100%);
grid-gap: var(--spacing);
-webkit-align-content: start;
-ms-flex-line-pack: start;
align-content: start;
}
#site-main > section {
grid-gap: var(--spacing-half);
}
.content-view-excerpt section:not(.format-aside):not(.format-status):not(.format-link):not(.format-quote):not(.format-chat) .entry-content {
text-align: center;
}
.content-view-excerpt section:not(.format-aside):not(.format-status):not(.format-link):not(.format-quote):not(.format-chat) .entry-content p {
margin: 0;
}
@media (min-width: 768px) {
.layout-two-columns #site-main {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.layout-two-columns #site-main .page-header,
.layout-two-columns #site-main > .pagination {
grid-column: 1 / 3;
}
.layout-criss-cross #site-main > section:not(.format-aside):not(.format-status):not(.format-link):not(.format-quote) {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: auto 1fr;
}
.layout-criss-cross #site-main > section:not(.format-aside):not(.format-status):not(.format-link):not(.format-quote) .post-thumbnail {
grid-row: 1 / 3;
}
.layout-criss-cross #site-main > section:not(.format-aside):not(.format-status):not(.format-link):not(.format-quote):nth-child(odd) .post-thumbnail {
grid-column: 2 / 3;
}
} #widget-areas-above-content,
#widget-area-left-sidebar,
#widget-area-right-sidebar,
#widget-areas-below-content,
#widget-areas-footer,
#site-footer {
padding: var(--spacing);
}
#widget-areas-above-content,
#widget-areas-below-content,
#widget-areas-footer,
.widget-area {
display: grid;
grid-template-columns: minmax(0, 100%);
grid-gap: var(--spacing);
-webkit-align-content: start;
-ms-flex-line-pack: start;
align-content: start;
}
#widget-areas-above-content {
grid-area: widget-areas-above-content;
}
#widget-area-left-sidebar {
grid-area: widget-area-left-sidebar;
}
#widget-area-right-sidebar {
grid-area: widget-area-right-sidebar;
}
#widget-areas-below-content {
grid-area: widget-areas-below-content;
}
#widget-areas-footer {
grid-area: widget-areas-footer;
}
@media (min-width: 1024px) {
.widget-area {
max-width: 300px;
}
#widget-area-above-content-one,
#widget-area-below-content-one,
#widget-area-footer-one {
grid-column: 1 / 2;
}
#widget-area-above-content-two,
#widget-area-below-content-two,
#widget-area-footer-two {
grid-column: 2 / 3;
}
#widget-area-above-content-three,
#widget-area-below-content-three,
#widget-area-footer-three {
grid-column: 3 / 4;
}
#widget-areas-above-content,
#widget-areas-below-content,
#widget-areas-footer {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
#widget-areas-above-content .widget-area,
#widget-areas-below-content .widget-area,
#widget-areas-footer .widget-area {
justify-self: center;
}
#widget-area-left-sidebar {
padding-right: 0;
}
#widget-area-right-sidebar {
padding-left: 0;
}
} .home #site-header {
height: 100vh;
}
#site-header {
position: relative;
height: 50vh;
background-image: url(//asoka-shinkouji.net/wp-content/themes/fell/assets/images/kluane.jpg);
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
}
#site-header a {
text-decoration: none;
}
#site-identity-container {
position: absolute;
display: grid;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
#site-identity {  display: grid;
grid-gap: var(--spacing-half);
margin: auto;
padding: var(--spacing);
text-align: center;
border: 0px solid var(--color-text);
text-transform: uppercase;
max-width: -webkit-calc(100% - -webkit-calc(var(--spacing) * 4));
max-width: calc(100% - calc(var(--spacing) * 4));
}
.site-title {
font-size: 30px;
color: var(--color-text);
}
.site-tagline {
font-size: 18px;
} #header-nav-toggle {
display: none;
}
#header-nav-toggle-label {
background-color: var(--color-bg-alt);
position: relative;
display: block;
width: 24px;
height: 16px;
padding: var(--spacing-half);
top: var(--spacing-half);
cursor: pointer;
overflow: hidden;
z-index: 1;
}
#header-nav-toggle-label span,
#header-nav-toggle-label span::before,
#header-nav-toggle-label span::after {
background-color: var(--color-text-alt);
position: absolute;
display: block;
width: 100%;
height: 2px;
-webkit-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
#header-nav-toggle-label span {
top: -1px;
bottom: 0px;
margin: auto;
width: -webkit-calc(100% - var(--spacing));
width: calc(100% - var(--spacing));
}
#header-nav-toggle-label span::before, #header-nav-toggle-label span::after {
content: '';
}
#header-nav-toggle-label span::before {
top: -8px;
}
#header-nav-toggle-label span::after {
bottom: -8px;
}
#header-nav-toggle:checked ~ #header-nav-toggle-label span {
left: -30px;
}
#header-nav-toggle:checked ~ #header-nav-toggle-label span::before, #header-nav-toggle:checked ~ #header-nav-toggle-label span::after {
left: -webkit-calc(30px + var(--spacing-half));
left: calc(30px + var(--spacing-half));
}
#header-nav-toggle:checked ~ #header-nav-toggle-label span::before {
top: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#header-nav-toggle:checked ~ #header-nav-toggle-label span::after {
top: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#header-nav-toggle:checked ~ #header-navs-container {
display: grid;
}
#header-navs-container {
display: none;
background-color: var(--color-bg-alt);
position: absolute;
color: var(--color-text-alt);
width: 100%;
max-width: -webkit-calc(100% - var(--spacing-double));
max-width: calc(100% - var(--spacing-double));
padding: var(--spacing);
top: -webkit-calc(24px + var(--spacing));
top: calc(24px + var(--spacing));
text-transform: uppercase;
z-index: 1;
}
#header-nav,
#site-header .social-nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
}
#header-nav a,
#site-header .social-nav a {
color: var(--color-text-alt);
}
#header-nav li,
#site-header .social-nav li {
list-style: none;
}
#header-nav a:hover {
text-decoration: underline;
}
#header-nav li {
position: relative;
width: 100%;
padding-bottom: var(--spacing-half);
}
#site-header .social-nav li:not(:last-child) {
margin-right: var(--spacing);
}
#header-nav ~ .social-nav {
border-top: 1px solid var(--color-text-alt);
padding-top: var(--spacing-half);
}
@media (min-width: 1024px) {
#header-nav-toggle-label {
display: none;
}
#header-navs-container {
display: grid;
grid-template-columns: auto auto;
grid-gap: var(--spacing);
width: auto;
top: var(--spacing);
}
#header-nav > li,
#site-header .social-nav > li {
padding: 0;
}
#header-nav li {
width: auto;
}
#header-nav > li {
position: relative;
}
#header-nav > li:not(:first-child) {
padding-left: var(--spacing-half);
}
#header-nav > li:not(:last-child) {
padding-right: var(--spacing-half);
}
#header-nav > li > ul {
display: none;
position: absolute;
background-color: var(--color-bg-alt);
padding: var(--spacing);
left: -webkit-calc(var(--spacing) * -1);
left: calc(var(--spacing) * -1);
min-width: 200px;
overflow: hidden;
z-index: 10;
}
#header-nav > li:hover > ul {
display: block;
}
#header-nav ~ .social-nav {
border-top: none;
padding: 0;
border-left: 1px solid var(--color-text-alt);
padding-left: var(--spacing);
}
} :root {
font-size: var(--font-size);
}
body {
background-color: var(--color-bg);
color: var(--color-text);
font-family: var(--font-family);
word-wrap: break-word;
}
.read-more-link {
display: table;
padding: var(--spacing-half) var(--spacing);
border: 1px solid var(--color-text);
text-transform: uppercase;
color: var(--color-text);
margin: var(--spacing) auto 0;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.read-more-link:hover {
background-color: var(--color-bg-alt);
color: var(--color-text-alt);
text-decoration: none;
} .page-header,
.entry-header {
text-align: center;
text-transform: uppercase;
}
.page-header h1,
.page-header h2,
.entry-header h1,
.entry-header h2 {
margin: 0;
}
.page-header h1,
.entry-header h1 {
font-size: 3rem;
}
.page-header a,
.entry-header a {
color: var(--color-text);
}
.page-header a:hover,
.entry-header a:hover {
color: var(--color-anchor);
text-decoration: none;
}
.entry-header .fif-pin {
display: none;
}
.sticky .entry-header .fif-pin {
display: block;
}
.entry-meta {
display: grid;
font-size: 12px;
font-weight: 600;
}
@media (min-width: 1024px) {
.entry-meta {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.entry-meta > *:not(:last-child) {
margin-right: var(--spacing);
}
} .post-thumbnail {
margin-left: auto;
margin-right: auto;
}
.post-thumbnail:hover {
text-decoration: none;
}
.post-thumbnail-placeholder {
background-color: #EAEAEA;
display: grid;
justify-items: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.post-thumbnail-placeholder i {
font-size: 8rem;
color: #999999;
padding: var(--spacing);
}
.layout-two-columns .post-thumbnail,
.layout-criss-cross .post-thumbnail {
width: 100%;
}
.layout-two-columns .post-thumbnail img,
.layout-criss-cross .post-thumbnail img {
display: block;
margin-left: auto;
margin-right: auto;
}  h1,
h2,
h3 {
font-weight: 400;
}
h4,
h5,
h6 {
font-weight: 600;
}
h4 {
font-size: 1.2rem;
}
h5 {
font-size: 1rem;
text-transform: uppercase;
}
h6 {
font-size: 1rem;
} p {
line-height: 1.5em;
}
blockquote {
font-style: italic;
border-left: 0.125em solid var(--color-bg-alt);
padding-left: 1em;
} table,
td,
th {
border: 0.0625em solid var(--color-bg-alt);
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 0.0625em 0 0 0.0625em;
max-width: 100%;
}
td,
th {
border-width: 0 0.0625em 0.0625em 0;
text-align: left;
padding: 0.5em;
} dt {
font-weight: bold;
}
dd {
margin: 0 0 1em 1em;
} ul {
list-style: disc;
}
ul,
ol {
margin-left: 1.6em;
padding: 0;
} address {
font-style: italic;
} a {
color: var(--color-anchor);
text-decoration: none;
}
a:hover {
text-decoration: underline;
} abbr {
cursor: help;
} acronym {
cursor: help;
} cite {
font-style: italic;
} code {
background-color: rgba(0, 0, 0, 0.1);
} hr {
width: 100%;
border: none;
height: 0.0625em;
background-color: var(--color-bg-alt);
} ins {
text-decoration: none;
background-color: var(--color-text);
color: var(--color-bg);
} pre {
background-color: rgba(0, 0, 0, 0.1);
border: 0.0625em dotted var(--color-text);
-webkit-border-radius: 0.1875em;
border-radius: 0.1875em;
max-width: 100%;
overflow: auto;
padding: 1em;
word-wrap: normal;
}
#widget-areas-footer hr,
#site-footer hr {
background-color: var(--color-text-alt);
}
#widget-areas-footer table,
#widget-areas-footer th,
#widget-areas-footer td,
#site-footer table,
#site-footer th,
#site-footer td {
border-color: var(--color-text-alt) !important;
}
@media only screen and (max-width: 768px) {
table {
display: inline-block;
overflow: hidden;
overflow-x: auto;
}
} input,
textarea,
select {
max-width: -webkit-calc(100% - var(--spacing) - 2px);
max-width: calc(100% - var(--spacing) - 2px);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
input[type="search"],
textarea,
select {
border: 1px solid var(--color-bg-alt);
color: var(--color-text);
-webkit-border-radius: 0px;
border-radius: 0px;
padding: var(--spacing-half);
} input[type="search"] {
-webkit-appearance: none;
}
input[type="color"] {
background-color: var(--color-bg);
cursor: pointer;
}
input[type="submit"],
input[type="button"],
input[type="reset"],
button {
background-color: var(--color-bg-alt);
color: var(--color-text-alt);
border: 0;
-webkit-border-radius: 0px;
border-radius: 0px;
cursor: pointer;
padding: var(--spacing-half);
text-transform: uppercase;
opacity: .9;
-webkit-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
button:hover {
opacity: 1;
}
label {
font-weight: 600;
}
fieldset {
min-width: 0px;
}
.search-form,
.post-password-form p:nth-child(2) {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.post-password-form input[type="password"] {
display: block;
}
.post-password-form input[type="submit"] {
position: relative;
bottom: 0;
margin-top: auto;
border: 1px solid var(--color-bg-alt);
}
.search-form .search-field,
.post-password-form input[type="password"] {
max-width: 100%;
}
#widget-areas-footer input[type="text"],
#widget-areas-footer input[type="email"],
#widget-areas-footer input[type="url"],
#widget-areas-footer input[type="password"],
#widget-areas-footer input[type="number"],
#widget-areas-footer input[type="tel"],
#widget-areas-footer input[type="range"],
#widget-areas-footer input[type="date"],
#widget-areas-footer input[type="month"],
#widget-areas-footer input[type="week"],
#widget-areas-footer input[type="time"],
#widget-areas-footer input[type="datetime"],
#widget-areas-footer input[type="datetime-local"],
#widget-areas-footer input[type="color"],
#widget-areas-footer input[type="search"],
#widget-areas-footer textarea,
#widget-areas-footer select,
#site-footer input[type="text"],
#site-footer input[type="email"],
#site-footer input[type="url"],
#site-footer input[type="password"],
#site-footer input[type="number"],
#site-footer input[type="tel"],
#site-footer input[type="range"],
#site-footer input[type="date"],
#site-footer input[type="month"],
#site-footer input[type="week"],
#site-footer input[type="time"],
#site-footer input[type="datetime"],
#site-footer input[type="datetime-local"],
#site-footer input[type="color"],
#site-footer input[type="search"],
#site-footer textarea,
#site-footer select {
border-color: var(--color-text-alt);
}
#widget-areas-footer input[type="submit"],
#widget-areas-footer input[type="button"],
#widget-areas-footer input[type="reset"],
#widget-areas-footer button,
#site-footer input[type="submit"],
#site-footer input[type="button"],
#site-footer input[type="reset"],
#site-footer button {
background-color: var(--color-bg);
color: var(--color-text);
} .size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail,
.alignnone,
.wp-caption,
img {
max-width: 100%;
height: auto;
}
.wp-caption-text {
font-style: italic;
}
figure {
margin: 0;
}
img {
vertical-align: bottom;
}
iframe,
embed,
object {
max-width: 100%;
}
.gallery {
display: grid;
grid-template-columns: minmax(0, auto);
grid-gap: var(--spacing);
}
.gallery-caption {
font-style: italic;
}
@media (min-width: 768px) {
.gallery {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.gallery-columns-1 {
grid-template-columns: minmax(0, 1fr);
}
.gallery-columns-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.gallery-columns-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.gallery-columns-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.gallery-columns-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.gallery-columns-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.gallery-columns-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.gallery-columns-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.gallery-columns-9 {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.gallery-columns-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
}  .format-gallery .gallery-item {
text-align: center;
} .js .format-video iframe,
.js .format-video embed,
.js .format-video object {
width: 100%;
} .format-aside {
background-color: rgba(0, 0, 0, 0.1);
grid-gap: 0;
padding: 1em;
}
.format-aside .entry-meta {
font-size: .8rem;
} .format-status {
grid-gap: 0;
}
.format-status .entry-meta {
font-size: .8rem;
}
.format-status .entry-content {
font-size: 1.2rem;
font-weight: 600;
text-align: center;
} .format-link .entry-content {
font-size: 1.2rem;
font-weight: 600;
text-align: center;
}
.format-link .entry-content a::before {
font-family: 'fell-icon-font';
content: '\EA0F';
padding-right: .5em;
} .format-quote {
grid-gap: 0;
}
.format-quote .entry-meta {
font-size: .8rem;
}
.format-quote .entry-content {
font-size: 1.2rem;
font-weight: 600;
}
.format-quote blockquote {
border: none;
padding: 0 2em;
position: relative;
}
.format-quote blockquote::before, .format-quote blockquote::after {
position: absolute;
font-size: 3rem;
}
.format-quote blockquote::before {
content: '“';
top: 0;
left: 0;
}
.format-quote blockquote::after {
content: '”';
bottom: 0;
right: 0;
} body:not(.content-view-excerpt) .format-chat .entry-content {
border: 0.0625em solid var(--color-text);
padding: 1em;
font-style: italic;
}
.layout-two-columns .format-aside,
.layout-two-columns .format-status,
.layout-two-columns .format-quote,
.layout-two-columns .format-link {
grid-column: 1 / 3;
} .entry-footer {
display: grid;
grid-gap: var(--spacing);
}
.entry-footer a {
color: var(--color-text);
text-decoration: none;
}
.entry-footer a:hover {
color: var(--color-anchor);
}
.author-bio {
display: grid;
grid-gap: var(--spacing-half);
}
.author-bio h5,
.author-bio p {
margin: 0;
}
.author-bio > div {
display: grid;
-webkit-align-content: start;
-ms-flex-line-pack: start;
align-content: start;
grid-gap: var(--spacing-half);
}
.post-navigation .nav-links {
display: grid;
grid-gap: 1em;
}
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
display: grid;
grid-template-columns: minmax(0, 100%);
}
.post-navigation .nav-previous a span:nth-child(2),
.post-navigation .nav-next a span:nth-child(2) {
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
}
.pagination .nav-links {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 20px;
}
.pagination .nav-links > * {
margin: 0 var(--spacing-half);
}
.pagination .nav-links .page-numbers.current {
font-weight: 600;
}
.page-links {
font-size: 20px;
}
.page-links > * {
margin-left: var(--spacing-half);
}
.page-links > span {
font-weight: 600;
}
@media (min-width: 768px) {
.post-navigation .nav-links {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.post-navigation .nav-previous {
margin-right: 1em;
}
.post-navigation .nav-next {
margin-left: auto;
text-align: right;
}
}
@media (min-width: 1024px) {
.author-bio {
display: grid;
grid-template-columns: 100px minmax(0, 1fr);
}
.post-categories-container,
.post-tags-container {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
grid-gap: var(--spacing-half);
}
.post-categories,
.post-tags {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.post-categories > *:not(:first-child),
.post-tags > *:not(:first-child) {
margin-left: var(--spacing-half);
}
} .alignright {
float: right;
margin: 0 0 var(--spacing) var(--spacing);
}
.alignleft {
float: left;
margin: 0 var(--spacing) var(--spacing) 0;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
} .content::after {
content: "";
display: table;
clear: both;
}
.page-links {
clear: both;
} .comments-area {
display: grid;
grid-template-columns: minmax(0, 100%);
grid-gap: var(--spacing-half);
}
.comments-title {
text-transform: uppercase;
font-weight: 600;
margin: 0;
}
.comment-navigation {
text-transform: uppercase;
}
.comment-navigation .nav-links {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 12px;
font-weight: 600;
}
.comment-navigation .nav-links > div {
margin: 0 var(--spacing-half) 0 0;
}
.comment-navigation a {
color: var(--color-text);
}
.comment-navigation .nav-previous::before {
content: '<<';
padding-right: 0.5em;
}
.comment-navigation .nav-next::after {
content: '>>';
padding-left: 0.5em;
}
.comment-list {
display: grid;
grid-gap: var(--spacing);
grid-template-columns: minmax(0, 100%);
margin-left: 0;
}
.comment,
.pingback {
list-style: none;
padding: var(--spacing-half);
}
.comment.bypostauthor,
.pingback.bypostauthor {
background-color: rgba(0, 0, 0, 0.1);
}
.comment-meta {
display: grid;
grid-gap: var(--spacing-half);
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
}
.comment-meta a {
color: var(--color-text);
}
.comment-author {
font-size: 16px;
}
.comment-body .reply {
margin-bottom: var(--spacing-half);
}
.comment-reply-link {
background-color: var(--color-bg-alt);
color: var(--color-text-alt);
text-transform: uppercase;
padding: 2px 5px;
opacity: .9;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.comment-reply-link:hover {
opacity: 1;
text-decoration: none;
}
.comment-form label {
display: block;
}
.comment-form p {
margin: 0 0 var(--spacing-half);
}
.comment-reply-title {
text-transform: uppercase;
font-weight: 600;
margin: 0;
}
.logged-in-as {
font-weight: 600;
}
.logged-in-as a {
color: var(--color-text);
} #widget-areas-footer {
background-color: var(--color-bg-alt);
color: var(--color-text-alt);
}
.widget-title {
font-size: 1rem;
font-weight: 600;
text-transform: uppercase;
margin-bottom: var(--spacing-half);
}
.widget ul {
list-style: none;
padding: 0;
margin: 0;
}
.widget ul ul {
margin: 0 0 0 1rem;
}
.widget li {
line-height: 2;
}
.widget_calendar table {
display: table;
table-layout: fixed;
}
.widget_calendar td,
.widget_calendar th {
text-align: center;
}
.widget_calendar #prev,
.widget_calendar #prev + .pad {
border-right: 0;
}
.widget_calendar #prev {
text-align: left;
}
.widget_calendar #next {
text-align: right;
} #site-footer {
display: grid;
grid-gap: var(--spacing);
background-color: var(--color-bg-alt);
color: var(--color-text-alt);
text-align: center;
}
#site-footer a {
color: var(--color-text-alt);
}
#footer-nav,
#site-footer .social-nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
list-style: none;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
#footer-nav > *,
#site-footer .social-nav > * {
margin: 0 var(--spacing-half);
}
#scroll-to-top {
background-color: var(--color-bg-alt);
color: var(--color-text-alt);
position: fixed;
bottom: -2000px;
right: 20px;
padding: var(--spacing-half);
cursor: pointer;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
opacity: .9;
}
#scroll-to-top:hover {
opacity: 1;
}
#site-footer-information {
display: grid;
grid-gap: var(--spacing-half);
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}:root {
--font-family: 'Meiryo', serif;
--font-size: 16px;
--color-bg: #FFFFFF;
--color-bg-alt: #202020;
--color-text: #666666;
--color-text-alt: #FFFFFF;
--color-anchor: #1E73BE;
--spacing: 20px;
--spacing-half: 10px;
--spacing-double: 40px;
}
.size01{width:500px;padding:10px 10px 10px 10px;}
.size02{width:auto;padding:10px 10px 10px 10px;}
.sensei{padding:5px 10px 5px 20px;
border-radius: 10px;
width:1000px;
border: 2px solid #D7EEFF;
background-color:#EEFFFF;
}
.address {border-radius: 10px;
width:auto;
border: 2px solid #D7EEFF;
background-color:#EEFFFF;
}
.hinan {border-radius: 10px;
width:auto;
border: 2px solid #FFDDFF;
background-color:#FFEEFF;
}
.info {border-radius: 10px;
width:auto;
border: 2px solid #FFEBCD;
background-color:#FFFACD;
}
.map {border-radius: 10px;
width:auto;
padding:10px 10px 10px 10px;
border: 2px solid #D7EEFF;
background-color:#EEFFFF;
}
.img01{width:400px; height:300px;padding:0px 50px 0px 50px;}
.alink:hover {color: #FFCCFF; 
text-decoration: none;
} .font1 {font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.fontsize01{font-size:100%;}
.crd {border-radius: 10px;
width:500px;
border: 2px solid #D7EEFF;
background-color:#EEFFFF;
}
.metaslidersize  {width:600px;height:auto;
background-color:#819FF7;
margin:0px 0px 0px 0px;
padding:0px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
box-shadow:0px 0px 0px 3px #819FF7;
-moz-box-shadow:0px 0px 0px 3px #819FF7;
-webkit-box-shadow:0px 0px 0px 3px #819FF7;
}  @media screen and (max-width:1024px) { 
.fontsize01{font-size:70%;}
.size01{width:100%;padding:10px 0px 10px 0px;}
.size02{width:100%;padding:10px 0px 10px 0px;}
.sensei{width:100%;padding:10px 5px 10px 5px;}
.crd {width:100%;}
.metaslidersize  {width:100%;height:100%;
background-color:#FFFFFF;
padding:10px 0px 0px 0px;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
box-shadow:0px 0px 0px 0px #FFFFFF;
-moz-box-shadow:0px 0px 0px 0px #FFFFFF;
-webkit-box-shadow:0px 0px 0px 0px #FFFFFF;
}
.img01{width:100%; height:100%;padding:50px 0px 50px 0px;}
@media screen and (orientation: landscape) {
}
@media screen and (orientation: portrait) {
}
}
.kage {background-color:#819FF7;
margin:0px 0px 0px 0px;
padding:0px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
box-shadow:0px 0px 0px 3px #819FF7;
-moz-box-shadow:0px 0px 0px 3px #819FF7;
-webkit-box-shadow:0px 0px 0px 3px #819FF7;
}
.kage_RD {background-color:#151515;
margin:0px 0px 0px 0px;
padding:0px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
box-shadow:0px 0px 5px 3px #151515;
-moz-box-shadow:0px 0px 5px 3px #151515;
-webkit-box-shadow:5px 5px 5px 3px #151515;
}
.kageMARU {background-color:#F2F5A9;
margin:20px;
padding:1px;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
box-shadow:0px 0px 5px 3px #F2F5A9;
-moz-box-shadow:0px 0px 5px 3px #F2F5A9;
-webkit-box-shadow:0px 0px 5px 3px #F2F5A9;
}
.kage_W {background-color:rgba(255,255,255,0.8);
margin:0px;
padding:0px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
box-shadow:0px 0px 0px 0px #FBF8EF;
-moz-box-shadow:0px 0px 0px 0px #FBF8EF;
-webkit-box-shadow:0px 0px 0px 0px #FBF8EF;
}
.kage_WY {background-color:rgba(255,255,255,0.8);  border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
box-shadow:0px 0px 50px 3px #F3F781;
-moz-box-shadow:0px 0px 50px 3px #F3F781;
-webkit-box-shadow:0px 0px 50px 3px #F3F781;
}
.kage_Y {background-color:rgba(255,255,255,0.8);
margin:0px;
padding:0px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
box-shadow:0px 0px 0px 0px #F3F781;
-moz-box-shadow:0px 0px 0px 0px #F3F781;
-webkit-box-shadow:0px 0px 0px 0px #F3F781;
}
.kage_Wgn {background-color:rgba(0,0,0,0.8);
margin:0px;
padding:0px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
box-shadow:0px 0px 1px 1px #F2F5A9;
-moz-box-shadow:0px 0px 1px 1px #F2F5A9;
-webkit-box-shadow:0px 0px 1px 1px #F2F5A9;
}
.kage_text {background-color:rgba(0,0,0,0.9);
margin:0px;
padding:0px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
box-shadow:0px 0px 3px 1px #000000;
-moz-box-shadow:0px 0px 3px 1px #000000;
-webkit-box-shadow:0px 0px 3px 1px #000000;
}
.kage_k {background-color:rgba(0,0,0,0.9);
margin:0px;
padding:0px;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
box-shadow:0px 0px 3px 1px #000000;
-moz-box-shadow:0px 0px 3px 1px #000000;
-webkit-box-shadow:0px 0px 3px 1px #000000;
} .mw_wp_form_input .btn input{
background-color:#6495ED;
width:150px;
height:35px;
text-indent:0px;
overflow:hidden;
border:none;
cursor:pointer;
color:#ffffee;
border-radius: 5px;
} .mw_wp_form_confirm .btn input{
background-color:#6495ED;
width:150px;
height:35px;
text-indent:0px;
overflow:hidden;
border:none;
cursor:pointer;
color:#ffffee;
border-radius: 5px;
} #submitback input{
background-color:#FF8856;
width:150px;
height:35px;
text-indent:0px;
overflow:hidden;
border:none;
cursor:pointer;
border-radius: 5px;
}
span.aks {display: inline-block;}
.sa1 {opacity: 0; transition: all 1.5s ease;}
.sa1.show {opacity: 1; transform: none;}
.sa1--down {transform: translate(0, -100px);}
.sa2 {opacity: 0; transition: all 3.5s ease;}
.sa2.show {opacity: 1; transform: none;}
.sa2--down {transform: translate(0, -100px);}
.sa3 {opacity: 0; transition: all 2.5s ease;}
.sa3.show {opacity: 1; transform: none;}
.sa3--down {transform: translate(0, -100px);}
.sa {opacity: 0; transition: all .5s ease;}
.sa.show {opacity: 1; transform: none;}
.sa--down {transform: translate(0, -100px);}
.sa--lr {transform: translate(-100px, 0);}
.sa--rl {transform: translate(100px, 0);}
.sa--up {transform: translate(0, 100px);}
.sa--down {transform: translate(0, -100px);}
.sa--scaleUp {transform: scale(.5);}
.sa--scaleDown {transform: scale(1.5);}
.sa--rotateL {transform: rotate(180deg);}
.sa--rotateR {transform: rotate(-180deg);}