.xo-event-meta {
padding: 3.8461% 0;
}
.xo-event-meta span {
display: block;
} html[lang="ja"] .xo-event-calendar .dashicons {
font-family: dashicons !important;
}.xo-event-calendar{font-family:Helvetica Neue,Helvetica,Hiragino Kaku Gothic ProN,Meiryo,MS PGothic,sans-serif;overflow:auto;position:relative}.xo-event-calendar td,.xo-event-calendar th{padding:0!important}.xo-event-calendar .calendar:nth-child(n+2) .month-next,.xo-event-calendar .calendar:nth-child(n+2) .month-prev{visibility:hidden}.xo-event-calendar table{background-color:transparent;border-collapse:separate;border-spacing:0;color:#333;margin:0;padding:0;table-layout:fixed;width:100%}.xo-event-calendar table caption,.xo-event-calendar table tbody,.xo-event-calendar table td,.xo-event-calendar table tfoot,.xo-event-calendar table th,.xo-event-calendar table thead,.xo-event-calendar table tr{background:transparent;border:0;margin:0;opacity:1;outline:0;padding:0;vertical-align:baseline}.xo-event-calendar table table tr{display:table-row}.xo-event-calendar table table td,.xo-event-calendar table table th{display:table-cell;padding:0}.xo-event-calendar table.xo-month{border:1px solid #ccc;border-right-width:0;margin:0 0 8px;padding:0}.xo-event-calendar table.xo-month td,.xo-event-calendar table.xo-month th{background-color:#fff;border:1px solid #ccc;padding:0}.xo-event-calendar table.xo-month caption{caption-side:top}.xo-event-calendar table.xo-month .month-header{display:flex;flex-flow:wrap;justify-content:center;margin:4px 0}.xo-event-calendar table.xo-month .month-header>span{flex-grow:1;text-align:center}.xo-event-calendar table.xo-month button{background-color:transparent;border:0;box-shadow:none;color:#333;cursor:pointer;margin:0;overflow:hidden;padding:0;text-shadow:none;width:38px}.xo-event-calendar table.xo-month button[disabled]{cursor:default;opacity:.3}.xo-event-calendar table.xo-month button>span{text-align:center;vertical-align:middle}.xo-event-calendar table.xo-month button span.nav-prev{border-bottom:2px solid #333;border-left:2px solid #333;display:inline-block;font-size:0;height:13px;transform:rotate(45deg);width:13px}.xo-event-calendar table.xo-month button span.nav-next{border-right:2px solid #333;border-top:2px solid #333;display:inline-block;font-size:0;height:13px;transform:rotate(45deg);width:13px}.xo-event-calendar table.xo-month button:hover span.nav-next,.xo-event-calendar table.xo-month button:hover span.nav-prev{border-width:3px}.xo-event-calendar table.xo-month>thead th{border-width:0 1px 0 0;color:#333;font-size:.9em;font-weight:700;padding:1px 0;text-align:center}.xo-event-calendar table.xo-month>thead th.sunday{color:#d00}.xo-event-calendar table.xo-month>thead th.saturday{color:#00d}.xo-event-calendar table.xo-month .month-week{border:0;overflow:hidden;padding:0;position:relative;width:100%}.xo-event-calendar table.xo-month .month-week table{border:0;margin:0;padding:0}.xo-event-calendar table.xo-month .month-dayname{border-width:1px 0 0 1px;bottom:0;left:0;position:absolute;right:0;top:0}.xo-event-calendar table.xo-month .month-dayname td{border-width:1px 1px 0 0;padding:0}.xo-event-calendar table.xo-month .month-dayname td div{border-width:1px 1px 0 0;font-size:100%;height:1000px;line-height:1.2em;padding:4px;text-align:right}.xo-event-calendar table.xo-month .month-dayname td div.other-month{opacity:.6}.xo-event-calendar table.xo-month .month-dayname td div.today{color:#00d;font-weight:700}.xo-event-calendar table.xo-month .month-dayname-space{height:1.5em;position:relative;top:0}.xo-event-calendar table.xo-month .month-event{background-color:transparent;position:relative;top:0}.xo-event-calendar table.xo-month .month-event td{background-color:transparent;border-width:0 1px 0 0;padding:0 1px 2px}.xo-event-calendar table.xo-month .month-event-space{background-color:transparent;height:1.5em}.xo-event-calendar table.xo-month .month-event-space td{border-width:0 1px 0 0}.xo-event-calendar table.xo-month .month-event tr,.xo-event-calendar table.xo-month .month-event-space tr{background-color:transparent}.xo-event-calendar table.xo-month .month-event-title{background-color:#ccc;border-radius:3px;color:#666;display:block;font-size:.8em;margin:1px;overflow:hidden;padding:0 4px;text-align:left;white-space:nowrap}.xo-event-calendar p.holiday-title{font-size:90%;margin:0;padding:2px 0;vertical-align:middle}.xo-event-calendar p.holiday-title span{border:1px solid #ccc;margin:0 6px 0 0;padding:0 0 0 18px}.xo-event-calendar .loading-animation{left:50%;margin:-20px 0 0 -20px;position:absolute;top:50%}@media(min-width:600px){.xo-event-calendar .calendars.columns-2{-moz-column-gap:15px;column-gap:15px;display:grid;grid-template-columns:repeat(2,1fr);row-gap:5px}.xo-event-calendar .calendars.columns-2 .month-next,.xo-event-calendar .calendars.columns-2 .month-prev{visibility:hidden}.xo-event-calendar .calendars.columns-2 .calendar:first-child .month-prev,.xo-event-calendar .calendars.columns-2 .calendar:nth-child(2) .month-next{visibility:visible}.xo-event-calendar .calendars.columns-3{-moz-column-gap:15px;column-gap:15px;display:grid;grid-template-columns:repeat(3,1fr);row-gap:5px}.xo-event-calendar .calendars.columns-3 .month-next,.xo-event-calendar .calendars.columns-3 .month-prev{visibility:hidden}.xo-event-calendar .calendars.columns-3 .calendar:first-child .month-prev,.xo-event-calendar .calendars.columns-3 .calendar:nth-child(3) .month-next{visibility:visible}.xo-event-calendar .calendars.columns-4{-moz-column-gap:15px;column-gap:15px;display:grid;grid-template-columns:repeat(4,1fr);row-gap:5px}.xo-event-calendar .calendars.columns-4 .month-next,.xo-event-calendar .calendars.columns-4 .month-prev{visibility:hidden}.xo-event-calendar .calendars.columns-4 .calendar:first-child .month-prev,.xo-event-calendar .calendars.columns-4 .calendar:nth-child(4) .month-next{visibility:visible}}.xo-event-calendar.xo-calendar-loading .xo-months{opacity:.5}.xo-event-calendar.xo-calendar-loading .loading-animation{animation:loadingCircRot .8s linear infinite;border:5px solid rgba(0,0,0,.2);border-radius:50%;border-top-color:#4285f4;height:40px;width:40px}@keyframes loadingCircRot{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.xo-event-calendar.is-style-legacy table.xo-month .month-header>span{font-size:120%;line-height:28px}.xo-event-calendar.is-style-regular table.xo-month button:not(:hover):not(:active):not(.has-background){background-color:transparent;color:#333}.xo-event-calendar.is-style-regular table.xo-month button>span{text-align:center;vertical-align:middle}.xo-event-calendar.is-style-regular table.xo-month button>span:not(.dashicons){font-size:2em;overflow:hidden;text-indent:100%;white-space:nowrap}.xo-event-calendar.is-style-regular table.xo-month .month-next,.xo-event-calendar.is-style-regular table.xo-month .month-prev{height:2em;width:2em}.xo-event-calendar.is-style-regular table.xo-month .month-header{align-items:center;display:flex;justify-content:center;padding:.2em 0}.xo-event-calendar.is-style-regular table.xo-month .month-header .calendar-caption{flex-grow:1}.xo-event-calendar.is-style-regular table.xo-month .month-header>span{font-size:1.1em}.xo-event-calendar.is-style-regular table.xo-month>thead th{background:#fafafa;font-size:.8em}.xo-event-calendar.is-style-regular table.xo-month .month-dayname td div{font-size:1em;padding:.2em}.xo-event-calendar.is-style-regular table.xo-month .month-dayname td div.today{color:#339;font-weight:700}.xo-event-calendar.is-style-regular .holiday-titles{display:inline-flex;flex-wrap:wrap;gap:.25em 1em}.xo-event-calendar.is-style-regular p.holiday-title{font-size:.875em;margin:0 0 .5em}.xo-event-calendar.is-style-regular p.holiday-title span{margin:0 .25em 0 0;padding:0 0 0 1.25em}html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }
body {
margin: 0;
}
main {
display: block;
}
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;
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;
} html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after { -webkit-box-sizing: inherit;
box-sizing: inherit;
}
body {
background: #fff;
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
ins {
background-color: transparent !important; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
color: #333333;
}
h1 {
margin-top: 7px;
margin-bottom: 8px;
font-size: 26px;
}
h2 {
margin-top: 7px;
margin-bottom: 8px;
font-size: 24px;
}
h3 {
font-size: 22px;
}
h4,
h5,
h6 {
font-size: 18px;
}
a,
a:visited {
text-decoration: none;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
ul,
ol {
margin: 0 0 1.75em 1.25em;
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
margin-left: 1.5em;
}
li > ul,
li > ol {
margin-bottom: 0;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
hr {
background-color: #cccccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
table {
margin: 0 0 1.5em;
width: 100%;
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clearfix:before,
.clearfix:after,
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.footer-block:before,
.footer-block:after {
content: "";
display: table;
table-layout: fixed;
}
.clearfix:after,
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.footer-block:after {
clear: both;
} dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
blockquote,
q {
quotes: "" "";
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}  .search-form input {
border: 1px solid #eeeeee;
outline: none;
padding: 8px 8px;
}
.search-form input:focus {
border: 1px solid #ef403d;
color: #444444;
}
.search-submit {
width: auto;
background-color: #ef403d;
} html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
body {
background: #fff;
}
.site-header {
margin: 0px;
padding: 14px; }
.site-content {
width: 100%;
max-width: 1170px;
margin-left: auto;
margin-right: auto;
}
.site-main {
width: 100%;
float: left;
padding-top: 30px;
padding-left: 20px;
padding-right: 20px;
border-right: 1px dotted #e2e2e2;
}
#sidebar-right {
display: none;
}
@media screen and (min-width: 1050px) {
.site-main {
width: 71%;
}
#sidebar-right {
width: 29%;
float: right;
display: block;
padding-top: 30px;
}
}  .menu-toggle {
float: right;
margin-top: 13px;
margin-right: 10px;
padding: 6px;
background-color: #333333;
color: #ffffff;
}
.menu-toggle:hover,
.menu-toggle:focus {
color: #007acc;
}
.menu-toggle.toggled-on,
.menu-toggle.toggled-on:hover,
.menu-toggle.toggled-on:focus {
color: #ffffff;
} .site-header-menu {
display: none;
}
.site-header-menu.toggled-on {
display: block;
}
@media only screen and (max-width: 979px) { .main-navigation {
clear: both;
}
}
.main-navigation ul {
list-style: none;
margin: 0;
padding-right: 10px;
}
.main-navigation li {
border-top: 1px dotted #333333;
position: relative;
}
.main-navigation a {
color: #ffffff;
display: block;
line-height: 1.3125;
outline-offset: -1px;
padding-top: 0.84375em;
padding-bottom: 0.84375em;
}
.main-navigation a:hover,
.main-navigation a:focus {
color: #333333;
}  .main-navigation ul ul {
display: none;
margin-left: 0.875em;
} .main-navigation ul .toggled-on {
display: block;
}
.main-navigation .menu-item-has-children > a {
margin-right: 56px;
} .main-navigation .primary-menu {
border-bottom: 1px dotted #333333;
} .dropdown-toggle {
background-color: #ef403d;
border: 0;
content: "";
height: 48px;
width: 48px;
color: #ffffff; padding: 0;
position: absolute;
right: 0;
top: 0;
}
.dropdown-toggle:after {
content: "+";
font-size: 24px;
position: relative;
width: 48px;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus {
color: #ffffff;
}
.dropdown-toggle.toggled-on:after {
content: "-";
} .pagination {
text-align: center;
margin-bottom: 40px;
}
.pagination .prev,
.pagination .next {
width: auto;
padding: 11px 20px;
margin-left: 0;
margin-right: 0;
}
.pagination .page-numbers {
background-color: #333333;
color: #ffffff;
border-radius: 2px;
width: 45px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 14px;
padding-right: 14px;
margin-left: 3px;
margin-right: 3px;
font-size: 14px;
}
.pagination a:hover {
background-color: #ef403d;
}
.pagination .current {
background-color: #000000;
-webkit-box-shadow: none;
box-shadow: none;
} .post-navigation {
border-top: 1px dotted #e2e2e2;
padding-top: 12px;
margin-bottom: 15px;
}
.post-navigation .nav-links {
margin-bottom: 15px;
}
.post-navigation .nav-previous {
width: 50%;
float: left;
}
.post-navigation .nav-next {
width: 50%;
text-align: right;
margin-left: auto;
}
.nav-previous a,
.nav-previous a:visited,
.nav-next a,
.nav-next a:visited {
color: #ef403d;
}
.nav-previous a:hover,
.nav-previous a:focus,
.nav-previous a:active,
.nav-next a:hover,
.nav-next a:focus,
.nav-next a:active {
color: #333333;
}
.post-navigation span {
display: block;
padding-bottom: 5px;
}
.post-navigation .meta-navigation {
color: #333333;
}
.post-navigation .title-navigation {
line-height: 1.4em;
} .wrapper {
width: 100%;
max-width: 1170px;
margin-left: auto;
margin-right: auto;
}  .top-bar {
display: none;
}
@media only screen and (min-width: 750px) {
.top-bar {
display: block;
padding-top: 5px;
padding-bottom: 5px; }
}
.top-bar-left {
float: left;
}
.secondary-menu ul {
list-style: none;
margin: 0;
}
.secondary-menu li {
display: inline;
}
.secondary-menu a {
font-size: 14px;
color: #ffffff;
padding-right: 8px;
}
.secondary-menu a:hover {
color: #ef403d;
}
.top-bar-right {
float: right;
}
.social-navigation ul {
list-style: none;
margin: 0;
}
.social-navigation li {
display: inline;
}
.social-navigation a:before {
font-size: 16px;
font-family: "Font Awesome 5 Brands";
padding-right: 8px;
color: #ffffff;
}
.social-navigation a:hover::before {
color: #ef403d;
}
.social-navigation a[href*="mailto"] {
font-size: 0;
}
.social-navigation a[href*="mailto"]:before {
font-family: "Font Awesome 5 Free";
content: "\f0e0";
}
.social-navigation a[href*="rss"],
.social-navigation a[href*="feed="],
.social-navigation a[href*="/feed"] {
font-size: 0;
}
.social-navigation a[href*="rss"]:before,
.social-navigation a[href*="feed="]:before,
.social-navigation a[href*="/feed"]:before {
font-family: "Font Awesome 5 Free";
content: "\f09e";
}
.social-navigation a[href*="500px.com"] {
font-size: 0;
}
.social-navigation a[href*="500px.com"]:before {
content: "\f26e";
}
.social-navigation a[href*="behance.com"] {
font-size: 0;
}
.social-navigation a[href*="behance.com"]:before {
content: "\f1b4";
}
.social-navigation a[href*="blogger.com"] {
font-size: 0;
}
.social-navigation a[href*="blogger.com"]:before {
content: "\f37c";
}
.social-navigation a[href*="codepen.com"] {
font-size: 0;
}
.social-navigation a[href*="codepen.com"]:before {
content: "\f1cb";
}
.social-navigation a[href*="dribbble.com"] {
font-size: 0;
}
.social-navigation a[href*="dribbble.com"]:before {
content: "\f17d";
}
.social-navigation a[href*="dropbox.com"] {
font-size: 0;
}
.social-navigation a[href*="dropbox.com"]:before {
content: "\f16b";
}
.social-navigation a[href*="etsy.com"] {
font-size: 0;
}
.social-navigation a[href*="etsy.com"]:before {
content: "\f2d7";
}
.social-navigation a[href*="facebook.com"] {
font-size: 0;
}
.social-navigation a[href*="facebook.com"]:before {
content: "\f39e";
}
.social-navigation a[href*="flickr.com"] {
font-size: 0;
}
.social-navigation a[href*="flickr.com"]:before {
content: "\f16e";
}
.social-navigation a[href*="foursquare.com"] {
font-size: 0;
}
.social-navigation a[href*="foursquare.com"]:before {
content: "\f180";
}
.social-navigation a[href*="github.com"] {
font-size: 0;
}
.social-navigation a[href*="github.com"]:before {
content: "\f09b";
}
.social-navigation a[href*="google.com"] {
font-size: 0;
}
.social-navigation a[href*="google.com"]:before {
content: "\f0d5";
}
.social-navigation a[href*="instagram.com"] {
font-size: 0;
}
.social-navigation a[href*="instagram.com"]:before {
content: "\f16d";
}
.social-navigation a[href*="linkedin.com"] {
font-size: 0;
}
.social-navigation a[href*="linkedin.com"]:before {
content: "\f0e1";
}
.social-navigation a[href*="medium.com"] {
font-size: 0;
}
.social-navigation a[href*="medium.com"]:before {
content: "\f3c7";
}
.social-navigation a[href*="patreon.com"] {
font-size: 0;
}
.social-navigation a[href*="patreon.com"]:before {
content: "\f3d9";
}
.social-navigation a[href*="pinterest."] {
font-size: 0;
}
.social-navigation a[href*="pinterest."]:before {
content: "\f0d2";
}
.social-navigation a[href*="reddit.com"] {
font-size: 0;
}
.social-navigation a[href*="reddit.com"]:before {
content: "\f1a1";
}
.social-navigation a[href*="stackoverflow.com"] {
font-size: 0;
}
.social-navigation a[href*="stackoverflow.com"]:before {
content: "\f16c";
}
.social-navigation a[href*="spotify.com"] {
font-size: 0;
}
.social-navigation a[href*="spotify.com"]:before {
content: "\f1bc";
}
.social-navigation a[href*="soundcloud.com"] {
font-size: 0;
}
.social-navigation a[href*="soundcloud.com"]:before {
content: "\f1be";
}
.social-navigation a[href*="tumblr.com"] {
font-size: 0;
}
.social-navigation a[href*="tumblr.com"]:before {
content: "\f173";
}
.social-navigation a[href*="twitch.com"] {
font-size: 0;
}
.social-navigation a[href*="twitch.com"]:before {
content: "\f1e8";
}
.social-navigation a[href*="twitter.com"] {
font-size: 0;
}
.social-navigation a[href*="twitter.com"]:before {
content: "\f099";
}
.social-navigation a[href*="vimeo.com"] {
font-size: 0;
}
.social-navigation a[href*="vimeo.com"]:before {
content: "\f40a";
}
.social-navigation a[href*="wordpress.com"] {
font-size: 0;
}
.social-navigation a[href*="wordpress.com"]:before {
content: "\f19a";
}
.social-navigation a[href*="youtube.com"] {
font-size: 0;
}
.social-navigation a[href*="youtube.com"]:before {
content: "\f167";
}
.site-branding {
float: left;
padding-left: 10px;
padding-right: 10px;
height: 60px;
}
.custom-logo {
max-width: 300px;
}
.custom-logo-link {
display: block;
}
.site-title {
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
margin-top: 16px;
}
.site-title p {
height: 60px;
}
.site-title a,
.site-title a:visited {
color: #ffffff;
}
.site-title a:hover,
.site-title a:focus,
.site-title a:active {
color: #333333;
}
.site-description {
font-size: 15px;
margin: 6px;
}   #footertop-widget {
display: none;
}
@media only screen and (min-width: 770px) {
#footertop-widget {
display: block;
margin: 0px;
background-color: #f4f4f4;
}
.footertop-widget-wrapper {
width: 100%;
max-width: 1170px;
margin-left: auto;
margin-right: auto;
padding: 10px;
text-align: center;
}
.footertop-widget-wrapper section {
margin: 0;
padding: 0;
}
}
.wrapper {
width: 100%;
max-width: 1170px;
margin-left: auto;
margin-right: auto;
}
.site-footer {
background-color: #ef403d;
color: #ffffff;
font-size: 15px;
line-height: 1.6;
}
.site-footer h4 {
color: #ffffff;
text-transform: uppercase;
font-size: 17px;
}
.site-footer a,
.site-footer a:visited {
color: #ffffff;
font-size: 15px;
}
.site-footer a:hover,
.site-footer a:focus,
.site-footer a:active {
color: #333333;
}
.footer-block {
padding: 15px 0;
}
.footer-block ul,
.footer-block li {
list-style: none;
padding-left: 0;
margin-left: 0;
margin-bottom: 10px;
} @media only screen and (min-width: 1050px) {
footer .column {
float: left;
width: 25%;
}
.column:first-child {
padding-left: 0;
}
.column:last-child {
padding-right: 0;
}
.column {
padding: 0 20px;
}
.footer-info {
float: left;
}
.design-by {
display: block;
float: right;
}
}
.copyright {
display: block;
padding-top: 10px;
padding-bottom: 10px;
background-color: #0d0d0d;
}
@media only screen and (min-width: 1050px) {
.footer-info {
float: left;
}
.design-by {
display: block;
float: right;
}
}
.footer-info,
.design-by {
font-size: 14px;
color: #ffffff;
}
.copyright,
.copyright a,
.copyright a:visited {
color: #ef403d;
}
.copyright a:hover,
.copyright a:focus,
.copyright a:active {
color: #333333;
} .sticky {
display: block;
}
article {
width: 100%;
}
.article-posts {
margin-bottom: 30px;
padding-bottom: 10px;
border-bottom: 1px dotted #e2e2e2;
}
.article-post {
margin-bottom: 15px;
padding-bottom: 16px;
border-bottom: 1px dotted #e2e2e2;
}
@media screen and (min-width: 1050px) {
.article-posts {
margin-bottom: 46px;
padding-bottom: 16px;
}
.article-post {
margin-bottom: 30px;
padding-bottom: 31px;
}
}
.article-post-single .entry-content {
border-top: 1px dotted #e2e2e2;
padding-top: 10px;
}
.article-post-image {
margin: 10px 0 10px;
text-align: center;
}
.entry a,
.entry a:visited {
color: #333333;
}
.entry a:hover,
.entry a:focus,
.entry a:active {
color: #ef403d;
}
.entry-meta {
font-size: 14px;
color: #333333;
margin-top: 5px;
}
.entry-meta a,
.entry-meta a:visited,
.entry-content a,
.entry-content a:visited {
color: #ef403d;
}
.entry-meta a:hover,
.entry-meta a:focus,
.entry-meta a:active,
.entry-content a:hover,
.entry-content a:focus,
.entry-content a:active {
color: #333333;
}
.entry-content {
font-size: 17px;
font-style: normal;
line-height: 1.8em;
color: #444444;
}
.entry-content img {
display: block;
margin: 0 auto;
}
.entry-content hr {
border: 0;
background-color: #ffffff;
border-bottom: 1px dotted #e2e2e2;
margin: 10px 0;
}
.more-link {
padding-top: 20px;
}
.tags a {
display: inline-block;
border-radius: 2px;
background-color: #333333;
color: #ffffff;
padding: 5px;
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 30px;
font-size: 14px;
}
.tags a:hover {
color: #ef403d;
}
.hentry {
margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.no-comments {
display: none;
}
#comments {
color: #444444;
margin-top: 30px;
}
.comments-title {
margin-bottom: 25px;
padding-top: 21px;
border-top: 1px dotted #e2e2e2;
font-weight: normal;
font-size: 22px;
}
.comment-list {
list-style: none;
padding-left: 0;
}
#comments .children li {
list-style: none;
} .comment-body {
position: relative;
margin-bottom: 40px;
}
.comment-meta {
width: 100%;
} .comment-author .avatar {
margin-right: 10px;
margin-bottom: 15px;
float: left;
} .comment-author .fn a {
color: #ef403d;
}
.comment-author .fn a:hover {
color: #333333;
} .comment-author .says {
display: none;
} .comment-metadata {
font-size: 14px;
margin-top: 1px;
margin-bottom: 5px;
}
.comment-metadata a {
color: #999999;
}
.comment-metadata .comment-edit-link {
color: #ef403d;
} .comment-content {
padding: 25px 20px;
}
.comment-content a {
color: #ef403d;
}
.comment-content a:hover {
color: #333333;
}
.comment-content p {
margin: 0px;
}
.comment-content > p:last-of-type {
margin-bottom: 0;
} .comment .reply a {
font-size: 16px;
color: #ef403d;
}
.comment .reply a:hover {
color: #333333;
} .comment .comment-respond {
margin-bottom: 60px;
}
.comment .comment-respond .form-submit {
margin-bottom: 0;
}
.comment-respond .comment-reply-title {
margin-bottom: 25px;
font-weight: normal;
font-size: 22px;
} .comment-respond .comment-notes,
.comment-respond .logged-in-as {
display: none;
}
.comment-respond label {
display: block;
font-size: 16px;
}
.comment-respond textarea {
width: 100%;
}
.comment-respond input {
width: 100%;
}
.comment-respond textarea,
.comment-respond input {
border: 1px solid #eeeeee;
border-radius: 2px;
outline: none;
padding: 10px 18px;
}
.comment-respond textarea:focus,
.comment-respond input:focus {
border: 1px solid #ef403d;
color: #444444;
}
.comment-respond .submit {
width: auto;
background-color: #ef403d;
color: #ffffff;
border-radius: 2px;
border-color: #ef403d;
}
.comment-respond .submit:focus,
.comment-respond .submit:hover {
color: #ffffff;
border-color: #000000;
background-color: #000000;
} .widget {
margin: 0 0 1.5em; }
.widget select {
max-width: 100%;
}
.widget ul,
.widget li {
list-style: none;
padding-left: 0;
margin-left: 0;
margin-bottom: 10px;
}
#sidebar-right .widget {
margin-bottom: 30px;
padding-left: 15px;
color: #444444;
font-size: 16px;
line-height: 1.7;
width: 100%;
}
#sidebar-right .widget p,
#sidebar-right .widget li {
padding-left: 0;
}
#sidebar-right .widget h4 {
margin-bottom: 10px;
padding-left: 0;
white-space: nowrap;
text-transform: uppercase;
color: #333333;
}
#sidebar-right .widget li {
margin-bottom: 10px;
padding-bottom: 8px;
border-bottom: dotted 1px #c7d6e4;
}
#sidebar-right .widget a,
#sidebar-right .widget a:visited {
color: #ef403d;
}
#sidebar-right .widget a:hover,
#sidebar-right .widget a:focus,
#sidebar-right .widget a:active {
color: #333333;
}
.widget-recent-posts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; -ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.widget-recent-posts .wrapper {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: dotted 1px #c7d6e4;
}
.widget-recent-posts .size-thumb {
float: left;
margin-right: 0.6em;
} img {
height: auto; max-width: 100%; }
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
}
.wp-caption {
margin: 1em 0 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
} .wp-caption.aligncenter {
margin-left: auto;
margin-right: auto;
} .wp-caption.alignleft {
margin-right: 20px;
}
.wp-caption.alignright {
margin-left: 20px;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
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-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
} @-ms-viewport {
width: device-width;
}
@-o-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
@media screen and (min-width: 980px) {
.dropdown-toggle,
.main-navigation ul .dropdown-toggle.toggled-on,
.menu-toggle {
display: none;
} .site-header-menu {
display: block;
}
.main-navigation {
float: right;
margin: 0 -0.875em;
padding-top: 10px;
} .main-navigation .primary-menu,
.main-navigation .primary-menu > li {
border: 0;
}
.main-navigation .primary-menu > li {
float: left;
}
.main-navigation a,
.main-navigation a:visited {
padding: 0.65625em 0.875em;
white-space: nowrap;
font-size: 16px;
color: #ffffff;
}
.main-navigation li:hover > a,
.main-navigation li.focus > a {
color: #333333;
}
.main-navigation .menu-item-has-children > a {
margin-right: 0;
}
.main-navigation ul ul {
border-bottom: 1px solid #d1d1d1;
display: block;
left: -999em;
margin: 0;
position: absolute;
z-index: 99999;
}
.main-navigation ul ul ul {
top: -1px;
}
.main-navigation ul ul ul:before,
.main-navigation ul ul ul:after {
border: 0;
}
.main-navigation ul ul li {
background-color: #ef403d;
border-bottom-width: 0;
}
.main-navigation ul ul a {
white-space: normal;
word-wrap: normal;
width: 160px;
} .main-navigation li:hover > ul,
.main-navigation li.focus > ul {
left: 0;
right: auto;
} .main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: auto;
right: 100%;
}
}html {
height: 100%;
line-height: 1.5;
font-family: "Hina Mincho", serif;
font-weight: 400;
font-style: normal;
color: #000000;
background-image: url(//taimesi.net/wp-content/themes/publisherly/assets/images/bg_pattern.jpg);
overflow-x: hidden;
font-size: 13px;
padding-top: 0!important;
}
body{
position: relative;
width: 100%;
margin: 0 auto;
background-image: url(//taimesi.net/wp-content/themes/publisherly/assets/images/bg_pattern.jpg);
}
.clearfix {
}
.clearfix:after , .clearfix:before{
content: '';
display: block;
clear: both;
height: 0;
}
a {
text-decoration: none;
}
a:link ,
a:visited ,
a:active {
color: #000000!important;
}
a:hover {
opacity: .8;
transform : translate(0, -10px);
transition : all 300ms;
}
a.btn_menu:hover {
transform : translate(0, 0);
}
a.page_link_box_btn:hover {
color: #fd5d85;
}
img {
user-drag: none;
-webkit-user-drag: none;
-moz-user-select: none;
}
h1, h2, h3, h4, h5, h6 {
margin: 0; padding: 0; font-weight: normal; font-size: 100%; } #particles-js {
position: fixed;
width: 100%;
height: 100%;
z-index: 10002;
pointer-events: none;
} .effect-fade {
opacity : 0;
}
.effect-fade.fade_timing_1_left {
transform : translate(-50px, 0);
transition : all 1500ms;
}
.effect-fade.fade_timing_1_right {
transform : translate(50px, 0);
transition : all 1500ms;
}
.effect-fade.fade_timing_1_top {
transform : translate(0, -50px);
transition : all 1500ms;
}
.effect-fade.fade_timing_1_bottom {
transform : translate(0, 50px);
transition : all 1500ms;
}
.effect-fade.fade_timing_2 {
transition : all 2500ms;
}
.effect-fade.fade_timing_3 {
transition : all 3500ms;
}
.effect-fade.effect-scroll {
opacity : 1;
transform : translate(0, 0);
} .page {
position: relative;
min-height: 100vh;
} .side_menu {
position: fixed;
top: 0;
right: -100%;
width: 50%;
height: 100vh;
z-index: 10001;
background-image: url(//taimesi.net/wp-content/themes/publisherly/assets/images/bg_pattern.jpg);
transition: ease-in-out 300ms;
overflow-y: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
font-family: "Hina Mincho", serif;
}
.side_menu.active {
right: 0;
}
.side_menu .logo_img {
display: block;
position: absolute;
top: 5%;
left: 50%;
transform: translate(-50%,0);
width: 180px;
}
.page_link_box {
position: relative;
margin: 300px 0 0;
margin-left: 50%;
transform: translateX(-50%);
writing-mode: vertical-rl;
white-space: nowrap;
}
.page_link_box a {
display: block;
font-size: 1.5rem; line-height: 2;
}
.page_link_box a.mobile {
display: none;
}
.sns_link_box {
position: relative;
margin: 5% auto 0;
text-align: center;
white-space: nowrap;
}
.sns_link_box a {
display: inline-block;
width: 30px;
height: auto;
}
.sns_link_box a img {
display: block;
width: 100%;
height: auto;
}
.side_menu .button003 {
display: block;
padding: 1% 0;
text-align: center;
}
.side_menu .button003 a {
background-color: #fd5d85;
}
.side_menu .reservation_btn.button003 {
position: absolute;
top: auto;
bottom: 60px;
left: 50%;
right: auto;
transform: translateX(-50%);
z-index: 10000;
transition: 0.5s;
} .start {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100%;
z-index: 10011;
background-image: url(//taimesi.net/wp-content/themes/publisherly/assets/images/bg_pattern.jpg);
}
.start.hidden {
display: none;
}
.start img {
position: fixed;
left: 50%;
top: 50%;
display: none;
z-index: 10010;
width: 280px;
}
.fade-in-text {
position: relative;
opacity: 0; transform: translate(-50%,0); animation: fadeInFromBottom 2.6s forwards; }
@keyframes fadeInFromBottom {
to {
opacity: 1; transform: translate(-50%,-50%); }
} .page.site_top {
position: relative;
min-height: 100vh;
padding: 0;
box-sizing: border-box;
overflow-x: visible;
opacity: 0;
}
.page.site_top.visible {
opacity: 1;
} .top_slider .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 100vh;
z-index: 10;
}
.top_slider .overlay .overlay_text {
position: absolute;
bottom: 50px;
left: 50px;
width: 50vw;
font-size: 1.5rem; }
.top_slider .overlay .overlay_text h1 {
}
.top_slider .overlay .overlay_text h2 {
font-size: 1.2rem;
margin-top: 10px;
}
.top_slider .overlay .overlay_image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 300px;
}
.top_slider .bx-wrapper {
border: none !important;
box-shadow: none !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.top_slider .bx-viewport {
width: 100%;
overflow: hidden;
position: relative;
height: 100%;
max-height: 100vh;
}
.top_slider .bx-wrapper img {
display: block;
min-width: 100%;
min-height: 100vh;
max-width: none;
object-fit: cover;
} .section {
position: relative;
width: 100%;
max-width: 1920px;
min-height: 100vh;
margin: 0 auto;
}
.section:nth-of-type(1) {
margin: 0;
max-width: 100vw;
}
.section_content_wrapper {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
}
.section:nth-of-type(4) .section_content_wrapper {
position: relative;
top: 0;
left: 0;
width: 100%;
transform: translateY(0);
padding: 50px 0;
} .bx-wrapper ul {
margin: 0;
padding: 0;
}
.bx-wrapper img {
display: block;
width: 100%;
}
.bxslider_thumbnail a:hover {
opacity: .8;
transform : translate(0, 0);
transition : none;
}
.bxslider_thumbnail li:hover {
animation: poyo .6s;
}
@keyframes poyo {
from, to { transform: none; }
10% { transform: scale(1.2); }
40% { transform: scale(.9); }
60% { transform: scale(1.04); }
80% { transform: scale(.98); }
} .title_textbox {
position: absolute;
writing-mode: vertical-rl;
white-space: nowrap;
font-size: 2.6rem; }
.title_textbox::before {
content: '';
position: absolute;
top: 0;
left: -12px;
display: inline-block;
width: 80px;
height: 80px;
background-image: url(//taimesi.net/wp-content/themes/publisherly/assets/images/botan_icon.png);
background-size: contain;
margin-bottom: 30px;
}
.title_textbox p ,
.title_textbox h2 ,
span.title_textbox ,
h2.title_textbox {
display: inline-block;
padding-top: 110px;
margin: 0;
} .introduction_img_wrapper {
position: relative;  width: 45%;
margin-left: 55%;
}
.introduction_img_wrapper > img:nth-of-type(1) {
position: absolute;
top: 80%;
left: -80px;
width: 45%;
z-index: 3;
}
.introduction_img_wrapper > img:nth-of-type(2) {
position: absolute;
top: -18%;
right: -30px;
width: 40%;
z-index: 1;
}
.thumbnail_text_wrapper {
position: relative;
float: left;
width: 35%;
margin-left: 15%;
text-align: left;
z-index: 9998;
transform: rotate(0deg);
}
.thumbnail_text_wrapper .title_textbox {
top: 0;
left: -40px;
}
.thumbnail_text_wrapper h3 {
font-size: 1.5rem; }
.thumbnail_text_wrapper .bx-controls {
display: none;
}
.introduction_img_wrapper .bx-wrapper ,
.thumbnail_text_wrapper .bx-wrapper {
background: transparent;
box-shadow: none;
border: none;
z-index: 2;
}
.introduction_img_wrapper .bx-viewport ,
.thumbnail_text_wrapper .bx-viewport {
overflow: visible!important;
box-shadow: none;
border: none;
}
.thumbnail_text_wrapper h3 {
text-align: left;
padding-top: 90px;
padding-left: 70px;
}
.thumbnail_text li p{
text-align: left;
}
.bxslider_thumbnail {
position: absolute;
width: 100%;
padding: 0;
text-align: center;
}
.bxslider_thumbnail li {
display: inline-block;
list-style: none;
}
.bxslider_thumbnail li a {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-color: gray;
border-radius: 50%;
}
.bxslider_thumbnail li a.active {
background-color: rgb(255, 122, 122);
} .taimeshizen {
position: relative;
}
.taimeshizen_imgbox {
position: relative;
width: 45%;
max-width: 875px;
float: left;
margin-left: 10%;
}
.taimeshizen_imgbox img {
display: block;
}
.taimeshizen_imgbox img:nth-of-type(1) {
position: absolute;
top: 85%;
left: 0;
width: 40%;
z-index: 3;
}
.taimeshizen_imgbox img:nth-of-type(2) {
position: relative;
width: 90%;
margin: 5% auto 0;
z-index: 2;
}
.taimeshizen_imgbox img:nth-of-type(3) {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
}
.taimeshizen_textbox {
position: relative;
width: 35%;
margin-left: 0;
float: left;
}
.taimeshizen_textbox .title_textbox {
top: 0;
right: -40px;
}
.taimeshi_price {
font-size: 1.5rem; }
.taimeshizen_textbox .introduction_textbox {
position: absolute;
top: 140px;
right: 140px;
background-image: url(//taimesi.net/wp-content/themes/publisherly/assets/images/ribon.png);
background-position: left top;
background-repeat: no-repeat;
background-size: 100% auto;
}
.taimeshizen_textbox .introduction_textbox p {
margin: 0 1%;
padding-top: 20%;
writing-mode: vertical-rl;
white-space: nowrap;
font-size: 1.5rem; line-height: 1.7;
}
.taimeshizen_textbox .about_textbox {
width: 400px;
margin-top: 480px;
margin-right: 60px;
float: right;
line-height: 1.7;
font-size: 1.3rem; } .access {
}
.access_mapbox {
position: relative;
width: 40%;
height: 50vw;
max-height: 520px;
float: left;
margin-left: 10%;
z-index: 1;
}
.access_mapbox > img:nth-of-type(1) {
position: absolute;
top: 95%;
left: -80px;
width: 45%;
z-index: 1;
}
.access_mapbox > img:nth-of-type(2) {
position: absolute;
top: -10%;
right: -30px;
width: 40%;
z-index: 3;
}
.access_mapbox iframe {
position: relative;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
z-index: 2;
}
.access_textbox {
position: relative;
width: 35%;
float: left;
margin-left: 5%;
z-index: 2;
margin-bottom: 100px;
}
.access_textbox .title_textbox {
top: 0;
right: -40px;
}
.access_textbox .introduction_textbox {
position: relative;
margin-right: 10%;
}
.access_data_text_box_top {
position: relative;
width: 100%;
font-size: 1.5rem; }
.access_data_text_box_top p {
margin: 10px 0;
}
.access_data_text_box_bottom {
position: relative;
width: 100%;
font-size: 1.3rem; margin-top: 30px;
}
.access_textbox .introduction_textbox .access_data_text {
display: block;
width: 100%;
margin-bottom: 10px;
}
.access_textbox .introduction_textbox .access_data_text span {
display: block;
margin-bottom: 1%;
font-weight: bold;
}
.access_textbox .introduction_textbox .access_data_title {
display: inline-block;
width: 30%;
}
.access_textbox .introduction_textbox .access_data_detail {
display: inline-block;
width: 70%;
}
.parking_map {
text-decoration: underline;
} .instagram_box {
position: relative;
width: 60%;
margin: 0 auto;
z-index: 2;
} .general_page_size {
position: relative;
width: 80%;
margin: 50px auto;
}
.general_page_size p {
margin: 0;
}
.reserve_page_textbox {
font-size: 1.2rem;
}
.reserve_calendar_box ,
.inquiry_box ,
.privacypolicy_box ,
.museum_box ,
.faq_box {
position: relative;
width:85%;
margin: 0 auto;
padding-top: 100px;
}
.reserve_calendar_box p:nth-of-type(1) {
position: relative;
font-size: 1.6rem;
margin-bottom: 20px;
font-weight: bold!important;
}
.reserve_calendar_box p:nth-of-type(2) {
position: relative;
font-size: 1.4rem;
line-height: 1;
margin-bottom: 20px;
padding-left: 35px;
}
.reserve_calendar_tip::before {
content: '';
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
border-radius: 4px;
background-color: #FFD5D5;
}
.inquiry_box p:nth-of-type(1) {
position: relative;
font-size: 1.6rem;
margin-top: 40px;
margin-bottom: 20px;
font-weight: bold!important;
}
.inquiry_box input {
width: 100%;
}
.inquiry_box .faq_attention {
font-size: 1.3rem;
}
.inquiry_box .faq_attention a:link ,
.inquiry_box .faq_attention a:visited ,
.inquiry_box .faq_attention a:active {
color:#fd5d85!important;
text-decoration:underline;
}
.inquiry_box textarea {
resize: none;
width: 100%;
height:200px;
}
.general_page_size.privacypolicy_page .title_textbox ,
.general_page_size.museum_page .title_textbox ,
.general_page_size.faq_page .title_textbox {
top: 0;
right: -40px;
}
.privacypolicy_title {
position: relative;
font-size: 1.6rem;
margin-bottom: 10px;
padding-left: 50px;
font-weight: bold!important;
}
.privacypolicy_title::before {
content: '';
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 40px;
height: 40px;
background-image: url(//taimesi.net/wp-content/themes/publisherly/assets/images/botan_icon.png);
background-size: contain;
}
.privacypolicy_heading {
position: relative;
font-size: 1.4rem;
margin-bottom: 10px;
padding-left: 40px;
font-weight: bold!important;
}
.privacypolicy_heading::before {
content: '';
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 30px;
height: 30px;
background-image: url(//taimesi.net/wp-content/themes/publisherly/assets/images/botan_icon.png);
background-size: contain;
}
.privacypolicy_text {
position: relative;
font-size: 1.2rem;
margin-bottom: 60px!important;
} .museum_img_box {
position: relative;
width: 100%;
}
.museum_img_box a {
position: relative;
display: block;
width: 23.5%;
margin-right: 2%;
float: left;
}
.museum_img_box a:nth-last-of-type(1) {
margin-right: 0;
}
.museum_img_box_tips {
font-size: 1rem;
} .news_area {
position: absolute;
bottom: 50px;
right: -5px;
width: 450px;
padding: 20px 0 20px 50px;
border-radius: 6px;
background-color: #FFF;
z-index: 11;
border: 2px solid #b9975f;
background-image: url(//taimesi.net/wp-content/themes/publisherly/assets/images/bg_pattern.jpg);
box-sizing: border-box;
}
.news_area img {
position: absolute;
display: block;
width: 150px;
top: -45px;
left: -75px;
}
.news_area a {
display: block;
text-decoration: #5c5c5c underline;
}
.news_area .news_area_title {
font-size: 1.6rem;
color: #fd5d85;
}
.news_area .news_area_contents {
font-size: 1.4rem;
margin: 8px 0;
color: #5c5c5c;
}
.news_area .news_area_contents:hover {
color: #fd5d85!important;
text-decoration: #fd5d85 underline!important;
} .faq_question_title {
position: relative;
font-size: 1.4rem;
margin-bottom: 10px;
padding-top: 20px;
padding-left: 30px;
font-weight: bold!important;
}
.faq_question_title::before {
font-family:"Font Awesome 5 Free";
content: "\3f"; font-weight:900; margin-right:10px; }
.faq_heading {
position: relative;
font-size: 1.6rem;
margin-bottom: 10px;
padding-left: 40px;
font-weight: bold!important;
}
.faq_heading:nth-of-type(n+2) {
margin-top: 60px;
}
.faq_heading::before {
content: '';
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 30px;
height: 30px;
background-image: url(//taimesi.net/wp-content/themes/publisherly/assets/images/botan_icon.png);
background-size: contain;
}
.faq_text {
position: relative;
font-size: 1.3rem;
margin-bottom: 10px!important;
margin-top: 20px!important;
padding-left: 20px;
margin-bottom: 20px!important;
margin-left: 30px!important;
}
.faq_text::before {
position: absolute;
top: 0;
left: 0;
font-family:"Font Awesome 5 Free";
content: "\41"; font-weight:900; margin-right:10px; } .faq_box a:link ,
.faq_box a:visited ,
.faq_box a:active {
color:#fd5d85!important;
text-decoration:underline;
} .footer {
position: relative;
font-family: "Hina Mincho", serif;
width: 100%;
text-align: center;
color: #FFF;
background: #fd5d85;
margin-top: 100px;
padding: 2vw 0;
box-sizing: border-box;
}
.footer .footer_credit {
position: absolute;
bottom: 0;
left: 50%;
margin: 0;
transform: translate(-50%,-50%);
}
.footer .footer_logo {
float: left;
width: 10vw;
max-width: 100px;
margin-left: 2vw;
}
.footer .footer_logo img {
display: block;
width: 100%;
}
.footer .footer_link {
position: absolute;
top: 50%;
right: 0;
transform: translate(0%,-50%);
display: table;
border-spacing: 10px 0;
font-size: 1rem; }
.footer .footer_link a {
color: #FFF!important;;
display: table-cell;
vertical-align: middle;
}
.footer .footer_link a.sns_btn {
width: 30px;
}
.footer .footer_link a.sns_btn img {
display: block;
width: 100%;
}
.footer .footer_link .button003 {
float: left;
}
.footer .footer_link .button003 a {
color: #fd5d85!important;
} .button003 a {
background: #FFF;
border-radius: 50px;
position: relative;
display: inline-block;
justify-content: space-around;
align-items: center;
margin: 0 auto;
max-width: 260px;
padding: 10px 25px;
color: #FFF;
transition: 0.3s ease-in-out;
font-weight: 500;
}
.button003 a:hover {
color: #FFF;
}
.button003 a:after {
display: none;
content: '';
width: 5px;
height: 5px;
border-top: 3px solid #313131;
border-right: 3px solid #313131;
transform: rotate(45deg) translateY(-50%);
position: absolute;
top: 50%;
right: 20px;
border-radius: 1px;
transition: 0.3s ease-in-out;
}
.button003 a:hover:after {
border-color: #FFF;
} .reservation_btn.button003 {
position: fixed;
top: 25px;
right: 100px;
z-index: 10000;
transition: 0.5s;
}
.reservation_btn.button003 a {
background: #fd5d85;
font-size: 1.6rem; color: #FFF!important;
}
.is-hidden {
visibility: hidden;
opacity: 0;
} #btn_menu1 {
position: fixed;
right: 0;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
width: 100px;
height: 100px;
box-sizing: border-box;
transition: background-color 0.3s ease;
}
#btn_menu1::before {
position: absolute;
top: calc(50% - 1px);
left: 25%;
display: block;
content: "";
width: 50%;
height: 2px;
background: #313131;
opacity: 0;
transform: rotate(45deg);
transition: opacity 0.3s ease;
}
#btn_menu1 span {
display: block;
position: absolute;
top: 25%;
left: 25%;
width: 50%;
height: 50%;
opacity: 1;
transition: opacity 0.3s ease;
}
#btn_menu1 span::before,
#btn_menu1 span span, #btn_menu1 span::after {
position: absolute;
top: 12%;
left: 0;
display: block;
content: "";
width: 100%;
height: 2px;
background: #313131;
transition: opacity 0.3s ease;
}
#btn_menu1 span span {
top: calc(50% - 1px);
}
#btn_menu1 span::after {
top: auto;
bottom: 12%;
}
#btn_menu1::after {
position: absolute;
top: calc(50% - 1px);
left: 25%;
display: block;
content: "";
width: 50%;
height: 2px;
background: #313131;
opacity: 0;
transform: rotate(-45deg);
transition: opacity 0.3s ease;
}
#btn_menu1:hover span::before,
#btn_menu1:hover span span, #btn_menu1:hover span::after ,
#btn_menu1:hover::after ,
#btn_menu1:hover::before {
background: #fd5d85;
}
#btn_menu1:hover {
}
#btn_menu1.active::before {
opacity: 1;
}
#btn_menu1.active span {
opacity: 0;
}
#btn_menu1.active::after {
opacity: 1;
} .PC {
display: block;
}
.mobile {
display: none;
} .taimeshizen_textbox .introduction_textbox_menu {
display: none!important;
} .grecaptcha-badge { visibility: hidden; }  .page.single .site-content {
position: relative;
width: 80%;
margin: 50px auto;
}
.page.single #content {
max-width: 1000px;
}
.page.single .site-content .entry-content > p:nth-of-type(1) {
position: relative;
font-size: 1.6rem;
margin-bottom: 50px;
padding-left: 40px;
font-weight: bold!important;
}
.page.single .site-content .entry-content > p:nth-of-type(1)::before {
content: '';
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 30px;
height: 30px;
background-image: url(//taimesi.net/wp-content/themes/publisherly/assets/images/botan_icon.png);
background-size: contain;
}
.general_page_size.news_content_wrapper {
padding-top: 100px;
max-width: 1000px;
}
.display-posts-listing {
margin: 0;
}
.display-posts-listing li {
list-style: none;
margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
html {
font-size: 10px;
} .title_textbox {
position: absolute;
writing-mode: vertical-rl;
white-space: nowrap;
}
.title_textbox::before {
top: 0;
left: -0.2vw;
width: 5.2vw;
height: 5.2vw;
}
.title_textbox p ,
span.title_textbox ,
h2.title_textbox {
padding-top: 6vw;
} .page_link_box a.mobile {
display: block;
} .top_slider .overlay .overlay_text {
width: 40vw;
} .introduction_img_wrapper {
position: absolute;
top: 0;
right: 10%;
width: 80%;
z-index: 2;
}
.introduction_img_wrapper > img:nth-of-type(1) {
position: absolute;
top: 78%;
left: -20%;
}
.introduction_img_wrapper > img:nth-of-type(2) {
position: absolute;
top: -15%;
right: -20%;
width: 45%;
z-index: 1;
}
.thumbnail_text_wrapper {
float: none;
width: 80%;
margin-left: 10%;
padding-top: 52%;
z-index: 1;
}
.thumbnail_text_wrapper h3 {
text-align: left;
padding-top: 10%;
padding-left: 10%;
} .taimeshizen .section_content_wrapper {
transform: translateY(-60%);
}
.taimeshizen {
position: relative;
}
.taimeshizen_imgbox {
width: 70%;
margin-left: 15%;
max-width: none;
float: none;
}
.taimeshizen_textbox {
width: 80%;
margin-left: 10%;
float: none;
}
.taimeshizen_textbox .title_textbox  {
top: -35%;
right: 0;
}
.taimeshizen_textbox .introduction_textbox {
position: absolute;
top: 30%;
right: 20%;
}
.taimeshizen_textbox .about_textbox {
width: 45%;
margin-top: auto;
margin-left: 0%;
padding-top: 30%;
float: none;
line-height: 1.7;
} .access_data_text_box_top {
width: 45%;
float: left;
margin-top: 30px;
}
.access_data_text_box_bottom {
width: 50%;
float: left;
margin-left: 5%;
}
.access_mapbox {
width: 80%;
height: 40vw;
}
.access_textbox {
width: 80%;
margin-left: 10%;
margin-top: 3vw;
margin-bottom: 0;
}
.access_textbox .title_textbox {
top: 0;
right: 0;
} .footer .footer_logo {
max-width: 80px;
}
}
@media screen and (max-width: 768px) {
html {
} .start img {
width: 200px;
top: 40%;
} .side_menu {
width: 100%;
}
.side_menu .logo_img {
top: 100px;
width: 40vw;
max-width: 100px;
} .page_link_box {
margin: 300px 0 0;
margin-left: 50%;
transform: translateX(-50%);
} .section {
max-width: none;
min-height: auto;
}
.section {
margin: 100px 0;
}
.section_content_wrapper {
position: relative;
top: auto;
left: auto;
width: 100%;
transform: translateY(0);
} .top_slider .overlay {
position: relative;
min-height: 0;
}
.top_slider .overlay .overlay_image {
position: relative;
display: block;
top: auto;
left: auto;
margin: 50% auto 12vw;
width: 200px;
transform: none;
}
.top_slider .overlay .overlay_text {
position: relative;
bottom: auto;
left: auto;
width: 80%;
margin: 0 auto;
transform: none;
} .title_textbox {
position: absolute;
writing-mode: vertical-rl;
white-space: nowrap;
font-size: 2rem;
}
.title_textbox::before {
top: 0;
left: -0.6vw;
width: 10vw;
height: 10vw;
}
.title_textbox p ,
.title_textbox h2 ,
span.title_textbox ,
h2.title_textbox {
padding-top: 12vw;
} .thumbnail_text_wrapper .title_textbox {
top: 0;
left: -4vw;
} .taimeshizen .section_content_wrapper {
transform: translateY(0);
}
.taimeshizen_textbox {
width: 90%;
margin-left: auto;
margin: 0 auto;
text-align: center;
}
.taimeshizen_textbox .title_textbox  {
top: 0;
right: 0;
}
.taimeshizen_textbox .introduction_textbox {
position: relative;
display: block;
width: 55vw;
margin-left: 15vw;
top: auto;
right: auto;
margin-top: 15vw;
display: none;
}
.taimeshizen_textbox .introduction_textbox_menu {
display: block!important;
width: 80%;
padding-top: 15vw;
margin-left: 10%;
}
.taimeshizen_textbox .introduction_textbox p {
text-align: left;
}
.taimeshizen_textbox .about_textbox {
width: 100%;
} .access_textbox .title_textbox {
top: 0;
right: 0;
}
.access_data_text_box_top {
width: 100%;
float: none;
}
.access_data_text_box_bottom {
width: 100%;
float: none;
margin-left: 0;
} .instagram_box {
width: 90%;
}
.instagram_box .title_textbox {
top: 0;
left: -4vw;
} .general_page_size {
width: 90%;
margin-left: 5%;
margin-top: 3vw;
}
.reserve_calendar_box ,
.inquiry_box ,
.privacypolicy_box ,
.museum_box ,
.faq_box {
width:80%;
padding-top: 100px;
}
.reserve_calendar_box p:nth-of-type(1) {
position: relative;
font-size: 1.6rem;
margin-bottom: 20px;
font-weight: bold!important;
}
.reserve_calendar_box p:nth-of-type(2) {
position: relative;
font-size: 1.4rem;
line-height: 1;
margin-bottom: 20px;
padding-left: 35px;
}
.reserve_calendar_tip::before {
content: '';
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
border-radius: 4px;
background-color: #FFD5D5;
}
.inquiry_box p:nth-of-type(1) {
position: relative;
font-size: 1.6rem;
margin-top: 40px;
margin-bottom: 20px;
font-weight: bold!important;
}
.inquiry_box .faq_attention {
font-size: 1.2rem;
}
.inquiry_box input {
width: 100%;
}
.inquiry_box textarea {
resize: none;
width: 100%;
height:200px;
}
.general_page_size.privacypolicy_page .title_textbox ,
.general_page_size.museum_page .title_textbox ,
.general_page_size.faq_page .title_textbox {
right: 0;
top: 20vw;
}
.privacypolicy_title {
font-size: 1.5rem;
margin-bottom: 10px;
padding-left: 40px;
}
.privacypolicy_title::before {
width: 30px;
height: 30px;
}
.privacypolicy_heading {
font-size: 1.3rem;
margin-bottom: 10px;
padding-left: 30px;
}
.privacypolicy_heading::before {
width: 20px;
height: 20px;
}
.privacypolicy_text {
font-size: 1.1rem;
margin-bottom: 60px!important;
} .news_area {
position: relative;
bottom: auto;
right: auto;
width: 100%;
margin-top: 100px;
padding: 35px 20px 10px;
}
.news_area img {
position: absolute;
display: block;
width: 120px;
top: -40px;
left: 50%;
transform: translateX(-50%);
}
.news_area a {
display: block;
text-decoration: #5c5c5c underline;
}
.news_area .news_area_title {
font-size: 1.6rem;
color: #fd5d85;
}
.news_area .news_area_contents {
font-size: 1.4rem;
margin: 8px 0;
color: #5c5c5c;
}
.news_area .news_area_contents:hover {
color: #fd5d85;
text-decoration: #fd5d85 underline;
} .faq_question_title {
font-size: 1.3rem;
padding-left: 10px;
}
.faq_question_title::before {
font-family:"Font Awesome 5 Free";
content: "\3f"; font-weight:900; margin-right:10px; }
.faq_heading {
font-size: 1.5rem;
}
.faq_text {
margin-left: 10px!important;
} .footer {
padding: 5vw 0;
}
.footer .footer_link a.PC {
display: none;
} .PC {
display: none;
}
.mobile {
display: block;
} }.bx-wrapper {
position: relative; padding: 0;
*zoom: 1;
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.bx-wrapper img {
max-width: 100%;
display: block;
}
.bxslider {
margin: 0;
padding: 0; -webkit-perspective: 1000;
}
ul.bxslider {
list-style: none;
}
.bx-viewport { -webkit-transform: translateZ(0);
} .bx-wrapper {
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
border: 5px solid #fff;
background: #fff;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
} .bx-wrapper .bx-loading {
min-height: 50px;
background: url(//taimesi.net/wp-content/themes/publisherly/assets/images/bx_loader.gif) center center no-repeat #ffffff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
} .bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
vertical-align: bottom;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager-item {
font-size: 0;
line-height: 0;
} .bx-wrapper .bx-prev {
left: 10px;
background: url(//taimesi.net/wp-content/themes/publisherly/assets/images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
background-position: 0 0;
}
.bx-wrapper .bx-next {
right: 10px;
background: url(//taimesi.net/wp-content/themes/publisherly/assets/images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
} .bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(//taimesi.net/wp-content/themes/publisherly/assets/images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(//taimesi.net/wp-content/themes/publisherly/assets/images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
background-position: -86px -33px;
} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
} .bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}