.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow-y: scroll; -webkit-text-size-adjust: 100%; }
*,
::before,
::after {
box-sizing: inherit;
}
::before,
::after {
text-decoration: inherit; vertical-align: inherit;
} * {
background-repeat: no-repeat; padding: 0; margin: 0;
}  audio:not([controls]) {
display: none;
height: 0;
}
hr {
overflow: visible; } article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
summary {
display: list-item; }
small {
font-size: 80%; }
[hidden],
template {
display: none; }
abbr[title] {
border-bottom: 1px dotted; text-decoration: none; }
a {
background-color: transparent; -webkit-text-decoration-skip: objects; }
a:active,
a:hover {
outline-width: 0; }
code,
kbd,
pre,
samp {
font-family: monospace, monospace; }
b,
strong {
font-weight: bolder; }
dfn {
font-style: italic; } mark {
background-color: #ff0;
color: #000;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
} input {
border-radius: 0;
} button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
cursor: pointer;
} [disabled] {
cursor: default;
}
[type="number"] {
width: auto; }
[type="search"] {
-webkit-appearance: textfield; }
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
textarea {
overflow: auto; resize: vertical; }
button,
input,
optgroup,
select,
textarea {
font: inherit; }
optgroup {
font-weight: bold; }
button {
overflow: visible; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: 0;
padding: 0;
} button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
outline: 1px dotted ButtonText;
}
button,
html [type="button"], [type="reset"],
[type="submit"] {
-webkit-appearance: button; }
button,
select {
text-transform: none; } button,
input,
select,
textarea {
background-color: transparent;
border-style: none;
color: inherit;
} select {
-moz-appearance: none; -webkit-appearance: none; }
select::-ms-expand {
display: none; }
select::-ms-value {
color: currentColor; }
legend {
border: 0; color: inherit; display: table; max-width: 100%; white-space: normal; }
::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }
[type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } img {
border-style: none; } progress {
vertical-align: baseline;
}
svg:not(:root) {
overflow: hidden; }
audio,
canvas,
progress,
video {
display: inline-block; }  @media screen {
[hidden~="screen"] {
display: inherit;
}
[hidden~="screen"]:not(:active):not(:focus):not(:target) {
position: absolute !important;
clip: rect(0 0 0 0) !important;
}
} [aria-busy="true"] {
cursor: progress;
} [aria-controls] {
cursor: pointer;
} [aria-disabled] {
cursor: default;
}  ::-moz-selection {
background-color: #b3d4fc; color: #000;
text-shadow: none;
}
::selection {
background-color: #b3d4fc; color: #000;
text-shadow: none;
}html {
font-family: "游ゴシック体", "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: 62.5%; font-weight: 500;
}
body {
font-size: 1.6rem;
line-height: 2.2;
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
color: rgba(0,0,0,0.78);
}
img {
vertical-align: bottom;
max-width: 100%;
height: auto;
}
a {
text-decoration: none;
color: rgba(0,0,0,0.9);
}
.single a,
.category a,
.archive a,
.blog a {
text-decoration: none;
color: #284b83;
}
h1 {
font-size: 3rem;
line-height: 1.2;
font-weight: bold;
color: rgba(0,0,0,0.9);
}
h2 {
font-size: 2.6rem;
line-height: 1.2;
font-weight: bold;
color: rgba(0,0,0,0.9);
}
@media screen and (max-width: 767px) {
h2 {
font-size: 2.3rem;
}
}
h3 {
font-size: 2.2rem;
line-height: 1.2;
font-weight: bold;
color: rgba(0,0,0,0.9);
}
@media screen and (max-width: 767px) {
h3 {
font-size: 2rem;
}
}
h4 {
font-size:  1.8rem;
line-height: 1.2;
font-weight: bold;
color: rgba(0,0,0,0.9);
}
h5 {
font-size: 1.6rem;
line-height: 1.2;
font-weight: bold;
color: rgba(0,0,0,0.9);
} .clearfix:after {
content: "";
display: block;
clear: both;
} .error404 {
margin-top: 160px;
margin-bottom: 160px;
padding: 0 30px;
} i,
cite,
em,
var,
address,
dfn {
font-style: normal;
}
ul {
list-style-type: none;
} .blog-thumbnail {
width: 100%;
height: 400px;
text-align: center;
overflow: hidden;
display: flex;
}
.blog-thumbnail img {
width: 100vw;
margin: 0 auto;
}
@media screen and (max-width: 1023px) {
.blog-thumbnail {
height: 300px;
}
}
@media screen and (max-width: 767px) {
.blog-thumbnail {
height: 200px;
}
} #container-box { margin-top: 84px;
overflow: hidden;
}
@media screen and (max-width: 415px) {
#container-box {
margin-top: 70px;
}
}
#container-flex { width: 1200px;
max-width: 90%;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
}
@media screen and (max-width: 767px) {
#container-flex { -webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
#container-flex,
#container-flex h1,
#container-flex h2,
#container-flex h3,
#container-flex h4,
#container-flex h5{ line-height: 1.8;
} #main {
margin: 0;
}
#main-flex { -ms-flex-preferred-size: 700px;
flex-basis: 700px;
-webkit-flex-basis: 700px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-grow: 1;
padding: 20px;
}
.entry p {
margin: 1em 0;
}
#main .entry-title,
#main-flex .entry-title,
.blog-entry-title .entry-title{ font-size: 2.8rem;
line-height: 1.2;
border-bottom: 1px solid #ccc;
border-top: none;
border-right: none;
border-left: none;
padding: 0.1em 0.5em 0.1em 0;
}
.blog-entry-title,
.content-area.blog-entry-title {
margin: 2em auto;
text-align: center;
} .home-entry {
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
@media screen and (max-width: 767px) {
.home-entry { -webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.home-first-entry {
flex-basis: 100%;
padding: 0 15px;
text-align: center;
}
.home-first-entry-thumbnail {
width: 100%;
height: 600px;
text-align: center;
overflow: hidden;
display: flex;
position: absolute;
top: 0;
left: 0;
margin-top: 84px;
}
@media screen and (max-width: 415px) {
.home-first-entry-thumbnail {
margin-top: 70px;
}
}
.home-first-entry-thumbnail img {
width: 100vw;
margin: 0 auto;
}
.home-first-entry .blog-entry-title {
margin-top: 620px;
}
@media screen and (max-width: 1023px) {
.home-first-entry-thumbnail {
height: 400px;
}
.home-first-entry .blog-entry-title {
margin-top: 420px;
}
}
@media screen and (max-width: 767px) {
.home-first-entry-thumbnail {
height: 300px;
}
.home-first-entry .blog-entry-title {
margin-top: 310px;
}
}
@media screen and (max-width: 415px) {
.home-first-entry-thumbnail {
height: 200px;
}
.home-first-entry .blog-entry-title {
margin-top: 210px;
}
}
.home-second-entry {
flex-basis: 50%;
padding: 25px;
}
@media screen and (max-width: 767px) {
.home-first-entry,
.home-second-entry {
padding: 10px;
}
}
#main .home-second-entry .blog-entry-title  .entry-title {
font-size: 2.2rem;
}
.home-second-entry .blog-entry-title {
margin: 1em 0;
} .archive-entry-title { font-size: 2rem;
font-weight: bold;
border-bottom: 1px solid #ccc;
color: rgba(0,0,0,0.9);
}
.archive-entry {
font-size: 1.4rem;
}
#main-flex article {
margin-top: 30px;
}
.blog #main-flex article {
margin-top: 30px;
margin-bottom: 60px;
}
article aside {
font-size: 1.2rem;
text-align: right;
margin: 0.5em 0 3em 0;
}
.blog-entry-title aside {
font-size: 1.2rem;
text-align: center;
margin: 1em;
}
article aside .fa,
.blog-entry-title aside .fa {
padding: 0 1px 0 6px;
}
article aside .e-time,
.blog-entry-title aside .e-time {
font-size: 1.2rem;
} .paging {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 3em 0;
}
.paging .prev {
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
text-align: left;
}
.paging .next {
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
text-align: right;
} #sidebar-flex {
-ms-flex-preferred-size: 300px;
flex-basis: 300px;
-webkit-flex-basis: 300px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-grow: 1;
padding: 20px;
font-size: 1.4rem;
}
#sidebar-flex section {
margin-top: 30px;
}
#sidebar-flex ul {
list-style-type: none;
margin-left: 10px;
}
.widget-title {
font-size: 1.6rem;
border-bottom: 1px solid #ddd;
margin: 10px 0;
}
.widget-area .post-date {
font-size: 1.0rem;
}
#wp-calendar {
width: 95%;
height: auto;
}
#wp-calendar tbody {
text-align: center;
}
.screen-reader-text {
display: none;
}
input,
select,
textarea {
font-size: 1.3rem;
padding: 4px;
border: solid 1px #ddd;
width: 100%;
}
[type="submit"] {
font-size: 1.3rem;
padding: 4px 10px;
border: solid 1px #ddd;
width: auto;
}
.widget-area label {
background: #fff;
}
.widget-area select {
width: 100%;
max-width: 100%;
padding: 2px 10px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #ddd;
background-color: #fff;
background-image: url(//himono.design/wp-content/themes/ys-theme/img/chevron-down.png);
background-repeat: no-repeat;
background-position: right 50%;
background-size: 25px, 15px;
} .header-fix-cover {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 84px;
z-index: 100;
background: #fff;
border-bottom: 1px solid #f0f0f0;
padding: 0 20px;
}
@media screen and (max-width: 415px) {
.header-fix-cover {
width: 100%;
height: 70px;
padding: 0 20px;
}
}
.header-fix-cover header a,
.header-description {
text-decoration: none;
color: rgba(0,0,0,0.78);
}
.header-fix {
width: 1200px;
max-width: 90%;
margin: 0 auto;
}
@media screen and (max-width: 415px) {
.header-fix {
width: 100%;
max-width: 100%;
}
}
header {
margin: 10px 0 0 0;
}
.header-left {
float: left;
}
.header-right {
float: right;
padding: 0;
}
.site-title {
font-size: 3rem;
font-weight: bold;
width: 200px;
color: rgba(0,0,0,0.9);
}
@media screen and (max-width: 415px) {
.site-title {
font-size: 2.3rem;
}
}
.header-description {
font-size: 1.3rem;
} .top-menu {
font-size: 1.3rem;
} .top-menu-pc ul {
height: 45px;
list-style-type: none;
display: flex;
justify-content: flex-end;
align-items: flex-end;
flex-wrap: wrap;
}
.top-menu-pc ul li {
position: relative; float: left;
margin: 0 0.4em;
padding: 0;
}
.top-menu-pc ul li a {
display: block;
margin: 0;
padding: 0.4em 0.8em;
background: #fff;
color: rgba(0,0,0,0.9);
} .top-menu-pc ul li ul { display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
background: #fff;
padding: 0;
width: 160px; height: auto;
position: absolute; top: 100%;
}
.top-menu-pc ul li ul li {
width: 100%;
margin: 0 0;
color: rgba(0,0,0,0.9);
}
.top-menu-pc ul > li > ul > li,
.top-menu-pc ul > li > ul > li > ul > li { overflow: hidden;
height: 0;
opacity: 0; transition: .3s;
}
.top-menu-pc ul > li:hover > ul > li,
.top-menu-pc ul > li > ul > li:hover > ul > li{ overflow: visible;
height: 2.3em;
opacity: 1; } .top-menu-pc li ul li ul {
top: 0;
left: 100%; width: 100%;
}
.top-menu-pc li:last-child ul li ul,
.top-menu-pc li:nth-last-child(2) ul li ul { left: -100%;
width: 100%;
} .top-menu-pc li ul li ul:before { position: absolute;
content: "\f107";
font-family: "Font Awesome 5 Free";
font-weight: 900;
top: 6px;
margin-left: -20px;
color: rgba(0,0,0,0.5);
}
.top-menu-pc li:last-child ul li ul:before,
.top-menu-pc li:nth-last-child(2) ul li ul:before { position: absolute;
content: "\f107";
font-family: "Font Awesome 5 Free";
font-weight: 900;
top: 6px;
left: 200%;
margin-left: -20px;
color: rgba(0,0,0,0.5);
}
.top-menu-pc li ul li:hover ul:before { position: absolute;
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: 900;
top: 6px;
margin-left: -20px;
color: rgba(0,0,0,0.5);
}
.top-menu-pc li:last-child ul li:hover ul:before,
.top-menu-pc li:nth-last-child(2) ul li:hover ul:before { position: absolute;
content: "\f104";
font-family: "Font Awesome 5 Free";
font-weight: 900;
top: 6px;
left: 200%;
margin-left: -20px;
color: rgba(0,0,0,0.5);
}
li[class~="menu-item-has-children"] a:after { content: "\f107";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-left: 3px;
color: rgba(0,0,0,0.5);
}
@media screen and (max-width: 850px) {
li[class~="menu-item-has-children"] a:after {
content: "";
}
}
li[class~="menu-item-has-children"] ul a:after {
content: "";
}
.sub-menu li a:before { content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: 5px;
color: rgba(0,0,0,0.5);
}
.top-menu-mobile { display: none;
} .menu-button { display: block;
text-align: right;
margin: 0 0 0 0;
padding: 0;
line-height: 1;
}
.menu-button1 { font-size: 3rem;
}
.menu-button2 { font-size: 1rem;
}
.menu-button a { color: rgba(0,0,0,0.9);
} #slide-menu {
position: fixed;
top: 0;
right: -220px;
width: 220px;
height: 100%;
background: #F9F9F9;
z-index: 20;
}
#slide-menu-inner {
height: 100%;
overflow: auto;
padding: 29px 20px 0 0;
}
.header-fix-cover header #slide-menu a {
color: rgba(0,0,0,0.9);
} @media screen and (max-width: 1020px) {
.top-menu-pc { display: none;
}
.top-menu-mobile {
display: inherit;
}
.top-menu-mobile .menu a {
color: rgba(0,0,0,0.9);
}
nav ul { background-color: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
list-style-type: none;
margin: 0 0 0 1.5em;
}
nav ul ul { -webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
-webkit-transition: 0;
transition: 0;
width: auto;
height: auto;
}
.top-menu-mobile li a {
display: block;
margin: 0 2px;
padding: 0.3em 0;
position: relative;
}
.top-menu-mobile li ul a {
margin-right: 0.6em;
}
} .top-menu li.menu-item a,
.footer-menu a {
font-size:1.4rem;
color: rgba(0,0,0,0.9);
text-align: center;
line-height: 1.3;
}
.top-menu-pc ul > li:hover > ul > li,
.top-menu-pc ul > li > ul > li:hover > ul > li{
overflow: visible;
height: 3em;
opacity: 1;
}
.top-menu li.menu-item a span,
.footer-menu a span {
font-size:1.1rem;
color: rgba(0,0,0,0.78);
text-align: center;
}
@media screen and (max-width: 1020px) {
.top-menu li.menu-item a,
.footer-menu a {
text-align: left;
}
.top-menu li.menu-item a span,
.footer-menu a span {
text-align: left;
}
}
.top-menu ul.sub-menu li.menu-item a {
text-align: left;
}
.top-menu ul.sub-menu li.menu-item a span {
text-align: left;
padding-left: 1em;
} footer {
margin: 0 auto;
padding: 20px 0;
background: #f9f9f9;
font-size: 1.4rem;
position: absolute;
left: 0;
width: 100%;
-webkit-box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.1) inset;
}
footer .footer-area {
width: 100%;
max-width: 100%;
text-align: left;
margin: 0 auto;
}.parallax-box-cover { width: 100%;
}
@media screen and (max-width: 767px) {
.parallax-box-cover {
width: 100%;
max-width: 100vw;
}
}
.parallax-box { background-size: cover;
background-position: center center;
background-attachment: fixed;
-webkit-backface-visibility:hidden;
width: 100%;
position: absolute;
left: 0;
right: 0;
}
@media screen and (max-width: 767px) {
.parallax-box {
background-size: cover;
background-position: center center;
background-attachment: scroll; width: 100%;
max-width: 100vw;
position: absolute;
left: 0;
right: 0;
}
} .parallax-contents-cover { width: 100vw;
display: table-cell; vertical-align: middle;
padding: 0 auto;
}
.parallax-contents { width: 50%; height: auto;
background-color: rgba(255, 255, 255, 0.85);
margin: 0 auto;
padding: 10px;
}
@media screen and (max-width: 767px) {
.parallax-contents {
width: 90%; margin: 0.5em auto;
}
}
.parallax-contents-inner { text-align: center;
display: table-cell;
vertical-align: middle;
height: auto;
border: 1px solid #ccc;
padding: 4.5em 2em;
}
@media screen and (max-width: 767px) {
.parallax-contents-inner {
padding: 1em 1em;
}
} .parallax-box-contact {
width: 40%;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);
margin: 0 20px;
padding: 20px;
}
@media screen and (max-width: 767px) {
.parallax-box-contact {
width: 90%;
position: absolute;
left: 0;
right: 0;
top: 50%;
bottom 0;
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);
margin: auto;
padding: 20px;
}
} .h300 {
height: 300px;
}
@media screen and (max-width: 767px) {
.h300 {
height: 250px;
}
}
.h550 {
height: 550px;
}
@media screen and (max-width: 767px) {
.h550 {
height: 400px;
}
}
.h700 {
height: 700px;
}
@media screen and (max-width: 767px) {
.h700 {
height: 600px;
}
}
.h100v { height: 100vh;
}
@media screen and (max-width: 1024px) {
.h100v { height: 45vh;
}
.parallax-box {
background-attachment: scroll; }
}
.h100vfix { height: 100vh;
} .parallax-title { text-align: center;
width: 100vw;
display: table-cell;
vertical-align: middle;
font-size: 3.8rem;
font-weight: bold;
color: #fff;
text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.8), 0 0 20px #fff;
line-height: 1.1;
padding: 0 0.5em;
}
@media screen and (max-width: 767px) {
.parallax-title {
font-size: 2.8rem;
}
}
.parallax-description {
font-size: 2rem;
color: #fff;
text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.8), 0 0 20px #fff;
}
@media screen and (max-width: 767px) {
.parallax-description {
font-size: 1.6rem;
}
}
.parallax-contents .parallax-title,
.parallax-contents .parallax-description { color: rgba(0,0,0,0.9);
text-shadow: none;
}
@media screen and (max-width: 767px) {
.parallax-title img { width: 80%;
}
} .parallax-box {
background-attachment: scroll\9; }
@media all and (-ms-high-contrast: none) {
.parallax-box {
background-attachment: scroll; }
} .content-area { width: 1200px;
max-width: 90%;
margin: 0 auto;
padding: 0;
}
@media screen and (max-width: 767px) {
.content-area {
width: 86%;
max-width: 86%;
margin: 0 auto;
padding: 0;
}
} .content-w90per {
width: 90%;
margin: 0 auto;
}
.content-w80per {
width: 80%;
margin: 0 auto;
}
.content-w70per {
width: 70%;
margin: 0 auto;
}
.content-w60per {
width: 60%;
margin: 0 auto;
}
.content-w50per {
width: 50%;
margin: 0 auto;
}
.content-m10px {
margin: 0 10px;
}
.content-m20px {
margin: 0 20px;
}
.content-m30px {
margin: 0 30px;
}
.content-m40px {
margin: 0 40px;
}
.content-m50px {
margin: 0 50px;
}
@media screen and (max-width: 1023px) {
.content-w70per,
.content-w60per,
.content-w50per {
width: 80%;
margin: 0 auto;
}
.content-m40px,
.content-m50px {
margin: 0 30px;
}
}
@media screen and (max-width: 767px) {
.content-w90per,
.content-w80per,
.content-w70per,
.content-w60per,
.content-w50per {
width: 86%;
margin: 0 auto;
}
.content-m20px,
.content-m30px,
.content-m40px,
.content-m50px {
margin: 0 10px;
}
.content-area .content-w90per,
.content-area .content-w80per,
.content-area .content-w70per,
.content-area .content-w60per,
.content-area .content-w50per {
width: 100%;
}
}  .flex-box,
.flex-box-row { display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-box-reverse { display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
.flex-box,
.flex-box-reverse { -webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.flex-box-vertical { display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-box-nowrap { display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex-center { -webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.flex-nowrap { -ms-flex-wrap: nowrap;
flex-wrap: nowrap;
} .flex-col1 { -ms-flex-preferred-size: 10px;
flex-basis: 10px;
-webkit-flex-basis: 10px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-grow: 1;
padding: 20px;
margin: 0;
}
.flex-nomargin-col1 { -ms-flex-preferred-size: 10px;
flex-basis: 10px;
-webkit-flex-basis: 10px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-grow: 1;
margin: 0;
}
.flex-col1-waku { -ms-flex-preferred-size: 10px;
flex-basis: 10px;
-webkit-flex-basis: 10px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-grow: 1;
padding: 20px;
margin: 10px;
}
.flex-col2 { -ms-flex-preferred-size: 10px;
flex-basis: 10px;
-webkit-flex-basis: 10px;
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
-webkit-flex-grow: 2;
padding: 20px;
margin: 0;
}
.flex-nomargin-col2 { -ms-flex-preferred-size: 10px;
flex-basis: 10px;
-webkit-flex-basis: 10px;
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
-webkit-flex-grow: 2;
margin: 0;
}
.flex-col3 { -ms-flex-preferred-size: 10px;
flex-basis: 10px;
-webkit-flex-basis: 10px;
-webkit-box-flex: 3;
-ms-flex-positive: 3;
flex-grow: 3;
-webkit-flex-grow: 3;
padding: 20px;
margin: 0;
}
.flex-nomargin-col3 { -ms-flex-preferred-size: 10px;
flex-basis: 10px;
-webkit-flex-basis: 10px;
-webkit-box-flex: 3;
-ms-flex-positive: 3;
flex-grow: 3;
-webkit-flex-grow: 3;
margin: 0;
}
.flex-col4 { -ms-flex-preferred-size: 10px;
flex-basis: 10px;
-webkit-flex-basis: 10px;
-webkit-box-flex: 4;
-ms-flex-positive: 4;
flex-grow: 4;
-webkit-flex-grow: 4;
padding: 20px;
margin: 0;
}
.flex-nomargin-col4 { -ms-flex-preferred-size: 10px;
flex-basis: 10px;
-webkit-flex-basis: 10px;
-webkit-box-flex: 4;
-ms-flex-positive: 4;
flex-grow: 4;
-webkit-flex-grow: 4;
margin: 0;
}
.flex-nomargin-col1 img,
.flex-nomargin-col2 img,
.flex-nomargin-col3 img,
.flex-nomargin-col4 img { min-width: 100%;
}
@media screen and (max-width: 767px) {
.flex-col1,
.flex-col2,
.flex-col3,
.flex-col4 { padding: 10px 0;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.flex-col1-waku {
padding: 10px;
-ms-flex-preferred-size: auto;
flex-basis: auto;
margin: 10px 0;
}
.flex-nomargin-col1,
.flex-nomargin-col2,
.flex-nomargin-col3,
.flex-nomargin-col4 { -ms-flex-preferred-size: auto;
flex-basis: auto;
}
} .flex-nomargin-col1.img-logo img {
min-width: auto;
} .flex-overlap-cover {
position: relative;
}
.flex-overlap {
position: relative;
width: 130%;
left: -100px;
background-color: white;
box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
padding: 30px;
}
@media screen and (max-width: 767px) {
.flex-overlap-cover {
position: static;
}
.flex-overlap {
position: static;
width: 100%;
left: 0;
background-color: white;
box-shadow: none;
padding: 0;
}
} .cross-box-cover {
position: relative;
}
.cross-box-right80 {
width: 80%;
margin: 0 0 0 auto;
padding: 15px;
z-index: 5;
}
.cross-box-right60 {
width: 60%;
margin: 0 0 0 auto;
padding: 15px;
z-index: 5;
}
.cross-box-left80 {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);
width: 80%;
text-align: left;
z-index: 10;
}
.cross-box-left80 span {
background: #FFFFFF;
padding: 2px 5px;
line-height: 2.4;
}
@media screen and (max-width: 767px) {
.cross-box-right80,
.cross-box-right60 {
width: 100%;
padding: 10px 0;
}
.cross-box-left80 {
position: static;
top: 0;
left: 0;
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
width: 100%;
text-align: left;
z-index: 10;
}
.cross-box-left80 span {
padding: 0px 0px;
line-height: 1.6;
}
}  #page_content_wrapper .inner .sidebar_content .gallery-flex ul {
margin-left: 0;
}
.gallery-flex ul,
.gallery-flex-9 ul,
.gallery-flex-6 ul,
.gallery-flex-4 ul,
.gallery-flex-2 ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style-type: none;
margin: 0;
}
.gallery-flex li {
-ms-flex-preferred-size: 220px;
flex-basis: 220px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 2px 5px;
}
.gallery-flex-9 li {
-ms-flex-preferred-size: calc( 100% / 9);
flex-basis: -webkit-calc( 100% / 9);
flex-basis: calc( 100% / 9);
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 5px;
}
.gallery-flex-6 li {
-ms-flex-preferred-size: calc( 100% / 6);
flex-basis: -webkit-calc( 100% / 6);
flex-basis: calc( 100% / 6);
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 5px;
}
@media screen and (max-width: 580px) {
.gallery-flex-9 li,
.gallery-flex-6 li {
-ms-flex-preferred-size: calc( 100% / 3);
flex-basis: -webkit-calc( 100% / 3);
flex-basis: calc( 100% / 3);
}
}
.gallery-flex-4 li {
-ms-flex-preferred-size: calc( 100% / 4);
flex-basis: -webkit-calc( 100% / 4);
flex-basis: calc( 100% / 4);
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 5px;
}
@media screen and (max-width: 580px) {
.gallery-flex-4 li {
-ms-flex-preferred-size: calc( 100% / 2);
flex-basis: -webkit-calc( 100% / 2);
flex-basis: calc( 100% / 2);
}
}
.gallery-flex-2 li {
-ms-flex-preferred-size: calc( 100% / 2);
flex-basis: -webkit-calc( 100% / 2);
flex-basis: calc( 100% / 2);
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 5px;
}
@media screen and (max-width: 580px) {
.gallery-flex-2 li {
-ms-flex-preferred-size: calc( 100% / 1);
flex-basis: -webkit-calc( 100% / 1);
flex-basis: calc( 100% / 1);
}
} .gallery-flex-fit ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style-type: none;
margin: 0;
}
.gallery-flex-9fit li { -ms-flex-preferred-size: calc( 100% / 9);
flex-basis: -webkit-calc( 100% / 9);
flex-basis: calc( 100% / 9);
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.gallery-flex-6fit li { -ms-flex-preferred-size: calc( 100% / 6);
flex-basis: -webkit-calc( 100% / 6);
flex-basis: calc( 100% / 6);
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.gallery-flex-3fit li { -ms-flex-preferred-size: calc( 100% / 3);
flex-basis: -webkit-calc( 100% / 3);
flex-basis: calc( 100% / 3);
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.gallery-flex-2fit li { -ms-flex-preferred-size: calc( 100% / 2);
flex-basis: -webkit-calc( 100% / 2);
flex-basis: calc( 100% / 2);
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
@media screen and (max-width: 767px) {
.gallery-flex-9fit li { -ms-flex-preferred-size: calc( 100% / 4);
flex-basis: -webkit-calc( 100% / 4);
flex-basis: calc( 100% / 4);
}
.gallery-flex-9fit li:nth-child(n + 25) { display: none;
}
.gallery-flex-6fit li { -ms-flex-preferred-size: calc( 100% / 3);
flex-basis: -webkit-calc( 100% / 3);
flex-basis: calc( 100% / 3);
}
.gallery-flex-6fit li:nth-child(n + 25) { display: none;
}
.gallery-flex-3fit li { -ms-flex-preferred-size: calc( 100% / 5);
flex-basis: -webkit-calc( 100% / 5);
flex-basis: calc( 100% / 5);
}
.gallery-flex-2fit li { -ms-flex-preferred-size: calc( 100% / 4);
flex-basis: -webkit-calc( 100% / 4);
flex-basis: calc( 100% / 4);
}
} .c-gallery li:nth-child(n + 2) {
display: none;
}
.thumb li:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
}  .blog .entry .mt05em,
.entry .mt05em,
.mt05em {
margin-top: 0.5em;
}
.blog .entry .mb05em,
.entry .mb05em,
.mb05em {
margin-bottom: 0.5em;
}
.blog .entry .mt1em,
.entry .mt1em,
.mt1em {
margin-top: 1em;
}
.blog .entry .mb1em,
.entry .mb1em,
.mb1em {
margin-bottom: 1em;
}
.blog .entry .mt2em,
.entry .mt2em,
.mt2em {
margin-top: 2em;
}
.blog .entry .mb2em,
.entry .mb2em,
.mb2em {
margin-bottom: 2em;
}
.blog .entry .mt3em,
.entry .mt3em,
.mt3em {
margin-top: 3em;
}
.blog .entry .mb3em,
.entry .mb3em,
.mb3em {
margin-bottom: 3em;
}
.blog .entry .mt4em,
.entry .mt4em,
.mt4em {
margin-top: 4em;
}
.blog .entry .mb4em,
.entry .mb4em,
.mb4em {
margin-bottom: 4em;
}
.blog .entry .mt5em,
.entry .mt5em,
.mt5em {
margin-top: 5em;
}
.blog .entry .mb5em,
.entry .mb5em,
.mb5em {
margin-bottom: 5em;
}
.blog .entry .mt6em,
.entry .mt6em,
.mt6em {
margin-top: 6em;
}
.blog .entry .mb6em,
.entry .mb6em,
.mb6em {
margin-bottom: 6em;
}
.blog .entry .mt7em,
.entry .mt7em,
.mt7em {
margin-top: 7em;
}
.blog .entry .mb7em,
.entry .mb7em,
.mb7em {
margin-bottom: 7em;
}
.blog .entry .mt8em,
.entry .mt8em,
.mt8em {
margin-top: 8em;
}
.blog .entry .mb8em,
.entry .mb8em,
.mb8em {
margin-bottom: 8em;
}
.blog .entry .mt9em,
.entry .mt9em,
.mt9em {
margin-top: 9em;
}
.blog .entry .mb9em,
.entry .mb9em,
.mb9em {
margin-bottom: 9em;
}
.blog .entry .mt10em,
.entry .mt10em,
.mt10em {
margin-top: 10em;
}
.blog .entry .mb10em,
.entry .mb10em,
.mb10em {
margin-bottom: 10em;
}
@media screen and (max-width: 767px) {
.blog .entry .mt6em,
.entry .mt6em,
.mt6em,
.blog .entry .mt7em,
.entry .mt7em,
.mt7em,
.blog .entry .mt8em,
.entry .mt8em,
.mt8em,
.blog .entry .mt9em,
.entry .mt9em,
.mt9em,
.blog .entry .mt10em,
.entry .mt10em,
.mt10em,
{ margin-top: 5em;
}
.blog .entry .mb6em,
.entry .mb6em,
.mb6em,
.blog .entry .mb7em,
.entry .mb7em,
.mb7em,
.blog .entry .mb8em,
.entry .mb8em,
.mb8em,
.blog .entry .mb9em,
.entry .mb9em,
.mb9em,
.blog .entry .mb10em,
.entry .mb10em,
.mb10em { margin-bottom: 5em;
}
}
.blog .entry .mt10px,
.entry .mt10px,
.mt10px {
margin-top: 10px;
}
.blog .entry .mb10px,
.entry .mb10px,
.mb10px {
margin-bottom: 10px;
}
.blog .entry .mt20px,
.entry .mt20px,
.mt20px {
margin-top: 20px;
}
.blog .entry .mb20px,
.entry .mb20px,
.mb20px {
margin-bottom: 20px;
}
.blog .entry .mt30px,
.entry .mt30px,
.mt30px {
margin-top: 30px;
}
.blog .entry .mb30px,
.entry .mb30px,
.mb30px {
margin-bottom: 30px;
}
.blog .entry .mt40px,
.entry .mt40px,
.mt40px {
margin-top: 40px;
}
.blog .entry .mb40px,
.entry .mb40px,
.mb40px {
margin-bottom: 40px;
}
.blog .entry .mt50px,
.entry .mt50px,
.mt50px {
margin-top: 50px;
}
.blog .entry .mb50px,
.entry .mb50px,
.mb50px {
margin-bottom: 50px;
} .blog .entry .pt05em,
.entry .pt05em,
.pt05em {
padding-top: 0.5em;
}
.blog .entry .pb05em,
.entry .pb05em,
.pb05em {
padding-bottom: 0.5em;
}
.blog .entry .pt1em,
.entry .pt1em,
.pt1em {
padding-top: 1em;
}
.blog .entry .pb1em,
.entry .pb1em,
.pb1em {
padding-bottom: 1em;
}
.blog .entry .pt2em,
.entry .pt2em,
.pt2em {
padding-top: 2em;
}
.blog .entry .pb2em,
.entry .pb2em,
.pb2em {
padding-bottom: 2em;
}
.blog .entry .pt3em,
.entry .pt3em,
.pt3em {
padding-top: 3em;
}
.blog .entry .pb3em,
.entry .pb3em,
.pb3em {
padding-bottom: 3em;
}
.blog .entry .pt4em,
.entry .pt4em,
.pt4em {
padding-top: 4em;
}
.blog .entry .pb4em,
.entry .pb4em,
.pb4em {
padding-bottom: 4em;
}
.blog .entry .pt5em,
.entry .pt5em,
.pt5em {
padding-top: 5em;
}
.blog .entry .pb5em,
.entry .pb5em,
.pb5em {
padding-bottom: 5em;
}
.blog .entry .pt10px,
.entry .pt10px,
.pt10px {
padding-top: 10px;
}
.blog .entry .pb10px,
.entry .pb10px,
.pb10px {
padding-bottom: 10px;
}
.blog .entry .pt20px,
.entry .pt20px,
.pt20px {
padding-top: 20px;
}
.blog .entry .pb20px,
.entry .pb20px,
.pb20px {
padding-bottom: 20px;
}
.blog .entry .pt30px,
.entry .pt30px,
.pt30px {
padding-top: 30px;
}
.blog .entry .pb30px,
.entry .pb30px,
.pb30px {
padding-bottom: 30px;
}
.blog .entry .pt40px,
.entry .pt40px,
.pt40px {
padding-top: 40px;
}
.blog .entry .pb40px,
.entry .pb40px,
.pb40px {
padding-bottom: 40px;
}
.blog .entry .pt50px,
.entry .pt50px,
.pt50px {
padding-top: 50px;
}
.blog .entry .pb50px,
.entry .pb50px,
.pb50px {
padding-bottom: 50px;
} .blog .entry .ml05em,
.entry .ml05em,
.ml05em {
margin-left: 0.5em;
}
.blog .entry .mr05em,
.entry .mr05em,
.mr05em {
margin-right: 0.5em;
}
.blog .entry .ml1em,
.entry .ml1em,
.ml1em {
margin-left: 1em;
}
.blog .entry .mr1em,
.entry .mr1em,
.mr1em {
margin-right: 1em;
}
.blog .entry .ml2em,
.entry .ml2em,
.ml2em {
margin-left: 2em;
}
.blog .entry .mr2em,
.entry .mr2em,
.mr2em {
margin-right: 2em;
}
.blog .entry .ml3em,
.entry .ml3em,
.ml3em {
margin-left: 3em;
}
.blog .entry .mr3em,
.entry .mr3em,
.mr3em {
margin-right: 3em;
}
.blog .entry .ml4em,
.entry .ml4em,
.ml4em {
margin-left: 4em;
}
.blog .entry .mr4em,
.entry .mr4em,
.mr4em {
margin-right: 4em;
}
.blog .entry .ml5em,
.entry .ml5em,
.ml5em {
margin-left: 5em;
}
.blog .entry .mr5em,
.entry .mr5em,
.mr5em {
margin-right: 5em;
}
.blog .entry .ml10px,
.entry .ml10px,
.ml10px {
margin-left: 10px;
}
.blog .entry .mr10px,
.entry .mr10px,
.mr10px {
margin-right: 10px;
}
.blog .entry .ml20px,
.entry .ml20px,
.ml20px {
margin-left: 20px;
}
.blog .entry .mr20px,
.entry .mr20px,
.mr20px {
margin-right: 20px;
}
.blog .entry .ml30px,
.entry .ml30px,
.ml30px {
margin-left: 30px;
}
.blog .entry .mr30px,
.entry .mr30px,
.mr30px {
margin-right: 30px;
}
.blog .entry .ml40px,
.entry .ml40px,
.ml40px {
margin-left: 40px;
}
.blog .entry .mr40px,
.entry .mr40px,
.mr40px {
margin-right: 40px;
}
.blog .entry .ml50px,
.entry .ml50px,
.ml50px {
margin-left: 50px;
}
.blog .entry .mr50px,
.entry .mr50px,
.mr50px {
margin-right: 50px;
} .blog .entry .pl05em,
.entry .pl05em,
.pl05em {
padding-left: 0.5em;
}
.blog .entry .pr05em,
.entry .pr05em,
.pr05em {
padding-right: 0.5em;
}
.blog .entry .pl1em,
.entry .pl1em,
.pl1em {
padding-left: 1em;
}
.blog .entry .pr1em,
.entry .pr1em,
.pr1em {
padding-right: 1em;
}
.blog .entry .pl2em,
.entry .pl2em,
.pl2em {
padding-left: 2em;
}
.blog .entry .pr2em,
.entry .pr2em,
.pr2em {
padding-right: 2em;
}
.blog .entry .pl3em,
.entry .pl3em,
.pl3em {
padding-left: 3em;
}
.blog .entry .pr3em,
.entry .pr3em,
.pr3em {
padding-right: 3em;
}
.blog .entry .pl4em,
.entry .pl4em,
.pl4em {
padding-left: 4em;
}
.blog .entry .pr4em,
.entry .pr4em,
.pr4em {
padding-right: 4em;
}
.blog .entry .pl5em,
.entry .pl5em,
.pl5em {
padding-left: 5em;
}
.blog .entry .pr5em,
.entry .pr5em,
.pr5em {
padding-right: 5em;
}
.blog .entry .pl10px,
.entry .pl10px,
.pl10px {
padding-left: 10px;
}
.blog .entry .pr10px,
.entry .pr10px,
.pr10px {
padding-right: 10px;
}
.blog .entry .pl20px,
.entry .pl20px,
.pl20px {
padding-left: 20px;
}
.blog .entry .pr20px,
.entry .pr20px,
.pr20px {
padding-right: 20px;
}
.blog .entry .pl30px,
.entry .pl30px,
.pl30px {
padding-left: 30px;
}
.blog .entry .pr30px,
.entry .pr30px,
.pr30px {
padding-right: 30px;
}
.blog .entry .pl40px,
.entry .pl40px,
.pl40px {
padding-left: 40px;
}
.blog .entry .pr40px,
.entry .pr40px,
.pr40px {
padding-right: 40px;
}
.blog .entry .pl50px,
.entry .pl50px,
.pl50px {
padding-left: 50px;
}
.blog .entry .pr50px,
.entry .pr50px,
.pr50px {
padding-right: 50px;
} .center {
text-align: center;
}
.left {
text-align: left;
}
.right {
text-align: right;
} .inlink {
margin-top: -90px;
padding-top: 90px;
} .menuicon {
padding: 0.5em;
}
.menuicon img {
margin: 0 auto;
}  .top_movie {
background: #fff;
width: 100%;
height: 100%;
}
.top_movie_cover video {
vertical-align:bottom;
} .movie {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.movie iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
} .movie640 {
width: 100%;
max-width: 640px;
max-height: 360px;
margin: 0 auto;
}  .ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
right: 0;
left: 0;
width: 85%;
height: 85%;
margin: 0 auto;
} table.table01 {
width: 100%;
margin: 0 auto 30px;
}
.table01 caption {
font-size: 1.2em;
font-weight: bold;
text-align: left;
padding-bottom: 15px;
}
.table01 th {
padding-right: 20px;
font-weight: normal;
text-align: left;
width: 200px;
}
.table01 td {
font-weight: normal;
text-align: left;
}
@media screen and (max-width: 830px) {
.table01 th {
padding-right: 0;
display: block;
text-align: left;
width: 100%;
font-weight: bolder;
margin-top: 1em;
}
.table01 td {
display: block;
text-align: left;
width: 100%;
}
}.bgc-f9 { background-color: #f9f9f9;
}
.bgc-gr { background-color: #90908D;
color: rgba(255, 255, 255, 0.78);
}
.bgc-bl { background-color: #222;
color: rgba(255, 255, 255, 0.78);
}
.bgc-bl a {
color: rgba(255, 255, 255, 0.78);
}
.bgc-wi { background-color: #fff;
color: rgba(0,0,0,0.78);
}  .fw-bold {
font-weight: bold;
}
.fw-bolder {
font-weight: bolder;
} .fs-08 {
font-size: 0.8rem;
}
.fs-09 {
font-size: 0.9rem;
}
.fs-10 {
font-size: 1rem;
}
.fs-11 {
font-size: 1.1rem;
}
.fs-12 {
font-size: 1.2rem;
}
.fs-13 {
font-size: 1.3rem;
}
.fs-14 {
font-size: 1.4rem;
}
.fs-15 {
font-size: 1.5rem;
}
.fs-16 {
font-size: 1.6rem;
}
.fs-17 {
font-size: 1.7rem;
}
.fs-18 {
font-size: 1.8rem;
}
.fs-19 {
font-size: 1.9rem;
}
.fs-20 {
font-size: 2rem;
}
.fs-22 {
font-size: 2.2rem;
}
.fs-24 {
font-size: 2.4rem;
}
.fs-26 {
font-size: 2.6rem;
}
.fs-28 {
font-size: 2.8rem;
}
.fs-30 {
font-size: 3rem;
}
.fs-40 {
font-size: 4rem;
}
.fs-50 {
font-size: 5rem;
} .lh-11 {
line-height: 1.1;
}
.lh-12 {
line-height: 1.2;
}
.lh-13 {
line-height: 1.3;
}
.lh-14 {
line-height: 1.4;
}
.lh-16 {
line-height: 1.6;
}
.lh-18 {
line-height: 1.8;
}
.lh-20 {
line-height: 2;
}
.lh-22 {
line-height: 2.2;
} .text-shadow {
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
} blockquote {
border: solid 1px #ddd;
padding: 0 2em;
position:relative;
z-index:1;
}
blockquote:before, blockquote:after{
font-family:"FontAwesome";
font-size:3rem;
line-height:1em;
color:#ddd;
position:absolute;
z-index:-1;
}
blockquote:before{
content:"\f10d";
left:5px;
top:5px;
}
blockquote:after{
content:"\f10e";
right:5px;
bottom:5px;
}  .button-wb,
a.button-wb {
display: inline-block;
border: 1px solid #222;
background: #fff;
color: rgba(0,0,0,0.78);
padding: 0.5em 2em;
}
.button-wb:hover,
a.button-wb:hover {
border: 1px solid #222;
background: #222;
color: #fff;
} .button-bw,
a.button-bw {
display: inline-block;
border: 1px solid #222;
background: #222;
color: #fff;
padding: 0.5em 2em;
}
.button-bw:hover,
a.button-bw:hover {
border: 1px solid #222;
background: #fff;
color: rgba(0,0,0,0.78);
} .button-bb,
a.button-bb {
display: inline-block;
border: 2px solid #777;
background: #333;
color: #fff;
padding: 0.5em 1.5em;
}
.button-bb:hover,
a.button-bb:hover {
border-color: #222;
background: #222;
} .button-gb,
a.button-gb {
display: inline-block;
border-color: #47C47D;
border-radius: 10px;
background: #47C47D;
color: #fff;
padding: 0.8em 2em;
}
.button-gb:hover,
a.button-gb:hover {
border-color: #71c5cf;
border-radius: 10px;
background: #71c5cf;
} hr.hr-gradation { border: 0;
height: 1px;
background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
margin: 1em 0;
}
hr.hr-gradation2 { border: 0; 
height: 1px;
background-image: -webkit-linear-gradient(left, #222, #f0f0f0, #222);
background-image: -o-linear-gradient(left, #222, #f0f0f0, #222);
margin: 1em 0;
}
hr.hr-dash { border-top: 1px dashed #bbb;
border-bottom: none;
margin: 5px;
} .marker-blue { position: relative;
padding: 0 .4em .1em;
}
.marker-blue::after {
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
content: '';
width: 100%;
height: 14px;
background-color: #b6f0fc;
border-radius: 4px 10px 4px 10px;
} .link-bottom {
border-bottom: 1px solid #222;
} .border-all { border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
.borderall {
border-top: 1px solid #ddd;
border-right: none;
border-bottom: 1px solid #ddd;
border-left: none;
}
}
.border-top { border-top: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
.border-top { border-top: none;
}
}
.border-right { border-right: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
.border-right { border-right: none;
}
}
.border-left { border-left: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
.border-left { border-left: none;
}
}
.border-bottom { border-bottom: 1px solid #ddd;
} .photo-frame {
border: 1px solid #ddd;
padding: 10px;
background-color: #fff;
}
.photo-frame-effect {
position: relative;
}
.photo-frame-effect:before,
.photo-frame-effect:after {
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
box-shadow: 0 15px 10px #777;
-webkit-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.photo-frame-effect:after {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto;
} .img-zoom {
width: 100%;
height: auto;
margin: 0;
padding: 0;
background: #fff;
overflow: hidden;
}
.img-zoom img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 2s ease-in-out;
transition: 2s ease-in-out;
display: inline-block;
}
.img-zoom:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
} .faq-title1 { border: 1px solid #ccc;
padding: 15px;
margin: 1.5em 0 0 0;
}
.faq-title2 { border: 1px solid #ccc;
padding: 15px;
background: #fbfbfb;
margin: 1.5em 0 0 0;
} .ken-burns-slideshow {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
}
.ken-burns-slideshow-image {
position: absolute;
width: 100%;
height: 100%;
background: no-repeat 50% 50%;
background-size: cover;
-webkit-animation-name: kenburns;
animation-name: kenburns;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-duration: 30s;
animation-duration: 30s;
opacity: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.ken-burns-slideshow-image:nth-child(1) {
-webkit-animation-name: kenburns-1;
animation-name: kenburns-1;
z-index: 4;
}
.ken-burns-slideshow-image:nth-child(2) {
-webkit-animation-name: kenburns-2;
animation-name: kenburns-2;
z-index: 3;
}
.ken-burns-slideshow-image:nth-child(3) {
-webkit-animation-name: kenburns-3;
animation-name: kenburns-3;
z-index: 2;
}
.ken-burns-slideshow-image:nth-child(4) {
-webkit-animation-name: kenburns-4;
animation-name: kenburns-4;
z-index: 1;
}
@-webkit-keyframes kenburns-1 {
0% {
opacity: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
1.5625% {
opacity: 1;
}
23.4375% {
opacity: 1;
}
26.5625% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
98.4375% {
opacity: 0;
-webkit-transform: scale(1.21176);
transform: scale(1.21176);
}
100% {
opacity: 1;
}
}
@keyframes kenburns-1 {
0% {
opacity: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
1.5625% {
opacity: 1;
}
23.4375% {
opacity: 1;
}
26.5625% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
98.4375% {
opacity: 0;
-webkit-transform: scale(1.21176);
transform: scale(1.21176);
}
100% {
opacity: 1;
}
}
@-webkit-keyframes kenburns-2 {
0% {
opacity: 0;
}
23.4375% {
opacity: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
26.5625% {
opacity: 1;
}
48.4375% {
opacity: 1;
}
51.5625% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@keyframes kenburns-2 {
0% {
opacity: 0;
}
23.4375% {
opacity: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
26.5625% {
opacity: 1;
}
48.4375% {
opacity: 1;
}
51.5625% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@-webkit-keyframes kenburns-3 {
0% {
opacity: 0;
}
48.4375% {
opacity: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
51.5625% {
opacity: 1;
}
73.4375% {
opacity: 1;
}
76.5625% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@keyframes kenburns-3 {
0% {
opacity: 0;
}
48.4375% {
opacity: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
51.5625% {
opacity: 1;
}
73.4375% {
opacity: 1;
}
76.5625% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@-webkit-keyframes kenburns-4 {
0% {
opacity: 0;
}
73.4375% {
opacity: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
76.5625% {
opacity: 1;
}
98.4375% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes kenburns-4 {
0% {
opacity: 0;
}
73.4375% {
opacity: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
76.5625% {
opacity: 1;
}
98.4375% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.ken-burns-contents {
position: absolute;
top: 40%;
left: 0;
z-index: 99;
text-align: center;
padding: 1em 1em;
}
@media screen and (max-width: 767px) {
.ken-burns-contents {
position: absolute;
top: 40%;
left: 0;
z-index: 99;
text-align: center;
padding: 1em 0.5em;
}
} .onlyPC {
display: block !important;
}
@media screen and (max-width: 767px){
.onlyPC {
display: none !important;
}
} .onlySP {
display: none !important;
}
@media screen and (max-width: 767px){
.onlySP {
display: block!important;
}
}.object-fit-img600-fit,
.object-fit-img600 {
height: 600px;
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;'
}
.object-fit-img500 {
height: 500px;
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;'
}
.object-fit-img300 {
height: 300px;
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;'
}
.object-fit-img-click-gallery {
height: 600px;
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;'
}
.object-fit-img-click-gallery-thumb {
height: 120px;
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;'
}
.object-fit-img-click-gallery-thumb2 {
height: 150px;
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;'
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.object-fit-img600-fit {
height: 600px;
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;'
}
.object-fit-img600 {
height: 500px;
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;'
}
.object-fit-img500 {
height: 400px;
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;'
}
.object-fit-img300 {
height: 250px;
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;'
}
}
@media screen and (max-width: 767px) {
.object-fit-img600-fit,
.object-fit-img600,
.object-fit-img500,
.object-fit-img300,
.object-fit-img-click-gallery {
height: 300px;
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;'
}
.object-fit-img-click-gallery-thumb {
height: 60px;
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;'
}
.object-fit-img-click-gallery-thumb2 {
height: 80px;
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;'
}
} .loopSlide-cover {
padding-bottom: 176px;
}
.loopSlide {
position: absolute;
left: 0;
right: 0;
width: 100%;
max-width: 100vw;
height: 176px;
} .swiper-container {
width: 100%;
}
.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next {
height: 20px;
}
.auto-swiper-container { width: 100%;
height: 100vh;
position: relative;
overflow: hidden;
} .flex-box .bx-wrapper,
.flex-box-reverse .bx-wrapper {
width: 50%;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.flex-box .bx-wrapper,
.flex-box-reverse .bx-wrapper {
width: 100%;
}
} .flex-box .bx-wrapper .bx-prev,
.flex-box-reverse .bx-wrapper .bx-prev {
left: 10px;
background: none;
}
.flex-box .bx-wrapper .bx-prev:hover,
.flex-box .bx-wrapper .bx-prev:focus,
.flex-box-reverse .bx-wrapper .bx-prev:hover,
.flex-box-reverse .bx-wrapper .bx-prev:focus {
background-position: 0 0;
}
.flex-box .bx-wrapper .bx-next,
.flex-box-reverse .bx-wrapper .bx-next {
right: 10px;
background: none;
}
.flex-box .bx-wrapper .bx-next:hover,
.flex-box .bx-wrapper .bx-next:focus,
.flex-box-reverse .bx-wrapper .bx-next:hover,
.flex-box-reverse .bx-wrapper .bx-next:focus {
background-position: -43px 0;
}
.flex-box .bx-wrapper .bx-controls-direction a,
.flex-box-reverse .bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: 0;
z-index: 50;
color: #fff;
font-weight: bold;
font-size: 2em;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
}
.flex-box .bx-wrapper .bx-controls-direction a.disabled,
.flex-box-reverse .bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
.table-ul { display: table;
table-layout: fixed;
text-align: center;
width: 100%;
}
.table-ul li {
display: table-cell;
vertical-align: middle;
}
.table-ul li img {
display: inline-block;
}
.bx-media .bx-viewport {
height: 110px !important;
margin: 40px 0 10px 0;
}
.pagerin .bx-wrapper .bx-pager,
.pagerin .bx-wrapper .bx-controls-auto {
position: absolute;
bottom: 20px;
width: 100%;
}.top-menu-pc ul li ul {
top: 140%;
width: 200px;
background: #294251;
}
li[class~="menu-item-has-children"] a:after,
.sub-menu li a:before {
color: #f7ede1;
} html {
font-family: "FP-ヒラギノ明朝 StdN W4", "FP-HiraMinStdN-W4", "游ゴシック体", "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: 62.5%;
font-weight: 500;
}
@media screen and (max-width: 767px) {
body {
font-size: 1.4rem;
}
}
h1,
h2,
h3,
h4,
h5,
.archive-entry-title,
.site-title,
.table01 caption,
.flex-box .bx-wrapper .bx-controls-direction a,
.flex-box-reverse .bx-wrapper .bx-controls-direction a {
font-family: "OptimaNovaLTPro-Light", "FOT-クレー Pro DB", "KleePro-DB", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "游ゴシック体", "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
color: #dd4342; }
.fw-bold,
.fw-bolder {
font-family: "OptimaNovaLTPro-Light", "FOT-クレー Pro DB", "KleePro-DB", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "游ゴシック体", "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.rogo-font,
.site-title {
font-family: "FOT-コメット Std B", "CometStd-B", sans-serif;
}
.slider-font {
font-family: "FOT-クレー Pro DB", "KleePro-DB", "游ゴシック体", "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.fs-60 {
font-size: 6rem;
}
@media screen and (max-width: 767px) {
.fs-60 {
font-size: 4rem;
}
}
.fs-50px {
font-size: 5rem;
}
@media screen and (max-width: 767px) {
.fs-50px {
font-size: 3.2rem;
}
}
.fs-38px {
font-size: 3.8rem;
}
@media screen and (max-width: 767px) {
.fs-38px {
font-size: 2.4rem;
}
} .tate,
.tategaki,
.tateyokogaki { -ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
}
.tategaki-500 {
height: 500px;
}
.tategaki-600 {
height: 600px;
}
@media screen and (max-width: 767px) {
.tateyokogaki {
text-align: center;
-ms-writing-mode: lr-tb; -webkit-writing-mode: horizontal-tb;
writing-mode: horizontal-tb;
}
.tategaki-500,
.tategaki-600 {
height: auto;
}
}
.tate-suuji,
.tategaki-suuji,
.tateyokogaki-suuji { -webkit-text-combine: horizontal;
-ms-text-combine-horizontal: all;
text-combine-upright: all;
}
@media screen and (max-width: 767px) {
.tateyokogaki-suuji { -webkit-text-combine: none;
-ms-text-combine-horizontal: none;
text-combine-upright: none;
}
}
.tateyokogaki .gyoukan {
margin-left: 2em;
}
@media screen and (max-width: 767px) {
.tateyokogaki .gyoukan {
margin-bottom: 2em;
margin-left: 0em;
}
}
.tateyokogaki .midashi2 {
margin-top: 1em;
margin-left: 2em;
}
@media screen and (max-width: 767px) {
.tateyokogaki .midashi2 {
margin-top: 0em;
margin-bottom: 2em;
margin-left: 0em;
}
} .flex-tategaki-box-reverse {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 767px) {
.flex-tategaki-box-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.flex-tategaki-col1 {
margin: 0;
padding: 0px;
} body {
color: #294251; background-color: #f7ede1; }
a {
text-decoration: none;
color: #294251; }
.single a,
.category a,
.archive a,
.blog a {
text-decoration: none;
color: #294251; }
footer {
color: #f7ede1; background: #294251; -webkit-box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.1) inset;
}
footer a,
.single footer a,
.category footer a,
.archive footer a,
.blog footer a {
color: #f7ede1; }
.bgc-f7ede1 {
color: #294251; background-color: #f7ede1; }
.bgc-f2e6d8,
.bgc-white {
background-color: #f2e6d8; }
.bgc-294251,
.bgc-blue {
color: #f7ede1; background-color: #294251; }
.bgc-294251 a,
.bgc-blue a {
color: #f7ede1; }
.border-294251,
.border-blue {
border: 1px solid #294251; }
.fc-294251,
.fc-blue {
color: #294251; }
.fc-DD4342,
.fc-red {
color: #dd4342; }
.fc-white {
color: #f7ede1; }
.midashi-blue {
background-color: #294251; }
.haifun-red {
width: 36px;
border-top: solid 6px #dd4342; }
.haifun-red-long {
width: 96px;
margin: 0 auto;
border-top: solid 5px #dd4342; }
.waku-b {
line-height: 1.8;
position: relative;
margin: 0;
padding: 2em 1.5em;
color: #294251; border-top: solid 3px #dd4342; border-bottom: solid 3px #dd4342; }
.waku-b:before,
.waku-b:after {
position: absolute;
top: -12px;
width: 3px;
height: calc(100% + 24px);
content: "";
background-color: #dd4342; }
.waku-b:before {
left: 12px;
}
.waku-b:after {
right: 12px;
}
input,
select,
textarea {
border: solid 1px #294251; background-color: #f2e6d8; }
[type="submit"] {
border: solid 1px #294251; background-color: #fff7ed; } .button-rw,
a.button-rw {
display: inline-block;
padding: 0.5em 2em;
color: #f7ede1; border: 1px solid #294251; background: #dd4342; }
.button-rw:hover,
a.button-rw:hover {
color: #f7ede1; border: 1px solid #dd4342; background: #294251; } .header-fix-cover {
color: #dd4342; border-bottom: 0px solid #e9e9e9; background-color: #294251; }
@media screen and (max-width: 415px) {
.header-fix-cover {
height: 84px;
}
#container-box {
margin-top: 84px;
}
}
header {
margin: 12px 0 0 0;
}
.header-left {
margin-top: -4px;
}
@media screen and (max-width: 415px) {
.header-left {
margin-top: 6px;
}
}
.header-right {
margin-top: 10px;
}
@media screen and (max-width: 415px) {
.header-right {
margin-top: 16px;
}
}
.site-title {
font-size: 2.4rem;
width: 160px;
}
.header-description {
line-height: 1;
text-align: right;
text-decoration: none;
color: #f7ede1;
}
@media screen and (max-width: 415px) {
.header-description {
font-size: 1rem;
}
}
.cube-logo-cover {
position: relative;
}
.cube-logo {
position: absolute;
top: 46px;
right: 0;
}
@media screen and (max-width: 1150px) {
.cube-logo-cover,
.cube-logo { display: none;
}
} #slide-menu {
right: -280px;
width: 280px;
background: #294251; }
.header-fix-cover header #slide-menu a {
color: #f7ede1; }
#slide-menu-inner {
padding: 36px 20px 0 0;
}
@media screen and (max-width: 415px) {
#slide-menu-inner {
padding: 38px 20px 0 0;
}
}
.top-menu-pc {
margin-right: 60px;
}
.top-menu-pc ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
align-items: center;
-ms-flex-align: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 45px;
list-style-type: none;
}
.top-menu-pc ul li a,
.top-menu-pc li.menu-item a {
font-size: 1.3rem;
padding: 0.4em 0.6em;
color: #f7ede1; background: none;
}
.header-fix-cover header a {
text-decoration: none;
color: #dd4342; }
nav ul {
margin: 0 0 0 1.5em;
}
.top-menu-mobile li {
margin: 1em 0 0 0;
}
@media screen and (max-width: 1150px) {
.top-menu-pc { display: none;
}
.top-menu-mobile {
display: inherit;
}
} footer img {
vertical-align: middle;
} #main .entry-title,
#main-flex .entry-title,
.blog-entry-title .entry-title,
.archive-entry-title {
line-height: 1.6;
position: relative;
margin-bottom: 2em;
border-bottom: solid 0px #dd4342; }
#main .entry-title:after,
#main-flex .entry-title:after,
.blog-entry-title .entry-title:after,
.archive-entry-title:after {
position: absolute;
bottom: -0.5em;
left: 0;
width: 76px;
content: "";
border-top: solid 5px #dd4342; }
.widget-title {
position: relative;
margin-bottom: 1.6em;
border-bottom: 0px solid #dd4342; }
.widget-title:after {
position: absolute;
bottom: -0.5em;
left: 0;
width: 24px;
content: "";
border-top: solid 3px #dd4342; }
#sidebar-flex section {
margin-top: 30px;
margin-bottom: 50px;
}
#main-flex {
padding: 20px 20px 20px 20px;
background-color: #f2e6d8; }
#sidebar-flex {
padding: 20px 20px 20px 40px;
}
@media screen and (max-width: 767px) {
#main-flex {
padding: 20px 0px 20px 0px;
background-color: #f7ede1; }
#sidebar-flex {
padding: 20px 0px 20px 0px;
}
}
.h500 {
height: 500px;
}
@media screen and (max-width: 1023px) {
.h500 {
height: 300px;
}
}
.parallax-box {
background-attachment: scroll;
} .mask-img {
color: transparent;
background: url(https://himono.design/wp-content/uploads/2018/07/himono-b001.jpg) center;
background-attachment: fixed;
-webkit-background-clip: text;
background-clip: text;
background-size: contain;
} .link-bottom2 {
border-bottom: 1px solid #f7ede1; } .ta-right-center {
text-align: right;
}
@media screen and (max-width: 767px) {
.ta-right-center {
text-align: center;
}
}
.ta-left-center {
text-align: left;
}
@media screen and (max-width: 767px) {
.ta-left-center {
text-align: center;
}
} .flex-box-insta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
@media screen and (max-width: 768px) {
.flex-box-insta {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
} .cp_actab {
position: relative;
overflow: hidden;
width: 100%;
margin: 0 auto;
}
.cp_actab input {
position: absolute;
z-index: -1;
opacity: 0;
}
.cp_actab label {
font-weight: bold;
line-height: 3;
position: relative;
display: block;
margin: 0 0 1px 0;
padding: 0 0 0 1em;
cursor: pointer;
border: 1px solid rgba(247, 237, 225, 0.6); }
.cp_actab .cp_actab-content {
overflow: hidden;
max-height: 0;
-webkit-transition: max-height 1s;
-webkit-transition: max-height 1;
transition: max-height 1;
}
.cp_actab .cp_actab-content p {
margin: 1em;
} .cp_actab input:checked ~ .cp_actab-content {
max-height: 80em;
} .cp_actab label::after {
line-height: 3;
position: absolute;
top: 0;
right: 0;
display: block;
width: 3em;
height: 3em;
-webkit-transition: all 1s;
transition: all 1s;
text-align: center;
}
.cp_actab input[type="checkbox"] + label::after {
content: "▼";
}
.cp_actab input[type="checkbox"]:checked + label::after {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.cp_actab label + p {
height: 0;
margin: 0 0;
} .video-lh {
line-height: 0;
} .video-letter {
position: relative;
}
.video-letter div {
position: absolute;
top: 50%;
left: 50%;
height: 60%;
margin: 0;
padding: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.video-letter div img {
width: 70%;
} .flex-nomargin-col2-1 {
-webkit-box-flex: 2;
-ms-flex-preferred-size: 10px;
flex-basis: 10px;
-ms-flex-positive: 2;
flex-grow: 2;
margin: 0;
}
@media screen and (max-width: 1023px) {
.flex-nomargin-col2-1 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media screen and (max-width: 767px) {
.flex-nomargin-col2-1 {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
} .parallax-contents-cover-movie {
display: table-cell; width: 100%;
margin: 10% auto;
padding: 0 auto;
text-align: center;
vertical-align: middle;
}
.parallax-contents-movie {
width: 40%;
height: auto;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.parallax-contents-movie {
width: 60%;
}
} .img-contents-cover,
.img-contents-cover-footer {
position: relative;
}
.img-contents-cover-footer:before {
position: absolute;
z-index: 2;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
content: "";
background-color: rgba(0, 0, 0, 0.5);
}
.img-contents-inner,
.img-contents-inner-footer {
position: absolute;
z-index: 3;
top: 50%;
left: 50%;
width: 70%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #f7ede1; }
@media screen and (max-width: 767px) {
.img-contents-inner,
.img-contents-inner-footer {
width: 90%;
}
}
.img-contents-inner h2,
.img-contents-inner-footer h2 {
color: #f7ede1; }
.catch-copy {
font-size: 4rem;
}
@media screen and (max-width: 767px) {
.catch-copy {
font-size: 2.6rem;
margin-top: 1.8em;
}
} .img-contents-cover2 {
position: relative;
}
.img-contents-inner2 {
position: absolute;
top: 50%;
left: 50%;
width: 70%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
.img-contents-inner2 {
position: relative;
top: 0;
left: 0;
width: 100%;
margin: 0 0;
padding: 1.5em;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
} .clip-contents-cover-after {
height: auto;
margin-top: -80px;
background-color: #f7ede1; -webkit-clip-path: polygon(0% 50px, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(0% 50px, 100% 0%, 100% 100%, 0% 100%);
}
@media screen and (max-width: 415px) {
.clip-contents-cover-after {
margin-top: -54px;
-webkit-clip-path: polygon(0% 6.25vw, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(0% 6.25vw, 100% 0%, 100% 100%, 0% 100%);
}
} .flex-box-3ren-waku {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 925px) {
.flex-box-3ren-waku {
-webkit-box-align: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.flex-3ren-waku {
-ms-flex-preferred-size: 250px;
flex-basis: 250px;
width: 250px;
height: 250px;
margin: 10px;
padding: 20px 25px;
border: 1px solid #294251; } .poscenter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
} .object-fit-imgteam {
font-family: "object-fit: cover;";
height: 600px;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 1200px) {
.object-fit-imgteam {
font-family: "object-fit: cover;";
height: 820px;
-o-object-fit: cover;
object-fit: cover;
}
}
@media screen and (max-width: 767px) {
.object-fit-imgteam {
font-family: "object-fit: cover;";
height: 300px;
-o-object-fit: cover;
object-fit: cover;
}
}
.object-fit-img240 {
font-family: "object-fit: cover;";
height: 240px;
-o-object-fit: cover;
object-fit: cover;
}
.object-fit-video240 {
position: relative;
overflow: hidden;
height: 240px;
}
@media screen and (max-width: 415px) {
.object-fit-video240 {
height: auto;
}
}
.object-fit-video240 video {
font-family: "object-fit: cover;";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 415px) {
.object-fit-video240 video {
position: relative;
}
}
.object-fit-video400 {
position: relative;
overflow: hidden;
height: 400px;
}
@media screen and (max-width: 1023px) {
.object-fit-video400 {
position: relative;
overflow: hidden;
height: 340px;
}
}
@media screen and (max-width: 767px) {
.object-fit-video400 {
height: auto;
}
}
.object-fit-video400 video {
font-family: "object-fit: cover;";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 767px) {
.object-fit-video400 video {
position: relative;
}
} .p-0 p {
height: 0;
margin: 0 0;
}
.mt16em {
margin-top: 16em;
}
.mt20em {
margin-top: 20em;
}
.ml1_5em {
margin-left: 1.5em !important;
}
@media screen and (max-width: 374px) {
.ml1_5em {
margin-left: 1em !important;
}
} .button-fixed {
position: fixed;
z-index: 50;
right: 16px;
bottom: 16px;
}