@charset "UTF-8";
/*!
 Theme Name:   ISTK Portfolio
 Theme URI:    https://istkweb.com/wp-products/istk-portfolio
 Description:  The theme for creating a portfolio site to get commissions. For illustrators, artists, designers and more. It features carousel(slider) in the front page, it good for displaying your artworks.
 Author:       Isi-tsuku / いしつく!
 Author URI:   https://istkweb.com
 Version:	1.1.4
 Tested up to:	6.9
 Requires PHP:	8.3
 Tags:	portfolio, right-sidebar, two-columns, custom-header, custom-logo, translation-ready, featured-images, custom-colors, custom-menu, sticky-post
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  istk-portfolio
*/
/* -- modules/_body.scss */
.container { max-width: 960px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; }
@media screen and (min-width: 981px) { .container { padding-left: 0; padding-right: 0; } }
@media screen and (min-width: 900px) { .container .container-narrow { margin-left: 100px; margin-right: 100px; } }

section { padding-top: 30px; padding-bottom: 30px; }
section > .container > h1 { font-weight: bold; font-size: 2.4rem; margin-bottom: 1em; margin-top: 0.5em; text-align: center; line-height: 1.4; border: none; padding: 0; }

body.admin-bar #wpadminbar, body.admin-bar #skip-nav { visibility: visible; }

.entry-content > div { margin-top: 1em; margin-bottom: 1em; }

.sr-only, .screen-reader-text { border: 0; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; position: absolute !important; word-wrap: normal !important; word-break: normal; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.dashicons, .dashicons-before:before { font-size: 1em; height: 1em; width: 1em; }

/* -- modules/_plain-tags.scss */
html { font-size: 62.5%; }

body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.8rem; line-height: 1.8; background-color: #fff; color: #231919; margin: 0; padding: 0; }

img { vertical-align: bottom; border: none; }

figure { display: block; margin: 0; }

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table { margin-top: 1.5em; margin-bottom: 1.5em; word-break: break-word; }

h1 { font-size: 2em; line-height: 1.4; }

h2 { font-size: 1.8em; border-bottom: 1px solid #ccc; padding-bottom: 0.3em; line-height: 1.4; }

h3 { font-size: 1.4em; line-height: 1.4; }

h4 { font-size: 1.2em; color: #777; }

h5 { font-size: 1em; }

h6 { font-size: 1em; color: #777; }

p { line-height: 1.8; }

table { border-collapse: collapse; }
table td, table th { line-height: 1.4; padding: 0.3em; border: 1px solid #ccc; text-align: left; }
table thead th { font-weight: bold; text-align: center; }

blockquote { padding-top: 1em; padding-bottom: 1em; padding-right: 0; padding-left: 1em; margin-left: 0.5em; border-width: 0 0 0 0.5em; border-style: solid; border-color: #ddd; }
@media screen and (min-width: 768px) { blockquote { padding-left: 2em; margin-left: 2em; } }
blockquote cite { display: block; margin: 2rem 0 0 0; }
blockquote p:first-child { margin-top: 0; }
blockquote p:last-child { margin: 0; }

cite { color: #777; font-size: 90%; font-style: normal; font-weight: 600; line-height: 1.25; margin-left: 0.5em; }

dl dt { font-weight: 600; }
dl dd { margin-left: 2em; margin-bottom: 1em; }
dl dd:last-child { margin-bottom: 0; }

ul, ol { padding-left: 1.5em; }
ul li, ol li { line-height: 1.4; margin-bottom: 0.5em; }
ul li:last-child, ol li:last-child { margin-bottom: 0; }
ul li ul, ul li ol, ol li ul, ol li ol { margin-top: 0.5em; margin-bottom: 0; }
@media screen and (min-width: 768px) { ul li ul, ul li ol, ol li ul, ol li ol { padding-left: 2em; } }

address { line-height: 1.4; color: #666; margin-left: 1em; font-style: italic; }
@media screen and (min-width: 768px) { address { margin-left: 2em; } }

abbr, acronym { color: #666; font-weight: 500; font-style: italic; }

code { font-size: 96%; }

pre { overflow: scroll; font-family: "Osaka-mono", "MS Gothic", "Lucida Console", Monaco,  "monospace"; padding-bottom: 2em; }

q { color: #666; font-style: italic; }

hr { border: none; border-top: 1px solid #ccc; margin-top: 3em; margin-bottom: 3em; }

form label { display: block; }

/* -- modules/_form.scss */
button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; border: none; border-radius: 8px; line-height: 1.2; background-color: #586a75; color: #ffffff; display: inline-block; font-size: 1.125em; padding: .667em 1.333em; text-align: center; text-decoration: none; overflow-wrap: break-word; }
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { cursor: pointer; opacity: 0.8; transition: all 0.15s ease-in; }

form input[type="text"], form input[type="email"], form input[type="url"], form input[type="password"], form input[type="search"], form input[type="number"], form input[type="tel"], form input[type="range"], form input[type="date"], form input[type="month"], form input[type="week"], form input[type="time"], form input[type="datetime"], form input[type="datetime-local"], form input[type="color"], form textarea { border-style: solid; border-width: 1px; border-color: #ccc; box-sizing: border-box; padding: 0.4em 0.6em; font-size: 1.6rem; width: 100%; -webkit-appearance: none; border-radius: 0; }
form input[type="search"]::-webkit-search-decoration { display: none; }
form select { font-size: 1em; width: 100%; }
form textarea { box-sizing: border-box; display: block; width: 100%; max-width: 100%; resize: vertical; }
form label { display: block; font-weight: bold; font-size: 1.5rem; }
form input[type="checkbox"] + label { display: inline; font-weight: normal; }

/* -- modules/_wp-block.scss */
.alignright { float: right; }

.alignleft { float: left; }

.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-block-media-text .wp-block-media-text__media img { height: auto; }
.wp-block-media-text .wp-block-media-text__content p.has-large-font-size { margin-bottom: 1rem; margin-top: 1rem; line-height: 1.4; font-size: 1.8em; }
.wp-block-media-text .wp-block-media-text__content p:last-child { margin-bottom: 0; }

.wp-block-cover.alignleft { margin-right: 1em; margin-top: 0.5em; }
.wp-block-cover.alignright { margin-left: 1em; margin-top: 0.5em; }

.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; }

.entry-content p img.alignright { margin-top: 0.5em; margin-left: 1em; margin-bottom: 1em; }
.entry-content p img.alignleft { margin-top: 0.5em; margin-right: 1em; margin-bottom: 1em; }

.entry-content img { max-width: 100%; height: auto; }

.wp-block-image img { max-width: 100%; height: auto; }
.wp-block-image.alignright { margin-top: 0.5em; margin-left: 1em; margin-bottom: 1em; }
.wp-block-image.alignleft { margin-top: 0.5em; margin-right: 1em; margin-bottom: 1em; }

.wp-block-columns > .wp-block-column > div:last-child, .wp-block-columns > .wp-block-column > p:last-child, .wp-block-columns > .wp-block-column > table:last-child, .wp-block-columns > .wp-block-column > ul:last-child, .wp-block-columns > .wp-block-column > ol:last-child, .wp-block-columns > .wp-block-column > dl:last-child, .wp-block-columns > .wp-block-column > figure:last-child { margin-bottom: 0; }
.wp-block-columns > .wp-block-column.has-background { padding: 0.8em; }
.wp-block-columns.has-background { padding: 1.25em; }
.wp-block-columns.has-background > .wp-block-column > .wp-block-image:last-child > figcaption { margin-bottom: 0; }

.wp-block-gallery { margin-top: 1em; margin-bottom: 1em; }
.wp-block-group.has-background > .wp-block-group__inner-container > .wp-block-gallery { margin-top: 0; margin-bottom: 0; }
.wp-block-gallery ul.blocks-gallery-grid { margin-bottom: 0; }
.wp-block-gallery.alignleft { margin-right: 1em; }
.wp-block-gallery.alignright { margin-left: 1em; }

.wp-caption { max-width: 100%; height: auto; }
.wp-caption img { max-width: 100%; height: auto; }
.wp-caption.alignleft { margin-right: 1em; }
.wp-caption.alignright { margin-left: 1em; }

.wp-block-quote { border-left: solid 0.5em #ddd; padding-right: 0; padding-left: 1em; margin-left: 0.5em; }
@media screen and (min-width: 768px) { .wp-block-quote { padding-left: 2em; margin-left: 2em; } }
.wp-block-quote.has-text-align-right { border-right: solid 0.5em #ddd; padding-left: 0; margin-left: 0; padding-right: 1em; margin-right: 0.5em; }
@media screen and (min-width: 768px) { .wp-block-quote.has-text-align-right { padding-right: 2em; margin-right: 2em; } }
.wp-block-quote.is-style-large { margin-bottom: 2em; margin-top: 2em; margin-left: 0; margin-right: 0; padding: 1em; }
.wp-block-quote.is-style-large p { margin-top: 0.5em; margin-bottom: 0.5em; }
.wp-block-quote.is-style-large p:first-child { margin-top: 0; }
.wp-block-quote.is-style-large p:last-child { margin: 0; }

.wp-block-pullquote { margin-bottom: 2em; margin-top: 2em; }
.wp-block-pullquote blockquote { border: none; padding-left: 0; }

.wp-caption-text { color: #555; font-size: 13px; text-align: center; line-height: 1.4; padding-left: 0.3em; padding-right: 0.3em; }

p.wp-caption-text { margin-top: 0.5em; }

.gallery { display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; margin: 0; }
.gallery .gallery-icon { margin-left: auto; margin-right: auto; }
.gallery .gallery-icon img { border: none; box-sizing: border-box; }
.gallery .gallery-caption { margin-top: 0.3em; }

.gallery-columns-1 { flex-direction: column; }

.gallery-item { margin: 0 1em 1em 0; display: flex; flex-grow: 1; flex-direction: column; justify-content: center; position: relative; align-self: flex-start; width: calc(50% - 1em); }
.gallery-columns-1 .gallery-item { margin-left: auto; margin-right: auto; }
.gallery-columns-2 .gallery-item { width: calc(50% - 1em); }
.gallery-columns-2 .gallery-item:nth-child(2n) { margin-right: 0; }
.gallery-columns-3 .gallery-item { width: calc(33.33333% - .66667em); }
.gallery-columns-3 .gallery-item:nth-child(3n) { margin-right: 0; }
.gallery-columns-4 .gallery-item { width: calc(25% - .75em); margin-right: 1em; }
.gallery-columns-4 .gallery-item:nth-child(4n) { margin-right: 0; }
.gallery-columns-5 .gallery-item { width: calc(20% - .8em); margin-right: 1em; }
.gallery-columns-5 .gallery-item:nth-child(5n) { margin-right: 0; }
.gallery-columns-6 .gallery-item { width: calc(16.66667% - .83333em); margin-right: 1em; }
.gallery-columns-6 .gallery-item:nth-child(6n) { margin-right: 0; }
.gallery-columns-7 .gallery-item { width: calc(14.28571% - .85714em); margin-right: 1em; }
.gallery-columns-7 .gallery-item:nth-child(7n) { margin-right: 0; }
.gallery-columns-8 .gallery-item { width: calc(12.5% - .875em); margin-right: 1em; }
.gallery-columns-8 .gallery-item:nth-child(8n) { margin-right: 0; }
.gallery-columns-9 .gallery-item { width: calc(11.111% - .6em); margin-right: 1em; }
.gallery-columns-9 .gallery-item:nth-child(9n) { margin-right: 0; }

.sticky .entry-title:before { font-family: dashicons; display: inline-block; line-height: 1; font-weight: 400; font-style: normal; speak: none; text-decoration: inherit; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 0.8em; height: 0.8em; font-size: 0.8em; vertical-align: top; text-align: center; font-size: 1.5em; position: relative; left: -0.2em; content: "\f537"; color: #c14d4d; }

.post-password-required .entry-title:before { font-family: dashicons; display: inline-block; line-height: 1; font-weight: 400; font-style: normal; speak: none; text-decoration: inherit; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 1em; height: 1em; font-size: 1em; vertical-align: top; text-align: center; font-size: 1.2em; content: "\f160"; color: #939393; }

.post-password-protected .entry-title:before { font-family: dashicons; display: inline-block; line-height: 1; font-weight: 400; font-style: normal; speak: none; text-decoration: inherit; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 1em; height: 1em; font-size: 1em; vertical-align: top; text-align: center; font-size: 1.2em; content: "\f528"; color: #939393; }

@media screen and (min-width: 768px) { .searchform { max-width: 600px; } }
.searchform > div { display: flex; }
.searchform > div #searchsubmit { margin-left: 0.5em; padding-top: 0.4em; padding-bottom: 0.4em; }

.wp-block-search .wp-block-search__input { border-radius: 4px; }
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { background-color: #fff; border-radius: 4px; }
.wp-block-search.wp-block-search__text-button .wp-block-search__button { white-space: nowrap; }

ol.wp-block-latest-comments { padding-left: 0; }

.wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { border-radius: 0.8em; }

.wp-block-calendar table { margin: 0.2em 0; }
.wp-block-calendar table td { background-color: rgba(255, 255, 255, 0.8); }

.wp-block-latest-posts .wp-block-latest-posts__featured-image.alignleft, .wp-block-latest-posts .wp-block-latest-posts__featured-image.alignright { margin-bottom: 5px; }
.wp-block-latest-posts a { font-weight: bold; }
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt { line-height: 1.3; }

.alignfull, .alignwide { clear: both; }

.alignfull { margin-left: -10px; margin-right: -10px; }
@media screen and (min-width: 980px) { .alignfull { margin-left: calc( ( 100vw - var( --wp--style--global--content-size ) ) / 2 * -1 ); margin-right: calc( ( 100vw - var( --wp--style--global--content-size ) ) / 2 * -1 ); } }
.alignfull.wp-block-image { max-width: 100vw; }

@media screen and (min-width: 960px) and (max-width: 1279px) { .alignwide { margin-left: calc( ( 100vw - var( --wp--style--global--content-size ) - 20px ) / 2 * -1 ); margin-right: calc( ( 100vw - var( --wp--style--global--content-size ) - 20px ) / 2 * -1 ); } }
@media screen and (min-width: 1280px) { .alignwide { margin-left: calc( ( var( --wp--style--global--wide-size ) - var( --wp--style--global--content-size ) ) / 2 * -1 ); margin-right: calc( ( var( --wp--style--global--wide-size ) - var( --wp--style--global--content-size ) ) / 2 * -1 ); } }
.alignwide.wp-block-image { max-width: 100vw; }
@media screen and (min-width: 1280px) { .alignwide.wp-block-image { max-width: var(--wp--style--global--wide-size); } }

@media screen and (min-width: 768px) { .sidebar-exists .alignfull, .sidebar-exists .alignwide { margin-left: auto; margin-right: auto; } }
.sidebar-exists .alignfull.wp-block-image, .sidebar-exists .alignwide.wp-block-image { max-width: 100%; }
.sidebar-exists .alignfull.wp-block-image img, .sidebar-exists .alignwide.wp-block-image img { max-width: 100%; }

/* -- modules/_button.scss */
.wp-block-button.alignleft { margin-right: 1em; margin-top: 0.5em; }
.wp-block-button.alignright { margin-left: 1em; margin-top: 0.5em; }
.wp-block-button.aligncenter { text-align: center; }

.wp-block-button__link { border-radius: 8px; background-color: #586a75; line-height: 1.2; position: relative; }
.wp-block-button__link:after { display: inline-block; content: ''; position: absolute; width: 100%; height: 100%; background: none; top: 0; left: 0; }
.wp-block-button__link:hover:after { background: rgba(255, 255, 255, 0.2); transition: all 0.15s ease-in; }
.wp-block-button__link:active:after { background: none; }
.wp-block-button.is-style-outline > .wp-block-button__link { position: relative; }
.wp-block-button.is-style-outline > .wp-block-button__link:after { display: inline-block; content: ''; position: absolute; width: 100%; height: 100%; background: none; top: 0; left: 0; }
.wp-block-button.is-style-outline > .wp-block-button__link:hover:after { background: rgba(0, 0, 0, 0.1); transition: all 0.15s ease-in; }
.wp-block-button.is-style-outline > .wp-block-button__link:active:after { background: none; }
.wp-block-button.is-style-squared > .wp-block-button__link { border-radius: 0; }
.wp-block-button__link .dashicons { font-size: 160%; /*position: relative;
top: -0.18em;
margin-right: 7px;*/ }

.istk-cta-btn.download a { background-color: #368207; }
.istk-cta-btn.contact a { background-color: #ec6718; }

.istk-cta { text-align: center; border-top: 1px solid #ccc; padding-bottom: 45px; }
.wp-block-group > .istk-cta { border: none; padding-top: 0; padding-bottom: 0; }
.istk-cta .img a { text-decoration: none; }
.istk-cta .img .dashicons { font-size: 10em; color: #4f4c4c; }
.istk-cta .img img.fullsize { height: 200px; width: auto; }
.istk-cta .action-str p { margin-top: 0.4em; margin-bottom: 1em; font-size: 1em; white-space: pre-wrap; font-weight: 600; line-height: 1.4; }
.istk-cta .istk-cta-btn { font-size: 120%; width: 100%; }
.istk-cta .istk-cta-btn a { line-height: 1.4; padding-top: 1em; padding-bottom: 1em; }
@media screen and (min-width: 768px) { .istk-cta .istk-cta-btn a { width: auto; padding-left: 3em; padding-right: 3em; } }
.istk-cta.contact { padding-top: 45px; }
.istk-cta.contact .action-str p { margin-top: 0; }
.istk-cta.contact .wp-block-button__link .dashicons { vertical-align: middle; margin-right: 6px; }

/**/
/* -- modules/_header.scss */
#skip-nav:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }

#main[tabindex="-1"]:focus { outline: 0; }

#site-header { /* -- modules/_header-navigation.scss */ }
#site-header .headliner { background: #3a3a3a; color: #fff; font-size: 1.2rem; padding: 3px; }
#site-header .logo-and-info { position: relative; background-color: #fff; }
#site-header .upper { border-bottom: 3px solid #a0183c; }
@media screen and (min-width: 768px) { #site-header .upper { border: none; } }
#site-header .upper .logo { height: 65px; padding: 10px; box-sizing: border-box; padding-left: 0; }
#site-header .upper .logo img { height: 100%; width: auto; }
#site-header .upper .logo a.str { font-weight: bold; color: inherit; text-decoration: none; display: inline-block; line-height: 1; font-size: 2.2rem; padding: 10px; padding-left: 0; }
#site-header .toggle-button { box-sizing: border-box; display: flex; flex-direction: row-reverse; align-items: center; }
@media screen and (min-width: 768px) { #site-header .toggle-button { display: none; } }
#site-header .toggle-button .toggle-button-inside { padding: 10px; background: none; color: inherit; line-height: 1; font-size: 3rem; border-radius: 4px; }
#site-header .toggle-button .toggle-button-inside:focus + .str { display: inline-block; }
#site-header .toggle-button .str { font-size: 0.8em; margin-right: 0.5em; display: none; line-height: 1; }
#site-header .toggle-button.first-disp { position: absolute; top: 5px; right: 5px; }
#site-header #navbarHeader { position: fixed; background: #a0183c; z-index: 9999; top: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; width: 100%; left: -9999em; opacity: 0; visibility: hidden; }
.admin-bar #site-header #navbarHeader { top: 46px; }
#site-header #navbarHeader.open { left: 0; opacity: 1; transition: opacity 0.2s; visibility: visible; }
#site-header #navbarHeader .toggle-button { padding-top: 23px; padding-right: 5px; background-color: rgba(255, 255, 255, 0.8); height: 92px; box-sizing: border-box; }
#site-header #navbarHeader > .container { padding-left: 0; padding-right: 0; }
@media screen and (min-width: 768px) { #site-header #navbarHeader { position: static; top: auto; bottom: auto; left: auto; overflow: visible; visibility: visible; opacity: 1; transition: none; }
  #site-header #navbarHeader > .container { position: relative; }
  .admin-bar #site-header #navbarHeader { top: 0; } }
#site-header #navbarHeader .info { display: flex; align-items: center; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.3); background: rgba(255, 255, 255, 0.75); margin: 10px; border-radius: 8px; }
@media screen and (min-width: 768px) { #site-header #navbarHeader .info { height: 65px; position: absolute; top: -65px; right: 0; padding: 0; border: none; background: none; margin: 0; } }
@media (min-width: 768px) and (max-width: 960px) { #site-header #navbarHeader .info { padding-right: 10px; } }
#site-header #navbarHeader .info .l { padding-right: 1em; }
#site-header #navbarHeader .info .l > div + div { margin-top: 4px; }
#site-header #navbarHeader .info .l .tel { line-height: 1; font-size: 1.9rem; margin-bottom: 10px; }
@media screen and (min-width: 768px) { #site-header #navbarHeader .info .l .tel { margin-bottom: 0; } }
#site-header #navbarHeader .info .l .tel address { font-weight: bold; text-align: center; font-style: normal; letter-spacing: 0.1em; margin-left: 0; line-height: 1; }
#site-header #navbarHeader .info .l .tel address a { text-decoration: none; color: inherit; }
#site-header #navbarHeader .info .l .tel address .dashicons { margin-right: 0.3em; }
#site-header #navbarHeader .info .l .biz-hour { line-height: 1; font-size: 1.2rem; }
#site-header #navbarHeader .info .l .calendar { line-height: 1; font-size: 1.2rem; }
#site-header #navbarHeader .info .l .calendar a { color: inherit; }
#site-header #navbarHeader .info .istk-cta-btn { flex-grow: 1; box-sizing: border-box; height: 100%; }
@media screen and (min-width: 768px) { #site-header #navbarHeader .info .istk-cta-btn { flex-grow: 0; padding: 10px 0; } }
#site-header #navbarHeader .info .istk-cta-btn .wp-block-button__link { width: 100%; height: 100%; box-sizing: border-box; font-size: 0.9em; padding: 1em 0.5em; line-height: 1.4; white-space: nowrap; }
@media screen and (min-width: 768px) { #site-header #navbarHeader .info .istk-cta-btn .wp-block-button__link { padding: 0.85em 1.5em; line-height: 1.1; white-space: normal; } }
#site-header #navbarHeader .info .istk-cta-btn .wp-block-button__link .dashicons { font-size: 160%; position: relative; top: -0.18em; margin-right: 7px; line-height: 1.2; }
@media screen and (min-width: 768px) { #site-header #navbarHeader .info .istk-cta-btn .wp-block-button__link .dashicons { line-height: 1; } }
#site-header #navbarHeader .nomenu-spacer { display: none; }
@media screen and (min-width: 768px) { #site-header #navbarHeader .nomenu-spacer { display: block; height: 5px; line-height: 1; overflow: hidden; } }
#site-header .header-navigation-links { font-size: 1.4rem; }
#site-header .header-navigation-links ul { margin: 0; padding: 0; list-style-type: none; }
#site-header .header-navigation-links li { border-top: 1px solid rgba(255, 255, 255, 0.6); margin-bottom: 0; }
#site-header .header-navigation-links a { display: block; text-decoration: none; color: #fff; padding: 0.6em 1em; }
#site-header .header-navigation-links > div > ul > li > a { font-weight: bold; background-color: rgba(255, 255, 255, 0.15); }
#site-header .header-navigation-links .sub-menu a { font-size: 96%; }
#site-header .header-navigation-links .sub-menu > li > a { padding-left: 2.5em; }
#site-header .header-navigation-links .sub-menu > li > .sub-menu > li > a { padding-left: 3.5em; }
#site-header .header-navigation-links .sub-menu > li > .sub-menu > li > .sub-menu > li > a { padding-left: 4.5em; }
@media screen and (min-width: 768px) { #site-header .header-navigation-links li.current-menu-item > a { background-color: rgba(255, 255, 255, 0.33); }
  #site-header .header-navigation-links a:hover { background-color: rgba(255, 255, 255, 0.25); }
  #site-header .header-navigation-links > div > ul { display: flex; justify-content: space-between; position: relative; z-index: 9; }
  #site-header .header-navigation-links > div > ul > li { border-top: none; flex-grow: 1; text-align: center; border-right: 1px solid #fff; flex-basis: 100%; }
  #site-header .header-navigation-links > div > ul > li:first-child { border-left: 1px solid #fff; }
  #site-header .header-navigation-links > div > ul > li > a { display: flex; justify-content: center; align-items: center; height: 100%; line-height: 1.3; padding: 0.8em 0.5em; box-sizing: border-box; }
  #site-header .header-navigation-links .sub-menu { display: none; position: absolute; background: #a0183c; }
  #site-header .header-navigation-links .sub-menu li { text-align: left; position: relative; }
  #site-header .header-navigation-links .sub-menu a { padding-left: 1em; }
  #site-header .header-navigation-links .sub-menu > li > a { padding-left: 1em; }
  #site-header .header-navigation-links .sub-menu > li > .sub-menu > li > a { padding-left: 1em; }
  #site-header .header-navigation-links .sub-menu > li > .sub-menu > li > .sub-menu > li > a { padding-left: 1em; }
  #site-header .header-navigation-links .sub-menu > li > .sub-menu { top: 0; left: calc( 100% + 9px ); }
  #site-header .header-navigation-links .sub-menu > li > .sub-menu:before { content: ''; width: 16px; height: 10px; border-style: solid; border-color: transparent; border-width: 5px 8px; border-right-color: rgba(0, 0, 0, 0.3); box-sizing: border-box; position: absolute; top: 10px; left: -16px; }
  #site-header .header-navigation-links .sub-menu > li > .sub-menu li { white-space: nowrap; }
  #site-header .header-navigation-links .sub-menu > li > .sub-menu > li > .sub-menu { top: 0; left: 100%; }
  #site-header .header-navigation-links .menu-item-has-children:focus-within > .sub-menu, #site-header .header-navigation-links .menu-item-has-children:focus > .sub-menu, #site-header .header-navigation-links .menu-item-has-children:hover > .sub-menu { display: block; outline: 0; } }

.header-simple #site-header { border-bottom: 3px solid #a0183c; }
.header-simple #site-header .logo-and-info .logo { height: 45px; padding: 8px; }
.header-simple #site-header .logo-and-info .logo a.str { font-size: 1.8rem; }

.page-header { background: #efe4c4; }
.page-header h1, .page-header p { margin: 0; padding: 0; line-height: 1.2; font-size: 1.8rem; font-weight: bold; padding: 2rem 0; }
.page-header h1 a, .page-header p a { text-decoration: none; color: inherit; }
.page-header h1 a:after, .page-header p a:after { font-family: dashicons; display: inline-block; line-height: 1; font-weight: 400; font-style: normal; speak: none; text-decoration: inherit; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 20px; height: 20px; font-size: 20px; vertical-align: top; text-align: center; content: "\f139"; vertical-align: middle; opacity: 0.4; }
.page-header h1 a:hover, .page-header p a:hover { opacity: 0.7; }
.page-header h1.page-title { font-size: 2.6rem; padding-top: 2.6rem; padding-bottom: 2.6rem; }

/* -- modules/_footer.scss */
#site-footer { background: #efe4c4; margin: 0; padding: 20px 0 70px 0; font-size: 1.3rem; }
#site-footer ul { margin: 0; padding: 0; list-style-type: none; }
#site-footer a { color: inherit; }
#site-footer h2 { margin: 0 0 1em 0; padding: 0; border: none; font-size: 1.3rem; font-weight: bold; color: inherit; opacity: 0.6; }
#site-footer .menu-area, #site-footer .widgets-area { margin-top: 1em; }
#site-footer .menu-area > .inside { display: flex; flex-wrap: wrap; gap: 10px; }
#site-footer .menu-area > .inside > .footer-menu-container { flex-basis: calc( 50% - 5px ); flex-grow: 1; }
#site-footer .widgets-area > ul { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; }
@media screen and (min-width: 768px) { #site-footer .widgets-area > ul { flex-wrap: nowrap; } }
#site-footer .widgets-area .widget { flex-basis: calc( 50% - 5px ); flex-grow: 1; box-sizing: border-box; margin-bottom: 20px; }
@media screen and (min-width: 768px) { #site-footer .widgets-area .widget { flex-basis: 100%; } }
#site-footer .widget ul > li:before, #site-footer .footer-menu-container > ul > li:before { font-family: dashicons; display: inline-block; line-height: 1; font-weight: 400; font-style: normal; speak: none; text-decoration: inherit; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 20px; height: 20px; font-size: 20px; vertical-align: top; text-align: center; content: "\f139"; opacity: 0.5; }
#site-footer .widget ul > li .sub-menu, #site-footer .footer-menu-container > ul > li .sub-menu { margin-left: 2em; margin-top: 0.3em; }
#site-footer .privacy-policy-link { font-size: 1.4rem; }
#site-footer .privacy-policy-link p { margin-top: 1em; margin-bottom: 1em; }
#site-footer .privacy-policy-link a { color: inherit; }
@media screen and (min-width: 768px) { #site-footer .privacy-policy-link { text-align: center; } }

#copyright, #about-reproduce { font-size: 1.3rem; opacity: 0.7; }
#copyright p, #about-reproduce p { line-height: 1.3; }
@media screen and (min-width: 768px) { #copyright, #about-reproduce { text-align: center; } }

#about-reproduce { white-space: pre-wrap; }
@media screen and (min-width: 768px) { #about-reproduce { text-align: center; } }

#theme-credit { margin-top: -40px; height: 40px; font-size: 1.1rem; line-height: 40px; padding: 0 10px; text-align: center; }
#theme-credit a { color: rgba(0, 0, 0, 0.55); }

.header-simple #site-footer p.homelink { text-align: center; font-size: 1.3rem; margin: 0; }
.header-simple #site-footer p.homelink a { color: inherit; }

/* -- modules/_main.scss */
.sidebar-exists #site-content { max-width: 960px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; }
@media screen and (min-width: 981px) { .sidebar-exists #site-content { padding-left: 0; padding-right: 0; } }
@media screen and (min-width: 768px) { .sidebar-exists #site-content { display: flex; }
  .sidebar-exists #site-content #main { flex-grow: 1; max-width: 730px; }
  .sidebar-exists #site-content #side { flex-basis: 230px; box-sizing: border-box; padding-left: 30px; } }

.archive #site-content { max-width: 960px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; }
@media screen and (min-width: 981px) { .archive #site-content { padding-left: 0; padding-right: 0; } }

#main { padding-bottom: 30px; }

.main-head-image { height: 380px; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.main-head-image img { width: 100%; height: auto; }

/* -- modules/sidebar.scss */
#side { font-size: 80%; padding-top: 2rem; padding-bottom: 2rem; }
#side > ul { list-style-type: none; padding: 0; margin: 0; }
#side .widget { background: #efe4c4; padding: 10px 10px 18px 10px; border-radius: 6px; margin-top: 15px; margin-bottom: 15px; }
#side .widget h2 { font-size: 0.8em; margin: 0 0 1em 0; padding: 0 0 0.3em 0; border-bottom: 1px solid #fff; line-height: 1.3; color: rgba(0, 0, 0, 0.6); }
#side .widget a { color: inherit; }
#side .widget a:visited { color: #805c9e; }
#side .widget ol { margin: 0; }
#side .widget > ul, #side .widget > nav > ul, #side .widget h2.wp-block-heading + ul { list-style-type: none; padding-left: 0; margin: 0; }
#side .widget > ul > li:before, #side .widget > nav > ul > li:before, #side .widget h2.wp-block-heading + ul > li:before { font-family: dashicons; display: inline-block; line-height: 1; font-weight: 400; font-style: normal; speak: none; text-decoration: inherit; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 20px; height: 20px; font-size: 20px; vertical-align: top; text-align: center; content: "\f139"; opacity: 0.4; }
#side .widget_nav_menu ul.menu { list-style-type: none; padding-left: 0; }
#side .widget_nav_menu ul.menu > li:before { font-family: dashicons; display: inline-block; line-height: 1; font-weight: 400; font-style: normal; speak: none; text-decoration: inherit; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 20px; height: 20px; font-size: 20px; vertical-align: top; text-align: center; content: "\f139"; opacity: 0.4; }
#side .widget_nav_menu ul.menu > li ul { list-style: disc; margin-left: 0.8em; }
#side .wp-block-search .wp-block-search__button { margin-left: 0.3em; }
#side .wp-block-search .wp-block-search__label { font-size: 0.8em; margin: 0 0 1em 0; padding: 0 0 0.3em 0; border-bottom: 1px solid #fff; line-height: 1.3; color: rgba(0, 0, 0, 0.6); }
#side .wp-block-search .wp-block-search__input, #side .wp-block-search .wp-block-search__button, #side .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { border-color: #737373; }
#side .wp-caption-text { font-size: 12px; }
#side .wp-block-latest-comments .avatar, #side .wp-block-latest-comments__comment-avatar { height: 2em; width: 2em; border-radius: 0.6em; }
#side .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, #side .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { margin-left: 2.75em; }
#side .wp-block-latest-comments__comment-excerpt p { line-height: 1.4; }
#side .wp-block-latest-posts > li:not(:last-child) { margin-bottom: 1em; }
#side .wp-block-latest-posts .wp-block-latest-posts__post-excerpt { font-size: 0.9em; }

/* --templates/_content.scss */
.entry-title, .archive-title { word-break: break-word; }

.content-list-area { padding-top: 1em; padding-bottom: 1em; }
.blog-home .content-list-area { padding-top: 2em; }
.content-list-area:after { content: ''; display: table; clear: both; }
@media screen and (min-width: 768px) { .content-list-area { display: flex; justify-content: space-between; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } }
.content-list-area article { display: flex; }
.content-list-area article + article { margin-top: 20px; }
@media screen and (min-width: 768px) { .content-list-area article + article { margin-top: 0; } }
@media screen and (min-width: 768px) { .content-list-area article { flex-basis: 50%; padding: 10px; box-sizing: border-box; } }
.content-list-area article .image { margin-right: 20px; }
.content-list-area article .image figure.post-thumbnail { margin: 0; padding: 0; height: 100px; width: 100px; }
.content-list-area article .image figure.post-thumbnail a { display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; overflow: hidden; border-radius: 4px; }
.content-list-area article .image figure.post-thumbnail a img { height: 105%; width: auto; }
.content-list-area article .str { word-break: break-all; }
.content-list-area article .str h2.entry-title { font-size: 1em; margin: 0 0 0.3em 0; padding: 0; border: none; line-height: 1.4; }
.content-list-area article .str h2.entry-title .notitle { color: #ddd; }
.content-list-area article .str .description p { margin: 0 0 0.5em 0; font-size: 0.8em; line-height: 1.5; color: #5c5c5c; }
.content-list-area article.istk_portfolio .image figure.post-thumbnail { width: 150px; height: 85px; }
.content-list-area article.istk_portfolio .image figure.post-thumbnail img { width: 105%; height: auto; }

.paginate_link, .page-links { clear: both; padding-top: 1em; padding-bottom: 1em; }
.paginate_link ul.page-numbers, .page-links ul.page-numbers { margin: 0; list-style-type: none; padding: 0; display: flex; align-items: center; justify-content: center; }
.paginate_link ul.page-numbers li, .page-links ul.page-numbers li { border-color: #666; border-width: 1px 0 1px 1px; border-style: solid; margin: 0; padding: 0; line-height: 1.1; }
.paginate_link ul.page-numbers li:last-child, .page-links ul.page-numbers li:last-child { border-right-width: 1px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.paginate_link ul.page-numbers li:first-child, .page-links ul.page-numbers li:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.paginate_link ul.page-numbers li a, .paginate_link ul.page-numbers li span, .page-links ul.page-numbers li a, .page-links ul.page-numbers li span { display: block; padding: 0.3em 0.5em; }
.paginate_link ul.page-numbers li a, .page-links ul.page-numbers li a { color: inherit; text-decoration: none; }
.paginate_link ul.page-numbers li a:hover, .page-links ul.page-numbers li a:hover { background-color: #DCDCDC; }
.paginate_link ul.page-numbers li .current, .page-links ul.page-numbers li .current { background-color: #666; color: #fff; font-weight: bold; }

.post-date { font-size: 1.4rem; line-height: 1.4; }
.post-date .dashicons { font-size: 1.6em; vertical-align: middle; margin-right: 0.1em; }
.post-date .dashicons.dashicons-image-rotate { font-size: 1.3em; margin-left: 1em; }

.post-author { font-size: 1.4rem; line-height: 1.4; }
.post-author a { color: inherit; }
.post-author a.icon { display: inline-block; vertical-align: middle; border-radius: 8px; overflow: hidden; margin-right: 0.5em; }

.post-tax { font-size: 1.4rem; line-height: 1.4; }
.post-tax .dashicons { font-size: 1.6em; vertical-align: middle; margin-right: 0.1em; }
.post-tax ul { list-style-type: none; padding: 0; margin: 0; display: inline; line-height: 1.8; }
.post-tax ul li { display: inline-block; margin: 0 0.5em 0 0; }
.post-tax ul li a { color: #666; }

.entry-content:after { content: ''; display: table; clear: both; }

.entry-content, .entry-header, .entry-footer, .comments-wrapper { max-width: 960px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; }
@media screen and (min-width: 981px) { .entry-content, .entry-header, .entry-footer, .comments-wrapper { padding-left: 0; padding-right: 0; } }

.entry-header { margin-top: 2rem; margin-bottom: 2rem; padding-top: 0; }
@media screen and (min-width: 768px) { .entry-header { margin-top: 2rem; margin-bottom: 2rem; padding-top: 2rem; } }
.entry-header h1.entry-title { margin-top: 0.5em; margin-bottom: 0.5em; }
.entry-header .post-date, .entry-header .post-author { margin-top: 0.5em; }

.entry-footer { color: #777; padding-top: 2rem; padding-bottom: 2rem; text-align: right; }
.entry-footer .post-date, .entry-footer .post-author, .entry-footer .post-categories, .entry-footer .post-tags { margin-top: 0.5em; }

.next_and_previous_link { display: flex; border-top: 1px solid #ccc; padding-top: 1em; margin-top: 2em; margin-bottom: 1em; }
.next_and_previous_link > span { flex-basis: 50%; box-sizing: border-box; flex-grow: 1; word-break: break-word; line-height: 1.4; }
.next_and_previous_link .previous { margin-right: 1em; }
.next_and_previous_link .previous a:before { content: "\f341"; font-family: dashicons; display: inline-block; line-height: 1; font-weight: 400; font-style: normal; speak: none; text-decoration: inherit; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 1em; height: 1em; font-size: 1em; vertical-align: top; text-align: center; line-height: inherit; text-decoration: none; }
.next_and_previous_link .next { margin-left: 1em; text-align: right; }
.next_and_previous_link .next a:after { content: "\f345"; font-family: dashicons; display: inline-block; line-height: 1; font-weight: 400; font-style: normal; speak: none; text-decoration: inherit; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 1em; height: 1em; font-size: 1em; vertical-align: top; text-align: center; line-height: inherit; text-decoration: none; }
.next_and_previous_link .dashicons { font-size: 1.5em; vertical-align: middle; color: #bebebe; position: relative; top: -2px; }
.next_and_previous_link a { color: #777; }

.archive-header { margin-top: 2rem; margin-bottom: 2rem; }
.archive-header h1.page-title { margin-bottom: 0.5em; }

.featured-image { text-align: center; margin-top: 2rem; margin-bottom: 2rem; }
.featured-image img { max-width: 100%; height: auto; }

/* -- templates/_istk-portfolio.scss */
@media screen and (min-width: 768px) { .single-istk_portfolio .header-navigation-links { position: relative; z-index: 99; } }
.single-istk_portfolio .portfolio-main-image { position: relative; height: 300px; border-bottom: 1px solid #ddd; }
@media screen and (min-width: 768px) { .single-istk_portfolio .portfolio-main-image { height: 440px; } }
.single-istk_portfolio .portfolio-main-image figure.portfolio-main-img-frame { position: relative; z-index: 2; display: flex; margin: 0; padding: 0; overflow: hidden; align-items: center; justify-content: center; height: 100%; width: 100%; }
.single-istk_portfolio .portfolio-main-image figure.portfolio-main-img-frame img { max-height: 110%; width: auto; position: absolute; }
.single-istk_portfolio .portfolio-main-image .blur-bg { display: none; }
@media screen and (min-width: 768px) { .single-istk_portfolio .portfolio-main-image .blur-bg { z-index: 1; position: absolute; top: 0; width: 100%; height: 100%; display: flex; overflow: hidden; align-items: center; justify-content: center; opacity: 0.7; }
  .single-istk_portfolio .portfolio-main-image .blur-bg img { filter: blur(10px); max-width: none; max-height: none; min-width: 105%; min-height: 105%; } }
.single-istk_portfolio .entry-header { margin-top: 0; padding-top: 0.5em; }
.single-istk_portfolio .entry-header h1.entry-title { font-size: 1.4em; }
.single-istk_portfolio .entry-header .post-categories { margin-bottom: 0.5em; }
.single-istk_portfolio .entry-header .post-categories ul { font-size: 0.8em; }
.single-istk_portfolio .entry-header .post-categories ul li { margin: 0 0.5em 0.3em 0; }
.single-istk_portfolio .entry-header .post-categories ul li a { display: inline-block; background-color: #474646; color: #fff; text-decoration: none; font-weight: 600; padding: 0.3em 0.6em; border-radius: 4px; }
.single-istk_portfolio .entry-header .post-categories ul li a:hover { background-color: #6B6969; }
.single-istk_portfolio .work-data-area { background-color: #efe4c4; }
.single-istk_portfolio .work-data-area h2 { color: rgba(0, 0, 0, 0.6); }
.single-istk_portfolio .work-data-area table .tag { background-color: rgba(255, 255, 255, 0.5); }
.single-istk_portfolio .main-article .main-article-contents { display: flex; flex-direction: column-reverse; }
.single-istk_portfolio .main-article .main-article-contents:after { content: ''; display: table; clear: both; }
@media screen and (min-width: 768px) { .single-istk_portfolio .main-article .main-article-contents { display: block; } }
.single-istk_portfolio .main-article .main-article-contents .contents h1, .single-istk_portfolio .main-article .main-article-contents .contents h2, .single-istk_portfolio .main-article .main-article-contents .contents h3, .single-istk_portfolio .main-article .main-article-contents .contents h4, .single-istk_portfolio .main-article .main-article-contents .contents h5, .single-istk_portfolio .main-article .main-article-contents .contents h6, .single-istk_portfolio .main-article .main-article-contents .contents p, .single-istk_portfolio .main-article .main-article-contents .contents ul, .single-istk_portfolio .main-article .main-article-contents .contents ol, .single-istk_portfolio .main-article .main-article-contents .contents dl, .single-istk_portfolio .main-article .main-article-contents .contents table { margin-top: 1em; margin-bottom: 1em; }
.single-istk_portfolio .main-article .main-article-contents .contents h2 { font-size: 1.25em; border: none; }
.single-istk_portfolio .main-article .main-article-contents .contents h2:before { content: "\f345"; font-family: dashicons; vertical-align: top; }
.single-istk_portfolio .main-article .main-article-contents .contents h3 { font-size: 1.2em; }
.single-istk_portfolio .main-article .main-article-contents .contents p, .single-istk_portfolio .main-article .main-article-contents .contents ul, .single-istk_portfolio .main-article .main-article-contents .contents ol, .single-istk_portfolio .main-article .main-article-contents .contents dl { font-size: 0.9em; }
.single-istk_portfolio .main-article .main-article-contents .work-data-area { border-radius: 4px; padding: 1em; }
@media screen and (min-width: 768px) { .single-istk_portfolio .main-article .main-article-contents .work-data-area { width: 300px; box-sizing: border-box; float: right; margin-left: 2em; margin-bottom: 2em; } }
.single-istk_portfolio .main-article .main-article-contents .work-data-area h2, .single-istk_portfolio .main-article .main-article-contents .work-data-area table { font-size: 1.3rem; }
.single-istk_portfolio .main-article .main-article-contents .work-data-area h2 { margin: 0 0 0.2em 0; padding: 0; border: none; }
.single-istk_portfolio .main-article .main-article-contents .work-data-area table { border-collapse: collapse; width: 100%; }
.single-istk_portfolio .main-article .main-article-contents .work-data-area table td { border: 1px solid #666; padding: 0.5em 0.3em; line-height: 1.3; }
.single-istk_portfolio .main-article .main-article-contents .work-data-area table .tag { width: 5em; }
.single-istk_portfolio .main-article .main-article-contents .work-data-area table .data { background-color: #fff; }
.single-istk_portfolio .main-article .main-article-contents .work-data-area .work_data_notice { font-size: 1.2rem; margin-top: 0.2em; }
.single-istk_portfolio .main-article .main-article-contents .work-data-area .work_data_notice ul { padding-left: 1.5em; }
.single-istk_portfolio .main-article .main-article-contents .work-data-area .work_data_notice:last-child { margin-bottom: 0; }

/* -- templates/_front-page.scss */
main.front-page-template { padding-bottom: 0; }

.front-page-template .swiper-button-prev, .front-page-template .swiper-button-next { color: #000; }
.front-page-template .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000; }
.front-page-template .swiper-container-horizontal > .swiper-scrollbar { display: none; }
.front-page-template #front-main-image-area { border-bottom: 1px solid #ccc; }
.front-page-template #front-main-image-area .swiper-container { width: 100%; height: 300px; max-width: 100%; }
@media screen and (min-width: 768px) { .front-page-template #front-main-image-area .swiper-container { height: 400px; } }
@media screen and (min-width: 900px) { .front-page-template #front-main-image-area .swiper-container { height: 425px; } }
@media screen and (min-width: 1200px) { .front-page-template #front-main-image-area .swiper-container { width: 1280px; height: 450px; } }
.front-page-template #front-main-image-area .swiper-container .swiper-slide .inside { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: relative; background: #fff; overflow: hidden; }
.front-page-template #front-main-image-area .swiper-container .swiper-slide .inside img { height: 100%; width: auto; min-width: 0; max-width: none; position: absolute; }
.front-page-template .main-article > .wp-block-group { border-top: 1px solid #ccc; padding-top: 2em; padding-bottom: 2em; }
.front-page-template .main-article > .wp-block-group:first-child { border-top: none; }
.front-page-template .main-article > .wp-block-group .wp-block-group { border: none; }
.front-page-template .main-article > .wp-block-group .wp-block-group__inner-container { max-width: 960px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; }
@media screen and (min-width: 981px) { .front-page-template .main-article > .wp-block-group .wp-block-group__inner-container { padding-left: 0; padding-right: 0; } }
.front-page-template .main-article > .wp-block-group .wp-block-group__inner-container > h1 { font-weight: bold; font-size: 2.4rem; margin-bottom: 1em; margin-top: 0.5em; text-align: center; line-height: 1.4; border: none; padding: 0; }
.front-page-template .main-article > .wp-block-group .wp-block-group__inner-container > h2 { font-weight: bold; font-size: 2.4rem; margin-bottom: 1em; margin-top: 0.5em; text-align: center; line-height: 1.4; border: none; padding: 0; }
.front-page-template .main-article > .wp-block-group .wp-block-group__inner-container > h1 + h2 { font-size: 2rem; }
.front-page-template .main-article > .has-background { border-top: none; }
.front-page-template .main-article > .has-background + .wp-block-group { border-top: none; }
.front-page-template .main-article .wp-block-columns > .wp-block-column h2 { font-weight: bold; font-size: 2.4rem; margin-bottom: 1em; margin-top: 0.5em; text-align: center; line-height: 1.4; border: none; padding: 0; }
.front-page-template h1, .front-page-template h2 { font-weight: bold; font-size: 2.4rem; margin-bottom: 1em; margin-top: 0.5em; text-align: center; line-height: 1.4; border: none; padding: 0; }
.front-page-template h1 + h2 { font-size: 2rem; }
.front-page-template section.news, .front-page-template section.blog { border-top: 1px solid #ccc; }
.front-page-template section.news .wp-block-button, .front-page-template section.blog .wp-block-button { margin-bottom: 1em; font-size: 1.5rem; }
.front-page-template section.news .wp-block-button a, .front-page-template section.blog .wp-block-button a { min-width: 250px; }
@media screen and (min-width: 768px) { .front-page-template section.news .wp-block-button a, .front-page-template section.blog .wp-block-button a { min-width: 360px; } }
.front-page-template .content-list-news { list-style-type: none; padding: 0; margin-bottom: 2em; }
.front-page-template .content-list-news li { font-size: 0.9em; margin: 0; padding: 0.5em; }
.front-page-template .content-list-news li:nth-child(odd) { background-color: #eee; }
.front-page-template .content-list-news li .date { margin-right: 1em; }

/* -- modules/_comments.scss */
#comments .comments-header h2 { font-size: 1.8rem; }

.comment.thread-alt .comment { padding-left: 20px; }
@media screen and (min-width: 768px) { .comment.thread-alt .comment { padding-left: 60px; } }

.comment, .trackback, .pingback { padding-left: 60px; position: relative; font-size: 1.5rem; line-height: 1.3; margin-top: 3em; }
.comment .reply, .trackback .reply, .pingback .reply { margin-top: 1em; }
.comment .reply a, .trackback .reply a, .pingback .reply a { background: #dfdfdf; display: inline-block; line-height: 1; padding: 0.3em 0.5em; border-radius: 6px; color: #525252; text-decoration: none; }
.comment h1, .comment h2, .comment h3, .comment h4, .comment h5, .comment h6, .comment p, .comment ul, .comment ol, .comment dl, .comment table, .trackback h1, .trackback h2, .trackback h3, .trackback h4, .trackback h5, .trackback h6, .trackback p, .trackback ul, .trackback ol, .trackback dl, .trackback table, .pingback h1, .pingback h2, .pingback h3, .pingback h4, .pingback h5, .pingback h6, .pingback p, .pingback ul, .pingback ol, .pingback dl, .pingback table { margin-top: 0.3em; margin-bottom: 0.3em; }
.comment blockquote, .trackback blockquote, .pingback blockquote { padding-top: 0; padding-bottom: 0; }
.comment hr, .trackback hr, .pingback hr { margin-top: 1em; margin-bottom: 1em; }

.trackback, .pingback { padding-left: 0; }
@media screen and (min-width: 768px) { .trackback, .pingback { padding-left: 60px; } }

.comment-author { position: relative; margin-bottom: 0.5em; }
.comment-author img { position: absolute; left: -60px; border-radius: 1em; }
.comment-author cite { margin-left: 0; font-size: 1em; color: inherit; }
.comment-author cite a { color: inherit; }
.comment-author .says { display: none; }
.bypostauthor .comment-author cite a { color: #790808; }

.comment-meta { font-size: 90%; color: #777; margin-bottom: 2em; }
.comment-meta a { color: #777; }

#respond h2.comment-reply-title { font-size: 1em; border: none; }