@charset "utf-8";
@charset 'UTF-8';
@charset "utf-8";
.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;
}body .wp-show-posts a{box-shadow:0 0 0 transparent}.wp-show-posts-entry-title a{text-decoration:none}a.wp-show-posts-read-more,a.wp-show-posts-read-more:visited{display:inline-block;padding:8px 15px;border:2px solid #222;color:#222;font-size:.8em;text-decoration:none}.wpsp-read-more{margin:0 0 1em;display:inline-block}a.wp-show-posts-read-more:focus,a.wp-show-posts-read-more:hover{border:2px solid transparent;color:#fff;background:#222;text-decoration:none}.wp-show-posts-image{margin-bottom:1em}.wp-show-posts-image.wpsp-image-left{float:left;margin-right:1.5em}.wp-show-posts-image.wpsp-image-right{float:right;margin-left:1.5em}.wp-show-posts-image.wpsp-image-center{display:block;text-align:center}.wp-show-posts-image img{margin:0!important;vertical-align:bottom;height:auto}.wp-show-posts-entry-header{margin:0 0 1em;padding:0}.wp-show-posts .wp-show-posts-entry-title{margin:0}.wp-show-posts-updated{display:none}.wp-show-posts-entry-content,.wp-show-posts-entry-summary{margin-bottom:1em}.wp-show-posts-entry-meta{font-size:.8em}.wp-show-posts-separator{opacity:.5}.wp-show-posts-meta a,.wp-show-posts-meta a:visited{color:rgba(0,0,0,.5)}.stack-wp-show-posts-byline,.stack-wp-show-posts-posted-on{display:block}.wp-show-posts-entry-meta-below-post{margin-bottom:1em}.wp-show-posts-columns:not(.wp-show-posts-masonry){display:flex;flex-wrap:wrap}.wp-show-posts-columns .wp-show-posts-single:not(.wp-show-posts-masonry-block){display:flex;flex-direction:row}.wp-show-posts-columns .wp-show-posts-single:not(.wp-show-posts-masonry-block) .wp-show-posts-image img{flex:0 0 auto;object-fit:scale-down}.wpsp-clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.wp-show-posts:not(.wp-show-posts-columns) .wp-show-posts-single:not(:last-child){margin-bottom:2em}.wpsp-load-more{margin-top:2em}.wp-show-posts-columns .wp-show-posts-inner{flex:1}.wp-show-posts-inner:after{clear:both;display:table;content:'';width:0;height:0;overflow:hidden;visibility:hidden}.wp-show-posts-single.post{margin-bottom:0}@media (min-width:768px){.wpsp-col-1,.wpsp-col-10,.wpsp-col-11,.wpsp-col-12,.wpsp-col-2,.wpsp-col-20,.wpsp-col-3,.wpsp-col-4,.wpsp-col-5,.wpsp-col-6,.wpsp-col-7,.wpsp-col-8,.wpsp-col-9{float:left}.wpsp-col-1{width:8.333333%}.wpsp-col-2{width:16.666667%}.wpsp-col-3{width:25%}.wpsp-col-4{width:33.333%}.wpsp-col-5{width:41.666667%}.wpsp-col-6{width:50%}.wpsp-col-7{width:58.333333%}.wpsp-col-8{width:66.666667%}.wpsp-col-9{width:75%}.wpsp-col-10{width:83.333333%}.wpsp-col-11{width:91.666667%}.wpsp-col-12{width:100%}.wpsp-col-20{width:20%}}@media (max-width:767px){.wp-show-posts-columns,.wp-show-posts-inner{margin-left:0!important;margin-right:0!important}.wp-show-posts-columns .wp-show-posts-single{display:block;width:100%}.wp-show-posts-image.wpsp-image-left,.wp-show-posts-image.wpsp-image-right{float:none;margin-right:0;margin-left:0}}.wp-show-posts-inner :last-child{margin-bottom:0}.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important}.screen-reader-text:active,.screen-reader-text:focus,.screen-reader-text:hover{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.wpsp-clearfix:after{content:".";display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}
  #inner-content {
background: #ffffff;
box-shadow: 0 0 1px #dddddd;
}
#main {
background: none;
}
@media only screen and (max-width: 767px) {
#inner-content {
width: 100%;
overflow: hidden;
}
#main {
padding: 1em;
float: none;
}
#sidebar1 {
padding: 1em;
float: none;
}
}
@media only screen and (min-width: 768px) {
.page-full #main {
width: 798px;
max-width: 100%;
margin: auto;
float: none!important;
}
.page-full.wide #main {
width: 100%;
margin-top: -35px;
}
.page-full #main .article-footer {
margin-top: 3em;
}
.page-full #main .article-footer,
.page-full #main .fb-likebtn,
.page-full #main .sharewrap,
.page-full #main .cta-wrap,
.page-full #main .np-post,
.page-full #main .related-box,
.page-full #main .authorbox {
max-width: 728px;
margin-right: auto;
margin-left: auto;
}
.page-full .entry-content {
padding: 0;
}
}
@media only screen and (min-width: 1166px) {
#inner-content {
padding: 35px;
margin-bottom: 1em;
}
#main {
width: 798px;
margin: -35px;
padding: 35px;
}
#sidebar1 {
width: 336px;
float: right;
padding-right: 0;
}
.bgnormal .footer {
margin-bottom: 2em;
}
.footer .inner,
#footer-top .inner {
padding: 0 35px;
}
#footer-top .inner {
padding-right: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1165px) {
#inner-content {
width: 100%;
padding: 25px;
}
#main {
width: 70%;
margin: -25px;
padding: 25px;
}
#sidebar1 {
width: 34%;
float: right;
}
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
a {
background: transparent;
}
a:focus {
outline: thin dotted;
}
a:active,
a:hover {
outline: 0;
}
.gf {
font-family: 'Concert One', cursive;
font-weight: normal;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong,
.strong {
font-weight: bold;
}
dfn,
em,
.em {
font-style: italic;
border-bottom: 1px dotted pink;
}
hr {
margin: 1.8em 0;
padding: 0;
border: 0;
height: 5px;
background: url(//www.guesthouse-re-spect.com/wp-content/themes/jstork/library/images/line01.png) repeat-x 0 0;
}
p {
-webkit-hyphens: auto;
-epub-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
code,
kbd,
pre,
samp {
font-family: Consolas, 'Courier New', Courier, Monaco, monospace;
font-size: 0.9em;
padding: 0.05em 0.4em;
border-radius: 3px;
background: #F6F6F6;
color: #444;
}
pre {
white-space: pre-wrap;
margin: 0;
}
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
q:before,
q:after {
content: '';
content: none;
}
small,
.small {
font-size: 75%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0;
}
.gallery {
margin: .5em auto 2em!important;
}
.gallery dl {
margin: 0!important;
}
.gallery dl img {
margin-bottom: 0;
border: none!important;
padding: 1px;
}
menu {
padding: 0 0 0 40px;
}
ol,
ul {
padding: 0;
list-style-type: none;
}
.entry-content ul li {
position: relative;
padding-left: 1em;
margin: 1em 0;
}
.entry-content ul li:before {
content: " ";
width: 9px;
height: 9px;
background: #3E3E3E;
box-shadow: 0 0 20px rgba(51, 51, 51, 0.15) inset;
display: block;
position: absolute;
-webkit-border-radius: 50%;
border-radius: 50%;
left: 2px;
top: 7px;
}
.entry-content ul li ul li:before {
width: 5px;
height: 5px;
top: 10px;
-webkit-border-radius: 0;
border-radius: 0;
}
.entry-content ul li ul li ul li:before {
width: 14px;
height: 1px;
top: 11px;
left: -2px;
-webkit-border-radius: 0;
border-radius: 0;
}
.entry-content ol {
counter-reset: number;
}
.entry-content ol li {
list-style: none;
position: relative;
padding-left: 1.4em;
margin: 1em 0;
}
.entry-content ol > li:before {
counter-increment: number;
content: counter(number);
background: #3E3E3E;
box-shadow: 0 0 5em rgba(51, 51, 51, 0.15) inset;
color: #fff;
width: 1.5em;
height: 1.5em;
font-size: 0.7em;
font-weight: bold;
font-family: 'Lato', sans-serif;
display: block;
text-align: center;
line-height: 1.5em;
border-radius: 50%;
position: absolute;
left: 0;
top: 3px;
}
.entry-content li ol li:before {
background: #999;
line-height: 1.4;
}
.entry-content li li ol li:before {
background: none;
border: 1px solid #ccc;
color: #555;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
top: 3px;
}
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
img {
border: 0;
vertical-align: bottom;
max-width: 100%;
height: auto;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
} input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
display: block;
padding: 10px 2%;
margin-bottom: 14px;
font-size: 1em;
color: #666;
border: 3px solid rgba(51, 51, 51, 0.1);
border-radius: 1px;
vertical-align: middle;
max-width: 96%;
max-width: 100%\9;
background-color: #FFFFFF;
-webkit-transition: background-color 0.24s ease-in-out;
transition: background-color 0.24s ease-in-out;
-webkit-appearance: none;
appearance: none;
}
#main input[type="text"],
#main input[type="password"],
#main input[type="datetime"],
#main input[type="datetime-local"],
#main input[type="date"],
#main input[type="month"],
#main input[type="time"],
#main input[type="week"],
#main input[type="number"],
#main input[type="email"],
#main input[type="url"],
#main input[type="search"],
#main input[type="tel"],
#main input[type="color"],
#main select,
#main textarea,
#main .field {
width: 300px;
}
#main textarea {
padding: 2%;
width: 100%;
}
input[type="text"]:focus,
input[type="text"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="datetime"]:focus,
input[type="datetime"]:active,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:active,
input[type="date"]:focus,
input[type="date"]:active,
input[type="month"]:focus,
input[type="month"]:active,
input[type="time"]:focus,
input[type="time"]:active,
input[type="week"]:focus,
input[type="week"]:active,
input[type="number"]:focus,
input[type="number"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="search"]:focus,
input[type="search"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="color"]:focus,
input[type="color"]:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
.field:focus,
.field:active {
background-color: #f7f8fa;
}
input[type="password"] {
letter-spacing: 0.3em;
}
textarea {
max-width: 100%;
min-height: 120px;
line-height: 1.5;
}
select {
-webkit-appearance: none;
background-image: url(//www.guesthouse-re-spect.com/wp-content/themes/jstork/library/images/select_arrow.png);
background-repeat: no-repeat;
background-position: 97.5% center;
background-size: 9px;
}
@media only screen and (max-width: 480px) {
#main input[type="text"],
#main input[type="password"],
#main input[type="datetime"],
#main input[type="datetime-local"],
#main input[type="date"],
#main input[type="month"],
#main input[type="time"],
#main input[type="week"],
#main input[type="number"],
#main input[type="email"],
#main input[type="url"],
#main input[type="search"],
#main input[type="tel"],
#main input[type="color"],
#main select,
#main textarea,
#main .field,
#main textarea {
width: auto;
}
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
width: 96%;
max-width: 96%;
}
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
button,
input,
select,
textarea {
margin: 0;
}
button,
input {
line-height: normal;
}
button,
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-transform: none;
}
select::-ms-expand {
display: none;
}
select {
padding: 3%;
line-height: 1.2;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
font-size: 0.95em;
padding: 8px 20px;
background: #666666;
color: #fff;
border: 0;
border-radius: 5px;
}
button[disabled],
html input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.image-replacement,
.ir {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.clearfix,
.cf,
.comment-respond,
.widget ul li {
zoom: 1;
}
.clearfix:before,
.clearfix:after,
.cf:before,
.comment-respond:before,
.cf:after,
.comment-respond:after,
.widget ul li:before,
.widget ul li:after {
content: "";
display: table;
}
.clearfix:after,
.cf:after,
.comment-respond:after,
.widget ul li:after {
clear: both;
}
span.amp {
font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif !important;
font-style: italic;
}
p {
-ms-word-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
-webkit-hyphenate-before: 2;
-webkit-hyphenate-after: 3;
}
.alert-help,
.alert-info,
.alert-error,
.alert-success {
margin: 10px;
padding: 5px 18px;
border: 1px solid;
}
.alert-help {
border-color: #e8dc59;
background: #ebe16f;
}
.alert-info {
border-color: #bfe4f4;
background: #d5edf8;
}
.alert-error {
border-color: #f8cdce;
background: #fbe3e4;
}
.alert-success {
border-color: #deeaae;
background: #e6efc2;
}
.blue-btn,
.comment-reply-link,
#submit {
display: inline-block;
position: relative;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none;
color: white;
font-size: 0.9em;
font-size: 34px;
line-height: 34px;
font-weight: normal;
padding: 0 24px;
border-radius: 4px;
border: 0;
cursor: pointer;
-webkit-transition: background-color 0.14s ease-in-out;
transition: background-color 0.14s ease-in-out;
}
.blue-btn:hover,
.comment-reply-link:hover,
#submit:hover,
.blue-btn:focus,
.comment-reply-link:focus,
#submit:focus {
color: white;
text-decoration: none;
}
.blue-btn:active,
.comment-reply-link:active,
#submit:active {
top: 1px;
}
.blue-btn,
.comment-reply-link,
#submit {
background-color: #1BB4D3;
}
.blue-btn:hover,
.comment-reply-link:hover,
#submit:hover,
.blue-btn:focus,
.comment-reply-link:focus,
#submit:focus {
background-color: #2574a8;
} body {
font-family: Helvetica, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size: 103%;
line-height: 1.5;
color: #545B63;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
word-wrap: break-word;
background: #f7f7f7;
}
.wrap {
width: 96%;
margin: 0 auto;
}
a {
color: #1BB4D3;
}
a:hover {
color: #E69B9B;
}
a,
a img {
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
a img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
a:hover img {
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
opacity: 0.7;
}
a:link,
a:visited:link {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}
.entry-content a[target="_blank"]:after {
font-family: 'FontAwesome';
content: '\f08e';
font-size: 0.9em;
margin: 0 3px 0 2px;
}
.entry-content a.no-icon[target="_blank"]:after {
content: none;
} h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
text-rendering: optimizelegibility;
}
h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a {
text-decoration: none;
}
h1,
.h1 {
font-size: 1.5em;
font-weight: bold;
line-height: 1.333em;
}
h2,
.h2 {
font-size: 1.5em;
line-height: 1.4em;
font-weight: bold;
margin-bottom: 0.375em;
}
h3,
.h3 {
font-size: 1.3em;
font-weight: bold;
}
h4,
.h4 {
font-size: 1.2em;
font-weight: 700;
}
h5,
.h5 {
font-size: 1em;
font-weight: 700;
line-height: 2em;
text-transform: uppercase;
letter-spacing: 1px;
} #custom_header {
width: 100%;
text-align: center;
color: #32abc9;
margin-bottom: 1em;
}
.header-info {
position: relative;
z-index: 0;
}
.header-info a {
display: block;
font-size: .8em;
text-decoration: none;
text-align: center;
color: #fff;
background: #F55E5E;
padding: .4em;
}
.header-info a:before {
font-family: "fontawesome";
content: '\f101';
margin-right: .3em;
}
.header-info a:hover {
color: #fff;
opacity: .6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
}
.bgnormal .header-info a {
max-width: 1166px;
margin-left: auto;
margin-right: auto;
}
#custom_header .wrap {
display: block;
padding: 8% 2% 7%;
}
#custom_header .wrap .header-text {
max-width: 680px;
margin: auto;
}
#custom_header.textright .header-text,
#custom_header.textleft .header-text {
max-width: 500px;
}
#custom_header.textright .header-text {
margin-right: 0;
}
#custom_header.textleft .header-text {
margin-left: 0;
}
#custom_header .en {
font-size: 2.3em;
font-weight: normal;
margin: 0.3em 0;
line-height: 1;
letter-spacing: -1px;
}
#custom_header .ja {
font-size: .8em;
margin: 0;
line-height: 1.7;
font-weight: bold;
}
#custom_header .btn-wrap {
margin: 2.5em 0 0;
}
#custom_header .btn-wrap a {
padding: .8em 1.5em;
color: #ffffff;
border-color: rgba(0, 0, 0, 0.05);
font-size: .82em;
font-weight: bold;
width: 300px;
max-width: 90%;
background: #1bb4d3;
position: relative;
text-align: center;
filter: alpha(opacity=90);
-ms-filter: "alpha(opacity=90)";
opacity: 0.9;
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none;
}
#custom_header .btn-wrap a:hover {
filter: alpha(opacity=40);
-ms-filter: "alpha(opacity=40)";
opacity: 0.4;
}
.home #content {
margin-top: 1.5em;
}
.home_widget {
font-size: .88em;
margin: 0 auto 1.9em;
max-width: 728px;
}
.page-full .home_widget {
max-width: 100%;
}
.home_widget .widget {
margin: 0;
}
.header {
position: relative;
z-index: 2;
}
#inner-header {
position: relative;
background: #ffffff;
padding: 0;
}
.bgfull .header {
background: #1bb4d3;
margin-top: 0;
}
.bgfull .header #inner-header {
background: none;
}
#logo {
padding: 0 1em;
}
#logo .h1 {
margin: 0;
padding: 0;
}
#logo .h1.text {
font-size: 2em;
}
#logo.fs_s .h1.text {
font-size: 1.6em;
}
#logo.fs_l .h1.text {
font-size: 2.4em;
}
#logo a {
color: #fff;
width: 100%;
display: block;
padding: 0;
margin: 0;
text-decoration: none;
}
.site_description {
font-size: 10px;
text-align: center;
margin: 0;
padding: 2px;
}
.site_description + .header {
margin-top: 0;
}
.site_description:empty {
display: none;
}
#breadcrumb {
font-size: .7em;
margin-top: 1.5em;
margin-bottom: 1.5em;
background: #ffffff;
box-shadow: 0 0 1px #dddddd;
padding: 1em;
}
#breadcrumb ul {
margin: 0;
}
#breadcrumb li:first-child {
margin-left: 0;
}
#breadcrumb li {
float: left;
margin-left: 0.5em;
}
#breadcrumb li:after {
content: '/';
margin-left: 0.5em;
}
#breadcrumb li:last-child::after {
display: none;
}
#breadcrumb li.bc_homelink a::before{
font-family: "fontawesome";
content: "\f015";
display: inline-block;
margin-right: 0.3em;
transform: scale(1.3);
}
#breadcrumb li a {
color: #666;
text-decoration: none;
}
#breadcrumb li a:hover {
opacity: .5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
} .nav {
border-bottom: 0;
}
.nav li a {
display: block;
color: #ffffff;
text-decoration: none;
padding: 0.75em;
position: relative;
}
.nav > li > a {
padding: 12px .7em 6px;
}
.nav li a .gf {
display: block;
text-align: center;
width: 100%;
font-size: 0.85em;
font-weight: normal;
opacity: 0.8;
}
.nav li a .gf:empty {
display: none;
}
.nav li li {
text-align: left;
}
.nav li li .gf {
display: none;
}
.nav li ul.sub-menu li a,
.nav li ul.children li a {
padding-left: 15px;
} .g_nav-sp {
position: relative;
max-width: 1166px;
margin: 4px auto -4px;
}
.menu-sp {
padding: .5em 0 .5em .5em;
font-size: .7em;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.menu-sp a {
color: #ffffff;
text-decoration: none;
display: block;
padding: .4em .9em;
background: rgba(255, 255, 255, .11);
border-radius: 1em;
}
.menu-sp > ul {
width: 100%;
margin: 0;
display: table;
overflow-x: scroll;
white-space: nowrap;
}
.menu-sp > ul:after {
font-family: "fontawesome";
font-size: 1.7em;
content: "\f101";
color: #fff;
position: absolute;
text-shadow: 0 0 6px rgba(0, 0, 0, .3);
right: 3px;
margin-top: -2px;
opacity: .5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
-webkit-animation: blink 1.2s ease-in-out infinite alternate;
animation: blink 1.2s ease-in-out infinite alternate;
}
.menu-sp ul ul {
display: none;
}
.menu-sp li {
display: table-cell;
padding-right: .8em;
} .searchbox .searchform {
position: relative;
height: 40px;
margin-bottom: 1.5em;
}
.searchbox input[type="search"] {
width: 100%;
-webkit-appearance: none;
appearance: none;
line-height: 1.2;
font-size: 16px;
padding: 3% 2%;
}
.searchbox button#searchsubmit {
color: #333;
position: absolute;
right: 3px;
top: 25%;
border: 0;
background: none;
display: block;
height: 100%;
padding: 0 3%;
font-size: 1.2em;
}  .btn-wrap {
margin: 1.5em 0 2em;
}
.btn-wrap.aligncenter {
text-align: center;
}
.btn-wrap a {
display: inline-block;
text-decoration: none;
padding: 1em 2em;
background: #4993AF;
border: 1px solid #4993AF;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 3px 5px #E9E9E9;
color: #fff;
}
.btn-wrap a:hover {
background: #E69B9B;
color: #fff;
-webkit-transform: translate3d(0px, 3px, 1px);
transform: translate3d(0px, 3px, 1px);
box-shadow: none;
} .btn-wrap.simple a {
background: none;
border: 1px solid #4993AF;
color: #4993AF;
-webkit-box-shadow: 0 3px 5px #eee;
box-shadow: 0 3px 5px #eee;
-webkit-box-shadow: 0 3px 5px rgba(45, 45, 45, 0.05);
box-shadow: 0 3px 5px rgba(45, 45, 45, 0.08);
}
.btn-wrap.simple a:hover {
background: #4993AF;
color: #fff;
}
.single #main .article {
margin-bottom: 1em;
}
#main .article header {
padding: 0;
margin-bottom: 1.5em;
}
#main .article .eyecatch {
text-align: center;
overflow: hidden;
position: relative;
}
#main .article .eyecatch img {
margin: 0;
height: auto;
}
.article-footer {
padding: 1em 0;
}
.article-footer h4 {
margin: 0.5em 0;
}
.article-footer p {
margin: 0;
}
.article-footer .post-categories,
.article-footer .tags {
margin: 0;
display: inline-block;
}
.article-footer .post-categories li,
.article-footer .tags a {
display: inline-block;
}
.article-footer .post-categories li a,
.article-footer .tags a {
display: inline-block;
color: #ffffff;
padding: .35em .5em;
margin-right: 0.3em;
margin-bottom: 2px;
text-decoration: none;
line-height: 1.1;
font-size: .75em;
border-radius: .4em;
border: 1px solid;
}
.article-footer .tags a {
background: none;
color: #fcee21;
margin-top: -1px;
}
.article-footer .post-categories a:before,
.article-footer .tags a:before {
font-family: "fontawesome";
content: '\f292';
margin-right: 0.2em;
}
.article-footer .post-categories a:before {
content: '\f114';
}
.article-footer .post-categories li a:hover,
.article-footer .tags a:hover {
background: #E69B9B;
color: #fff;
border-color: #E69B9B;
}
.entry-content h2 {
position: relative;
border: none;
font-size: 1.25em;
padding: 1em 1.1em;
margin-top: 2.1em;
margin-bottom: 1em;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #13acca;
color: #ffffff;
box-shadow: 0 1px 5px rgba(0, 0, 0, .03);
}
.entry-content h3 {
border-left: 4px solid;
padding: .7em 0 .7em .8em;
margin-top: 1.8em;
}
.h_boader .entry-content h2 {
background: none;
color: #333;
font-size: 1.4em;
padding: .5em .1em;
border-bottom: 3px solid;
border-radius: 0;
}
.h_boader .entry-content h3 {
border-left-width: 2px;
}
.h_balloon .entry-content h2:after {
content: '';
position: absolute;
border-top: 13px solid #13acca;
border-right: 9px solid transparent;
border-left: 9px solid transparent;
bottom: -11px;
left: 5%;
} .single .authorbox,
.single .related-box {
border-radius: 4px;
margin-bottom: 1em;
}
.single .np-post a,
.single .authorbox a,
.single .related-box a {
color: #444;
}
.single .np-post a:hover,
.single .authorbox a:hover,
.single .related-box a:hover {
color: #999;
}
.single .np-post .h_ttl,
.single .authorbox .h_ttl,
.single .related-box .h_ttl {
font-size: 12px;
text-align: left;
margin: 1em 0;
padding: 1em .1em;
}
.single .np-post .h_ttl span,
.single .authorbox .h_ttl span,
.single .related-box .h_ttl span {
font-size: 1.8em;
margin-right: 0.5em;
position: relative;
bottom: -2px;
font-weight: normal;
}
.single .authorbox .profile img {
width: 16%;
float: left;
margin: 1.5% 2% 1.5% 0;
border: 4px solid #fff;
box-shadow: 0 0 10px #ddd;
}
.single .authorbox .profile .name {
font-size: 1em;
font-weight: bold;
margin: 2em 0 0.5em;
}
.single .authorbox .profile a {
text-decoration: none;
color: #444;
}
.single .authorbox .profile .profile_description {
font-size: 0.8em;
padding-left: 18%;
}
.single .authorbox .profile .author_sns {
text-align: center;
margin: 2em 0 0;
}
.single .authorbox .profile .author_sns li {
display: inline-block;
font-size: 0.8em;
margin-right: 1.2em;
}
.authorbox .author_sns li a::before {
margin-right: 0.5em;
display: inline-block;
transform: scale(1.2);
color: initial;
font-family: "fontawesome";
content: "\f144";
}
.authorbox .author_sns li.author-site a::before {
content: "\f0ac";
}
.authorbox .author_sns li.author-twitter a::before {
content: "\f099";	
}
.authorbox .author_sns li.author-facebook a::before {
content: "\f09a";
}
.authorbox .author_sns li.author-google a::before {
content: "\f0d5";
}
.authorbox .author_sns li.author-instagram a::before {
content: "\f16d";
}
.authorbox .author_sns li.author-youtube a::before {
content: "\f167";
}
.single .authorbox .author-newpost li,
.related-box li {
width: 24%;
min-height: 228px;
margin: 0 1% 1% 0;
float: left;
position: relative;
font-size: .9em;
}
.single .authorbox .author-newpost li .eyecatch,
.related-box li .eyecatch {
height: 105px;
overflow: hidden;
text-align: center;
}
.single .authorbox .author-newpost li a,
.related-box li a {
display: block;
text-decoration: none;
}
.single .authorbox .author-newpost li .date,
.related-box li .date {
font-size: .8em;
font-weight: normal;
}
.single .authorbox .author-newpost li .ttl,
.related-box li .ttl {
margin: 0;
font-size: .85em;
}
.np-post {
padding: 0;
margin-bottom: 1.5em;
}
.np-post .np-post-list {
word-break: break-all;
margin-bottom: .8em;
}
.np-post a {
width: 100%;
display: table;
font-size: .9em;
text-decoration: none;
}
.np-post a .eyecatch {
display: table-cell;
vertical-align: middle;
text-align: center;
position: relative;
width: 64px;
padding-right: 12px;
padding-left: 12px;
}
.np-post a .eyecatch img {
width: 100%;
}
.np-post a .ttl {
display: table-cell;
vertical-align: middle;
}
.np-post .next {
text-align: right;
}
.np-post .next a .eyecatch:after,
.np-post .prev a .eyecatch:before {
font-family: "fontawesome";
line-height: 40px;
padding: 0 3px;
position: absolute;
}
.np-post .next a .eyecatch:after {
content: '\f105';
right: 0;
}
.np-post .prev a .eyecatch:before {
content: '\f104';
left: 0;
}
.home_link i {
font-size: 30px;
padding: 5px 10px;
}
.single-title,
.page-title,
.entry-title {
margin: .3em 0;
}
.single-title,
.page-title {
padding: 0;
font-size: 1.5em;
}
.single-title:empty,
.page-title:empty {
display: none;
}
.byline {
margin: 0;
}
.byline .date {
font-size: .85em;
}
.byline .writer .fn {
font-size: .75em;
}
.byline .date,
.byline .writer {
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
opacity: .7;
margin-right: .6em;
display: inline-block;
}
.byline .date:before,
.byline .writer:before {
font-family: "fontawesome";
content: "\f101";
font-size: .88em;
margin-right: .3em;
position: relative;
top: -1px;
}
.byline .date:before {
content: "\f274";
}
.byline .date.undo:before {
content: "\f0e2";
}
.byline .writer:before {
content: "\f007";
}
.byline .writer,
.byline .writer a {
font-weight: bold;
color: inherit;
text-decoration: none;
display: none;
}
.byline .cat-name {
background: #fcee21;
color: #fff;
padding: 0.2em 0.4em;
margin-top: 0.3em;
margin-left: 0.9em;
font-size: 0.7em;
float: right;
}
.byline .cat-name:before {
font-family: "fontawesome";
content: "\f08d";
font-size: 1.15em;
display: inline-block;
margin-right: .5em;
transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
}
.undo_off .undo,
.date_off .date {
display: none!important;
}
#viral-header.entry-header {
position: relative;
overflow: hidden;
color: #fff;
z-index: -1;
background-position: center center;
background-size: cover;
}
#viral-header.entry-header:before {
content: "";
background: #000;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: .3;
filter: alpha(opacity=30);
-ms-filter: "alpha(opacity=30)";
}
#viral-header.entry-header .wrap {
max-width: 780px;
padding: 9% 0;
position: relative;
}
#viral-header.entry-header .eyecatch {
width: 260px;
float: left;
margin-right: 2em;
}
#viral-header.entry-header .entry-title {
font-size: 2em;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.29);
padding: 0;
}
#viral-header.entry-header .byline .date {
text-shadow: 0 0 5px rgba(0, 0, 0, 0.29);
}
#viral-header + #inner-content {
padding-top: 0;
}
.entry-content {
padding: 0 0 1.5em;
overflow: hidden;
}
#post-not-found .entry-content {
overflow: inherit;
}
.entry-content p {
margin: 0 0 1.6em;
line-height: 1.75;
}
.entry-content table {
width: 100%;
font-size: 0.92em;
border: 1px solid #efefef;
margin-bottom: 1.5em;
}
.entry-content table caption {
margin: 0 0 7px;
font-size: 0.75em;
color: #9fa6b4;
text-transform: uppercase;
letter-spacing: 1px;
}
.entry-content tr {
border-bottom: 1px solid #efefef;
}
.entry-content td {
padding: .8em;
border: 1px solid #cfcfcf;
background: #fff;
background: rgba(255, 255, 255, 0.6);
}
.entry-content td input {
margin: 3px 0;
}
.entry-content th {
background-color: #eee;
background-color: rgba(0, 0, 0, 0.1);
border: 1px solid #cfcfcf;
padding: .8em;
}
.entry-content blockquote {
font-size: 0.95em;
padding: 6% 4% 2%;
margin: 2.5em 0 3em;
position: relative;
border: 1px solid;
opacity: .8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=90)";
}
.entry-content blockquote:before,
.entry-content blockquote:after {
font-family: 'FontAwesome';
position: absolute;
width: 1em;
height: 1em;
display: block;
padding: .2em;
text-align: center;
font-size: 1.3em;
line-height: 1;
background: #fff;
}
.entry-content blockquote:before {
content: '\f10d';
left: -.2em;
top: -.3em;
}
.entry-content blockquote:after {
content: '\f10e';
right: -.2em;
bottom: -.4em;
}
.entry-content blockquote h1,
.entry-content blockquote h2,
.entry-content blockquote h3,
.entry-content blockquote h4 {
margin-top: 0!important;
}
.entry-content dt {
font-weight: bold;
margin-bottom: 2%;
}
.entry-content dd {
margin-left: 0;
font-size: .95em;
margin-bottom: 4%;
}
.entry-content img {
margin: 0 0 1.5em 0;
max-width: 100%;
height: auto;
}
.entry-content .size-auto,
.entry-content .size-full,
.entry-content .size-large,
.entry-content .size-medium,
.entry-content .size-thumbnail {
max-width: 100%;
height: auto;
}
.entry-content pre {
background: #666;
background: rgba(0, 0, 0, 0.54);
color: #f8f9fa;
font-size: 0.88em;
padding: 1.2em 1.7em;
margin: 0.2em 0 2.2em;
border-radius: 5px;
}
.wp-block-image img {
margin-bottom: auto;
}
.wp-caption {
max-width: 100%;
background: #fff;
padding: 5px;
margin-bottom: 1.8em;
border: 1px solid rgba(0, 0, 0, .08);
border-radius: 3px;
}
.wp-caption img {
max-width: 100%;
margin-bottom: 0;
width: 100%;
}
.wp-caption p.wp-caption-text {
font-size: 0.75em;
margin: 4px 0;
text-align: center;
}
iframe {
max-width: 100%;
}
.tags {
margin: 0;
} .top-post-list .post-list {
font-size: 13px;
position: relative;
}
.top-post-list .post-list a {
display: block;
padding: 1.9em .7em;
text-decoration: none;
color: #666;
border-bottom: 1px dotted #ccc;
border-bottom: 1px dotted rgba(0, 0, 0, .2);
position: relative;
}
.top-post-list .post-list:first-child a {
border-top: 1px dotted #ccc;
border-top: 1px dotted rgba(0, 0, 0, .2);
}
.top-post-list .post-list .eyecatch {
width: 42%;
max-width: 320px;
float: left;
max-height: 180px;
overflow: hidden;
position: relative;
}
.eyecatch .cat-name {
text-align: center;
position: absolute;
top: 0;
right: 0;
background: #fcee21;
color: #444;
font-size: 0.7em;
font-weight: bold;
padding: 0.1em 0.5em;
min-width: 8em;
opacity: .9;
filter: alpha(opacity=90);
-ms-filter: "alpha(opacity=90)";
}
.eyecatch .cat-name:empty:before {
content: "PICK UP";
}
.top-post-list .post-list .entry-content {
padding: 0 0 0 3%;
overflow: hidden;
}
.top-post-list .post-list .entry-content .entry-title {
font-size: 1.6em;
margin-top: 0;
margin-bottom: 0.3em;
color: #444;
}
.top-post-list .post-list .entry-content p {
margin-bottom: 0.3em;
} .post-list-card {
margin-left: -1%;
margin-right: -1%;
}
.post-list-card .post-list {
width: 48%;
margin: 0 1% 2.5%;
float: left;
height: 390px;
}
.post-list-card .post-list a {
display: block;
padding: .6em;
text-decoration: none;
color: #333;
background: #fff;
height: 100%;
box-shadow: 0 2px 5px rgba(0, 0, 0, .09);
overflow: hidden;
position: relative;
}
.post-list-card .post-list a:after {
content: '';
display: block;
width: 100%;
height: 2.5em;
background: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
position: absolute;
bottom: 0;
}
.post-list-card .post-list a:hover {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.post-list-card .post-list a:hover {
opacity: 0.7;
}
.post-list-card .post-list a:hover .eyecatch img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.post-list-card .post-list .eyecatch {
max-height: 215px;
margin: -.6em -.6em .5em;
text-align: center;
overflow: hidden;
position: relative;
}
.post-list-card .post-list .description {
filter: alpha(opacity=90);
-ms-filter: "alpha(opacity=90)";
opacity: 0.9;
font-size: .85em;
}
.post-list-card .post-list .entry-content {
padding: 0;
}
.post-list-card .post-list .entry-content .entry-title {
font-size: 1.15em;
margin-top: 0.5em;
margin-bottom: 0.3em;
}
.post-list-card .post-list .entry-content p {
font-size: .9em;
margin-bottom: 0.3em;
} .post-list-magazine {
margin-left: -1%;
margin-right: -1%;
}
.post-list-magazine .post-list {
width: 50%;
float: left;
margin-bottom: .3em;
}
.post-list-magazine .post-list a {
display: block;
padding: 3% 3% 1%;
color: #333;
text-decoration: none;
}
.post-list-magazine .post-list .eyecatch {
position: relative;
}
.post-list-magazine .post-list .entry-content {
padding-bottom: 1em;
}
.post-list-magazine .post-list .entry-content .entry-title {
font-size: 1.15em;
margin-top: .5em;
margin-bottom: .5em;
}
.post-list-magazine .post-list .entry-content .description {
font-size: .7em;
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
.post-list-magazine .post-list .entry-content .byline {
font-size: .9em;
margin-bottom: .5em;
} .post-list-big article {
padding: 2em 0;
}
.post-list-big article .eyecatch {
margin-bottom: 1em;
}
.post-list-big article .h2 a {
color: #333;
}
.post-list-big article .h2 a:hover {
color: #999;
}   .widget:not(.widget_text) a {
text-decoration: none;
color: #666;
}
.widget:not(.widget_text) a:hover {
color: #999;
}
.widget .btn-wrap a {
color: #fff;
text-decoration: none;
}
.widgettitle {
background: #1bb4d3;
color: #FFF;
font-size: 1em;
padding: 0;
border-radius: 3px;
margin-top: 0;
margin-bottom: 0.75em;
overflow: hidden;
}
.widgettitle span {
display: block;
width: 100%;
height: 100%;
padding: 0.75em 0.8em;
}
.widget {
margin: 0 0 3em;
}
.widget ul {
margin: 0;
} .widget.widget_categories .widgettitle,
.widget.widget_recent_entries .widgettitle,
.widget.widget_nav_menu .widgettitle,
.widget.widget_pages .widgettitle,
.widget.widget_archive .widgettitle,
.widget.widget_mycategoryorder .widgettitle {
margin-bottom: 0;
}
.widget.widget_categories ul,
.widget.widget_recent_entries ul,
.widget.widget_nav_menu ul,
.widget.widget_pages ul,
.widget.widget_archive ul,
.widget.widget_mycategoryorder ul {
margin-top: 0;
}
.widget.widget_categories ul li,
.widget.widget_recent_entries li,
.widget.widget_nav_menu li,
.widget.widget_pages li,
.widget.widget_archive li,
.widget.widget_mycategoryorder li {
border-bottom: 1px dotted rgba(125, 125, 125, 0.2);
margin: 0;
padding: 0;
}
.widget .children li:first-child {
border-top: 1px dotted #ccc;
border-top: 1px dotted rgba(0, 0, 0, .2);
}
.widget li.page_item_has_children {
border-bottom: none!important;
}
.widget.widget_new_img_post li:before {
content: none;
}
.widget.widget_categories li a,
.widget.widget_recent_entries li a,
.widget.widget_nav_menu li a,
.widget.widget_pages li a,
.widget.widget_archive li a,
.widget.widget_mycategoryorder li a {
display: block;
padding: 1em 1.2em 1em 0.3em;
margin: 0;
position: relative;
}
.widget.widget_categories li:last-child,
.widget.widget_recent_entries li:last-child,
.widget.widget_nav_menu li:last-child,
.widget.widget_pages li:last-child,
.widget.widget_archive li:last-child,
.widget.widget_mycategoryorder li:last-child {
border-bottom: none;
}
.widget.widget_categories li a:after,
.widget.widget_recent_entries li a:after,
.widget.widget_nav_menu li a:after,
.widget.widget_pages li a:after,
.widget.widget_archive li a:after,
.widget.widget_mycategoryorder li a:after {
font-family: "fontawesome";
content: '\f054';
position: absolute;
right: 0.2em;
font-size: 1em;
top: 50%;
margin-top: -0.5em;
}
.widget li a:hover:after {
right: 2px;
-webkit-transform: translate(1px, 0);
transform: translate(1px, 0);
}
.widget.widget_text img {
margin-bottom: 0.8em;
}
.widget select {
margin-top: 1em;
width: 100%;
max-width: 100%;
}
.widget.widget_categories label,
.widget.widget_archive label {
display: none;
}
.widget.widget_nav_menu li ul,
.widget.widget_pages li ul,
.widget.widget_categories li ul {
padding: 0;
margin: 0;
}
.widget.widget_nav_menu li ul a,
.widget.widget_pages li ul a,
.widget.widget_categories li ul a {
padding-left: 0.8em;
}
.widget.widget_nav_menu li ul ul a,
.widget.widget_pages li ul ul a,
.widget.widget_categories li ul ul a {
padding-left: 1.6em;
}
.widget.widget_nav_menu li ul li:last-child,
.widget.widget_pages li ul li:last-child,
.widget.widget_categories li ul li:last-child {
border: none;
}
.widget.widget_nav_menu li ul li a,
.widget.widget_pages li ul li a {
padding-left: 0.5em;
}
.widget.widget_nav_menu li ul li a:before,
.widget.widget_pages li ul li a:before {
content: '− ';
}
.widget.widget_recent_comments ul {
margin-top: 0;
}
.widget.widget_recent_comments li {
border-bottom: 1px dotted #ccc;
border-bottom: 1px dotted rgba(0, 0, 0, .2);
margin: 0;
padding: 0.5em 0;
}
.widget.widget_recent_comments li:first-child {
border-top: none;
}
.widget.widget_recent_comments li:last-child {
border-bottom: none;
} .widget.widget_search .searchform {
position: relative;
height: 40px;
margin: 0 auto 1.5em;
max-width: 400px;
}
.widget.widget_search input[type="search"] {
position: absolute;
width: 100%!important;
padding: 12px 1%;
-webkit-appearance: none;
appearance: none;
}
.widget.widget_search button {
position: absolute;
right: 3px;
border: 0;
background: none;
display: block;
height: 100%;
padding: .8em .8em;
font-size: 1.1em;
color: #333;
} .widget.widget_calendar table {
width: 100%;
text-align: center;
} .widget.widget_tag_cloud a.tag-cloud-link {
padding: 0.1em 0.5em;
margin: 0 0.1em 0.2em 0;
display: inline-block;
font-size: 12px!important;
background: #888888;
background: rgba(35, 35, 35, 0.5);
color: #fff;
}
.widget.widget_tag_cloud a.tag-cloud-link:hover {
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
opacity: 0.6;
color: #fff;
}
.widget.widget_nav_menu li a span {
display: none;
} .add .widget_text,
.add.more {
text-align: center;
font-size: 0.95em;
}
.add a[target="_blank"]:after {
content: none;
}
.add .widget img {
margin: 0;
}
.entry-content .add .widget {
margin: 2em 0;
}
.entry-content .add.titleunder .widget {
margin-top: 0;
} .widget.widget_recent_entries li .eyecatch {
width: 30%;
max-width: 100px;
float: left;
margin-bottom: 0.5em;
margin-right: 0.5em;
}
.widget.widget_recent_entries li span,
.widget li span.date {
padding: 0 0.3em;
font-size: 0.9em;
opacity: .5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
display: inline-block;
} .widget_categories li,
.widget_nav_menu li,
.widget_pages li {
position: relative;
}
.widget li.accordionMenu > a::after {
content: none;
}
.accordionBtn {
font-size: 80%;
width: 2.4em;
height: 2.4em;
line-height: 2.4em;
border-radius: 50%;
display: inline-block;
text-align: center;
position: absolute;
top: 1.1em;
right: 1px;
color: #ffffff;
background: #1db4d3;
cursor: pointer;
transition: 0.2s ease;
}
.accordionBtn.active {
background: #E69B9B;
}
.accordionBtn::before {
font-family: "fontawesome";
content: "\f067";
display: inline-block;
}
.accordionBtn.active {
transform: rotate(135deg);
} ul.wpp-list {
counter-reset: number;
}
ul.wpp-list li {
list-style: none;
position: relative;
border-bottom: 1px solid #ddd;
margin: 0;
padding-bottom: 0.75em;
}
ul.wpp-list li a:before {
counter-increment: number;
content: counter(number);
background: #000000;
margin-right: 3px;
color: #fff;
width: 1.5em;
height: 1.5em;
font-size: 0.75em;
font-weight: bold;
font-family: 'Lato', sans-serif;
display: block;
text-align: center;
line-height: 1.5em;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
ul.wpp-list img {
margin-bottom: 0;
margin-right: 5px;
}
ul.wpp-list li a.wpp-post-title {
display: block;
}
ul.wpp-list li a.wpp-post-title:before,
ul.wpp-list li .wpp-author a:before,
ul.wpp-list li .wpp-category a:before {
content: none;
} #toc_container li:before {
content: none;
}
#toc_container {
padding: 1em 2em 1em!important;
min-width: 90%;
margin: auto;
background: #fff!important;
background: rgba(255, 255, 255, 0.5)!important;
border: 1px solid #eee;
}
#toc_container p.toc_title {
margin-bottom: .7em;
}
#toc_container ul {
margin: 0!important;
;
}
#toc_container li a {
display: block;
padding: .5em 0;
border-top: 1px dotted #ddd;
}
#toc_container li li a {
padding-left: .7em;
}
#toc_container li .toc_number {
margin-right: .5em
} .wp-block-gallery li {
padding: 0!important;
margin: 0;
}
.wp-block-gallery li img {
margin-bottom: 0;
}
.wp-block-gallery li::before {
content: none!important;
} .wpcf7-submit {
background: #db0000;
color: #fff;
border: none;
font-weight: bold;
width: 430px;
max-width: 96%;
padding: 2% 3%;
display: block;
margin: 2em auto;
}
.wpcf7-submit:hover {
opacity: .6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
} #main .entry-content .searchform {
position: relative;
}
#main .entry-content .searchform input[type="search"] {
width: 93%;
padding-top: 15px;
padding-bottom: 15px;
}
#main .entry-content .searchform button {
background: none;
border: none;
font-size: 1.2em;
position: absolute;
top: 20%;
right: 3%;
} .archivettl h1 {
font-size: 1.1em;
margin: 0 0 1.5em;
padding: 0 0.1em 0.8em;
border-bottom: 3px solid;
}
.archivettl h1.ttl-category::before,
.archivettl h1.ttl-tags::before,
.archivettl h1 span {
content: "";
display: block;
font-size: 10px;
font-family: 'Concert One', cursive;
line-height: 1.3;
font-weight: normal;
}
.archivettl h1.ttl-category::before{
content: "CATEGORY";
}
.archivettl h1.ttl-tags::before{
content: "TAGS";
}
.archivettl h1 .author-icon img {
-webkit-border-radius: 50%;
border-radius: 50%;
width: 80px;
margin-bottom: 1.3em;
border: 2px solid #fff;
box-shadow: 0 0 10px #ddd;
}
.taxonomy-description {
font-size: 100%;
margin-bottom: 1.5em;
padding-bottom: 0;
}
.readmore {
text-align: left;
margin-bottom: 0.5em;
}
.readmore a {
text-decoration: none;
border: 1px solid #1BB4D3;
color: #1BB4D3;
text-align: center;
display: inline-block;
font-size: 0.9em;
padding: 0.7em 1.5em 0.7em 2em;
max-width: 100%;
}
.readmore a:hover {
background: #1BB4D3;
color: #fff;
}
.readmore a:after {
font-family: "fontawesome";
content: '\f105';
margin-left: 1em;
} .pagination,
.wp-prev-next {
margin: 3em 0 4em;
}
.pagination,
.page-links {
text-align: center;
}
.pagination ul,
.page-links ul {
display: block;
text-align: center;
margin: 0;
padding: 0;
clear: both;
}
.pagination:empty,
.wp-prev-next:empty,
.pagination ul:empty,
.page-links ul:empty,
.search-no-results .pagination {
display: none;
}
.pagination li,
.page-links li {
margin: 0!important;
padding: 0!important;
display: inline-block;
}
.entry-content .page-links li:before {
content: none;
}
.pagination a,
.pagination span,
.page-links a,
.page-links ul > li > span {
margin: 0;
padding: 9px 14px;
text-decoration: none;
line-height: 1;
font-size: 1em;
font-weight: normal;
color: #1BB4D3;
border: 1px solid #1BB4D3;
}
.pagination span.dots,
.page-links ul > li > span.dots {
background: none!important;
padding-left: 11px;
padding-right: 11px;
}
.pagination a:hover,
.pagination a:focus,
.pagination span:hover,
.pagination span:focus,
.page-links a:hover,
.page-links a:focus {
background-color: #1BB4D3;
color: #fff;
}
.pagination .current,
.page-links ul > li > span {
cursor: default;
color: #fff;
background-color: #1BB4D3;
}
.pagination .current:focus,
.pagination .dots:hover,
.pagination .dots:focus {
color: #111;
} #comments-title {
padding: 0.75em 0;
margin: 0;
}
.commentlist {
margin: 0;
list-style-type: none;
font-size: 0.9em;
}
.comment,
.pingback {
clear: both;
overflow: hidden;
padding: 1.5em;
font-size: 0.98em;
border-bottom: 1px solid #f8f9fa;
}
.comment .comment {
font-size: 1em;
}
.comment .comment-meta,
.pingback .comment-meta {
padding: 0;
}
.comment .comment-author {
padding: 7px;
border: 0;
}
.comment .vcard cite.fn {
font-weight: 700;
font-style: normal;
}
.comment-metadata {
font-size: 0.8em;
}
.comment .vcard time {
display: block;
font-size: 0.9em;
font-style: italic;
}
.comment .vcard time a {
color: #9fa6b4;
text-decoration: none;
}
.comment .vcard time a:hover {
text-decoration: underline;
}
.comment .vcard .avatar {
margin-left: -3px;
border-radius: 50%;
}
.comment:last-child,
.pingback:last-child {
margin-bottom: 0;
}
.comment .children,
.pingback .children {
margin: 0;
}
.comment[class*=depth-],
.pingback[class*=depth-] {
margin-top: 1.1em;
}
.comment.depth-1,
.pingback.depth-1 {
margin-left: 0;
margin-top: 0;
}
.comment:not(.depth-1),
.pingback:not(.depth-1) {
margin-top: 0;
padding: 7px;
}
.comment.odd,
.pingback.odd {
background-color: white;
}
.comment.even,
.pingback.even {
background: #FAF9F8;
}
.comment_content p {
margin: 0.7335em 0 1.5em;
font-size: 1em;
line-height: 1.5em;
}
.comment-reply-link {
font-size: 0.8em;
float: right;
font-weight: bold;
margin-top: 0.8em;
margin-bottom: 1em;
}
.comment-edit-link {
font-style: italic;
margin: 0 7px;
text-decoration: none;
font-size: 0.9em;
}
.comment-navigation {
text-align: center;
padding: 1em;
} .comment-respond {
padding: 1.5em 0;
}
#reply-title {
margin: 0;
padding: 0.5em 0;
}
#reply-title:before {
font-family: "fontawesome";
content: "\f27b";
font-weight: normal;
margin-right: 0.2em;
font-size: 1.2em;
}
.comment-respond p {
font-size: .85em;
}
.comment-respond .comment-notes {
margin-bottom: 1.5em;
}
.logged-in-as {
font-style: italic;
margin: 0;
}
.logged-in-as a {}
.comment-form-comment {
margin: 1.5em 0 0.75em;
}
.form-allowed-tags {
padding: 1.5em;
background-color: #F9F9F9;
font-size: 0.9em;
}
#submit {
font-size: 1em;
}
#comment-form-title {
margin: 0 0 1.1em;
}
#allowed_tags {
margin: 1.5em 10px 0.7335em 0;
}
.nocomments {
margin: 0 20px 1.1em;
}
.no-widgets {
background-color: white;
padding: 1.5em;
text-align: center;
border: 1px solid #cccccc;
border-radius: 2px;
margin-bottom: 1.5em;
}  #page-top {
position: fixed;
right: 20px;
bottom: -100px;
z-index: 99999;
transition: all 0.2s ease-out;
}
#page-top.pt-active{
bottom: 10px;
}
#page-top a {
background-repeat: no-repeat;
text-decoration: none;
width: 55px;
height: 55px;
border-radius: 50%;
text-align: center;
line-height: 55px;
background: rgba(51, 51, 51, 0.5);
padding: 0;
display: block;
color: #fff;
}
#page-top a.pt-button::before{
font-family: "fontawesome";
content: "\f077";	
}
#footer-top .inner {
background-color: #0E0E0E;
border-bottom: 1px solid rgba(202, 202, 202, 0.3);
font-size: 0.9em;
position: relative;
}
.footer a,
#footer-top a {
color: #BAB4B0;
text-decoration: none;
}
.footer a:hover,
#footer-top a:hover {
text-decoration: underline;
}
.footer a .gf,
#footer-top a .gf {
display: none;
}
#footer-top .widget {
margin-top: 2em;
background: none;
}
#footer-top ul {
border-top: 1px dashed rgba(216, 216, 216, 0.15);
}
#footer-top li {
border-bottom: 1px dashed rgba(216, 216, 216, 0.15);
}
#footer-top .widgettitle {
background: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 1em 0.2em;
color: #CACACA;
}
#footer-top .widgettitle span {
border: none;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.footer .inner {
clear: both;
background-color: #0E0E0E;
color: #878C94;
}
.bgfull .footer .inner,
.bgfull .footer #footer-top {
background: none;
}
.footer .copyright .create {
display: inline-block;
} .alignleft,
img.alignleft {
margin-right: 2.5%;
display: inline;
float: left;
}
.alignright,
img.alignright {
margin-left: 2.5%;
display: inline;
float: right;
}
.aligncenter,
img.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both;
} @media only screen and (min-width: 768px) {
#container {
overflow: hidden;
}
.sidebarleft #main {
float: right;
}
.sidebarleft #sidebar1 {
float: left;
}
.sidebar_none #main {
max-width: 100%;
margin: auto;
float: none;
}
.sidebar_none.home #main,
.sidebar_none.archive #main,
.sidebar_none.search #main {
width: 1096px;
}
.sidebar_none #main .post-list-magazine .post-list {
width: 33.3%;
}
.sidebar_none #main .post-list-card .post-list {
width: 31.3%;
}
.sidebar_none .home_widget {
max-width: 100%;
}
#logo {
display: inline-block;
float: left;
}
#logo .h1 {
display: table-cell;
height: 58px;
vertical-align: middle;
}
#logo a {
display: inline;
}
@-moz-document url-prefix() {
#logo .h1.text a{
position: relative;
top: -.2em;
}
}
#logo .img {
margin-bottom: 6px;
}
#logo img {
max-height: 43px;
}
.header.headercenter {
text-align: center;
}
.header.headercenter #logo {
float: none;
display: block;
margin: .2em auto;
}
.header.headercenter #logo .h1 {
display: inline-block;
height: auto;
margin-top: 5px;
}
.header.headercenter #logo a {
display: block;
}
.header.headercenter #logo img {
max-height: 90px;
}
.header.headercenter #g_nav {
float: none;
}
.nav_btn {
display: none;
}
.nav_btn.search_btn + #g_nav {
margin-right: 52px;
}
.headercenter .nav_btn.search_btn + #g_nav {
margin-left: 52px;
}
.nav_btn.search_btn {
position: absolute;
right: 0;
bottom: 0;
display: block;
text-decoration: none;
text-align: center;
line-height: 1.1;
padding: 5px 10px;
height: 58px;
background: rgba(0, 0, 0, .04);
}
.header.headercenter .nav_btn.search_btn {
background: none;
bottom: 0;
}
.nav_btn.search_btn:before {
font-size: 1.5em;
font-family: "fontawesome";
content: '\f002';
width: 100%;
display: block;
}
.nav_btn.search_btn .text {
font-size: .7em;
}
.header #searchform {
width: 200px;
position: relative;
float: right;
}
.header #searchform #submit {
display: none;
}
.header #searchform #search {
-webkit-appearance: none;
width: 0;
line-height: 50px;
position: absolute;
padding: 0;
opacity: 0;
border: none;
outline: none;
position: absolute;
right: 0;
} #g_nav,
#g_nav .nav {
display: inline-block;
text-align: center;
}
#g_nav {
float: right;
}
.g_nav-sp {
display: none;
}
.nav {
margin: 0;
border: 0;
letter-spacing: -.4em; 
}
.nav li {
letter-spacing: normal;
}
.nav > li {
display: inline-block;
position: relative;
font-size: 68%;
text-align: center;
font-weight: bold;
}
.nav > li > a:after {
content: "";
display: block;
margin: 5px auto 0;
width: 0;
height: 1px;
background: #111;
transition: .25s ease-out;
-webkit-transition: .25s ease-out;
-ms-transition: .25s ease-out;
opacity: .5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
}
.nav > li > a:hover:after {
width: 100%;
}
.nav li a {
border-bottom: 0;
}
.nav ul {
margin-top: 0;
}
.nav li ul.sub-menu,
.nav li ul.children {
font-weight: bold;
margin: 0;
position: absolute;
z-index: 8999;
border-radius: 3px;
}
.nav li ul.sub-menu li,
.nav li ul.children li {
position: relative;
overflow: hidden;
height: 0;
transition: .2s;
}
.nav li:hover > ul.sub-menu > li,
.nav li:hover > ul.children > li {
overflow: visible;
height: 37px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.nav li ul.sub-menu li a,
.nav li ul.children li a {
display: block;
width: 240px;
}
.nav li ul.sub-menu li a:hover,
.nav li ul.children li a:hover {
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
opacity: 0.8;
}
.nav li ul.sub-menu li:last-child a,
.nav li ul.children li:last-child a {
border-bottom: 0;
}
.nav li ul.sub-menu li ul,
.nav li ul.children li ul {
top: 0;
left: 100%;
} #custom_header {
font-size: 1.1em;
}
.bgfull .header + #custom_header {
margin-top: -1em;
} .sidebar {
font-size: .9em;
}
.widget ul li {
margin-bottom: 0.75em;
}
.widget ul li ul {
margin-top: 0.75em;
padding-left: 1em;
} #inner-footer nav {
display: inline-block;
float: left;
}
.footer-links ul {
padding: 0;
margin: 1em 0;
}
.footer-links ul li {
display: inline;
font-size: 0.8em;
}
.footer-links ul li:after {
content: '　|　';
}
.footer-links ul li:last-child:after {
content: none;
}
.footer-links ul li a {
text-decoration: none;
}
.footer .copyright {
text-align: center;
font-size: 0.8em;
}
.footer nav + .copyright {
padding: 0.6em 0;
float: right;
display: inline-block;
}
}
@media only screen and (max-width: 1165px) {
#footer-top .inner,
.footer .inner {
width: 100%;
padding: 0 4%;
} .youtube-container,
.wp-block-embed-vimeo {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube-container iframe,
.wp-block-embed-vimeo iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
} .sharewrap {
margin: 0 0 1em;
}
.sharewrap h3 {
margin: 0.5em 0;
}
.share {
width: 101%;
}
.sns {
margin: 0 auto;
text-align: center;
}
.sns ul {
list-style: none;
}
.sns li {
float: left;
width: 49%;
margin: 0 1% 2% 0;
}
.sns li a {
font-size: 80%;
position: relative;
display: block;
padding: 10px;
color: #fff;
border-radius: 2px;
text-align: center;
text-decoration: none;
}
.sns li a:before,
.sns li a i {
margin-right: 0.2em;
margin-left: 0.2em;
font-size: 1.1em;
}
.sns li a:hover {
-webkit-transform: translate3d(0px, 3px, 1px);
transform: translate3d(0px, 3px, 1px);
box-shadow: none;
}
.sns li a .text {
font-weight: bold;
}
.sns li a .count {
font-size: 10px;
margin-left: 2px;
} .sns .twitter a {
background: #00acee;
box-shadow: 0 3px 0 #0092ca;
}
.sns .twitter a:hover {
background: #0092ca;
} .sns .facebook a {
background: #1f6aba;
box-shadow: 0 3px 0 #2c4373;
}
.sns .facebook a:hover {
background: #2c4373;
} .sns .googleplus a {
background: #df3522;
box-shadow: 0 3px 0 #ad3a2d;
}
.sns .googleplus a:hover {
background: #ad3a2d;
} .sns .hatebu a {
background: #2f70be;
box-shadow: 0 3px 0 #43638b;
}
.sns .hatebu a:hover {
background: #43638b;
}
.sns .hatebu a:before {
content: 'B!';
font-weight: bold;
line-height: 1.055;
} .sns .line a {
background: #25af00;
box-shadow: 0 3px 0 #219900;
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", Meiryo, sans-serif;
font-weight:bold;
}
.sns .line a:hover {
background: #219900;
} .sns .pocket a {
background: #ec2136;
box-shadow: 0 3px 0 #c0392b;
}
.sns .pocket a:hover {
background: #c0392b;
} .sns .rss a {
background: #ffb53c;
box-shadow: 0 3px 0 #e09900;
}
.sns .rss a:hover {
background: #e09900;
} .sns .feedly a {
background: #87c040;
box-shadow: 0 3px 0 #74a436;
}
.sns .feedly a:hover {
background: #74a436;
}
.share.short .sns li {
width: 19%;
margin: 0 1% 0 0;
}
.share.short .sns li a {
padding: 11px 4px;
} .fb-likebtn {
display: table;
background: #111;
color: #fff;
text-align: center;
margin: 0 0 1em;
width: 100%;
max-width: 100%;
}
.fb-likebtn .fb-button {
transform: scale(1.2);
-webkit-transform: scale(1.2);
overflow: hidden;
}
.fb-likebtn .eyecatch,
.fb-likebtn .rightbox {
display: table-cell;
width: 50%;
vertical-align: middle;
border: none;
}
.fb-likebtn .eyecatch img {
width: 100%;
}
.fb-likebtn .like_text {
font-size: 1.05em;
margin-top: 1em;
font-weight: bold;
line-height: 1.4;
}
.fb-likebtn .like_text p {
margin-bottom: 1em;
}
.fb-likebtn .like_text .small {
font-size: 11px;
color: #ccc;
margin-bottom: 0;
}
@-webkit-keyframes blink {
0% {
opacity: .2;
}
100% {
opacity: .9;
}
}
@keyframes blink {
0% {
opacity: .2;
}
100% {
opacity: .9;
}
}   @media only screen and (max-width: 767px) {
.home #content,
.blog #content {
margin: 0;
}
.article-header .eyecatch,
.cta-inner {
margin-left: -1em;
margin-right: -1em;
} .nav_btn {
width: 55px;
height: 58px;
padding: .7em 0;
border: none;
background: none;
text-align: center;
position: absolute;
top: 0;
left: 0;
color: #fff;
display: block;
line-height: 1;
text-decoration: none;
}
.search_btn {
right: 0;
left: auto;
}
.nav_btn:hover {
cursor: pointer;
}
.nav_btn:before,
.search_btn:before {
font-size: 1.4em;
height: 1.1em;
font-family: "fontawesome";
content: '\f0c9';
width: 100%;
display: block;
}
.search_btn:before {
content: '\f002';
}
.nav_btn .text {
font-size: 8px;
display: block;
}
.searchbox button#searchsubmit {
top: 8%;
}
body {  overflow-x: hidden;
}
#g_nav {
display: none;
} .nav li a .gf,
.menu-sp li a .gf {
display: none;
}
.sp_g_nav {
margin: 0;
padding: 0;
}
.sp_g_nav li + li,
.sp_g_nav li li:first-child {
border-top: solid 1px #eee;
border-top: solid 1px rgba(255, 255, 255, .05);
}
.sp_g_nav > li > a {
background-color: rgba(0, 0, 0, .07);
padding-right: 1em;
position: relative;
}
.sp_g_nav > li > a:after {
font-family: "fontawesome";
content: '\f054';
position: absolute;
right: .4em;
font-size: .8em;
top: 50%;
margin-top: -0.5em;
color: rgba(0, 0, 0, .4);
}
.sp_g_nav ul {
margin: 0;
}
.sp_g_nav li {
list-style: none;
display: block;
}
.sp_g_nav li a {
display: block;
padding: .8em;
color: #333;
text-align: center;
text-decoration: none;
text-align: left;
}
.sp_g_nav li li a,
.sp_g_nav li li ul {
border-bottom: 1px dotted #ddd;
}
.sp_g_nav li li:last-child a {
border: none;
}
.sp_g_nav li a:hover {
color: #888;
} .top-post-list .post-list .entry-content .entry-title {
font-size: 1.1em;
}
.top-post-list .post-list .entry-content .date {
font-size: .9em;
}
.top-post-list .post-list .entry-content .description {
display: none;
} #inner-header {
position: relative;
width: 100%;
padding: 4px 0;
}
#logo {
max-width: 71%;
margin-left: auto;
margin-right: auto;
padding: 0;
height: auto;
min-height: 50px;
font-size: 1em;
position: static;
}
#logo a {
position: static;
width: 100%;
height: auto;
display: block;
text-align: center;
}
#logo.fs_s a {
padding: 2% 0;
}
#logo.fs_l a {
line-height: 1.1;
}
#logo a img {
width: auto;
margin-top: 1px;
max-width: 100%;
max-height: 45px;
}
#breadcrumb {
margin: 0;
font-size: 10px;
width: 100%;
border-bottom: 1px solid #F7F7F7;
}
.single .authorbox .author-newpost li:nth-child(2n):after,
.related-box li:nth-child(2n):after {
content: "";
display: table;
clear: both;
}
.single .authorbox .author-newpost li .eyecatch,
.related-box li .eyecatch {
height: 70px;
}
.single .authorbox .author-newpost li:nth-child(2n),
.related-box li:nth-child(2n) {
zoom: 1;
}
#page-top {
right: 10px;
}
#page-top a {
background-repeat: no-repeat;
text-decoration: none;
width: 42px;
height: 42px;
line-height: 41px;
font-size: 0.85em;
}
.footer #footer-bottom {
font-size: 0.7em;
text-align: center;
}
.footer-links ul {
margin: 1em 0 0;
}
.footer-links li {
display: inline-block;
margin-right: .5em;
}
.footer-links li a:before {
font-family: "fontawesome";
content: '\f0da';
margin-right: 0.3em;
}
.footer-links a {
text-decoration: none;
padding: .3em;
display: block;
}
.copyright {
padding: 1.5em 0;
margin: 0;
}
.single .authorbox .author-newpost li,
.related-box li {}
.single .authorbox .author-newpost li .eyecatch,
.related-box li .eyecatch {
max-height: 200px;
}
.related-box li.related-rightlist {
zoom: 1;
}
.related-box li.related-rightlist:after {
content: "";
display: table;
clear: both;
}
#viral-header.entry-header .entry-title {
font-size: 1.6em;
}
.fb-likebtn .fb-button {
-webkit-transform: scale(1);
transform: scale(1);
}
.fb-likebtn .like_text {
font-size: .8em;
}
.fb-likebtn .like_text p {
margin-bottom: 0;
padding: 0;
}
.share.short .sns li a .text {
display: none;
} .m-all {
float: left;
padding-right: 0.75em;
width: 100%;
padding-right: 0;
margin-bottom: .5em;
}
.m-1of2 {
float: left;
padding-right: 0.75em;
width: 50%;
}
.m-1of3 {
float: left;
padding-right: 0.75em;
width: 33.33%;
}
.m-2of3 {
float: left;
padding-right: 0.75em;
width: 66.66%;
}
.m-1of4 {
float: left;
padding-right: 0.75em;
width: 25%;
}
.m-3of4 {
float: left;
padding-right: 0.75em;
width: 75%;
}
}   @media only screen and (max-width: 480px) {
#custom_header {
padding: 10% 0;
}
#custom_header .gf {
font-size: 2em;
}
.eyecatch .cat-name {
font-size: .6em;
}
.byline .cat-name:before {
content: none;
}
.post-list-card .post-list {
width: 100%;
margin: 3% 0 7%;
float: none;
height: auto;
}
.post-list-card .post-list .eyecatch {
max-height: inherit;
height: auto;
}
.post-list-card .post-list .eyecatch img {
width: 100%;
}
.top-post-list .post-list {
margin-left: -1em;
margin-right: -1em;
}
.single .entry-content,
.page .entry-content {
overflow: inherit;
}
.top-post-list .post-list .eyecatch {
max-height: 92px;
}
.single .authorbox .author-newpost li,
.related-box li {
min-height: 210px;
width: 47%;
margin: 0 3% 1% 0;
float: left;
position: relative;
}
.single .authorbox .author-newpost li .eyecatch,
.related-box li .eyecatch {
height: 105px;
}
.single-title,
.page-title,
.entry-title {
font-size: 1.2em;
}
.add.more {
margin-left: -0.9em;
}
.top-post-list .post-list a {
padding: 0.7em;
}
.search-no-results .post-list-magazine {
margin: 0;
height: auto!important;
}
.post-list-magazine .post-list {
font-size: .8em;
}
.share.short .sns li a {
padding: 12px 4px;
}
.pagination li {
margin-bottom: 1em!important;
}
.pagination a,
.pagination span,
.page-links a,
.page-links ul > li > span {
font-size: 0.85em;
padding: 8px 10px;
}
.entry-content h2 {
margin-left: -2%;
margin-right: -2%;
}
.entry-content table {
font-size: 0.9em;
}
.aligncenter,
img.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both;
}
.alignleft,
img.alignleft {
max-width: 52%!important;
}
.alignright,
img.alignright {
max-width: 52%!important;
}
}   @media only screen and (min-width: 768px) and (max-width: 1165px) {
.header .wrap,
#breadcrumb .wrap {
width: 100%;
}
#breadcrumb {
margin: 0 0 2em;
width: 100%;
}
.single .authorbox .author-newpost li .eyecatch,
.related-box li .eyecatch {
height: 70px;
}
.share.short .sns li a .text {
display: none;
}
#scrollfix.fixed {
max-width: 100%;
}
#container.sidebarleft #main,
.sidebarleft #container #main {
padding-right: 0;
padding-left: 0.75em;
}
.sns li {
width: 32.3%;
} .t-all {
float: left;
padding-right: 0.75em;
width: 100%;
padding-right: 0;
}
.t-1of2 {
float: left;
padding-right: 0.75em;
width: 50%;
}
.t-1of3 {
float: left;
padding-right: 0.75em;
width: 33.33%;
}
.t-2of3 {
float: left;
padding-right: 0.75em;
width: 66.66%;
}
.t-1of4 {
float: left;
padding-right: 0.75em;
width: 25%;
}
.t-3of4 {
float: left;
padding-right: 0.75em;
width: 75%;
}
.t-1of5 {
float: left;
padding-right: 0.75em;
width: 20%;
}
.t-2of5 {
float: left;
padding-right: 0.75em;
width: 40%;
}
.t-3of5 {
float: left;
padding-right: 0.75em;
width: 60%;
}
.t-4of5 {
float: left;
padding-right: 0.75em;
width: 80%;
}
} @media only screen and (min-width: 1166px) {
body {
font-weight: 500;
}
.wrap {
width: 1166px;
}
.cta-inner {
padding: 1em 2em;
}
.header {
margin: 1em 0;
}
#inner-header {
min-height: 55px;
}
#custom_header {
font-size: 1.2em;
margin-top: -2.4em;
}
.header-info {
margin-top: -1em;
}
.bgfull.pannavi_on_bottom #viral-header.entry-header,
.bgfull.pannavi_off #viral-header.entry-header {
margin-top: -1em;
}
.top-post-list .post-list:before {
content: "";
display: block;
width: 0%;
height: 100%;
background: #111;
position: absolute;
top: 0;
left: 50%;
z-index: 0;
transition: .3s;
opacity: .05;
filter: alpha(opacity=5);
-ms-filter: "alpha(opacity=5)";
}
.top-post-list .post-list:hover:before {
width: 100%;
height: 100%;
left: 0;
}
.post-list-magazine .post-list a:hover {
background: rgba(0, 0, 0, 0.05);
}
.post-list-magazine .post-list a:before,
.post-list-magazine .post-list a:after {
position: absolute;
content: '';
width: 0;
height: 1px;
background-color: #111;
transition: .3s;
}
.post-list-magazine .post-list a:before {
bottom: 0;
left: 0;
}
.post-list-magazine .post-list a:after {
bottom: 2px;
right: 0;
}
.post-list-magazine .post-list a:hover:before,
.post-list-magazine .post-list a:hover:after {
width: 100%;
}
.nav > li {
font-size: 75%;
}
.nav > li > a {
display: block;
text-decoration: none;
line-height: 1.3;
padding: 15px 1.6em 7px;
}
.single .byline {
position: relative;
}
.single .byline .cat-name {
position: absolute;
left: -5.5em;
top: -2.7em;
transform: rotate(-3deg);
padding: .3em .8em .3em .5em;
}
.sidebarleft.single .byline .cat-name {
left: -2em;
}
.d-1of2 img,
.d-1of3 img {
margin-bottom: 0.5em;
} #scrollfix {
max-width: 336px;
padding-top: 5px;
} .share.short {
margin-top: 1em;
margin-bottom: 1.5em;
}
.sns ul {
margin: 0 auto;
list-style: none;
}
.sns li {
width: 32.3%;
margin: 0 1% 2% 0;
}
.sns li a {
font-size: 0.85em;
padding: 15px 2px;
}
.d-all {
float: left;
padding-right: 0.75em;
width: 100%;
padding-right: 0;
}
.d-1of2 {
float: left;
padding-right: 0.75em;
width: 50%;
}
.d-1of3 {
float: left;
padding-right: 0.75em;
width: 33.33%;
}
.d-2of3 {
float: left;
padding-right: 0.75em;
width: 66.66%;
}
.d-1of4 {
float: left;
padding-right: 0.75em;
width: 25%;
}
.d-3of4 {
float: left;
padding-right: 0.75em;
width: 75%;
}
.d-1of5 {
float: left;
padding-right: 0.75em;
width: 20%;
}
.d-2of5 {
float: left;
padding-right: 0.75em;
width: 40%;
}
.d-3of5 {
float: left;
padding-right: 0.75em;
width: 60%;
}
.d-4of5 {
float: left;
padding-right: 0.75em;
width: 80%;
}
.d-1of6 {
float: left;
padding-right: 0.75em;
width: 16.6666666667%;
}
.d-1of7 {
float: left;
padding-right: 0.75em;
width: 14.2857142857%;
}
.d-2of7 {
float: left;
padding-right: 0.75em;
width: 28.5714286%;
}
.d-3of7 {
float: left;
padding-right: 0.75em;
width: 42.8571429%;
}
.d-4of7 {
float: left;
padding-right: 0.75em;
width: 57.1428572%;
}
.d-5of7 {
float: left;
padding-right: 0.75em;
width: 71.4285715%;
}
.d-6of7 {
float: left;
padding-right: 0.75em;
width: 85.7142857%;
}
.d-1of8 {
float: left;
padding-right: 0.75em;
width: 12.5%;
}
.d-1of9 {
float: left;
padding-right: 0.75em;
width: 11.1111111111%;
}
.d-1of10 {
float: left;
padding-right: 0.75em;
width: 10%;
}
.d-1of11 {
float: left;
padding-right: 0.75em;
width: 9.09090909091%;
}
.d-1of12 {
float: left;
padding-right: 0.75em;
width: 8.33%;
}
}html {
font-size: 56.25%; }
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}  @media screen and (min-width:1024px) {
html {
font-size: 62.5%; }
} * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
ol, ul {
padding: 0;
list-style-type: none;
}
html {
overflow-y: unset;
}
body {
font-size: 103%;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
word-wrap: break-word;
} body, .gf {
font-family: 'Noto Serif JP', sans-serif;
padding-right: unset !important;
} ::selection {
background: rgba(69,120,204,0.4);
} .page .entry-title {
display: none;
} #logo {
padding: unset;
position: fixed;
top: 0px;
width: 100%;
height: 170px;
text-align: center;
z-index: 4;
max-width: unset;
}
body.loaded #logo {
position: absolute;
animation: loading_logo_sp 0.8s ease both;
-webkit-animation: loading_logo_sp 0.8s ease both;
}
@keyframes loading_logo_sp {
0% {
background: #fcfaf2;
height: 100vh;
top: 0px;
}
99% {
background: rgba(255,255,255,0);
height: 100vh;
top: 35px;
}
100% {
background: rgba(255,255,255,0);
height: 100px;
top: 35px;
}
}
@-webkit-keyframes loading_logo_sp {
0% {
background: #fcfaf2;
height: 100vh;
top: 0px;
}
99% {
background: rgba(255,255,255,0);
height: 100vh;
top: 35px;
}
100% {
background: rgba(255,255,255,0);
height: 100px;
top: 35px;
}
}
body.loading #logo, body#ypro_body:not(.loaded) #logo {
display: block !important;
opacity: 1 !important;
width: 100vw !important;
height: 100vh !important;
background: #fcfaf2;
}
#logo a img {
width: unset;
margin-top: -3.5rem;
max-width: unset;
max-height: unset;
}
body.loading #logo .loading_anime, body#ypro_body:not(.loaded) #logo .loading_anime {
display: block;
font-size: 12vh;
width: 1em;
height: 1em;
position: relative;
margin: 30vh auto 0vh auto;
border-radius: 50%;
border: .01em solid rgba(0,158,229,0.3);
list-style: none;
}
body.loading #logo .loading_anime::after, body#ypro_body:not(.loaded) #logo .loading_anime::after {
display: inline;
position: fixed;
top: 72vh;
left: 50vw;
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
content: 'Variety is the Mother of Enjoyment';
color: #;
color: #545454;
font-size: 1.2rem;
font-weight: 900;
line-height: 1.6rem;
text-align: center;
}
body.loading #logo .loading_anime li, body#ypro_body:not(.loaded) #logo .loading_anime li {
position: absolute;
width: .2em;
height: .2em;
border-radius: 50%;
}
body.loading #logo .loading_anime li, body#ypro_body:not(.loaded) #logo .loading_anime li:nth-child(1) {
left: 50%;
top: 0;
margin: 0 0 0 -.1em;
background: #cb1b45;
-ms-transform-origin: 50% 250%;
-webkit-transform-origin: 50% 250%;
transform-origin: 50% 250%;
-webkit-animation: rota 2.26s linear infinite, opa 3.67s ease-in-out infinite alternate;
animation: rota 2.26s linear infinite, opa 3.67s ease-in-out infinite alternate;
}
body.loading #logo .loading_anime li:nth-child(2), body#ypro_body:not(.loaded) #logo .loading_anime li:nth-child(2) {
top: 0%;
left: 50%;
margin: 0 0 0 -.1em;
background: #e8b647;
-ms-transform-origin: 250% 50%;
-webkit-transform-origin: 50% 250%;
transform-origin: 50% 250%;       -webkit-animation: rota 3.92s linear infinite, opa 4.29s ease-in-out infinite alternate;
animation: rota 3.92s linear infinite, opa 4.29s ease-in-out infinite alternate;
}
body.loading #logo .loading_anime li:nth-child(3), body#ypro_body:not(.loaded) .loading_anime li:nth-child(3) {
top: 0;
left: 50%;
bottom: 0;
margin: 0 0 0 -.1em;
background: #6a8372;
-ms-transform-origin: 50% 250%;
-webkit-transform-origin: 50% 250%;
transform-origin: 50% 250%;   -webkit-animation: rota 2.90s linear infinite, opa 5.12s ease-in-out infinite alternate;
animation: rota 2.90s linear infinite, opa 5.12s ease-in-out infinite alternate;
}
body.loading #logo .loading_anime li:nth-child(4), body#ypro_body:not(.loaded) #logo .loading_anime li:nth-child(4) {
top: 50%;
left: 0;
margin: -.1em 0 0 0;
background: #0b346e;
-ms-transform-origin: 250% 50%;
-webkit-transform-origin: 250% 50%;
transform-origin: 250% 50%;
-webkit-animation: rota 3.44s linear infinite, opa 5.25s ease-in-out infinite alternate;
animation: rota 3.44s linear infinite, opa 5.25s ease-in-out infinite alternate;
}
@-webkit-keyframes rota {
from { }
to { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes rota {
from { }
to { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes opa {
0% { }
12.0% { opacity: 0.80; }
19.5% { opacity: 0.88; }
37.2% { opacity: 0.64; }
40.5% { opacity: 0.52; }
52.7% { opacity: 0.69; }
60.2% { opacity: 0.60; }
66.6% { opacity: 0.52; }
70.0% { opacity: 0.63; }
79.9% { opacity: 0.60; }
84.2% { opacity: 0.75; }
91.0% { opacity: 0.87; }
}
@keyframes opa {
0% { }
12.0% { opacity: 0.80; }
19.5% { opacity: 0.88; }
37.2% { opacity: 0.64; }
40.5% { opacity: 0.52; }
52.7% { opacity: 0.69; }
60.2% { opacity: 0.60; }
66.6% { opacity: 0.52; }
70.0% { opacity: 0.63; }
79.9% { opacity: 0.60; }
84.2% { opacity: 0.75; }
91.0% { opacity: 0.87; }
}
body.loading #logo img, body#ypro_body:not(.loaded) #logo img {
display: block;
margin: 0 auto;
-ms-transform: translate(0px, 20vh);
-webkit-transform: translate(0px, 20vh);
transform: translate(0px, 20vh);
transition: -ms-transform 0.8s, -webkit-transform 0.8s, transform 0.8s;
height: 25vh !important;
margin-top: unset;
max-height: unset;
}
body.loaded #logo img {
transition: height 0.8s;
height: 50px;;
}
body.loading #logo a, body#ypro_body:not(.loaded) #logo a {
pointer-events: none;
}
@media only screen and (min-width: 768px) {
#logo {
position: fixed !important;
}
#logo .loading_anime {
display: none;
}
body.loaded #logo {
animation: loading_logo 0.8s ease both !important;
-webkit-animation: loading_logo 0.8s ease both !important;
}
@keyframes loading_logo {
0% {
background: #fcfaf2;
height: 100vh;
}
99% {
background: rgba(255,255,255,0);
height: 100vh;
}
100% {
background: rgba(255,255,255,0);
height: 80px;
}
}
@-webkit-keyframes loading_logo {
0% {
background: #fcfaf2;
height: 100vh;
}
99% {
background: rgba(255,255,255,0);
height: 100vh;
}
100% {
background: rgba(255,255,255,0);
height: 80px;
}
}
body.transform #logo {
width: unset;
text-align: left;
}
#logo .h1 {
display: block;
height: 100%;
}
#logo img {
max-height: unset;
height: 130px !important;
padding: 10px 20px !important;
margin-top: unset !important;
}
#logo a {
width: unset;
display: inline-block;
text-align: center !important;
padding: unset !important;
}
body.transform #logo img {
padding: 3px 5px 15px 20px;
height: 8.5vw !important;
max-height: 80px !important;
position: relative;
top: 50%;
-ms-transform: translateY(-50%);
-webkit- transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media only screen and (max-width: 767px) {
#logo {
max-width: unset;
}
}
#logo a {
width: unset;
display: inline-block;
height: 100%;
width: 100%;
text-align: left;
padding: 2.5rem;
}
#logo a[rel="nofollow"], #logo a[rel="nofollow"]:hover {
color: rgba(252,250,242,0);
}
#logo .h1 {
display: block;
height: 100%;
}
#logo img {
height: 150px;
margin-top: 10px;
}
body.transform #logo img {
max-height: 100px;
height: 50px;
} .header {
margin: 0px;
}
header #inner-header {
background: rgb(255,255,255) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#9ab9d2f7',GradientType=0 ) !important; background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 65%,rgba(69,120,204,0.6) 65%,rgba(69,120,204,0.6) 100%) !important; background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 65%,rgba(69,120,204,0.6) 65%,rgba(69,120,204,0.6) 100%) !important; background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 65%,rgba(69,120,204,0.6) 65%,rgba(69,120,204,0.6) 100%) !important; width: 100%;
height: 200px;
position: fixed;
transition: .3s;
}
body.transform #inner-header {
background: rgb(255,255,255); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc4578cc', endColorstr='#ccb9d2f7',GradientType=0 ) !important; background: -moz-linear-gradient(top, rgba(69,120,204,0.6) 0%, rgba(69,120,204,0.6) 100%) !important; background: -webkit-linear-gradient(top, rgba(69,120,204,0.6) 0%,rgba(69,120,204,0.6) 100%) !important; background: linear-gradient(to bottom, rgba(69,120,204,0.6) 0%,rgba(69,120,204,0.6) 100%) !important; height: 80px;
} #container {
position: relative;  }
#ypro_body #container {
z-index: 0; }
#inner-header, .header {
display: none;
background: rgba(252,250,242,0) !important;
z-index: 3;
}
.nav_btn.search_btn + #g_nav {
margin-right: 0px;
}
.nav li a .gf {
display: block;
text-align: center;
width: 100%;
font-size: 0.9em;
opacity: 1.0;
}
.nav > li > a {
padding: unset;
}
.nav li a {
padding: unset;
}
#g_nav .nav li a, .nav_btn, .menu-sp a, .menu-sp a, .menu-sp > ul:after {
color: #fcfaf2;
}
#logo a:hover, #g_nav .nav li a:hover, .nav_btn:hover {
color: #f5e1b5;
}
@media only screen and (min-width: 768px) {
.nav > li > a:after {
content: unset;
}
#inner-header, .header {
display: block !important;
}
}
.nav_btn {
position: fixed;
width: 60px;
height: 60px;
text-align: center;
top: unset;
left: unset;
bottom: 50px;
right: 30px;
z-index: 15;
}
.nav_btn::before {
display: block;
opacity: 1;
width: 100%;
height: 100%;
background: -moz-linear-gradient(top, rgba(69,120,204,1) 0%, rgba(185,210,247,1) 100%);
background: -webkit-linear-gradient(top, rgba(69,120,204,1) 0%,rgba(185,210,247,1) 100%);
background: linear-gradient(to bottom, rgba(69,120,204,1) 0%,rgba(185,210,247,1) 100%);
border-radius: 50%;
}
.nav_btn::after {
display: block;
opacity: 1;
position: fixed;
width: 56px;
height: 56px;
content: '';
background: #fcfaf2;
border-radius: 50%;
bottom: 52px;
right: 32px;
}
.nav_btn span::before, .search_btn::before {
opacity: 1;
width: 60px;
height: 60px;
display: inline-block;
font-family: "fontawesome";
content: '\A\f068';
white-space: pre;
position: fixed;
bottom: 50px;
right: 30px;
font-size: 1.6rem !important;
color: rgba(127,165,225,1);
background: -moz-linear-gradient(top, rgba(69,120,204,1) 0%, rgba(185,210,247,1) 100%);
background: -webkit-linear-gradient(top, rgba(69,120,204,1) 0%,rgba(185,210,247,1) 100%);
background: linear-gradient(to bottom, rgba(69,120,204,1) 0%,rgba(185,210,247,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
z-index: 1;
position: fixed;
text-align: center;
}
.nav_btn span:nth-of-type(1)::before, .nav_btn span:nth-of-type(4)::before {
-ms-transform: scale(1.9,1);
-webkit-transform: scale(1.9,1);
transform: scale(1.9,1);
}
.nav_btn span:nth-of-type(2)::before {
-ms-transform: translate(-5px, 0px);
-webkit-transform: translate(-5px, 0px);
transform: translate(-5px, 0px);
}
.nav_btn span:nth-of-type(3)::before {
-ms-transform: translate(5px, 0px);
-webkit-transform: translate(5px, 0px);
transform: translate(5px, 0px);
}
.nav_btn span:nth-of-type(1)::before {
line-height: 15.9px;
}
.nav_btn span:nth-of-type(2)::before, .nav_btn span:nth-of-type(3)::before {
line-height: 21.5px;
}
.nav_btn span:nth-of-type(4)::before {
line-height: 27.5px;
}
button.remodal-close:last-child {
display: none;
}
button.remodal-close:before {
content: none !important; }
button.remodal-close {
display: block !important;
width: 60px;
height: 50px;
margin: 0 0 auto 0 !important;
padding: unset !important;
position: fixed !important;
bottom: 16rem;
right: -80px;
z-index: 20;
}
.remodal-close {
display: block;
overflow: visible;
margin: 1em auto;
padding: .5em;
cursor: pointer;
transition: color 0.2s;
text-decoration: none;
text-align: center;
color: #95979c;
border: 0;
outline: 0;
background: none;
font-size: 1.5em;
position: static!important;
}
.remodal-close .text {
font-size: 0em !important;;
}
html.remodal-is-locked .nav_btn {
animation: nav_btn 1.5s ease both;
-webkit-animation: nav_btn 1.5s ease both;
}
html.remodal-is-locked .nav_btn::before {
animation: nav_btn_before 1.5s ease both;
-webkit-animation: nav_btn_before 1.5s ease both;
}
html.remodal-is-locked .nav_btn::after {
animation: nav_btn_after 1.5s ease both;
-webkit-animation: nav_btn_after 1.5s ease both;
}
html.remodal-is-locked .nav_btn span:nth-of-type(1)::before {
animation: nav_btn_1 1.5s ease both;
-webkit-animation: nav_btn_1 1.5s ease both;
}
html.remodal-is-locked .nav_btn span:nth-of-type(2)::before {
animation: nav_btn_2 1.5s ease both;
-webkit-animation: nav_btn_2 1.5s ease both;
}
html.remodal-is-locked .nav_btn span:nth-of-type(3)::before {
animation: nav_btn_3 1.5s ease both;
-webkit-animation: nav_btn_3 1.5s ease both;
}
html.remodal-is-locked .nav_btn span:nth-of-type(4)::before {
animation: nav_btn_4 1.5s ease both;
-webkit-animation: nav_btn_4 1.5s ease both;
}
html.remodal-is-locked button.remodal-close {
animation: remodal-close_btn 1.5s ease both;
-webkit-animation: remodal-close_btn 1.5s ease both;
}
html.remodal-is-unlocked .nav_btn {
animation: nav_btn 1s ease reverse both;
-webkit-animation: nav_btn 1s ease reverse both;
}
html.remodal-is-unlocked .nav_btn::before {
animation: nav_btn_before 1s ease reverse both;
-webkit-animation: nav_btn_before 1s ease reverse both;
}
html.remodal-is-unlocked .nav_btn::after {
animation: nav_btn_after 1s ease reverse both;
-webkit-animation: nav_btn_after 1s ease reverse both;
}
html.remodal-is-unlocked .nav_btn span:nth-of-type(1)::before {
animation: nav_btn_1 1s ease reverse both;
-webkit-animation: nav_btn_1 1s ease reverse both;
}
html.remodal-is-unlocked .nav_btn span:nth-of-type(2)::before {
animation: nav_btn_2 1s ease reverse both;
-webkit-animation: nav_btn_2 1s ease reverse both;
}
html.remodal-is-unlocked .nav_btn span:nth-of-type(3)::before {
animation: nav_btn_3 1s ease reverse both;
-webkit-animation: nav_btn_3 1s ease reverse both;
}
html.remodal-is-unlocked .nav_btn span:nth-of-type(4)::before {
animation: nav_btn_4 1s ease reverse both;
-webkit-animation: nav_btn_4 1s ease reverse both;
}
html.remodal-is-unlocked button.remodal-close {
animation: remodal-close_btn 1s ease reverse both;
-webkit-animation: remodal-close_btn 1s ease reverse both;
}
html.remodal-is-locking .nav_btn {
bottom: 17.5rem;
}
html.remodal-is-locking .nav_btn::before {
background: block;
display: none;
opacity: 0
}
html.remodal-is-locking .nav_btn::after {
background: block;
bottom: calc(16rem + 2px);
display: none;
opacity: 0;
}
html.remodal-is-locking .nav_btn span:nth-of-type(1)::before {
bottom: 16rem;
line-height: 21.5px;
opacity: 0;
display: none;
}
html.remodal-is-locking .nav_btn span:nth-of-type(2)::before {
bottom: 17.5rem;
-ms-transform: translate(-9.5px,0px) rotate(30deg) scale(2.3,1);
-webkit-transform: translate(-9.5px,0px) rotate(30deg) scale(2.3,1);
transform: translate(-9.5px,0px) rotate(30deg) scale(2.3,1);
background: -moz-linear-gradient(0deg, rgba(69,120,204,1) 0%, rgba(185,210,247,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(69,120,204,1) 0%,rgba(185,210,247,1) 100%);
background: linear-gradient(90deg, rgba(69,120,204,1) 0%,rgba(185,210,247,1) 100%);
-webkit-background-clip: text;
width: 20px;
height: 40px;
right: 25px;
}
html.remodal-is-locking .nav_btn span:nth-of-type(3)::before {
bottom: 17.5rem;
-ms-transform: translate(9.5px,0px) rotate(-30deg) scale(2.3,1);
-webkit-transform: translate(9.5px,0px) rotate(-30deg) scale(2.3,1);
transform: translate(9.5px,0px) rotate(-30deg) scale(2.3,1);
background: -moz-linear-gradient(180deg, rgba(69,120,204,1) 0%, rgba(185,210,247,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(69,120,204,1) 0%,rgba(185,210,247,1) 100%);
background: linear-gradient(-90deg, rgba(69,120,204,1) 0%,rgba(185,210,247,1) 100%);
-webkit-background-clip: text;
width: 20px;
height: 40px;
right: 35px;
}
html.remodal-is-locking .nav_btn span:nth-of-type(4)::before {
bottom: 16rem;
line-height: 21.5px;
opacity: 0;
display: none;
}
html.remodal-is-locking button.remodal-close {
right: 0px;
width: 80px;
height: 60px;
}
@keyframes nav_btn {
0% {
bottom: 50px;
}
60% {
bottom: 16rem;
}
100% {
bottom: 17.5rem;
}
}
@-webkit-keyframes nav_btn {
0% {
bottom: 50px;
}
60% {
bottom: 16rem;
}
100% {
bottom: 17.5rem;
}
}
@keyframes nav_btn_1 {
0% {
bottom: 50px;
line-height: 15.9px;
opacity: 1;
display: inline-block;
}
60% {
bottom: 16rem;
line-height: 21.5px;
opacity: 0;
display: inline-block;
}
100% {
bottom: 16rem;
line-height: 21.5px;
opacity: 0;
display: none;
}
}
@-webkit-keyframes nav_btn_1 {
0% {
bottom: 50px;
line-height: 15.9px;
opacity: 1;
display: inline-block;
}
60% {
bottom: 16rem;
line-height: 21.5px;
opacity: 0;
display: inline-block;
}
100% {
bottom: 16rem;
line-height: 21.5px;
opacity: 0;
display: none;
}
}
@keyframes nav_btn_2 {
0% {
bottom: 50px;
-ms-transform: translate(-5px, 0px);
-webkit-transform: translate(-5px, 0px);
transform: translate(-5px, 0px);
background: -moz-linear-gradient(top, rgba(69,120,204,1) 0%, rgba(185,210,247,1) 100%);
background: linear-gradient(to bottom, rgba(69,120,204,1) 0%,rgba(185,210,247,1) 100%);
-webkit-background-clip: text;
width: 60px;
height: 60px;
right: 30px;
}
60% {
bottom: 16rem;
-ms-transform: translate(-5px, 0px);
-webkit-transform: translate(-5px, 0px);
transform: translate(-5px, 0px);
background: -moz-linear-gradient(top, rgba(69,120,204,1) 0%, rgba(185,210,247,1) 100%);
background: linear-gradient(to bottom, rgba(69,120,204,1) 0%,rgba(185,210,247,1) 100%);
-webkit-background-clip: text;
width: 60px;
height: 60px;
right: 30px;
}
100% {
bottom: 17.5rem;
-ms-transform: translate(-9.5px,0px) rotate(30deg) scale(2.3,1);
-webkit-transform: translate(-9.5px,0px) rotate(30deg) scale(2.3,1);
transform: translate(-9.5px,0px) rotate(30deg) scale(2.3,1);
background: -moz-linear-gradient(0deg, rgba(69,120,204,1) 0%, rgba(185,210,247,1) 100%);
background: linear-gradient(90deg, rgba(69,120,204,1) 0%,rgba(185,210,247,1) 100%);
-webkit-background-clip: text;
width: 20px;
height: 40px;
right: 25px;
}
}
@-webkit-keyframes nav_btn_2 {
0% {
bottom: 50px;
-ms-transform: translate(-5px, 0px);
-webkit-transform: translate(-5px, 0px);
transform: translate(-5px, 0px);
background: -webkit-linear-gradient(0deg, rgba(69,120,204,1) 0%,rgba(185,210,247,1) 100%);
-webkit-background-clip: text;
width: 60px;
height: 60px;
right: 30px;
}
60% {
bottom: 16rem;
-ms-transform: translate(-5px, 0px);
-webkit-transform: translate(-5px, 0px);
transform: translate(-5px, 0px);
background: -webkit-linear-gradient(0deg, rgba(69,120,204,1) 0%,rgba(185,210,247,1) 100%);
-webkit-background-clip: text;
width: 60px;
height: 60px;
right: 30px;
}
100% {
bottom: 17.5rem;
-ms-transform: translate(-9.5px,0px) rotate(30deg) scale(2.3,1);
-webkit-transform: translate(-9.5px,0px) rotate(30deg) scale(2.3,1);
transform: translate(-9.5px,0px) rotate(30deg) scale(2.3,1);
background: -webkit-linear-gradient(0deg, rgba(69,120,204,1) 0%,rgba(185,210,247,1) 100%);
-webkit-background-clip: text;
width: 20px;
height: 40px;
right: 25px;
}
}
@keyframes nav_btn_3 {
0% {
bottom: 50px;
-ms-transform: translate(5px, 0px);
-webkit-transform: translate(5px, 0px);
transform: translate(5px, 0px);
background: -moz-linear-gradient(top, rgba(69,120,204,1) 0%, rgba(185,210,247,1) 100%);
background: linear-gradient(to bottom, rgba(69,120,204,1) 0%,rgba(185,210,247,1) 100%);
-webkit-background-clip: text;
width: 60px;
height: 60px;
right: 30px;
}
60% {
bottom: 16rem;
-ms-transform: translate(5px, 0px);
-webkit-transform: translate(5px, 0px);
transform: translate(5px, 0px);
background: -moz-linear-gradient(top, rgba(69,120,204,1) 0%, rgba(185,210,247,1) 100%);
background: linear-gradient(to bottom, rgba(69,120,204,1) 0%,rgba(185,210,247,1) 100%);
-webkit-background-clip: text;
width: 60px;
height: 60px;
right: 30px;
}
100% {
bottom: 17.5rem;
-ms-transform: translate(9.5px,0px) rotate(-30deg) scale(2.3,1);
-webkit-transform: translate(9.5px,0px) rotate(-30deg) scale(2.3,1);
transform: translate(9.5px,0px) rotate(-30deg) scale(2.3,1);
background: -moz-linear-gradient(180deg, rgba(69,120,204,1) 0%, rgba(185,210,247,1) 100%);
background: linear-gradient(-90deg, rgba(69,120,204,1) 0%,rgba(185,210,247,1) 100%);
-webkit-background-clip: text;
width: 20px;
height: 40px;
right: 35px;
}
}
@-webkit-keyframes nav_btn_3 {
0% {
bottom: 50px;
-ms-transform: translate(5px, 0px);
-webkit-transform: translate(5px, 0px);
transform: translate(5px, 0px);
background: -webkit-linear-gradient(top, rgba(69,120,204,1) 0%,rgba(185,210,247,1) 100%);
-webkit-background-clip: text;
width: 60px;
height: 60px;
right: 30px;
}
60% {
bottom: 16rem;
-ms-transform: translate(5px, 0px);
-webkit-transform: translate(5px, 0px);
transform: translate(5px, 0px);
background: -webkit-linear-gradient(top, rgba(69,120,204,1) 0%,rgba(185,210,247,1) 100%);
-webkit-background-clip: text;
width: 60px;
height: 60px;
right: 30px;
}
100% {
bottom: 17.5rem;
-ms-transform: translate(9.5px,0px) rotate(-30deg) scale(2.3,1);
-webkit-transform: translate(9.5px,0px) rotate(-30deg) scale(2.3,1);
transform: translate(9.5px,0px) rotate(-30deg) scale(2.3,1);
background: -webkit-linear-gradient(180deg, rgba(69,120,204,1) 0%,rgba(185,210,247,1) 100%);
-webkit-background-clip: text;
width: 20px;
height: 40px;
right: 35px;
}
}
@keyframes nav_btn_4 {
0% {
bottom: 50px;
line-height: 27.5px;
opacity: 1;
display: inline-block;
}
60% {
bottom: 16rem;
line-height: 21.5px;
opacity: 0;
display: inline-block;
}
100% {
bottom: 16rem;
line-height: 21.5px;
opacity: 0;
display: none;
}
}
@-webkit-keyframes nav_btn_4 {
0% {
bottom: 50px;
line-height: 27.5px;
opacity: 1;
display: inline-block;
}
60% {
bottom: 16rem;
line-height: 21.5px;
opacity: 0;
display: inline-block;
}
100% {
bottom: 16rem;
line-height: 21.5px;
opacity: 0;
display: none;
}
}
@keyframes nav_btn_before {
0% {
background: -moz-linear-gradient(top, rgba(69,120,204,1) 0%, rgba(185,210,247,1) 100%);
background: linear-gradient(to bottom, rgba(69,120,204,1) 0%,rgba(185,210,247,1) 100%);
display: block;
opacity: 1;
}
60% {
background: -moz-linear-gradient(top, rgba(69,120,204,1) 0%, rgba(185,210,247,1) 100%);
background: linear-gradient(to bottom, rgba(69,120,204,1) 0%,rgba(185,210,247,1) 100%);
display: block;
opacity: 0
}      100% {
background: block;
display: none;
opacity: 0
}
}
@-webkit-keyframes nav_btn_before {
0% {
background: -moz-linear-gradient(top, rgba(69,120,204,1) 0%, rgba(185,210,247,1) 100%);
background: linear-gradient(to bottom, rgba(69,120,204,1) 0%,rgba(185,210,247,1) 100%);
display: block;
opacity: 1;
}
60% {
background: -moz-linear-gradient(top, rgba(69,120,204,1) 0%, rgba(185,210,247,1) 100%);
background: linear-gradient(to bottom, rgba(69,120,204,1) 0%,rgba(185,210,247,1) 100%);
display: block;
opacity: 0
}      100% {
background: block;
display: none;
opacity: 0
}
}
@keyframes nav_btn_after {
0% {
background: #fcfaf2;
bottom: 52px;
display: block;
opacity: 1;
}
60% {
background: #fcfaf2;
bottom: calc(16rem + 2px);
display: block;
opacity: 1;
}
100% {
background: block;
bottom: calc(16rem + 2px);
display: none;
opacity: 0;
}
}
@-webkit-keyframes nav_btn_after {
0% {
background: #fcfaf2;
bottom: 52px;
display: block;
opacity: 1;
}
60% {
background: #fcfaf2;
bottom: calc(16rem + 2px);
display: block;
opacity: 1;
}
100% {
background: block;
bottom: calc(16rem + 2px);
display: none;
opacity: 0;
}
}
@keyframes remodal-close_btn {
0% {
right: -80px;
width: 60px;
height: 50px;
}
60% {
right: 30px;
width: 60px;
height: 50px;
}
100% {
right: 0px;
width: 80px;
height: 60px;
}
}
@-webkit-keyframes remodal-close_btn {
0% {
right: -80px;
width: 60px;
height: 50px;
}
60% {
right: 30px;
width: 60px;
height: 50px;
}
100% {
right: 0px;
width: 80px;
height: 60px;
}
}
@media only screen and (max-width: 767px) {
.nav_btn:before, .search_btn:before {
content: '';
}
.nav_btn {
padding: unset !important;
}
}
.remodal-overlay {
background: rgba(32,32,32,0) !important; z-index: unset !important;
}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
animation-duration: unset !important;
animation-fill-mode: unset !important;
}
.remodal.remodal-is-opening {
animation-name: unset !important;
}
.remodal.remodal-is-closing {
animation-name: unset !important;
}
.remodal {
text-size-adjust: 100%;
margin-bottom: unset !important;
position: fixed !important;
width: 100vw !important;
max-width: unset !important;
height: 22rem;
bottom: 0;
left: 0;
background: #fcfaf2 !important;
box-shadow: 0rem -0.1rem 2rem 0.1rem #cccccc;
}
.remodal-wrapper {
display: block !important;
padding: unset !important;
top: unset !important;
right: unset !important;
bottom: 0 !important;
left: unset !important;
z-index: 10 !important;
overflow: unset !important;
}
.remodal-overlay, .remodal-wrapper {
backface-visibility: unset !important;
}
.remodal, .remodal-wrapper:after {
vertical-align: bottom !important;
}
.remodal-is-closed .remodal, .remodal-is-closed .remodal-wrapper:after, .remodal-is-closing .remodal, .remodal-is-closing .remodal-wrapper:after {
opacity: 0;
transform: translate(0px, 300px);
-webkit-transform: translate(0px, 300px);
-ms-transform: translate(0px, 300px);
transition: opacity 1s ease-in-out, transform 1s ease-in-out, -webkit-transform 1s ease-in-out, -ms-transform 1s ease-in-out;
}
.remodal-is-opened .remodal, .remodal-is-opened .remodal-wrapper:after, .remodal-is-opening .remodal, .remodal-is-opening .remodal-wrapper:after {
opacity: 1;
transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transition: opacity 1s ease-in-out, transform 1s ease-in-out, -webkit-transform 1s ease-in-out, -ms-transform 1s ease-in-out;
} .remodal-is-closed .remodal, .remodal-is-closed .remodal-wrapper:after, .remodal-is-closing .remodal, .remodal-is-closing .remodal-wrapper:after {     }
.remodal-is-opened .remodal, .remodal-is-opened .remodal-wrapper:after, .remodal-is-opening .remodal, .remodal-is-opening .remodal-wrapper:after {     }
.remodal {
padding: 4.5rem 2rem 2.5rem 2rem !important;
}
.clearfix:before, .clearfix:after, .cf:before, .comment-respond:before, .cf:after, .comment-respond:after, .widget ul li:before, .widget ul li:after {
content: none;
}
.sp_g_nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.sp_g_nav li {
width: 45%;
height: 8rem;
}
.sp_g_nav li a {
font-size: 1.6rem;
font-weight: 900;
}
@media only screen and (min-width: 480px) {
.remodal {
padding: 4.5rem 3rem 2.5rem 3rem !important;
}
.sp_g_nav li a {
font-size: 1.8rem !important;
}
}
@media only screen and (max-width: 767px) {
.nav li a .gf, .menu-sp li a .gf {
display: inline-block !important;
}
.sp_g_nav {
margin: 0;
padding: 0;
}
.sp_g_nav li a {
display: block;
text-decoration: none;
text-align: center;
color: #545454;
}
.sp_g_nav > li > a {
position: relative;
background-color: unset;
}
.sp_g_nav > li > a:after {
content: none !important;
}
}
@media only screen and (min-width: 768px) {
.remodal-wrapper {
display: none !important;
}
#g_nav {
display: block;
position: absolute;
top: 130px;
width: 100%;
justify-content: space-between;
}
.nav_btn {
display: none;
}
.nav {
margin: 0;
letter-spacing: -.4em;
}
body.transform #g_nav {
width: 100%;
margin-top: -130px;
}
#g_nav ul {
height: 70px;
font-weight: 700;
width: 65vw;
max-width: 874.5px;
margin: 0 auto;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: distribute;
align-content: space-around;
}
#g_nav ul li {
height: 70px;
}
.nav li {
letter-spacing: normal;
}
.nav > li {
display: inline-block;
position: relative;
font-size: 68%;
text-align: center;
font-weight: bold;
}
#g_nav a {
display: block;
font-size: 18px;
font-weight: 700;
padding-top: 10px;
padding-bottom: 10px;
height: 70px; }
}
@media only screen and (min-width: 1166px) {
.nav > li > a {
display: block;
text-decoration: none;
line-height: 1.3;
padding: 15px 1.3em 7px;
}
.nav > li {
font-size: 75%;
}
} #top_img {
position: relative;
}
#img_wrapp {
position: relative;
margin: unset;
}
#top_img .slide_item {
position: relative;
z-index: 1;
}
#top_img .slide_item:not(:first-child) {
position: absolute;
top: 0;
left : 0;
}
#top_img img, #top_img li {
width: 100%;
height: 100vh;
object-fit: cover;
font-family: 'Noto Serif JP', sans-serif;
overflow: hidden;
}
#top_img .slide_item img {
opacity: 0;
transform: scale(1.0);
-webkit-transform: scale(1.0);
-ms-transform: scale(1.0);
transition: opacity 4s ease-in-out, transform 4s ease-in-out, -webkit-transform 4s ease-in-out, -ms-transform 4s ease-in-out;
}
#top_img .slide_item.show img {
opacity: 1;
}
#top_img .slide_item.zoom_in img {
transform: scale(1.07);
-webkit-transform: scale(1.07);
-ms-transform: scale(1.07);
}
#top_img .slide_item.zoom_out img {
transform: scale(1.0);
-webkit-transform: scale(1.0);
-ms-transform: scale(1.0);
}
#img_wrapp li:nth-child(1) img {
object-position: 21% 50%;
font-family: 'object-position: 2xc1% 50%;';
}
#img_wrapp li:nth-child(2) img {
object-position: 50% 50%;
font-family: 'object-position: 50% 50%;';
}
#img_wrapp li:nth-child(3) img {
object-position: 35% 50%;
font-family: 'object-position: 35% 50%;';
}
#img_wrapp li:nth-child(4) img {
object-position: 37% 50%;
font-family: 'object-position: 37% 50%;';
}
#img_wrapp li:nth-child(5) img {
object-position: 51% 50%;
font-family: 'object-position: 51% 50%;';
}
#img_wrapp li:nth-child(6) img {
object-position: 57% 50%;
font-family: 'object-position: 57% 50%;';
}        .entry-content ul li:before {
content: unset;
}
.scrl_main_top {
display: block;
content: "";
position: absolute;
height: 14vh;
width: 5vh;
bottom: 6vh;
left: 50%;
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 2;
}
.scrl_main_top::before {
content: "";
left: 50%;
position: absolute;
height: 10vh;
width: 2vh;
-ms-transform: skew(0deg, -60deg);
-webkit-transform: skew(0deg, -60deg);
transform: skew(0deg, -60deg);
border-left: 1px solid #fcfaf2;
border-bottom: 2px solid #fcfaf2;
}
.mobile_none {
display: none !important;
}
.tablet_none {
display: none !important;
}
@media only screen and (min-width: 480px) {
.mobile_none {
display: inline-block !important;
}
}
@media only screen and (min-width: 768px) {
#top_img img, #top_img li {
height: 640px;
}
.scrl_main_top {
display: none;
}
.tablet_none {
display: inline-block !important;
}
} #top_text {
z-index: 1;
position: absolute;
top: 64%;
left: 2.5rem;
margin: 0;
padding: 0;
color: #fcfaf2;
text-shadow: 0px 1px 1px rgba(0,0,0,0.8);
font-size: 2.7rem;
font-weight: 500;
width: 8em;
text-align: left;
}
#top_text.top_page {
z-index: 1;
position: absolute;
top: 64%;
left: 2.5rem;
margin: 0;
padding: 0;
color: #fcfaf2;
text-shadow: none !important;
font-size: 2.5rem;
font-weight: 500;
width: 14em;
text-align: left;
line-height: 1.7;
}
#top_text span {
display: inline-block;
}
#top_text.top_page.show span {
color: transparent;
animation: catch_blur 1.5s ease forwards;
-webkit-animation: catch_blur 1.5s ease forwards;
}
#top_text.top_page.show span:nth-child(1) {
animation-delay:	0.3s !important;
-webkit-animation-delay: 0.3s !important;
}
#top_text.top_page.show span:nth-child(2) {
animation-delay:	0.6s !important;
-webkit-animation-delay: 0.6s !important;
}
#top_text.top_page.show span:nth-child(3) {
animation-delay:	0.9s !important;
-webkit-animation-delay: 0.9s !important;
}
@keyframes catch_blur {
0%    {
text-shadow: 0 0 0.5em #fcfaf2;
border-radius: 30%;
background-color: unset;
filter: blur(10px);
}
30%    {
text-shadow: 0 0 2px #fcfaf2;
border-radius: 30%;
background-color: #fcfaf2;
filter: blur(10px);
}
80%   {
text-shadow: 0 0 0px #fcfaf2, 0px 1px 1px rgba(0,0,0,0.3);
border-radius: 0%;
background-color: unset;
filter: unset;
}
100%   {
text-shadow: 0 0 0px #fcfaf2, 0px 1px 1px rgba(0,0,0,0.8);
border-radius: 0%;
background-color: unset;
filter: unset;
}
}
@-webkit-keyframes catch_blur {
0%    {
text-shadow: 0 0 0.5em #fcfaf2;
border-radius: 30%;
background-color: unset;
filter: blur(10px);
}
30%    {
text-shadow: 0 0 2px #fcfaf2;
border-radius: 30%;
background-color: #fcfaf2;
filter: blur(10px);
}
80%   {
text-shadow: 0 0 0px #fcfaf2, 0px 1px 1px rgba(0,0,0,0.3);
border-radius: 0%;
background-color: unset;
filter: unset;
}
100%   {
text-shadow: 0 0 0px #fcfaf2, 0px 1px 1px rgba(0,0,0,0.8);
border-radius: 0%;
background-color: unset;
filter: unset;
}
}
@keyframes catch_blur_desktop {
0%    {
text-shadow: 0 0 0.5em #fcfaf2;
border-radius: 30%;
background-color: unset;
filter: blur(10px);
}
30%    {
text-shadow: 0 0 2px #fcfaf2;
border-radius: 30%;
background-color: #fcfaf2;
filter: blur(10px);
}
80%   {
text-shadow: 0 0 0px #fcfaf2, 0px 2px 2px rgba(0,0,0,0.3);
border-radius: 0%;
background-color: unset;
filter: unset;
}
100%   {
text-shadow: 0 0 0px #fcfaf2, 0px 2px 2px rgba(0,0,0,0.8);
border-radius: 0%;
background-color: unset;
filter: unset;
}
}
@-webkit-keyframes catch_blur_desktop {
0%    {
text-shadow: 0 0 0.5em #fcfaf2;
border-radius: 30%;
background-color: unset;
filter: blur(10px);
}
30%    {
text-shadow: 0 0 2px #fcfaf2;
border-radius: 30%;
background-color: #fcfaf2;
filter: blur(10px);
}
80%   {
text-shadow: 0 0 0px #fcfaf2, 0px 2px 2px rgba(0,0,0,0.3);
border-radius: 0%;
background-color: unset;
filter: unset;
}
100%   {
text-shadow: 0 0 0px #fcfaf2, 0px 2px 2px rgba(0,0,0,0.8);
border-radius: 0%;
background-color: unset;
filter: unset;
}
}
#open_copy {
z-index: 1;
top: 2.5rem;
right: calc(10%);
width: calc(13rem);
height: calc(15rem);
position: absolute;
}
#open_copy p {
position: absolute;
display: block;
text-align: center;
width: 100%;
top: 50%;
-ms-transform: translate(0%,-50%);
-webkit-transform: translate(0%,-50%);
transform: translate(0%,-50%);
line-height: 210%;
color: #0b346e; }
#open_copy span {
display: block;
}
#open_copy div {
width: calc(13rem);
height: calc(7.5rem);
position: absolute;
top: calc(4rem);
border-right: 1px solid #8499B6;
border-left: 1px solid #8499B6;
transform-origin: center;
box-sizing: border-box;
background-color: rgba(252, 250, 242, 0.2);
}
#open_copy span:nth-of-type(1) {
font-size: 2.2rem;
}
#open_copy span:nth-of-type(n + 2) {
font-size: 2.5rem;
}
#open_copy div:nth-of-type(1) {
transform: rotate(0deg);
}
#open_copy div:nth-of-type(2) {
transform: rotate(60deg);
}
#open_copy div:nth-of-type(3) {
transform: rotate(120deg);
}
#trvl_sprt_copy {
position: absolute;
z-index: 1;
top: calc(2.5rem + 13rem + 2rem);
right: 7%;
width: 10em;
font-weight: 700;
text-align: center;
line-height: 200%;
font-size: 1.6rem;
}
#trvl_sprt_copy span, #trvl_sprt_copy span::after {
animation-duration: calc(5s / 1.5);
animation-delay: 1s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
}
#trvl_sprt_copy span {
position: relative;
animation-duration: calc(5s / 1.5);
animation-fill-mode: forwards;
animation-name: clip-text;
white-space: nowrap;
cursor: default;
background-color: rgba(252, 250, 242, 0.7);
color: #333333;
}
#trvl_sprt_copy span::after {
content: "";
position: absolute;
z-index: 999;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(252, 250, 242, 1);;
transform: scaleX(0);
transform-origin: 0 50%;
pointer-events: none;
animation-name: text-revealer;
}
@keyframes clip-text {
0% {
clip-path: inset(0 100% 0 0);
}
30% {
clip-path: inset(0 0 0 0);
}
}
@keyframes text-revealer {
0%, 15% {
transform-origin: 0 50%;
}
18%, 30% {
transform-origin: 100% 50%;   
}
18% {
transform: scaleX(1);
}
30% {
transform: scaleX(0);
}
}
#cntmsr_covid_btn {
z-index: 1;
bottom: 0%;
left: 0%;
position: absolute;
padding: 0.5em 0.8em;
background-color: rgba(252,250,242, 0.8);
border: 1px solid #cb1b45;
cursor: pointer;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#cntmsr_covid_btn:hover {
background-color: rgba(252,250,242, 0.7);
}
#cntmsr_covid_btn img {
position: absolute;
display: block;
height: 1.6em;
width: 1.5em;
}
#cntmsr_covid_btn p {
font-size: 1.6rem;
display: block;
padding-left: 3rem;
left: 1em;
line-height: unset;
margin: unset;
}
#covid_modal_area {
display: none;
position: fixed;
z-index: 4;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#covid_modal_bg {
width: 100%;
height: 100%;
background-color: rgba(32,32,32,0.3);
}
.covid_modal_wrap {
position: absolute;
display: inline-block;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 90vw;
max-height: calc(100% - 10vw);
background-color: #f8eacb;
overflow: auto;
}
.covid_modal_wrap::-webkit-scrollbar {
width: 0.5em;
}
.covid_modal_wrap::-webkit-scrollbar-track {
background: #f8eacb;
}
.covid_modal_wrap::-webkit-scrollbar-thumb {
background: #e8b647;
}
.covid_modal_contents {
padding: 2em 1.2em;
height: calc(100% - 10vw);
}
#covid_close_modal {
position: absolute;
display: block;
top: calc(5vw + 0.1em);
right: calc(5vw + 0.3em);
cursor: pointer;
font-size: 2.4rem;
}
.covid_modal_contents > p {
color: #0b346e;
font-weight: 900;
font-size: 1.6rem;
margin: 0 0 1em !important;
}
#covid_modal_area ul:nth-of-type(1) {
margin: 1em 0 2em 0;
}
.covid_modal_contents ul li {
position: relative;
height: unset !important;
padding: 0 0 0 1.5em !important;
}
.covid_modal_contents ul li::before {
top: 0em;
color: #e8b647;
box-shadow: unset;
font-family: "fontawesome";
content: "\f00C";
margin-right: 4px;
font-size: 1.8rem;
background: none !important;
left: 2px;
position: absolute;
}
@media only screen and (min-width: 480px) {
#trvl_sprt_copy { }
}
@media only screen and (min-width: 768px) {
#top_text {
top: 67% !important;
font-size: 3.0rem;
width: 9em;
text-shadow: 0px 2px 2px rgba(0,0,0,0.8);
}
#top_text.top_page {
text-shadow: none !important;
}
#top_text.top_page.show span {
animation: catch_blur_desktop 5s ease forwards;
-webkit-animation: catch_blur_desktop 5s ease forwards;
}
#open_copy {
top: 210px !important;
right: 8% !important;
}
#trvl_sprt_copy {
top: calc(210px + 13rem + 2rem) !important;
right: 6% !important;
}
#cntmsr_covid_btn {
padding: 0.8em 1em !important;
}
#cntmsr_covid_btn p {
font-size: 1.8rem !important;
padding-left: 3.2rem !important;
}
.covid_modal_contents {
padding: 2em 2em;
}
#covid_close_modal {
font-size: 2.8rem !important;
}
} #page-top {
right: 0px !important;
position: fixed;
z-index: 3;
}
#page-top a {
text-decoration: none;
width: 55px;
height: 55px;
text-align: center;
line-height: 55px;
padding: 0;
display: block;
}
#page-top a {
background: rgba(106,131,114, 0.6);
color: #fcfaf2;
border-radius: 0% !important;
}
#page-top span {
display: block;
width: 100%;
height: 100%;
}
#page-top span::before {
content: '';
display: block;
position: relative;
left: 50%;
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 26%;
width: 4px;
height: 30px;
border-radius: 2px;
background: #fcfaf2;
}
#page-top span::after {
content: '';
display: block;
position: relative;
left: 43%;
top: -37%;
width: 15px;
height: 15px;
border-top: 4px solid #fcfaf2;
border-right: 4px solid #fcfaf2;
border-radius: 2px;
-webkit-transform: rotate(-45deg) translateX(-50%);
transform: rotate(-45deg) translateX(-50%);
}
@media only screen and (min-width: 480px) {
#top_text {
left: 5rem !important;
}
}
@media only screen and (max-width: 767px) {
#page-top a {
width: 40px;
height: 60px;
}
}
@media only screen and (min-width: 768px) {
#page-top {
right: 20px !important;
}
#page-top a {
border-radius: 50% !important;
}
#page-top span::after {
left: 45% !important;
top: -40% !important;
}
#top_text {
left: 7% !important;
}       
} .entry-content {
font-size: 1.6rem;
padding: 0px !important;
overflow: unset;
}
.home #content, #content {
margin: 0px;
}
#inner-content {
padding: 0px;
margin: 0px;
box-shadow: unset;
}
.wrap {
width: 100%;
margin: 0px;
}
#main {
width: 100%;
padding: 0px;
margin: 0px;
}
a {
text-decoration: none;
outline: none;
}
a:focus, *:focus {
outline:none;
}
.page-full.wide #main {
margin: 0px;
}
#main .article header {
margin: 0px;
}
.entry-content ul li {
padding: 0px;
margin: 0px;
line-height: 200%;
}
#breadcrumb + #content { z-index: 0;
top: 0;
left : 0;
width: 100%;
}
body.page-template-page-lp #breadcrumb + #content {
position: unset;
}
.entry-content p {
margin: 0px 0px 2.4rem;
line-height: 200%;
}
.entry-content img {
margin: 0px;
max-width: 100% !important;
}
.entry-content img.aligncenter {
margin: 1.2rem 0px 1.2rem;
}
@media only screen and (max-width: 767px) {
#inner-content {
width: 100%;
overflow: hidden;
}
} #main_contents {
position: relative;
left: 0;
right: 0;
width: 100vw;
padding: unset;
margin: 0 auto;
}
h1 span, h2 span, h3 span {
display: inline-block;
}
#main_contents h1 {
background-color: #cb1b45;
color: #fcfaf2;
overflow: hidden;
font-weight: 700;
padding: 7px 0px 7px 15px;
position: relative;
font-size: 3.0rem;
margin: 40px 0px 30px 0px;
}
#main_contents h1::before {
background-color: #ffffff;
border-radius: 50%;
content: '';
display: block;
opacity: 0.6;
position: absolute;
top: -30px;
left: 0px;
width: 200px;
height: 200px;
}
#main_contents h1::after {
background-color: #ffffff;
border-radius: 50%;
content: '';
display: block;
opacity: 0.6;
position: absolute;
bottom: -53px;
left: 170px;
width: 100px;
height: 100px;
}
#main_contents h2{
background: unset;
box-shadow: unset;
color: #cc543a;
font-weight: 700;
font-size: 2.7rem;
padding: 0px;
clear: both;
display: block;
width: calc(90vw - 5rem);
}
#main_contents h3 {
color: #cc543a;
font-weight: 700;
font-size: 2.1rem;
margin: 9px 0px;
padding: 0px;
display: block;
border: unset;
}
#main_contents h4 {
font-weight: 700;
font-size: 2.1rem;
margin: 9px 0px;
padding: 0px;
display: inline-block;
border: unset;
}
#main_contents p, #main_contents figcaption {
font-size: 1.6rem;
margin: 0px;
overflow: hidden;
line-height: 200%;
}
#main_contents table {
border: 0pt;
}
#main_contents tr {
border-bottom: unset;
}
#main_contents td{
padding: 0pt;
border: 0pt;
background: unset;
}
#main_contents table {
margin-bottom: 0pt;
}
#main_contents table img {
margin-bottom: 14px;
}
.img_title_h2 {
position: relative;
height: 50px;
margin-bottom: 7px !important;
}
.img_title_h2 p {
display: inline;
}
.img_title_h2 .svg, .img_title_h2 element.style {
position: absolute;
display: block;
width: 5rem !important;
}
.img_title_h4 {
margin-bottom: 7px;
}
.img_title_h2 .img_title {
top: 0.5rem;
left: 5.8rem;
}
.img_title_h4 .img_title {
position: relative;
top: 0rem;
left: 0.4rem;
}
.img_title_h4 p {
display: inline;
}
.img_title_h4 .svg, .img_title_h4 element.style {
position: relative;
display: inline-block;
width: 4.5rem !important;
}
.title_img_h2 {
position: relative;
margin-bottom: 7px !important;
}
.title_img_h2 .svg {
position: absolute;
width: 5rem !important;
top: -0.3em;
}
.img_wide {
width: 48vw !important;;
}
.wide_margin_top {
margin-top: 40px !important;
}
.bold {
font-weight: 700;
}
.uline {
text-decoration: underline
}
.small {
font-size: 0.8em;
}
.centering {
text-align: center;
}
.hide {
display: none;
}
.margin-bottom-unset {
margin-bottom: unset !important;
}
#share_btn {
position: relative;
width: 90vw;
font-size: 1.6rem;
margin: 20px auto;
}
#share_btn > div {
position: absolute;
right: 0;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
padding: 10px 0px;
}
#share_btn p {
margin: 10px 0px;
display: inline-block;
}
.logo_link {
opacity: 0.85 !important;
text-decoration: none !important;
}
address {
font-style: normal !important;
line-height: 2.7rem;
}
.widget {
margin: 0 0 20px 0;
}
.widgettitle {
font-size: 1.6rem;
}
.widgettitle span {
padding: unset;
}
input::-webkit-input-placeholder {
font-family: 'Noto Serif JP', sans-serif;
}
input:-moz-placeholder {
font-family: 'Noto Serif JP', sans-serif;
}
input::-moz-placeholder {
font-family: 'Noto Serif JP', sans-serif;
}
input:-ms-input-placeholder {
font-family: 'Noto Serif JP', sans-serif;
}
.lp-containar {
max-width: unset !important;
box-shadow: unset !important;
}
#content.lp-wrap {
margin: 0px !important;
}
h1.page-title {
font-size: 3.0rem;
}
body.page-template-page-lp h1.page-title {
margin-bottom: 50px;
}
body.page-template-page-lp #main_contents {
margin: 0px auto 30px auto;
}
.sa {
opacity: 0;
transition: opacity 2s ease, -ms-transform 2s ease, -webkit-transform 2s ease, transform 2s ease;
}
.sa.show {
opacity: 1;
-ms-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
}
.sa.sa-scaleUpOver.show {
opacity: 1;
-ms-transform: scale(1.07) !important;
-webkit-transform: scale(1.07) !important;
transform: scale(1.07) !important;
}
.sa-lr {
-ms-transform: translate(-50px, 0);
-webkit-transform: translate(-50px, 0);
transform: translate(-50px, 0);
}
.sa-rl {
transform: translate(50px, 0);
-webkit-transform: translate(50px, 0);
transform: translate(50px, 0);
}
.sa-up {
-ms-transform: translate(0, 50px);
-webkit-transform: translate(0, 50px);
transform: translate(0, 50px);
}
.sa-down {
-ms-transform: translate(0, -50px);
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px);
}
.sa-scaleUp {
-ms-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.sa-scaleUpOver {
-ms-transform: scale(1.0);
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
.sa-scaleDown {
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.sa-rotateL {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.sa-rotateR {
-ms-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
@media only screen and (min-width: 480px) {
#main_contents {
width: 80vw !important;
}
#main_contents h2{
width: unset !important;
}
#share_btn {
width: 80vw !important;
}
}
@media only screen and (min-width: 768px) {   .title_img_h2 {
margin-bottom: 1em !important;
}
}
@media only screen and (min-width: 1100px) {
.lp-wrap .entry-content {
padding: unset !important;
}
} #breadcrumb {
z-index: 1;
position: absolute;
top: 100vh;
box-shadow: none;
max-height: 40px;
font-size: 1.4rem;
padding: 12px;
margin: 0px;
border-bottom: unset;
}
#breadcrumb ul {
margin: 0;
}
#breadcrumb li:first-child {
margin-left: 0;
}
#breadcrumb li {
float: left;
margin-left: 0.5em;
}
#breadcrumb li a {
color: #666;
text-decoration: none;
}
#breadcrumb li a:hover {
opacity: .5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
}
#breadcrumb li.bc_homelink a::before {
font-family: "fontawesome";
content: "\f015";
display: inline-block;
margin-right: 0.3em;
transform: scale(1.3);
color: #0b346e;
}
#breadcrumb .fa-home {
margin-right: 0.1em;
transform: scale(1.1);
}
#breadcrumb li:not(:last-child):after {
content: '/';
margin-left: 0.5em;
}
body.page-template-page-lp #breadcrumb {
top: 70px;
}
body.page-template-page-lp #breadcrumb li:before{
content: none;
}
@media only screen and (min-width: 768px) {
#breadcrumb {
top: 640px;
}
} #top_contents {
width: 100%;
height: 100vh;
background-color: #efcbc3;
text-align: center;
}
#reserve_info {
max-width: 95vw;
height: 100%;
display: inline-block;
padding: 2vh 0vw;
margin: 0 auto;
text-align: initial;
}
#reserve_info p {
margin: 0px;
line-height: unset;
}
#reserve_info form {
width: 100%;
height: 100%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: distribute;
align-content: space-around;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#reserve_info_unit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: distribute;
align-content: space-around;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0.5;
-ms-flex-positive: 0.5;
flex-grow: 0.5;
}
#reserve_datepicker .question{
display: block;
position: relative;
width: 2.5rem;
top: -2.6rem;
right: calc(-1.9rem*10);
}
#reserve_datepicker .question:before {
content: '\f059';
font-family: 'FontAwesome';
font-weight: 400;
color: #d67661;
font-size: 2.5rem;
line-height: 1;
top: -20px;
}
#reserve_datepicker .question ~ span{
position: absolute;
opacity: 0;
top: calc(2.5rem + 1.9rem);
left: calc(100vw - 1.9rem*18);
width: 230px;
padding: 10px;
background: #fcfaf2;
color: #333333;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.2em;
transition: 0.5s;
z-index: -5;
}
#reserve_datepicker .question:hover ~ span{
opacity: 0.8;
top: 2.5rem;
z-index: 5;
}
input#flatpickr {
display:none;
}
#reserve_datepicker .title {
color: #0b346e;
font-weight: 700;
font-size: 1.9rem;
height: 1.9rem;
}
.flatpickr-calendar {
background: unset !important;
-webkit-box-shadow: unset !important;
box-shadow: unset !important;
width: 259px !important;
margin: 0 auto;
}
.flatpickr-calendar::before, .flatpickr-calendar::after {
display: none !important;
}
input.cur-year {
font-weight: 700 !important;
color: rgba(0,0,0,1) !important;
}
.flatpickr-day {
height: 30px !important;
max-width: 30px !important;
line-height: 27px !important;
font-weight: 700 !important;
margin: 0px 3.5px !important;
}
.dayContainer {
width: 259px !important;
min-width: unset !important;
}
span.flatpickr-weekday {
max-width: 37px;
font-weight: 700 !important;
}
.flatpickr-months .flatpickr-month {
height: 40px !important;
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
background: #6c85a8 !important;
color: #fcfaf2 !important;
border-color: #6c85a8 !important;
}
.flatpickr-day.today:hover, .flatpickr-day.today:focus {
color: #545454 !important;
}
.numInputWrapper span.arrowUp, .numInputWrapper span.arrowDown {
display: none;
}
.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
width: 18px !important;
height: 18px !important;
}
.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
fill: #cc543a !important;
}
.flatpickr-current-month {
font-size: 1.9rem !important;
}
.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
font-size: 1.9rem;
}
.numInputWrapper:hover {
background: none !important;
}
.flatpickr-current-month span.cur-month:hover {
background: none !important;
}
.flatpickr-weekdaycontainer > .flatpickr-weekday:nth-child(1){ color: #cb1b45;
}
.flatpickr-weekdaycontainer > .flatpickr-weekday:nth-child(7){ color: #1255b4;
}
#reserve_info_items {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
#reserve_room_type {
font-size: 1.0rem;
display: inline-block !important;
margin: 2vh auto 0vh auto !important;
width: 90vw !important;
background-color: transparent !important;
position: relative !important;
cursor: pointer !important;
border-bottom: 3px solid rgba(0, 0, 0, 0.3) !important; }
#reserve_room_type::before {
position: absolute;
content: '\f063';
font-family: 'FontAwesome';
font-size: 1.7em;
color: #545454;
right: 18px;
top: calc(50% - 0.5em);
}
#reserve_room_type select {
border: unset;
background-image: unset;
}
#reserve_room_type select:active, #reserve_room_type select:focus {
background-color: unset;
}
#reserve_room_type.active::before {
-ms-transform: rotateX(-180deg);
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
select#room_type_selecter {
background-color: #efcbc3;
}
.sel__placeholder {
display: block;
font-size: 1.9rem;
color: #0b346e;
font-weight: 700;
padding: 0.2em 0.5em;
text-align: left;
pointer-events: none;
-ms-user-select: none;
user-select: none;
visibility: visible;
}
#reserve_room_type.active .sel__placeholder {
visibility: hidden;
}
.sel__placeholder::before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 0.2em 0.5em;
content: attr(data-placeholder);
visibility: hidden;
}
#reserve_room_type.active .sel__placeholder::before {
visibility: visible;
}
.sel__box {
position: absolute;
top: calc(100% + 3px);
left: -4px;
display: none;
list-style-type: none;
text-align: left;
font-size: 1em;
background-color: rgba(252,250,242,0.6);
width: calc(100% + 8px);
box-sizing: border-box;
}
#reserve_room_type.active .sel__box {
display: block;
z-index: 1;
animation: fadeInUp 500ms;
-webkit-animation: fadeInUp 500ms;
}
.sel__box__options {
display: list-item;
font-size: 1.9rem;
color: #0b346e;
padding: 0.35em 1em;
-ms-user-select: none;
user-select: none;
}
.sel__box__options::after {
content: '\f00c';
font-family: 'FontAwesome';
font-size: 0.8em;
margin-left: 7px;
display: none;
}
.sel__box__options.selected::after {
display: inline;
}
.sel__box__options:hover {
background-color: rgba(252,250,242,0.65);
}
@keyframes fadeInUp {
from {
opacity: 0;
-ms-transform: translate3d(0, 20px, 0);
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 1;
-ms-transform: none;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
#date_year, #date_month, #date_day, #rooms_count {
display:none;
}
#reserve_nights, #reserve_rooms_per_num {
display: inline-table;
border-bottom: 3px solid rgba(0, 0, 0, 0.3);
vertical-align: baseline;
}
#reserve_nights {
margin: 2vh 0vw 0vh 0vw;
}
#reserve_rooms_per_num {
margin: 2vh 0vw 0vh 5vw;
}   input#nights_count, #rooms_count, #per_num_count {
display: inline-block;
font-family: 'Noto Serif JP', sans-serif;
background-color: unset;
border: unset;
color: #0b346e;
font-weight: 700;
font-size: 1.9rem;
padding: 0;
text-align: center;
}
input#nights_count, #per_num_count, #rooms_count {
width: 1.5em !important;
margin: 0 0 0.4em 0;
}
.nights_count_down, .nights_count_up, .per_num_count_down, .per_num_count_up {
font-size: 2.4rem;
cursor: pointer;
margin: 0px 10px;
user-select: none;
-webkit-touch-callout: none;
-ms-user-select: none;
}
.nights_count_down, .per_num_count_down {
margin: 0px 3vw 0px 0px;
}
.nights_count_up, .per_num_count_up {
margin: 0px 0px 0px 3vw;
}
#reserve_nights .unit, #reserve_rooms_per_num .unit, #reserve_rooms_per_num .pre_unit {
color: #0b346e;
font-weight: 700;
font-size: 1.9rem;
}
#reserve_nights {
width: 42vw;
}
#reserve_rooms_per_num {
width: 42vw;
}
#reserve_nights div, #reserve_rooms_per_num div {
text-align: center;
}
#sel_room_img img {
width: 100%;
}
.rooms {
display: none;
opacity: 0;
}
.rooms.init {
display: block;
opacity: 0;
}
.rooms.active {
display: block;
opacity: 1;
animation-duration: 1.5s;
animation-name: fade-in;
-webkit-animation-duration: 1.5s;
-webkit-animation-name: fade-in;
}
@keyframes fade-in {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
}
100% {
display: block;
opacity: 1;
}
}
@-webkit-keyframes fade-in {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
}
100% {
display: block;
opacity: 1;
}
}
#modal_reserve_area_wrap, #ypro_form_kensaku_wrap {
position: relative;
width: 95vw;
max-width: 450px;
margin: 3vh auto 0 auto;
}
#ypro_form_kensaku_wrap {
left: -5vw;
top: 4rem;
}
#modal_reserve_area_wrap::before, #ypro_form_kensaku_wrap::before {
content:"";
display: block;
padding-top: 14.5%;
}
#modal_reserve_area, #ypro_form_kensaku {
position: absolute;
bottom: 25%;
left: 0;
width: 100%;
height: 75%;
overflow: hidden;
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#ypro_form_kensaku {
height: 120% !important;
}
#modal_reserve_area {
border-bottom: 1px solid #EFCBC3 !important;
}
#ypro_form_kensaku {
border-bottom: 1px solid #fcfaf2 !important;
}     #ypro_wrapper .ypro_search_box .ypro_search .ypro_form_parts .btn {
text-align: initial;
padding-top: unset;
padding-bottom: unset;
}
#modal_reserve_area:after, #ypro_form_kensaku:after {
content: '';
display: block;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #ffffff; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffefcbc3',gradienttype=0 ); z-index: 11;
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#modal_reserve_area:after {
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(252,232,131,0.3) 60%,rgba(239,203,195,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(252,232,131,0.3) 60%,rgba(239,203,195,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(252,232,131,0.3) 60%,rgba(239,203,195,1) 100%); }
#ypro_form_kensaku:after {
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(252,232,131,0.3) 60%,rgba(252,250,242,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(252,232,131,0.3) 60%,rgba(252,250,242,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(252,232,131,0.3) 60%,rgba(252,250,242,1) 100%); }
.wave {
position: absolute;
opacity: 0.4;
top: 80%;
left: 50%;
background: #009ee5;
width: 155%;
height: 1090%;
margin-left: -60%;
margin-bottom: -55%;
-ms-transform-origin: 50% 48%;
-webkit-transform-origin: 50% 48%;
transform-origin: 50% 48%;
border-radius: 41%;
animation: drift 17s infinite linear;
-webkit-animation: drift 17s infinite linear;
}
.wave.two {
animation: drift 37s infinite linear;
-webkit-animation: drift 37s infinite linear;
opacity: 0.2;
top: 70%;
margin-left: -111%;
width: 200%;
height: 1406%;
}
.wave.three {
animation: drift 21s infinite linear;
-webkit-animation: drift 21s infinite linear;
opacity: 0.3;
margin-left: -100%;
margin-bottom: -78%;
top: 90%;
width: 178%;
height: 1250%;
}
@keyframes drift {
from { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
from { -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
}
@-webkit-keyframes drift {
from { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
from { -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
}  #reserve_submit, #ypro_form_kensaku_button {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
-ms-transform: translateY(-25%) translateX(-25%);
color: #333333;
background: rgba(255,255,255, 0) !important;
letter-spacing: .1em;
font-size: 2.6rem !important;
border-radius: 0 !important;
padding: 0 !important;
font-family: 'Noto Serif JP', sans-serif;
cursor: pointer !important;
}     #reserve_submit:hover {
background: rgba(239,203,195, 0.4) !important;
color: #545454;
}
#ypro_form_kensaku_button:hover {
background: rgba(252,250,242, 0.4) !important;
color: #545454;
}  #reserve_submit, #ypro_form_kensaku_button {
position: absolute;
white-space: nowrap;
top: 50%;
left: 50%;
-ms-transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
#ypro_form_kensaku_button {
border: 0 !important;
}
#modal_reserve_area_best_rate {
margin-top: 1.5rem;
}
#modal_reserve_area_best_rate p, #ypro_form_kensaku_best_rate p {
color: #0b346e;
text-align: center;
font-weight: 700;
margin: 0px !important;
}
#sel_room_img {
width: 32vh;
vertical-align: top;
margin: 2vh auto 0vh;
background: rgba(236,184,138,0.4);
}
.modal_area {
display: none;
position: fixed;
z-index: 4;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.modal_bg {
width: 100%;
height: 100%;
background-color: rgba(32,32,32,0.3);
}
.modal_wrap {
position: absolute;
display: inline-block;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 80vw;
min-height: 80vh;
padding: 20px 35px;
background-color: #f8eacb;
}
.close_modal {
position: absolute;
top: 0.5rem;
right: 0.8rem;
cursor: pointer;
font-size: 2.1rem;
}
.scroll_contents {
overflow: auto;
height: 60vh;
margin: 15px 0px;
padding: 0px 10px;
background-color: #fcfaf2;
}
.modal_contents {
padding-top: 8px;
}
.modal_contents > p {
color: #0b346e;
font-size: 1.8rem;
}
.scroll_contents::-webkit-scrollbar {
width: 10px;
}
.scroll_contents::-webkit-scrollbar-track {
background: #efbac7;
}
.scroll_contents::-webkit-scrollbar-thumb {
background: #cb1b45;
}
.scroll_contents ul li {
position: relative;
padding: 0px 0px 14px 24.5px;
}
.scroll_contents ul li::before {
top: 0em;
color: #e8b647;
box-shadow: unset;
font-family: "fontawesome";
content: "\f00C";
margin-right: 4px;
font-size: 1.8rem;
}
@keyframes dothabottomcheck {
0% { height: 0; }
100% { height: calc(32px / 2);  }
}
@keyframes dothatopcheck {
0% { height: 0; }
50% { height: 0; }
100% { height: calc(32px * 1.2); }
}
@-webkit-keyframes dothabottomcheck {
0% { height: 0; }
100% { height: calc(32px / 2); }
}
@-webkit-keyframes dothatopcheck {
0% { height: 0; }
50% { height: 0; }
100% { height: calc(32px * 1.2); }
}
#agreement_check {
display: none;
}
#agreement_check_label {
height: 32px;
width: 32px;
background-color: transparent;
border: calc(32px * 0.1) solid #545454;
position: relative;
display: inline-block;
box-sizing: border-box;
transition: border-color ease 0.2s;
cursor: pointer;
-ms-user-select: none;
user-select: none;
}
#agreement_check_label.disabled {
border: calc(32px * 0.1) solid #cccccc;
cursor: not-allowed;
}
#agreement_check_label::before, #agreement_check_label::after {
box-sizing: border-box;
position: absolute;
height: 0;
width: calc(32px * 0.2);
background-color: #009ee5;
display: inline-block;
-ms-transform-origin: left top;
-webkit-transform-origin: left top;
transform-origin: left top;
border-radius: 5px;
content: ' ';
transition: opacity ease .5s;
}
#agreement_check_label::before {
top: calc(32px * 0.72);
left: calc(32px * 0.41);
box-shadow: 0 0 0 calc(32px * 0.05) #f8eacb;
-ms-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
#agreement_check_label::after {
top: calc(32px * 0.37);
left: calc(32px * 0.05);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
input[type=checkbox]:checked + #agreement_check_label, #agreement_check_label.checked {
border-color: #009ee5;
}
input[type=checkbox]:checked + #agreement_check_label::after, #agreement_check_label.checked::after {
height: calc(32px * 0.5);
-webkit-animation: dothabottomcheck .2s ease 0s forwards;
animation: dothabottomcheck .2s ease 0s forwards;
}
input[type=checkbox]:checked + #agreement_check_label::before, #agreement_check_label.checked::before {
height: calc(32px * 1.15);
-webkit-animation: dothatopcheck .4s ease 0s forwards;
animation: dothatopcheck .4s ease 0s forwards;
}
#agreement_check_label + p {
display: inline;
position: relative;
bottom: 0.5em;
left: 0.3em;
}
#agreement_check_label + p.disabled {
color: #8499B6;
}
.modal_contents > .notice {
font-size: 1.6rem;
margin-left: 42px;
color: #545454;
line-height: 70%;
}
.reserve_btn {
position: relative;
display: block;
border-left: solid 4px #009EE5;
border-right: solid 4px #009EE5;
color: #545454;
background: #ccebf9;
transition: background .4s;
width: 15vw;
height: 40px;
text-align: center;
margin: 25px auto 0px auto;
}
.reserve_btn.disabled {
border-left: solid 4px #B2E1F7;
border-right: solid 4px #B2E1F7;
background: #E5F5FC;
cursor: not-allowed;
}
.reserve_btn:hover {
background: #009EE5;
color: #fcfaf2;
}
.reserve_btn.disabled:hover {
border-left: solid 4px #B2E1F7;
border-right: solid 4px #B2E1F7;
background: #E5F5FC;
color: #545454;
}           #reserve_submit[disabled] {
cursor: not-allowed;
}
body.home #main_contents {
margin: 0px auto 0px auto;
}
#our_passion {
text-align: center;
margin: 20px auto;
width: 90vw;
}
#our_passion .catch {
font-size: 3.4rem;
}
#our_passion p {
margin: 20px auto 0px auto !important;
line-height: 250%;
font-size: 1.8rem;
}
#our_passion p:not(.catch) {
width: 19em;
}
#our_passion span {
display: inline-block;
}
#guests_photos img.pic {
max-width: unset !important;
}
#guests_photos .post-edit-link {
display: none;
}
#guests_photos > p {
padding-top: 1em;
text-align: center;
}
#name_meaning {
width: 90vw;
margin: 0px auto;
}
#name_meaning h1 {
background: unset;
color: #cc543a;
font-weight: 700;
font-size: 2.6rem;
padding: 0px;
margin: 60px 0px 0px 0px;
}
#name_meaning h1::before, #name_meaning h1::after {
display: none;
}
#name_desc {
display: block;
margin: 1.5em 0;
}
#name_desc > div {
display: block;
vertical-align: middle;
}
#name_desc img {
margin: 20px 10vw 15px;
display: block;
}
#name_desc .catch {
font-size: 2.1rem;
font-weight: 700;
}
#name_respect, #name_re-spect {
margin-bottom: 1.5em;
}
#name_respect p, #name_re-spect p {
line-height: 200%;
}
#room_info_desc, #functionalities_info_desc, #design_info_desc, #instagram_desc {
display: block;
margin: 0px auto 0px;
width: 90vw;
}
#room_info_desc p, #functionalities_info_desc p, #design_info_desc p, #instagram_desc > p, #owner_intro p {
margin-bottom: 1em;
}
#room_info_desc li {
padding: 0 0 0 1em;
}
#room_info_desc li::before {
display: block;
content: '';
position: relative;
background-color: #545454;
top: 1.2em;
left: -1em;
width: 4px;
height: 4px;
border-radius: 50%;
}
#room_info_img {
margin-bottom: 30px;
width: 100vw;
}
#functionalities_info_img {
margin-bottom: 30px;
width: 100vw;
height: 100vw;
}
#design_info_img {
margin: 30px auto;
width: 100%;
}
#design_info_img ul {
letter-spacing: -0.4em;
}
#design_info_img .design_info_pic2, #design_info_img .design_info_pic3 {
display: inline-block;
width: 50%;
}
#functionalities_info_img {
display: grid;
grid-template-areas:
"f_img1 f_img2"
"f_img3 f_img4";
grid-template-rows: 1fr calc(var(--row_overlap)* 1%) 1fr;
grid-template-columns: 1fr calc(var(--col_overlap)* 1%) 1fr;
--row_overlap: 12;
--col_overlap: 23.6;
}
#functionalities_info_img .grid_img {
position: relative;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
}
#functionalities_info_img .grid_img:nth-child(1) {
grid-area: f_img1;
grid-row: 1 / span 2;
grid-column: 1 / span 2;
clip-path: polygon(0% 0%, 100% 0%, 100% 88.78%, 0% 100%);
}
#functionalities_info_img .grid_img:nth-child(2) {
grid-area: f_img2;
grid-row: 1 / span 2;
grid-column: 3 / span 1;
clip-path: polygon(0% 0%, 100% 0%, 100% 81.83%, 0% 88.78%);
}
#functionalities_info_img .grid_img:nth-child(3) {
grid-area: f_img3;
grid-row: 2 / span 2;
grid-column: 1 / span 1;
clip-path: polygon(0% 18.15%, 100% 11.20%, 100% 100%, 0% 100%);
}
#functionalities_info_img .grid_img:nth-child(4) {
grid-area: f_img4;
grid-row: 2 / span 2;
grid-column: 2 / span 2;
clip-path: polygon(0% 11.20%, 100% 0%, 100% 100%, 0% 100%);
}
#owner_info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#owner_info_img {
margin-bottom: 1.5em;
}
#owner_info .profile_pic figure {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
#owner_info .profile_pic figure img {
width: 40vw;
max-width: 200px !important;
border-radius: 50%;
border: 2px solid #fcfaf2;
margin-left: 5vw;
position: absolute;
-ms-transform: translateY(-70%);
-webkit- transform: translateY(-70%);
transform: translateY(-70%);
}
#owner_info .profile_pic figure figcaption {
font-size: 2.1rem;
font-weight: 700;
margin-left: 0.3em;
line-height: 1.3;
margin: 0.3em 0 0 47vw;
}
#owner_info .profile_pic figure figcaption span {
font-weight: 500;
}
#owner_info_desc {
margin: 0px auto 0px;
width: 90vw;
}
#owner_info_desc div:first-of-type {
margin-bottom: 1em;
}
#instagram > div:first-child {
background-color: #cb1b45;
color: #fcfaf2;
overflow: hidden;
font-weight: 700;
padding: 7px 0px 7px 15px;
position: relative;
font-size: 3.0rem;
margin: 40px 0px 30px 0px;
}
#instagram > div:first-child .svg  {
position: relative;
display: block;
width: 1.3em !important;
}
#instagram > div:first-child h1 {
left: 1.8em;
top: -1.5em;
position: absolute;
display: block;
background-color: unset;
}
#instagram > div:first-child::before {
background-color: #ffffff;
border-radius: 50%;
content: '';
display: block;
opacity: 0.6;
position: absolute;
top: -30px;
left: 0px;
width: 200px;
height: 200px;
}
#instagram > div:first-child::after {
background-color: #ffffff;
border-radius: 50%;
content: '';
display: block;
opacity: 0.6;
position: absolute;
bottom: -53px;
left: 170px;
width: 100px;
height: 100px;
}
#instagram > div:first-child h1::before {
content: none;
}
#instagram > div:first-child h1::after {
content: none;
} #sb_instagram {
max-width: 800px !important;
}
#sb_instagram #sbi_images {
padding: unset !important;
}
#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a {
-moz-border-radius: unset !important;
-webkit-border-radius: unset !important;
border-radius: unset !important;
}
#sb_instagram.sbi_palette_custom_1 #sbi_load .sbi_follow_btn a:after {
content: none !important;
}
#sb_instagram .sbi_follow_btn svg {
margin-right: 2px !important;
}
#sb_instagram #sbi_load .sbi_follow_btn {
margin-left: 6vw !important;
}         #sb_instagram a[target="_blank"]:after {
content: none;
}
@media only screen and (min-width: 920px) {         } #room_info_img ul, #design_info_img ul {
position: relative;
width: 100%;
margin: unset;
}
.slide_room_item {
position: absolute !important;
top: 0;
left: 50%;
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 100% !important;
max-width: 450px;
}
.slide_room_item img {
width: 100%;
height: 100%;
}
.slide_room_item::before {
display: none !important;
}
.slide_room_item figure {
position: relative;
opacity: 0;
transition: opacity 1.5s ease-out, transform 1.5s ease, -webkit-transform 1.5s ease, -ms-transform 1.5s ease;
}
.slide_room_item.show figure {
opacity: 1;
}
.slide_room_item figcaption {
position: absolute;
bottom: 0;
background: rgba(11,52,110,0.8);
color: #fcfaf2;
padding: 1px 10px;
}
#news h2 {
display: inline-block;
font-size: 2.1rem;
padding-bottom: 5px;
}
#news section {
padding: 0px 5vw;
}
.wp-show-posts-inner {
margin: 0 0 35px 0 !important;
}
.wp-show-posts-entry-meta {
font-size: 1.4rem !important;
}
.wp-show-posts-entry-content, .wp-show-posts-entry-summary {
font-size: 1.6rem;
}
.wp-show-posts-image img {
max-width: 90% !important;
}
#room_detail_btn, .room_reserve_btn {
border: 0;
font-weight: 700;
position: relative;
height: 40px;
text-align: center;
box-sizing: border-box;
-ms-user-select: none;
user-select: none;
cursor: default;
overflow: hidden;
}
#room_detail_btn {
width: 200px;
margin: 25px auto;
font-size: 1.6rem;
}
.room_reserve_btn {
width: 200px;
margin: 0 auto;
font-size: 1.6rem;
}
#room_detail_btn:hover, .room_reserve_btn:hover {
cursor: pointer;
}
#room_detail_btn div, .room_reserve_btn div {
position: absolute;
width: 100%;
height: 100%;
box-sizing: border-box;
}
#room_detail_btn a, .room_reserve_btn a {
display: block;
position: relative;
line-height: 40px;
}
#room_detail_btn div:nth-child(1), .room_reserve_btn div:nth-child(1) {
border: #009ee5 solid 2px;
line-height: 36px;
}
#room_detail_btn:hover div:nth-child(1), #room_detail_btn:active div:nth-child(1), .room_reserve_btn:hover div:nth-child(1), .room_reserve_btn:active div:nth-child(1) {
border: unset;
opacity: 0;
}
#room_detail_btn div:nth-child(2), .room_reserve_btn div:nth-child(2) {
background: #009ee5; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b9d2f7',GradientType=1 ); background: -moz-linear-gradient(left, rgba(0,158,229,0.5) 0%, rgba(0,158,229,1) 100%); background: -webkit-linear-gradient(left, rgba(0,158,229,0.5) 0%, rgba(0,158,229,1) 100%); background: linear-gradient(to right, rgba(0,158,229,0.5) 0%, rgba(0,158,229,1) 100%); transition: all 0.3s ease;
}
#room_detail_btn div:nth-child(2) {
width: 230px;
transform: translate(-250px, 0px) skewX(30deg);
-webkit-transform: translate(-250px, 0px) skewX(30deg);
-ms-transform: translate(-250px, 0px) skewX(30deg);
}
.room_reserve_btn div:nth-child(2) {
width: 230px;
transform: translate(-250px, 0px) skewX(30deg);
-webkit-transform: translate(-250px, 0px) skewX(30deg);
-ms-transform: translate(-250px, 0px) skewX(30deg);
}
#room_detail_btn:hover div:nth-child(2), #room_detail_btn:active div:nth-child(2), .room_reserve_btn:hover div:nth-child(2), .room_reserve_btn:active div:nth-child(2) {
transition: all 0.5s ease;
transform: translate(-15px, 0px) skewX(30deg);
-webkit-transform: translate(-15px, 0px) skewX(30deg);
-ms-transform: translate(-15px, 0px) skewX(30deg);
}
#room_detail_btn div:nth-child(3), .room_reserve_btn div:nth-child(3) {
color: #fcfaf2;
line-height: 40px;
transition: left 0.3s ease;
}
#room_detail_btn div:nth-child(3) {
left: -200px;
}
.room_reserve_btn div:nth-child(3) {
left: -200px;
}
#room_detail_btn:hover div:nth-child(3), #room_detail_btn:active div:nth-child(3), .room_reserve_btn:hover div:nth-child(3), .room_reserve_btn:active div:nth-child(3) {
left: 0px;
transition: left 0.5s ease;
}
@media only screen and (min-width: 480px) {
#reserve_info {
max-width: 90vw !important;
padding: 40px 0px !important;
}
#reserve_info_items {
width: 375px;
margin: 0 auto;
}
#reserve_datepicker .question {
top: -3.1rem !important;
right: calc(-2.1rem*10) !important;
}
#reserve_datepicker .question ~ span{
top: calc(1.9rem) !important;
left: calc(200px + (100vw - 450px) * 0.2) !important;
}
#reserve_datepicker .question:hover ~ span{
top: 0rem !important;
}
#reserve_datepicker .title {
font-size: 2.1rem !important;
}
.flatpickr-current-month {
font-size: 2.1rem !important;
}
.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
font-size: 2.1rem !important;
}
.sel__placeholder, .sel__box__options {
font-size: 2.1rem !important;
}
#nights_count, #per_num_count, #reserve_nights .unit, #reserve_rooms_per_num .unit, #reserve_rooms_per_num .pre_unit {
font-size: 2.1rem !important;
}
#reserve_room_type {
width: 375px !important;
}
#reserve_nights {
width: 19rem !important;
}
#reserve_rooms_per_num {
width: 19rem !important;
}
.nights_count_down, .per_num_count_down {
margin: 0px 15px 0px 0px !important;
}
.nights_count_up, .per_num_count_up {
margin: 0px 0px 0px 15px !important;
}
#our_passion {
width: unset !important;
}    
#our_passion p:not(.catch) {
width: 21em !important;
}
#name_meaning {
width: unset !important;
}
#name_desc img {
max-width: 360px !important;
}
#room_info, #functionalities_info {
width: 100% !important;
}
#news section {
padding: unset !important;
}
#room_info_desc, #design_info_desc, #instagram_desc {
width: 100% !important;
}
#functionalities_info_desc {
width: 100% !important;
}
#room_info_img {
width: 100% !important;
}
#functionalities_info_img {
width: 100% !important;
height: 80vw !important;
}
#owner_info_desc {
width: 80vw !important;
}
#owner_info .profile_pic figure img {
margin-left: 2vw !important;
-ms-transform: translateY(-60%) !important;
-webkit- transform: translateY(-60%) !important;
transform: translateY(-60%) !important;
}
#owner_info .profile_pic figure figcaption {
margin: 0.5em 0 0 calc(4vw + 200px) !important;
}
}
@media only screen and (min-width: 768px), only screen and (max-height: 479px), only screen and (min-height: 812px) {
#top_contents {
height: unset !important;
}
}
@media only screen and (min-width: 640px) and (max-height: 479px) {
#reserve_info {
padding: 20px 0px !important;
}
#reserve_room_type {
margin: 6vh auto 0vh auto !important;
}
#reserve_info_items {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
#reserve_nights {
margin: 4vh 0vw 0vh 0vw !important;
}
#reserve_rooms_per_num {
margin: 4vh 0vw 0vh 8vw !important;
}
#sel_room_img {
width: 40vw !important;
margin: 6vh auto 0vh !important;
}
#modal_reserve_area_wrap {
width: 380px !important;
height: 55px !important;
margin: 6vh auto 0 auto !important;
}
}
@media only screen and (min-width: 768px) {
#reserve_info {
padding: unset !important;
}
#reserve_info form {
-webkit-box-orient: unset !important;
-webkit-box-direction: unset !important;
-ms-flex-direction: unset !important;
flex-direction: unset !important;
}
#reserve_datepicker .question ~ span {
top: calc(2.5rem + 1.9rem * 2 + 30px) !important;
left: calc(5vw) !important;
}
#reserve_datepicker .question:hover ~ span {
top: calc(2.5rem + 1.9rem + 30px) !important;
}
#reserve_datepicker {
padding: 40px 2vw 40px 0vw !important;
}
.flatpickr-calendar {
margin: 1vh 0vw 0vh 0vw!important;
}
#reserve_info_items {
text-align: unset !important;
width: 375px;
margin: 0 2vw;
}
#reserve_room_type {
margin: 0px 2vw 0px 2vw !important;
}
#reserve_nights {
margin: 1.5vh 0 0 0 !important;
}
#reserve_rooms_per_num {
margin: 1.5vh 0 0 0 !important;
}
.nights_count_down, .per_num_count_down {
margin: 0px 1rem !important;
}
.nights_count_up, .per_num_count_up {
margin: 0px 1rem !important;
}
#sel_room_img {
margin: 2vh auto 1.5vh auto !important;
width: 250px !important;
}
#modal_reserve_area_wrap {
position: unset !important;
width: unset !important;
margin: unset !important;
}
#modal_reserve_area {
left: calc(259px + 4vw);
bottom: 5vh;
width: 380px !important;
height: 55px !important;
}
#modal_reserve_area_best_rate {
position: absolute;
left: calc(259px + 4vw);
bottom: 2vh;
width: 380px;
}
#main_contents {
width: 80vw !important;
}
#our_passion .catch {
font-size: 3.8rem !important;
}
#our_passion p {
margin: 0px auto !important;
line-height: 300% !important;
font-size: 2.1rem !important;
}
#our_passion p:not(.catch) {
width: 30em !important;
}
#name_desc {
display: table !important;
}
#name_desc > div:first-child {
display: table-cell !important;
}
#name_desc > div:last-child {
display: table-cell !important;
width: auto;
}
#name_desc img {
display: unset !important;
width: 35vw;
min-width: unset !important;
max-width: 320px !important;
margin: 0 5vw 0 0 !important;
}
#functionalities_info {
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: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 20px auto !important;
column-gap: 5vw;
}
#room_info {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 20px auto !important;
column-gap: 5vw;
}
#room_info_img ul {
width: 35vw !important;
}
#room_info_desc_desc {
width: 40vw !important;
}
.slide_room_item {
left: 0 !important;
-ms-transform: unset !important;
-webkit-transform: unset !important;
transform: unset !important;
}
#room_info_img, #design_info_img {
width: unset !important;
max-width: 450px;
vertical-align: top;
margin-bottom: unset !important;
}
#functionalities_info_img {
width: 35vw !important;
height: 35vw !important;
max-width: 450px;
max-height: 450px;
vertical-align: top;
margin-bottom: unset !important;
aspect-ratio: 1;
}
#design_info_img {
width: unset !important;
}
#design_info > div {
display: table-cell;
}
#design_info_img ul {
width: 40vw !important;
padding: 0px 5vw 0px 0vw !important;
}
#owner_info {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
#owner_info_img {
width: 32vw;
}
#owner_info .profile_pic figure img {
-ms-transform: translateY(-30%) !important;
-webkit- transform: translateY(-30%) !important;
transform: translateY(-20%) !important;
margin-left: calc((32vw - 200px) / 2) !important;
}
#owner_info .profile_pic figure figcaption {
margin: 160px auto 0 auto !important;
text-align: center !important;
}
#owner_info_desc {
width: 43vw !important;
margin: 0px 0px 0px 5vw !important;
}
.wp-show-posts-inner {
margin: 0 0 3vw 3vw !important;
}
.wp-show-posts-image img {
max-width: 100% !important;
}
}
@media only screen and (min-width: 1024px) {
#reserve_info {
width: 90vw !important;
}
#reserve_info_items {
width: 420px !important;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
#reserve_info form {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
#reserve_info_unit {
-webkit-box-pack: unset !important;
-ms-flex-pack: unset !important;
justify-content: unset !important;
}
#reserve_nights, #reserve_rooms_per_num {
margin: 3vh 0 0 0 !important;
}
#sel_room_img {
position: absolute !important;
left: calc(679px + 8vw);
width: calc(100vw - 18vw - 679px) !important;
max-width: 420px;
}
#modal_reserve_area {
width: 420px !important;
height: 65px !important;
bottom: 7vh !important;
}
#modal_reserve_area_best_rate {
bottom: 3vh !important;
}
#our_passion p {
margin: 0px auto 0px auto !important;
}
#name_meaning h1 {
margin: 80px 0px 0px 0px !important;
}
#design_info_img ul {
width: 35vw !important;
max-width: 450px;
}
div#design_info_desc {
width: 45vw !important;
}
}
@media only screen and (min-width: 1326px) {
#reserve_info {
width: 1210px !important;
}
} body.room_facility #top_img img {
object-position: 47% 50%;
font-family: 'object-position: 47% 50%;';
}
.room_facility_info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 12px;
}
#mix_dm .room_facility_info, #fe_dm .room_facility_info, #mid_pri .room_facility_info, #mix_dm_cht .room_facility_info, #fe_dm_cht .room_facility_info, #wide_pri .room_facility_info {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#mix_dm, #fe_dm, #mid_pri, #mix_dm_cht, #fe_dm_cht, #wide_pri {
width: 100vw;
margin: 0 auto;
}
#room h2 {
display: inline;
width: 90vw;
margin: 0 auto;
padding: 0 0.2em 0 5vw;
}
#mix_dm_cht_title p, #fe_dm_cht_title p {
margin: 0.5em auto;
width: 90vw;
color: #0b346e;
font-weight: 700;
}
.room_facility_desc .sa-room {
-ms-transform: translate(50px, 0);
-webkit-transform: translate(50px, 0);
transform: translate(50px, 0);
}
.room_facility_img {
position: relative;
width: 100vw !important;
}
.room_facility_img::before {
content:"";
display: block;
padding-top: calc(100% / 3 * 2); }
.room_facility_img_content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.n2-section-smartslider {
height: 100%;
}
.n2-ss-align {
height: 100%;
}
.n2-padding {
height: 100%;
}
.n2-ss-slider  {
height: 100%;
width: 100% !important;
}
.n2-ss-swipe-element {
height: 100% !important;
width: 100% !important;
}
.room_facility_desc {
width: 90vw;
margin: 20px auto;
}
#shared_dining_title, #shared_living_title, #washstand_title, #washing_machine_title, #shared_dining_info .table_caption, #shared_living_info .table_caption, #washstand_info .table_caption, #facility section > div:last-child {
width: 90vw;
margin: 0px auto;
}
#facility section > div:last-child {
padding-top: 10px;
line-height: 200%;
}
#shared_dining_info, #shared_living_info, #washstand_info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#shared_dining_info figure:nth-child(n + 2), #shared_living_info figure:nth-child(n + 2), #washstand_info figure:nth-child(n + 2) {
margin-top: 25px;
}
#facility_misc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-around;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#facility_misc > section {
width: 100%;
}
.room_facility_img_vert {
display: block;
position: relative;
width: 60vw !important;
margin: 0 auto !important;
}
#facility .inline_img {
display: inline-block;
vertical-align: top;
}
#main_contents .table_caption {
margin: 2px auto 8px;
text-align: left;
font-weight: 700;
}
#facility_misc figure {
width: 100vw;
}
#facility_misc .img_title_h2{
width: 100vw;
padding: 0px 5vw;
margin: 0px 0px 12px 0px;
}
#facility_misc figcaption {
width: 100vw;
padding: 10px 5vw;
}
#service section {
width: 90vw;
margin: 0px auto;
}
#service li {
display: inline-block;
height: 60px;
margin: 0px 12px 10px 0px;
border-top: 1px solid #6a8372;
border-right: 5px double #6a8372;
border-bottom: 5px double #6a8372;
border-left: 1px solid #6a8372;
}
#service li::before {
content: none;
}
#service figure {
display: block;
text-align: center;
height: 54px;
}
#service img {
width: 53px;
}
#service ul img {
position: relative;
display: inline-block;
margin: 8px 12px 8px 8px;
width: 40px;
height: 40px;
}
#service figcaption {
display: inline-block;
position: relative;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
vertical-align: top;
margin-right: 8px;
font-size: 1.4rem;
font-weight: 700;
line-height: 2rem;
text-align: left;
}
#information ul {
margin: 30px 5vw;
}
#information ul li {
position: relative;
padding: 0px 0px 14px 22px;
}
#information ul li::before {
top: 0em;
color: #e8b647;
box-shadow: unset;
font-family: "fontawesome";
content: "\f00C";
margin-right: 4px;
font-size: 1.8rem;
}
#toll_service_title + ul {
margin-bottom: 0;
}
@media only screen and (max-width: 480px) {
.entry-content h2 {
margin-left: unset;
margin-right: unset;
}
}
@media only screen and (min-width: 480px) {
#room h2 {
padding: 0 0.2em 0 0 !important;
}
#mix_dm, #fe_dm, #mid_pri, #mix_dm_cht, #fe_dm_cht, #wide_pri {
width: 80vw !important;
}
#mix_dm_cht_title p, #fe_dm_cht_title p {
width: 100% !important;
}
.room_facility_img {
width: 80vw !important;
}
.room_facility_img_vert {
width: calc(80vw * 0.67) !important;
}
.room_facility_desc {
width: 80vw !important;
}
#shared_dining_title, #shared_living_title, #washstand_title, #shared_dining_info .table_caption, #shared_living_info .table_caption, #washstand_info .table_caption, #facility section > div:last-child {
width: 80vw !important;
}
#facility_misc .img_title_h2, #facility_misc figcaption {
width: 80vw !important;
}
#facility_misc figcaption {
padding: 10px 0vw !important;
}
#facility_misc .img_title_h2 {
padding: unset !important;
}
#facility_misc figure {
width: 80vw !important;
}
#service section {
width: 80vw !important;
}
#information ul {
margin: 30px 0vw !important;
}
#information ul li {
padding: 0px 0px 14px 24.5px !important;
}
}
@media only screen and (min-width: 768px) {
#mix_dm, #fe_dm, #mid_pri, #mix_dm_cht, #fe_dm_cht {
width: usnet !important;
margin: unset !important;
}              #fe_dm .room_facility_info, #mid_pri .room_facility_info, #fe_dm_cht .room_facility_info  {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
#mix_dm .room_facility_info, #mix_dm_cht .room_facility_info {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
} #mix_dm .room_facility_info, #fe_dm .room_facility_info, #mid_pri .room_facility_info, #mix_dm_cht .room_facility_info, #fe_dm_cht .room_facility_info {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}                      #fe_dm .room_facility_img.sa-room, #mid_pri .room_facility_img.sa-room, #fe_dm_cht .room_facility_img.sa-room {
-ms-transform: translate(-50px, 0);
-webkit-transform: translate(-50px, 0);
transform: translate(-50px, 0);
}
#mix_dm .room_facility_img.sa-room, #mix_dm_cht .room_facility_img.sa-room {
-ms-transform: translate(50px, 0);
-webkit-transform: translate(50px, 0);
transform: translate(50px, 0);
}
#fe_dm .room_facility_desc .sa-room, #mid_pri .room_facility_desc .sa-room, #fe_dm_cht .room_facility_desc .sa-room {
-ms-transform: translate(50px, 0);
-webkit-transform: translate(50px, 0);
transform: translate(50px, 0);
}
#mix_dm .room_facility_desc .sa-room, #mix_dm_cht .room_facility_desc .sa-room {
-ms-transform: translate(-50px, 0);
-webkit-transform: translate(-50px, 0);
transform: translate(-50px, 0);
}     #mix_dm .room_reserve_btn, #mix_dm_cht .room_reserve_btn {
left: 42vw;
} #reserve_info_unit {
width: calc(375px + 4vw);
padding: 40px 0vw 100px 0vw;
}
.room_facility_img {
width: 38vw !important;
}
.room_facility_img_vert {
width: calc(38vw * 0.67) !important;
}
.room_facility_desc {
width: 38vw !important;
margin: unset !important;
}
.room_reserve_btn {
margin: 3vw auto 0px 0px !important;
}
#facility h1 {
margin: 10px 0px 30px 0px !important;
}
#shared_dining_info, #shared_living_info, #washstand_info {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
#shared_dining_info figure:nth-child(n + 2), #shared_living_info figure:nth-child(n + 2), #washstand_info figure:nth-child(n + 2) {
margin-top: unset !important;
}
#facility_misc {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
#facility_misc > section {
width: 38vw !important;
}
#main_contents .table_caption {
margin: 2px 0px 8px !important;
}
#shared_dining_title, #shared_living_title, #washstand_title, #shared_dining_info .table_caption, #shared_living_info .table_caption, #washstand_info .table_caption, #facility section > div:last-child {
width: unset !important;
}
#facility_misc .img_title_h2, #facility_misc figcaption {
width: unset !important;
}
#facility_misc figure {
width: unset !important;
}
#service li {
height: 75px !important;
margin: 0px 20px 15px 0px !important;
}
#service figure {
height: 69px !important;
}
#service ul img {
margin: 10px 17px 10px 10px !important;
width: 49px !important;
height: 49px !important;
}
#service figcaption {
margin-right: 15px !important;
font-size: 1.6rem !important;
}
}
@media screen and (min-width:1024px) {
#reserve_room_type {
width: 420px !important;
}
} body.access #top_img img {
object-position: 65% 50%;
font-family: 'object-position: 65% 50%;';
}
#loc_overview {
margin-bottom: 15px;
}
#loc_overview {
width: 90vw;
margin: 0px auto;
}
.location_desc {
width: 90vw;
margin: 10px auto 0px auto;
}
#location .click_open {
color: #cc543a;
font-weight: 700;
font-size: 2.8rem;
display: block;
margin: 2px auto;
cursor: pointer;
width: 90vw;
}
#location .click_open:hover {
opacity: 0.7;
}
#location input {
display: none; }
#miyako_desc ~ div, #nishihara_desc ~ div {
height: 0;
overflow-y: hidden; transition: opacity 1.0s ease, height 1.0s ease, padding 1.0s ease;
opacity: 0;
width: 100vw;
}
#location input:checked ~ div {
height: auto;
padding: 10px 0px 15px 0px;
opacity: 1;
}
#location .click_open::before {
content: '\f0eb';
font-family: 'FontAwesome';
padding-right: 7px;
font-size: 3.0rem;
}
#location .click_open::after {
content: '\f103';
font-family: 'FontAwesome';
padding-left: 5px;
}
#location input:checked + .click_open::after {
content: '\f102';
}
.loc_info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.location_desc p.sa-loc {
-ms-transform: translate(-50px, 0);
-webkit-transform: translate(-50px, 0);
transform: translate(-50px, 0);
}
.location_img.sa-loc {
-ms-transform: translate(50px, 0);
-webkit-transform: translate(50px, 0);
transform: translate(50px, 0);
}
.location_img {
position: relative;
height: 100%;
}
.location_img img {
width: 100vw;
}
.location_img figcaption {
position: absolute;
bottom: 0;
background: rgba(11,52,110,0.8);
color: #fcfaf2;
padding: 1px 10px;
}
.location_img div {
position: absolute;
bottom: 0;
right: 0;
color: #545454;
padding: 1px 10px;
}
#traffic_info a {
font-weight: 700;;
}
#traffic_to_miyako + figure {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 15px;
}
#traffic_to_miyako {
width: 90vw;
margin: 0px auto !important;
}
.traffic_desc {
width: 90vw;
margin: 10px auto 0px auto !important;;
}
#traffic_info figure img {
width: 100vw;
}
#traffic_to_guesthouse {
width: 90vw;
height: auto;
margin: 0px auto 7px auto !important;
}
#address{
display: block;
position: relative;
width: 90vw;
margin: 25px auto;
padding: 0.7em 2em;
font-weight: 700;
border-top: solid 4px #009ee5;
border-bottom: solid 4px #009ee5;
}
#address:before, #address:after {
content: '';
position: absolute;
top: -10px;
width: 4px;
height: -webkit-calc(100% + 20px);
height: calc(100% + 20px);
background-color: #009ee5;
}
#address:before {
left: 10px;
}
#address:after {
right: 10px;
}
#address p {
margin: 0;
padding: 0;
}
#address span {
font-weight: 400;
}
#address a[target="_blank"]:after {
display: none;
}
#from_miyako_air_ckbox, #from_shimoji_air_ckbox {
display: none;
}
#traffic_from_miyako_air .click_open, #traffic_from_shimoji_air .click_open {
cursor: pointer;
}
#traffic_from_miyako_air .click_open::after, #traffic_from_shimoji_air .click_open::after {
content: '\f103';
font-family: 'FontAwesome';
padding-left: 0.2em;
}
#from_miyako_air_ckbox:checked + h3 .click_open::after, #from_shimoji_air_ckbox:checked + h3 .click_open::after {
content: '\f102';
}
.traffic_from_air {
display: block;
width: 90vw;
margin: 0px auto !important;
}
.traffic_to_guesthouse_contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 0;
overflow-y: hidden;
transition: opacity 1.0s ease, height 1.0s ease, padding 1.0s ease;
opacity: 0;
}
#from_miyako_air_ckbox:checked ~ .traffic_to_guesthouse_contents, #from_shimoji_air_ckbox:checked ~ .traffic_to_guesthouse_contents {
height: auto;
opacity: 1;
}
#traffic_info h3 {
width: 90vw;
padding-top: 5px;
margin: 15px auto 5px auto;
}
#miyako_air_map, #shimoji_air_map {
width: 100vw;
height: 400px;
margin-bottom: 15px;
}
#parking_info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#parking_map {
width: 100vw;
height: 75vw;
margin-bottom: 25px;
}
.gmap_cap {
display: block;
width: 90vw;
margin: 0px auto 10px auto !important;
}
.gm-svpc img {
position: unset !important;
}
.gm-style-mtc div[role=button] {
padding: 4px 10px !important;
}
.gm-style-mtc span[role=checkbox] img {
-ms-transform: translateY(-0.3em) !important;
-webkit-transform: translateY(-0.3em) !important;
transform: translateY(-0.3em) !important;
}
.bus_info {
padding: 10px;
}
.bus {
position: relative;
display: inline-block;
padding: 0px 30px;
height: 80px;
font-weight: 700;
margin-top: 10px;
}
#traffic_from_shimoji_air + div .bus {
margin-bottom: 2em;
}
.bus:before {
content: '';
position: absolute;
left: 50%;
top: 90%;
width: 70%;
height: 2px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #545454;
border-radius: 2px;
}
#traffic_from_shimoji_air + div .bus:nth-of-type(1):before {
top: calc(90% + 2em) !important;
}
.bus .bus_side {
position: absolute;
left: 30%;
top: 47%;
height: 35px;
}
#traffic_from_shimoji_air + div .bus:nth-of-type(1) .bus_side {
top: calc(47% + 2em) !important;
}
.bus .start {
position: absolute;
left: 20%;
top: 42%;
height: 40px;
}
.bus .end {
position: absolute;
right: 20%;
top: 42%;
height: 40px;
}
#traffic_from_shimoji_air + div .bus:nth-of-type(1) .start, #traffic_from_shimoji_air + div .bus:nth-of-type(1) .end {
top: calc(42% + 2em) !important;
}
#shops_info > div {
width: 90vw;
margin: 20px auto;
}
#shops_info section a {
color: #545454;
}
#shops_info section a span {
margin-left: 0.5em;
}
#shops_info section a:hover {
opacity: 0.7;
}
#shops_info section a:hover img {
opacity: unset !important;
}
#shops_info section a img {
width: 1.3em;
vertical-align: sub;
margin-right: 0.3em;
}
#shops_info section a[target="_blank"]:after {
content: none;
}
#shops_info ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: unset;
flex-wrap: unset;
}
#shops_info li {
width: 100%;
}   #tour_info_block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 30px;
}
#tour_info_block section {
width: 100vw;
margin-top: 30px;
}
#tour_info_block section div {
width: 100vw;
overflow: hidden;
}
#tour_info_block h2 {
width: 90vw;
margin: 0px auto;
display: block;
padding: 0px !important;
}
#tour_info_block img {
margin: 15px 0px;
}
#tour_info_block figcaption, #tour_info_block > p {
width: 90vw;
margin: 0px auto;
}
.distance_info {
font-weight: 700;
color: #0b346e;
}
@media only screen and (min-width: 480px) {
body.access #main_contents {
width: 100vw !important;
}
#location {
width: 100% !important;
}
#loc_overview, #traffic_info, #shops_info, #tour_info, .location_img {
width: 80vw !important;
margin: 0 auto;
}
#location h1 {
width: 80vw;
margin: 40px auto 30px auto !important;
}
.location_desc {
width: 80vw;
margin: 10px auto 0px auto;
}
#location section {
width: unset !important;
}
#location .click_open {
width: 80vw !important;
}
#miyako_desc ~ div, #nishihara_desc ~ div {
width: unset !important;
}
#traffic_to_miyako, .traffic_desc {
width: unset !important;
}
#traffic_to_guesthouse {
width: unset !important;
}
#address {
width: unset !important;
}
#address span {
font-weight: unset !important;
}
#address br {
display: none;
}
#address .hide {
display: inline !important;
}
#traffic_info h3 {
width: unset !important;
}
.traffic_from_air  {
width: unset !important;
}
.gmap_cap {
width: unset !important;
}
#miyako_air_map, #shimoji_air_map {
width: unset !important;
}
#parking_map {
width: unset !important;
}
#shops_info > div {
width: 80vw !important;
}
#tour_info_block section {
width: unset !important;
}
#tour_info_block figcaption, #tour_info_block > p {
width: 100% !important;
}
#tour_info_block h2 {
width: unset !important;
}
#tour_info_block section div {
width: unset !important;
}
}
@media only screen and (min-width: 768px) {
body.access #main_contents {
width: unset !important;
padding: unset !important;
}
#traffic_info, #tour_info {
width: calc(80vw + 100px) !important;
padding: 0px 50px !important;
}
#sugar_cane_img, #vege_fish_img, #miyako_jyofu_img, #myakuzutu_img {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
flex-direction: row !important;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#maehama_img, #paantu_img, #nishihara_img {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.loc_info {
width: 80vw;
margin: 0 auto;
}
.location_desc {
width: 35vw !important;
margin: unset !important;
}
#sugar_cane_img .location_desc, #vege_fish_img .location_desc, #miyako_jyofu_img .location_desc, #myakuzutu_img .location_desc {
padding: 0px 0vw 0px 2vw;
}
#maehama_img .location_desc, #paantu_img .location_desc, #nishihara_img .location_desc {
padding: 0px 2vw 0px 0vw;
}
#sugar_cane_img figure.sa-loc, #maehama_img p.sa-loc, #vege_fish_img figure.sa-loc, #paantu_img p.sa-loc, #miyako_jyofu_img figure.sa-loc, #nishihara_img p.sa-loc, #myakuzutu_img figure.sa-loc {
-ms-transform: translate(-50px, 0);
-webkit-transform: translate(-50px, 0);
transform: translate(-50px, 0);
}
#sugar_cane_img p.sa-loc, #maehama_img figure.sa-loc, #vege_fish_img p.sa-loc, #paantu_img figure.sa-loc, #miyako_jyofu_img p.sa-loc, #nishihara_img figure.sa-loc, #myakuzutu_img p.sa-loc {
-ms-transform: translate(50px, 0);
-webkit-transform: translate(50px, 0);
transform: translate(50px, 0);
}
.location_img {
width: 40vw !important;
margin: 0 !important;
}
#traffic_to_miyako + figure {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.traffic_desc {
width: 30vw !important;
margin: unset !important;
}
#address {
width: 440px !important;
margin: 25px 0px !important;
}
#miyako_air_map, #shimoji_air_map {
width: 40vw !important;
height: 40vw !important;
}
.traffic_to_guesthouse_contents {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
#parking_info {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
#parking_map {
width: 38vw !important;
height: 30vw !important;
margin-bottom: 15px !important;
}
#traffic_to_miyako + figure img {
width: 48vw !important;
}
#parking_info .location_img img {
width: 38vw !important;
}
#shops_info section {
padding-top: 1em;
}
#shops_info ul {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
#shops_info li {
width: 50% !important;
}
#tour_info_block {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
#tour_info_block section {
width: 38vw !important;
}
#tour_info_block section div {
width: 38vw !important;
}
} body.category-news #top_img img {
object-position: 44% 50%;
font-family: 'object-position: 44% 50%;';
}
body.archive #inner-content, body.category #inner-content {
overflow: hidden;
}
body.archive #main, body.category #main, body.single-post #main, body.search-results #main, body.search-no-results #main {
width: 100vw;
}
.archivettl {
display: none;
}
.top-post-list .post-list:before {
background: none !important;
}
.top-post-list .post-list a {
display: table;
padding: 2.5rem 0rem !important;
border-bottom: 2px dotted #ecb88a;
}
.top-post-list .post-list:first-child a {
border-top: 2px dotted #ecb88a;
}
.top-post-list .post-list:before {
content: "";
display: block;
position: absolute;
border-top: 4px solid;
border-color: #ecb88a;
opacity: 0;
width: 100%;
height: 2px;
top: 50%;
left: 0px;
}
.top-post-list .post-list:after {
content: "";
display: block;
position: absolute;
border-bottom: 4px solid;
border-color: #ecb88a;
opacity: 0;
width: 100%;
height: 2px;
bottom: 50%;
left: 0px;
}
.top-post-list .post-list:hover:before {
top: -1%;
opacity: 1;
transition: all 0.2s ease-out 0s;
}
.top-post-list .post-list:first-child:hover:before {
top: 0%;
opacity: 1;
transition: all 0.2s ease-out 0s;
}
.top-post-list .post-list:hover:after {
bottom: 0%;
opacity: 1;
transition: all 0.2s ease-out 0s;
}
.top-post-list .post-list .eyecatch {
display: table-cell;
float: unset;
overflow: unset;
vertical-align: middle;
padding-left: 5vw;
width: unset !important;
max-width: unset !important;
}
.top-post-list .entry-content {
display: table-cell !important;
vertical-align: middle;
width: 55%;
}
#sidebar1 {
width: 100vw;
padding: 1em 0;
}
.widget.widget_categories ul li, .widget.widget_recent_entries li, .widget.widget_nav_menu li, .widget.widget_pages li, .widget.widget_archive li, .widget.widget_mycategoryorder li {
border-bottom: 1px dotted rgba(236, 184, 138, 0.7);
background-color: unset;
padding: 0 5vw;
}
.wpp-meta, .post-stats {
font-size: 0.9em;
font-weight: 400;
color: #0b346e;
opacity: .5;
}
ul.wpp-list li {
border-bottom: 1px dotted rgba(236, 184, 138, 0.7);
padding: 0 5vw;
}
ul.wpp-list li:last-child {
border-bottom: none;
}
.archivettl h1 {
color: rgba(255,255,255,0);
border-bottom: unset;
margin: 0px;
padding: 0px;
}
.np-post, .related-box, .authorbox {
margin: 0px auto;
width: 90vw;
font-size: 1.6rem;
}
.top-post-list {
margin: 0 auto 40px auto;
padding: 50px 0 0 0;
width: 100%;
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-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
body.search-no-results .top-post-list {
margin: 18px auto 0px auto;
}
.widget.widget_search input[type="search"] {
font-size: 1.4rem;
width: calc(100% - 22px) !important;
height: calc(100% - 6px);
}
.hentry {
left: 0;
right: 0;
margin: 80px auto 40px auto !important;
width: 90vw;
}
body.search-no-results .hentry {
margin: 18px auto 50px auto !important;
}
.single #main .article {
margin-bottom: 50px;
}
.cat-name {
position: absolute;
top: 0px;
right: 0;
background: rgba(11,52,110,0.8);
color: #fcfaf2;
font-size: 1.4rem;
padding: 0.1rem 0.8rem;
}
.wp-caption {
background: none;
border: none;
}
h1.single-title {
margin: 20px 0px;
font-size: 2.8rem !important;
}
h2.wp-block-heading {
box-shadow: unset;
font-size: 2.7rem;
padding: 0px;
margin: 40px 0px 30px 0px;
}
.wp-block-group p {
margin: 0px 0px 1em;
}
.wp-block-group ul {
margin: 0px 0px 1em;
}
.type-post ul li {
position: relative;
padding: 0 0 0 1.2em !important;
}
.type-post ul li::before {
top: 0.1em;
color: #6a8372;
font-family: "fontawesome";
content: "\f22d";
font-size: 1.7rem;
font-weight: bold;
left: 0em;
position: absolute;
box-shadow: none;
}
.top-post-list .post-list {
font-size: 1.6rem;
margin-left: unset !important;
margin-right: unset !important;
}
.top-post-list .post-list .entry-content {
padding: 0 5vw 0 2% !important;
}
.wp-block-image.staff_room_pic img {
width: 100%;
max-width: 640px !important;
}
.wp-block-image figcaption {
font-weight: 700;
}
.type-post .is-layout-grid {
gap: 1rem 3rem;
grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)) !important;
}
.type-post .is-layout-grid img {
padding: 3rem;
}
.type-post .is-layout-grid h3 {
border-left: unset;
margin: unset;
padding: unset;
font-size: 1.6rem;
font-weight: 900;
}
.type-post .is-layout-grid h4 {
margin: unset;
padding: unset;
font-weight: 900;
font-size: 1.6rem;
color: #cc543a;
}
.entry-title {
font-size: 1.8rem !important;
font-weight: 700;
color: #cc543a !important;
margin-bottom: 0.5em !important;
}
.byline .date, .byline .date:before, .byline .writer:before {
font-size: 1.6rem;
color: #0b346e;
font-weight: 700;
}
.byline .date:before {
content: "\f073";
}
#post_share_btn {
height: 35px;
width: 100%;
text-align: right;
margin-top: 15px;
}
#post_share_btn #atrsb {
margin-top: 30px;
}
#search-2 {
width: 90vw;
height: 35px;
margin: 0px auto 20px auto;
}
input[type="search"] {
height: 35px;
padding: 0px 8px !important;
}
#sidebar1 h4.widgettitle {
width: 90vw;
margin: 0px auto;
}
.widget.widget_search .searchform {
height: 35px;
max-width: unset;
}
.widget.widget_search button {
padding: unset;
right: 1.2rem;
font-size: 1.8rem;
}
.widget_recent_entries .widgettitle span:before {
font-family: "fontawesome";
content: "\f0eb";
margin-right: 4px;
font-size: 1.8rem;
}
.popular-posts .widgettitle span:before {
font-family: "fontawesome";
content: "\f005";
margin-right: 4px;
font-size: 1.8rem;
}
.widget_archive .widgettitle span:before {
font-family: "fontawesome";
content: "\f073";
margin-right: 4px;
font-size: 1.8rem;
}
.widget_categories .widgettitle span:before {
font-family: "fontawesome";
content: "\f02c";
margin-right: 4px;
font-size: 1.8rem;
}
.widget.widget_categories li a, .widget.widget_archive li a {
padding: 0.5em 1.2em 0.5em 0.3em;
}
.widget.widget_categories li a, .widget.widget_recent_entries li a, .widget.widget_nav_menu li a, .widget.widget_pages li a, .widget.widget_archive li a, .widget.widget_mycategoryorder li a {
font-size: 1.4rem;
}
.widget li a:hover:after {
right: 0px;
}
.popular-posts .widgettitle {
margin-bottom: 0;
}
#categories-2 {
margin: unset !important;
}
ul.wpp-list li a:before {
content: none;
}
.wpp-list a:after {
font-family: "fontawesome";
content: '\f054';
position: absolute;
right: calc(0.2em + 5vw);
font-size: 1em;
top: 50%;
margin-top: -0.5em;
}
.wpp-list a:hover:after {
right: 0px;
-ms-transform: translate(1px, 0);
-webkit-transform: translate(1px, 0);
transform: translate(1px, 0);
}
.wpp-list a {
display: inline-block;
padding: 1em 1.2em 1em 0.3em;
font-size: 1.4rem;
width: 100%;
}
.wpp-list time {
padding: 0 0.3em;
font-size: 0.9em;
opacity: .5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
display: inline-block;
}
.wpp-list li {
padding-bottom: unset !important;
}
.single .byline {
position: relative;
}
.single .byline .cat-name{
left: unset;
top: unset;
-ms-transform: rotate(0);
-webkit-transform: rotate(0);
transform: rotate(0); position: absolute;
right: 0px;
top: 0px;
background: rgba(11,52,110,0.8);
color: #fcfaf2;
font-size: 1.4rem;
padding: 1px 10px;
}
.cat-name:before, .byline .cat-name:before {
font-family: "fontawesome";
content: "\f02b";
margin-right: 5px;
-ms-transform: unset;
-webkit-transform: unset;
transform: unset;
}
.np-post {
margin-bottom: 40px;
}
.np-post a {
font-size: 1.4rem;
}
.np-post .date {
display: inline-block;
font-size: 0.9em;
opacity: .5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
margin-left: 0.2em;
}
.np-post-list .np-post-info {
display: table-cell;
vertical-align: middle;
text-align: left;
padding: 0px 4%;
}
.np-post-list .attachment-thumbnail {
width: 100%;
}
.np-post-list.prev .attachment-thumbnail { }
.np-post-list.next .attachment-thumbnail { }
.np-post a .ttl {
display: unset;
font-size: 0.9em;
}
.prev.np-post-list a {
display: table;
}
.next.np-post-list a {
display: table;
}
.np-post .prev {
border-top: solid 1px #6a8372;
border-bottom: solid 1px #6a8372;
border-right: solid 0.5px #6a8372;
}
.np-post .next {
text-align: right;
border-top: solid 1px #6a8372;
border-bottom: solid 1px #6a8372;
border-left: solid 0.5px #6a8372;
}
.np-post .navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.np-post .np-post-list{
display: table-cell;
vertical-align: top;
width: 50%;
}
.np-post .eyecatch {
height: 100px;
padding: unset;
width: 36% !important;
}
.np-post-list.prev .eyecatch {
padding: 0px 0px 0px 20px;
}
.np-post-list.next .eyecatch {
padding: 0px 20px 0px 0px;
}
.np-post-list .home_link img {
width: 50px !important;
}
.np-post .prev a .eyecatch:before {
content: '\f100';
left: 0;
font-size: 1.8rem;
padding: unset;
top: calc(50% - 1em);
left: 4%;
}
.np-post .next a .eyecatch:after {
content: '\f101';
right: 0;
font-size: 1.8rem;
padding: unset;
top: calc(50% - 1em);
right: 4%;
}
.np-post .prev a:hover .eyecatch:before {
left: 0%;
}
.np-post .next a:hover .eyecatch:after {
right: 0%;
}
#post-not-found h1:before {
content: '\f071';
font-family: 'FontAwesome';
margin-right: 8px;
}
@media only screen and (max-width: 480px) {
.top-post-list .post-list a {
padding: 2.5rem 0rem;
}
.top-post-list .post-list {
margin-left: unset !important;
margin-right: unset !important;
}
.top-post-list .post-list .eyecatch {
max-height: unset !important;
}
.top-post-list .post-list .eyecatch {
max-height: unset !important;
}
}
@media only screen and (max-width: 767px) {
#sidebar1 {
float: none;
padding: none !important;
}
}
@media only screen and (min-width: 480px) {
#sidebar1 {
width: 80vw !important;
margin: 0 auto !important;
}
.top-post-list {
width: 80vw !important;
}
.top-post-list .post-list a {
width: 100%;
margin: 0 auto;
}
.top-post-list .post-list .eyecatch {
padding-left: unset !important;
}
.top-post-list .post-list .entry-content {
padding: 0 0 0 2% !important;
}
.entry-title {
margin-bottom: 0.3em !important;
}
#search-2 {
width: unset !important;
}
.widget.widget_categories ul li, .widget.widget_recent_entries li, .widget.widget_nav_menu li, .widget.widget_pages li, .widget.widget_archive li, .widget.widget_mycategoryorder li {
padding: unset !important;
}
#sidebar1 h4.widgettitle {
width: unset !important;
}
.hentry {
width: 80vw !important;
}
ul.wpp-list li {
padding: unset !important;
}
.wpp-list a:after {
right: 0.2em !important;
}
.np-post, .related-box, .authorbox {
width: 80vw !important;
}
}
@media only screen and (min-width: 768px) {
body.archive #main, body.category #main, body.single-post #main, body.search-results #main, body.search-no-results #main {
display: table-cell;
vertical-align: top;
float: unset;
width: 75vw !important;
padding: 0 4vw 0 10vw;
}
.top-post-list {
width: 100% !important;
padding: 80px 0 0 0 !important;
}
.top-post-list .post-list .eyecatch {
width: 42% !important;
max-width: 320px !important;
}
.top-post-list .post-list .entry-content {
padding: 0 0 0 3% !important;
}
.entry-title {
font-size: 2.1rem !important;
}
.widget ul li {
margin-bottom: unset;
}
#sidebar1 {
display: table-cell;
vertical-align: top;
float: unset;
width: 25vw !important;
padding: 80px 10vw 0 0;
}
#categories-2 {
margin: 0 0 20px 0 !important;
}
.top-post-list .post-list a {
width: 100%;
}
.top-post-list .entry-content {
position: unset !important;
width: unset !important;
-ms-transform: unset !important;
-webkit-transform: unset !important;
transform: unset !important;
}
.top-post-list .entry-content {
position: unset !important;
top: unset !important;
-webkit-transform: unset !important;
transform: unset !important;
}
.np-post, .related-box, .authorbox {
width: 61vw !important;
}
.hentry {
width: 61vw !important;
}
.np-post a .ttl {
font-size: 1em !important;
}
.np-post .eyecatch {
width: 30.6% !important;
}
.np-post-list .np-post-info {
padding: 0px 10px !important;
}
}
@media only screen and (min-width: 1166px) {
.single .byline .cat-name{
left: unset;
top: unset;
-ms-transform: rotate(0);
-webkit-transform: rotate(0);
transform: rotate(0); position: absolute;
right: 0px;
top: 0px;
background: rgba(11,52,110,0.8);
color: #fcfaf2;
font-size: 1.4rem;
padding: 1px 10px;
}
} body.contact.loaded #logo {
display: none;
}
body.contact .page .entry-title {
display: unset !important;
font-size: 2.8rem !important;
color: #545454 !important;
}
body.contact #main .article header {
width: 90vw;
padding-top: 30px;
margin: 0 auto !important;
}
body.contact #main_contents {
width: 90vw;
padding: 2rem 0 60px 0 !important;
}
body.contact #breadcrumb {
padding: 12px 5vw;
}
body.contact #main_contents p {
margin-bottom: 1rem;
}
#contact .contact_info {
margin-top: 40px
}
#contact ul {
margin: 0px
}
#contact li::before {
content: '';
position: relative;
background-color: #545454;
top: 1.2em;
left: -0.72em;
width: 5px;
height: 5px;
border-radius: 50%;
}
#contact li {
padding-left: 1em;
}
#contact label p {
font-weight: 400;
margin-bottom: 5px;
width: 400px;
}
#contact div[role="form"] {
margin-top: 20px;
}
#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact textarea {
width: 400px;
font-family: 'Noto Serif JP', sans-serif;
font-size: 1.6rem;
padding: 10px 10px;
margin-bottom: unset;
}
#contact textarea {
width: 100% !important;
}
#contact label {
display: block;
padding-top: 25px;
}
#contact input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
font-family: 'Noto Serif JP', sans-serif;
font-size: 2.1rem;
padding: 8px 20px;
background: #ecb88a;
color: #fcfaf2;
border-radius: unset;
margin: 20px auto 0px auto;
}
#contact .file_attach {
margin-top: 10px;
position: relative;
display: inline-block;
background: #767676;
color: #fcfaf2;
padding: 5px 12px;
}
#contact .your-file {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
#contact #attachment {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
#contact #file_name::before {
font-family: "fontawesome";
content: "\f0c6";
margin-right: 4px;
}
#contact span.required {
background-color: #0b346e;
font-size: 0.9em;
color: #fcfaf2;
padding: 0px 6px;
margin-left: 5px;
}
#contact span.optional {
background-color: #8499B6;
font-size: 0.9em;
color: #fcfaf2;
padding: 0px 6px;
margin-left: 5px;
}
#contact label + br {
display: none;
}
#contact span[role="alert"]:before {
font-family: "fontawesome";
content: "\f101";
margin-right: 4px;
}
#contact div.wpcf7-validation-errors, #contact div.wpcf7-acceptance-missing {
font-weight: 700;
border: 3px solid #f7e700;
margin: 25px 0px 0px 0px;
padding: 5px 10px;
color: #cb1b45;
}
#contact .wpcf7-spam-blocked {
font-weight: 700;
border: 3px solid #ffa500;
margin: 25px 0px 0px 0px;
padding: 5px 10px;
}
#contact .wpcf7-mail-sent-ok {
font-weight: 700;
border: 3px solid #398f14;
margin: 25px 0px 0px 0px;
padding: 5px 10px;
}
#contact span[role="alert"] {
color: #cb1b45
}
@media only screen and (min-width: 480px) {
body.contact #main .article header {
width: 80vw !important;
}
body.contact #breadcrumb {
padding: 12px 10vw !important;
}
}
@media only screen and (min-width: 768px) {
body.contact #inner-header, body.contact .header {
display: none !important;
}
body.contact #main_contents p {
margin-bottom: unset !important;
}
} body.name-logo.loaded #logo {
display: none;
}
body.name-logo .page .entry-title {
display: unset !important;
font-size: 2.8rem !important;
color: #545454 !important;
}
body.name-logo #main .article header {
width: 90vw;
padding-top: 30px;
margin: 0 auto !important;
}
body.name-logo #main_contents {
width: 90vw;
padding: 2rem 0 60px 0 !important;
}
body.name-logo #breadcrumb {
padding: 12px 5vw;
}
body.name-logo #main_contents span {
display: inline-block;
}
#about_name p, #about_logo p {
line-height: 200%;
margin-bottom: 2.4rem;
}
#about_logo img {
min-width: 150px;
width: 40vw;
max-width: 220px !important;
margin: 20px auto 2.4rem;
display: block;
}
#about_logo a:hover {
color: #8499b6;
}
#about_name h2, #about_logo h2 {
font-size: 2.8rem !important;
display: inline-block !important;
margin: 40px 0px 20px 0px !important;
}
#name_origin {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#name_origin img {
width: 100%;
max-width: 500px !important;
}
#logo_desc {
display: block;
}
#logo_desc > div {
display: block;
vertical-align: middle;
}
@media only screen and (min-width: 480px) {
body.name-logo #main .article header {
width: 80vw !important;
}
body.name-logo #breadcrumb {
padding: 12px 10vw !important;
}
}
@media only screen and (min-width: 768px) {
body.name-logo #inner-header, body.name-logo .header {
display: none !important;
}
#logo_desc {
display: table !important;
}
#logo_desc > div, #name_origin > div {
display: table-cell !important;
}
#about_logo img {
min-width: unset !important;
width: 25vw !important;
margin: 0px 7vw 0px 0px !important;
}
}
@media only screen and (min-width:1024px) {
#name_origin {
webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
#name_origin img {
width: 35vw;
margin-left: 4vw;
}
} body.about-us.loaded #logo {
display: none;
}
body.about-us .page .entry-title {
display: unset !important;
font-size: 2.8rem !important;
color: #545454 !important;
}
body.about-us #main .article header {
width: 90vw;
padding-top: 30px;
margin: 0 auto !important;
}
body.about-us #main_contents {
width: 90vw;
padding: 2rem 0 60px 0 !important;
}
body.about-us #breadcrumb {
padding: 12px 5vw;
}
body.about-us #main_contents p {
margin-bottom: 2.4rem;
}
#mission h2, #vision h2, #philosophy h2 {
font-size: 2.8rem !important;
display: inline-block !important;
margin: 40px 0px 20px 0px !important;
}
#mission .catch {
font-size: 2.6rem;
}
#philosophy figure {
margin-top: unset;
text-align: center;
}
#philosophy figcaption {
text-align: left;
}
#philosophy img {
min-width: 250px;
width: 80vw;
max-width: 440px !important;
margin: 25px auto;
}
#philosophy ul {
margin: 0px;
}
#philosophy li {
padding-left: 1em;
margin-bottom: 1.2rem;
}
#philosophy li::before {
content: '';
position: relative;
background-color: #545454;
top: 1.2em;
left: -0.72em;
width: 5px;
height: 5px;
border-radius: 50%;
}
@media only screen and (min-width: 480px) {
body.about-us #main .article header {
width: 80vw !important;
}
body.about-us #breadcrumb {
padding: 12px 10vw !important;
}
}
@media only screen and (min-width: 768px) {
body.about-us #inner-header, body.about-us .header {
display: none !important;
}
} body.crowdfunding.loaded #logo {
display: none;
}
body.crowdfunding .page .entry-title {
display: unset !important;
font-size: 2.8rem !important;
color: #545454 !important;
}
body.crowdfunding #main .article header {
width: 90vw;
padding-top: 30px;
margin: 0 auto !important;
}
body.crowdfunding #main_contents {
width: 90vw;
padding: 2rem 0 60px 0 !important;
}
body.crowdfunding #breadcrumb {
padding: 12px 5vw;
}
body.crowdfunding #main_contents p {
margin-bottom: 2.4rem;
}
#details_desc {
display: none;
}
#crowdfunding_details .click_open {
cursor: pointer;
}
#crowdfunding_details .click_open span {
font-size: 1.6rem;
opacity: 0.6;
margin-left: 0.5em;
}
#details_desc:checked + h2 .click_open span {
display: none;
}
#crowdfunding_details .click_open::after {
content: '\f103';
font-family: 'FontAwesome';
padding-left: 0.2em;
}
#details_desc:checked + h2 .click_open::after {
content: '\f102';
}
#details_desc ~ p {
height: auto;
opacity: 1;
}
#details_desc:checked ~ p {
height: 0;
overflow-y: hidden;
opacity: 0;
}
#crowdfunding_details div {
height: 0;
overflow-y: hidden;
transition: opacity 1.0s ease, height 1.0s ease, padding 1.0s ease;
opacity: 0;
}
#details_desc:checked ~ div {
height: auto;
padding: 10px 0px 0px 0px;
opacity: 1;
}
#crowdfunding_details ol {
margin: 1.2rem 0;
list-style: none;
counter-reset: item;
list-style-type: none;
}
#crowdfunding_details li {
line-height: 200%;
margin: unset !important;
}
#crowdfunding_details li:before {
line-height: 200%;
counter-increment: item;
content: counter(item)'.';
font-size: 1.6rem;
width: unset;
height: unset;
font-weight: unset;
color: #545454;
font-family: unset;
box-shadow: none;
top: unset;
}
.report_contents {
max-width: 32em;
text-align: left;
font-size: 1em !important;
border-collapse: collapse;
border-spacing: 0;
border-top: solid 2px #0b346e !important;
font-weight: 700;
}
.report_contents th, .report_contents td {
padding: 1em;
border-bottom: solid 2px #0b346e !important;
background-color: unset;
border: unset;
}
#supporters ul {
text-align: center;
margin-bottom: 2.4rem;
font-size: 1.8rem;
}
#supporters li a {
color: #545454;
}
#supporters li a:hover {
opacity: 0.7;
text-decoration: none;
}
#supporters li a::after {
content: '\f245';
margin: 0 0 0 0.7em;
font-size: 0.8em;
}
@media only screen and (min-width: 480px) {
body.crowdfunding #main .article header {
width: 80vw !important;
}
body.crowdfunding #breadcrumb {
padding: 12px 10vw !important;
}
.report_contents th, .report_contents td {
padding: 1em 2em;
}
}
@media only screen and (min-width: 768px) {
body.crowdfunding #inner-header, body.crowdfunding .header {
display: none !important;
}
} #footer {
width: 100%;
font-size: 1.6rem;
font-weight: 700;
}
.footer a, #footer-top a {
color: #545454;
}
#footer-center a:-webkit-any-link {
color: unset !important;
}
#footer-center a:-webkit-any-link:active {
color: unset !important;
}
.footer, .footer.bg, .footer .inner {
background-color: #eecb7e;
color: #545454;
}
.bgfull #footer-top, #footer-top .inner, .cta-inner {
background-color: #eecb7e;
color: #545454;
}
.footer .inner {
clear: both;
}
#footer a:hover {
opacity: 0.7;
text-decoration: none;
}
#inner-footer {
width: 90vw;
padding: unset;
margin: 0 auto;
}
#footer-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#footer-top ul {
border-top: unset;
}
#footer-left {
width: 100%;
padding: unset;
}
#footer-center {
width: 100%;
padding: unset;
}
#footer-right {
width: 100%;
padding: unset;
text-align: center;
}
#footer_addr {
width: 100%;
padding-right: unset;
margin-top: 30px;
}
#footer_addr img {
width: 230px;
margin: 10px 0px 20px 0px;
}
#footer_addr div {
padding-bottom: 20px;
}
#footer_addr p {
margin: 0px;
}
address span {
display: inline-block;
}
#inner-footer nav[role="navigation"] {
width: 100%;
padding: 0px 0px 0px 15px;
margin: 0;
}
#inner-footer nav[role="navigation"]::before {
content: '';
position: relative;
left: 50%;
-ms-transform: translateX(calc(-50% - 7.5px));
-webkit-transform: translateX(calc(-50% - 7.5px));
transform: translateX(calc(-50% - 7.5px));
top: 0;
display: inline-block;
width: 80vw;
border-top: dotted 3px #009ee5 !important;
}
.footer-links ul li {
padding: 2.5px 0px;
}
body#ypro_body .footer-links ul li {
padding: 2.5px 0px 3.5px 0px;
}
.footer-links ul li::before {
display: block;
content: '';
position: relative;
background-color: #545454;
top: 1em;
left: -1em;
width: 4px;
height: 4px;
border-radius: 50%;
}
.footer-links ul li:first-child::before {
background-color: #cb1b45;
}
#footer-center li:first-child {
color: #cb1b45;
}
#footer-top .widget {
margin-top: unset;
margin: unset;
}
#sns_link {
margin-top: 1rem;
}
#sns_link li {
display: inline;
}
#sns_link li::before, #sns_link li::after {
content: none;
}
#sns_link img {
height: 50px;
margin: 24px 6%;
}
@media only screen and (min-width: 480px) {
#inner-footer {
width: 80vw !important;
}
}
@media only screen and (min-width: 768px) {
#footer-top {
-webkit-box-orient: unset !important;
-webkit-box-direction: unset !important;
-ms-flex-direction: unset !important;
flex-direction: unset !important;
}
#footer-left .widget {
border-right: dotted 3px #009ee5 !important;
margin: 0 0 20px 0 !important;
}
.footer-links ul {
padding: 0;
margin: 1em 0;
}
.footer-links ul li {
display: block;
font-size: 1.6rem;
padding-left: 1.5vw !important;
}
.footer-links ul li:after {
content: unset;
}
.footer .copyright {
font-size: 0.9em;
float: unset;
}
#footer-left {
width: 45vw !important;
}
#footer_addr {
width: 45vw !important;
padding-right: 3vw !important;
}
#footer-center {
width: 35vw !important;
}
#inner-footer nav {
display: inline-block;
float: left;
}
#inner-footer nav[role="navigation"] {
width: 35vw !important;
padding: 0px 0px 0 3vw !important;
margin: 10px 0px !important;
}
#inner-footer nav[role="navigation"]::before {
content: none !important;
}
#footer-right {
width: 35vw !important;
position: absolute;
left: 55vw;
bottom: 0px;
}
#sns_link {
margin-top: unset !important;
}
#sns_link img {
margin: 0 24px 5% !important;
}
#ssl_certificate img {
width: calc(40px + 10vw) !important;
max-width: 150px;
}
}
@media only screen and (max-width: 767px) {
.m-all {
float: left;
margin-bottom: .5em;
}
.footer-links ul {
margin: 1em 0 0;
}
.footer-links li a:before {
content: unset;
}
.footer-links li {
display: block;
}
.footer-links a {
padding: unset;
}
.copyright {
padding: 0 0 1rem 0;
}
}
@media only screen and (min-width: 1166px) {
#inner-footer {
width: 80vw;
padding: unset;
margin: 0 auto;
}
} #ypro_wrapper {
width: 100vw;
color: #545454;
font-size: unset;
font-family: unset;
padding: 40px 0 10px !important;
}
#ypro_wrapper .ypro_login_button .inner p.btn_refer, #ypro_wrapper .ypro_login_button .inner p.btn_change, #ypro_wrapper .ypro_login_button .inner p.btn_cancel {
background: unset !important;
}
.ypro_yado_name.layout_top {
display: none;
}
.ypro_login_button {
margin-bottom: unset !important;
width: 90vw;
margin: 25px auto 0px;
}
.ypro_login_button .inner.bg_logout {
background: none !important;
}
.ypro_login_button p {
margin: unset !important;
}
.ypro_login_button .btn_change {
display: none !important;
}
.ypro_login_button .inner p.btn_login {
background: #b2e1f7 !important;
}
.ypro_login_button .inner p.btn_login:hover {
background: #ccebf9 !important;
}
.ypro_login_button .inner p a {
font-size: unset !important;
}
#ypro_wrapper .ypro_login_button {
font-size: 1.5rem;
}
#ypro_wrapper .ypro_login_button .btn_login {
display: none !important;
}
.ypro_login_button a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
.ypro_login_button .btn_refer a::before, .ypro_login_button .btn_change a::before, .ypro_login_button .btn_cancel a::before {
font-family: "fontawesome";
content: "\f00C";
color: #8499B6;
font-size: 1.1em;
margin-right: 0.1em;
}
.ypro_login_button .btn_login a::before {
font-family: "fontawesome";
content: "\f101";
color: #8499B6;
font-size: 1.1em;
margin-right: 0.1em;
font-weight: 900;
}
#ypro_wrapper .ypro_login_button .inner p a {
color: #545454 !important;
padding: 8px 5px !important;
}
#ypro_wrapper a:link, #ypro_wrapper a:visited, #ypro_wrapper a:active {
text-decoration: none !important;
}
.ypro_login_button .inner p.btn_login a {
background: unset !important;
}
.ypro_information_box_wrp .ypro_information_box {
color: ##545454;
font-size: 1.8rem;
border-top: 3px solid #cb1b45;
border-bottom: 3px solid #cb1b45;
padding: 0.5em 5vw;
}
.ypro_information_box_wrp .ypro_information_box p {
margin: unset;
font-size: 1.6rem;
}
#ypro_wrapper .ypro_information_box_wrp .ypro_information_box.add_box_bd_s .txt_html_editor {
border: none;
}
#ypro_wrapper .ypro_information_box_wrp .ypro_information_box.add_box_style .txt_html_editor {
padding: 0.5em;
}
.ypro_info_highlight_1 {
color: #0b346e;
display: inline-block;
}
.ypro_info_highlight_2 {
color: #cb1b45;
display: inline-block;
}
#ypro_wrapper a.uline {
text-decoration: underline !important;
}
#ypro_wrapper .ypro_search_box {
background: unset !important;
}
.ypro_search_box .ypro_st {
background-color: #cb1b45 !important;
color: #fcfaf2 !important;
overflow: hidden !important;
font-weight: 700 !important;
padding: 7px 0px 7px 15px !important;
position: relative !important;
font-size: 3.0rem !important;
margin: 10px 0px 30px 0px !important;
center: unset !important;
border: unset !important;
border-bottom: unset !important;
letter-spacing: unset !important;
text-align: unset !important;
}
.ypro_search_box .ypro_st::before {
background-color: #ffffff;
border-radius: 50%;
content: '';
display: block;
opacity: 0.6;
position: absolute;
top: -30px;
left: 0px;
width: 200px;
height: 200px;
}
.ypro_search_box .ypro_st::after {
background-color: #ffffff;
border-radius: 50%;
content: '';
display: block;
opacity: 0.6;
position: absolute;
bottom: -53px;
left: 170px;
width: 100px;
height: 100px;
}
#ypro_search {
width: 90vw;
margin: 0 auto;
}
#ypro_search .ypro_tbl {
border: none !important;
}
#ypro_search tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#ypro_wrapper th, #ypro_wrapper td {
border-bottom: unset !important;
}
.ypro_tbl th {
background: unset !important;
border-right: unset !important;
color: #545454;
font-weight: 700;
font-size: 1.9rem;
}
#ypro_wrapper td {
background: unset !important;
font-size: 1.6rem;
padding: unset !important;
}
#ypro_search tr:nth-of-type(2) td {
line-height: 300%;
}
.ypro_form_parts input[type="text"], #ypro_wrapper .ypro_form_parts input[type="tel"], #ypro_wrapper .ypro_form_parts input[type="password"], #ypro_wrapper .ypro_form_parts textarea, #s_adult, #sel_child_num_1, select#sel_child_num_4, .ypro_tbl select[name="obj_stay_num"], .ypro_tbl select[name="obj_room_num"], #child_selected_number, .ypro_tbl select[name="obj_room_id"], .ypro_form_parts select.ypro-basic-info, .ypro_form_parts .ypro_multi_room_aform select, .kaiin_address #ypro_kaiin_form_pref_id {
font-family: 'Noto Serif JP', sans-serif !important;
border: 2.5px solid rgba(51, 51, 51, 0.1) !important;
color: #545454 !important;
border-radius: 0px !important;
font-size: 1.6rem !important;
}
#ypro_wrapper .ypro_form_parts input[type="text"].cur-year {
font-weight: 700 !important;
color: rgba(0,0,0,1) !important;
background: unset !important;
border: unset !important;
font-size: 1.9rem !important;
width: 4em;
}
#ypro_wrapper .ypro_form_parts input:focus, #ypro_wrapper .ypro_form_parts textarea:focus, #ypro_wrapper .ypro_form_parts select:focus {
box-shadow: unset !important;
}
input#s_year {
width: calc(4em / 3 * 2 + 25px) !important;
}
input#s_month, input#s_day {
width: calc(2em / 3 * 2 + 25px) !important;
}
input#s_year, input#s_month, input#s_day {
text-align: center;
height: 2.5em;
color: #545454;
}
#ypro_search .ypro_tbl .date_check {
display: block !important;
margin: 10px 0 !important;
}
body#ypro_body {
font-family: 'Noto Serif JP', sans-serif !important;
}
.date_check input[type="checkbox"] {
display: none;
}
.date_check input[type="checkbox"] + span {
display: inline-block;
position: relative;
padding-left: 1.3em;
margin-bottom: 20px;
font: 14px/20px 'Open Sans', Arial, sans-serif;
color: #ddd;
cursor: pointer;
-ms-user-select: none;
user-select: none;
}
.date_check input[type="checkbox"] + span::before {
content: '';
display: block;
width: 1em;
height: 1em;
border: 2px solid #0b346e;
position: absolute;
left: 0;
top: 0.15em;
transition: all 0.2s;
}
.date_check input[type="checkbox"]:checked + span::before {
width: 0.6em;
top: -5px;
left: 5px;
border-radius: 0;
opacity: 1;
border-top-color: transparent;
border-left-color: transparent;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#ypro_wrapper .ypro_form_parts .ypro_tbl select {
padding: 5px 2rem 5px 0.5rem !important;
height: 2.5em;
color: #545454;
text-align: center;
}
#ypro_search .num_child a.thickbox {
display: inline-block;
position: relative;
top: -2.4px;
font-family: 'Noto Serif JP', sans-serif !important;
vertical-align: middle;
text-align: center;
background: #fff;
border: 2.5px solid rgba(51, 51, 51, 0.1) !important;
border-radius: 1px;
margin: 0 5px;
padding: 5px 10px;
text-decoration: none !important;
color: #545454 !important;
width: calc(2em / 3 * 2 + 25px);
height: 2.5em;
font-size: 1.6rem !important;
}
#child_selected_number {
border: unset !important;
}
#ypro_search tr:nth-of-type(2) td span {
display: inline-block;
}
#ypro_search .ypro_tbl .note {
color: #cc543a;
margin: 0 12px 0.5em;
font-size: 0.9em;
}
#ypro_wrapper .ypro_search_box .ypro_search .ypro_form_parts .ypro_tbl td .num_child span {
display: inline-block !important;
padding: unset !important;
background: unset !important;
text-decoration: unset !important;
display: inline-block;
border: unset !important;
margin: 0 5px 0 0 !important;
}
#ypro_body #ypro_calendar_con div.ypro_calendar_wrap div.ypro_calendar {
width: 250px !important;
}
#ypro_calendar_con .ui-datepicker-group-first {
width: 100% !important;
}
#ypro_calendar_con .ui-datepicker-group-last {
display: none !important;
}
select#s_adult, select#sel_child_num_1, select#sel_child_num_4, .ypro_tbl select[name="obj_stay_num"], .ypro_tbl select[name="obj_room_num"] {
width: 6.5rem !important;
margin-left: 5px;
}
#ypro_wrapper .ypro_search_box .ypro_search .ypro_form_parts .ypro_tbl td .num_child {
margin-left: unset !important;
margin: unset !important;
line-height: 300% !important;
}
#ypro_search select[name="obj_room_id"] {
width: 21em !important;
text-align: left !important;
}
.ypro_search_box .ypro_search .ypro_form_parts .btn {
border: none !important;
}               li.tab_sort_button {
display: none !important;
}
#ypro_wrapper a:link, #ypro_wrapper a:visited, #ypro_wrapper a:active {
color: #0b346e !important;
}
#ypro_wrapper .ypro_wrp_tab_button li.active a {
background: #fcfaf2 !important;
border-top: unset !important;
color: #6a8372 !important;
}
#ypro_wrapper .ypro_wrp_tab_button li.active {
border-top: 4px solid #6a8372 !important;
font-weight: 900 !important;
font-size: unset !important;
}
#ypro_wrapper .ypro_wrp_tab_button li:not(.active) {
border-top: 4px solid #b2beb1!important;
}
#ypro_wrapper .ypro_wrp_tab_button li {
border: 1px solid #d8d8d8 !important;
border: unset !important;
border-right: 1px solid #d8d8d8 !important;
border-left: 1px solid #d8d8d8 !important;
background: unset !important;
font-weight: unset !important;
margin-right: -5px !important;
}
#ypro_wrapper .ypro_wrp_tab_button li a {
padding: 10px 22px 20px !important;
color: #b2beb1 !important;
}
#ypro_wrapper .ypro_wrp_tab_button:after {
border-bottom: 1px solid #d8d8d8 !important;
}
#ypro_wrapper .ypro_package .ypro_st, #ypro_wrapper .ypro_st_form {
color: #545454 !important;
font-weight: 900;
font-size: 2.4rem !important;
border-bottom: unset !important;
background: #efcbc3 !important;
}
#jquery-lightbox {
display: none !important;
}
#jquery-overlay {
opacity: 0 !important;
}
#ypro_wrapper .box_pac {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
div.rsv_room_search {
margin-bottom: 5rem !important;
}
#ypro_wrapper .ypro_package {
background: unset !important;
border: unset !important;
}
#ypro_wrapper .ypro_package .box_pac {
padding: 15px 0px 0 !important;
overflow: unset !important;
}
#ypro_wrapper .ypro_package .box_pac .inner_intro {
float: unset !important;
margin-right: unset !important;
padding-right: 10px !important;
width: 90vw;
margin-left: 5vw;
margin-top: 1em;
}
.p_txt_top {
color: #0b346e;
text-align: center;
font-weight: 700;
}
.p_txt_top span {
display: inline-block;
}
p.p_txt_sub {
color: #0b346e;
padding: 1rem 0;
border-top: 1px solid #cb1b45;
border-bottom: 1px solid #cb1b45;
}
.p_rest p {
margin: 0px 0px 0.5rem;
color: #0b346e;
font-weight: 700;
}
.p_rest_2 p {
margin: 0px 0px 0.5rem;
color: #cb1b45;
font-weight: 700;
}
#ypro_wrapper .p_fea, #ypro_wrapper .p_plan, #ypro_wrapper .p_detail, #ypro_wrapper .p_child {
line-height: 200%;
}
#ypro_wrapper .p_fea li, #ypro_wrapper .p_att li, #ypro_wrapper .p_rofa li, #ypro_wrapper .p_ser li {
position: relative;
padding: 0 0 0 1.2em !important;
}
#ypro_wrapper .p_plan li {
position: relative;
padding: 0 0 0.7em 1.2em !important;
}
#ypro_wrapper .p_fea li::before {
top: 0.1em;
color: #cb1b45;
font-family: "fontawesome";
content: "\f2b0";
font-size: 1.8rem;
left: 0em;
position: absolute;
}
#ypro_wrapper .p_fea, #ypro_wrapper .p_detail ul {
margin: 0px 0px 2.4rem;
}
#ypro_wrapper .p_detail ul:last-of-type {
margin: 0px 0px calc(2.4rem - 0.5em);
}
#ypro_wrapper .p_plan, #ypro_wrapper .p_detail, #ypro_wrapper .p_child {
margin: 0px 0px 0.5em;
}
#ypro_wrapper .p_plan a {
font-weight: 900;
}
.p_child > div ul {
margin: 0px 0px calc(2.4rem - 0.5em);
}
input[id^="p_plan_"]+label, input[id^="p_detail_"]+label, input[id^="p_child_"]+label {
cursor: pointer;
}
input[id^="p_plan_"]+label h3::after, input[id^="p_detail_"]+label h3::after, input[id^="p_child_"]+label h3::after {
content: '\f103';
font-family: 'FontAwesome';
padding-left: 0.4em;
display: inline-block;
}
input[id^="p_plan_"]:checked+label h3::after, input[id^="p_detail_"]:checked+label h3::after, input[id^="p_child_"]:checked+label h3::after {
content: '\f102';
}
input[id^="p_plan_"]~div, input[id^="p_detail_"]~div, input[id^="p_child_"]~div {
height: 0;
overflow-y: hidden;
transition: opacity 1.0s ease, height 1.0s ease, padding 1.0s ease;
opacity: 0;
}
input[id^="p_plan_"]:checked~div, input[id^="p_detail_"]:checked~div, input[id^="p_child_"]:checked~div {
height: auto;
opacity: 1;
}
#ypro_wrapper .p_plan li::before {
top: 0em;
color: #ecb88a;
font-family: "fontawesome";
content: "\f005";
font-size: 1.8rem;
left: 0em;
position: absolute;
}
#ypro_wrapper .p_att li::before {
top: 0em;
color: #e8b647;
font-family: "fontawesome";
content: "\f0eb";
font-size: 2rem;
left: 0em;
position: absolute;
}
#ypro_wrapper .p_rofa li::before {
top: 0.1em;
color: #ecb88a;
font-family: "fontawesome";
content: "\f22d";
font-size: 1.7rem;
font-weight: bold;
left: 0em;
position: absolute;
}
#ypro_wrapper .p_ser li::before {
top: 0.1em;
color: #6a8372;
font-family: "fontawesome";
content: "\f22d";
font-size: 1.7rem;
font-weight: bold;
left: 0em;
position: absolute;
}
.p_plan span, .p_detail span, .p_child span {
margin-bottom: 0.7em;
font-size: 1.5rem;
}
.p_plan h3 {
color: #cb1b45;
font-weight: 700;
font-size: 1.9rem;
text-decoration: underline;
}
.p_detail h3, .p_child h3, .p_fac h3 {
color:#0b346e;
font-weight: 700;
font-size: 1.9rem;
}
.p_detail h4 {
color: #cc543a;
font-weight: 700;
font-size: 1.6rem;
}
.p_child {
margin-bottom: 1em;
}
.p_child ul {
list-style: none;
list-style-type: none;
}
.p_child li {
position: relative;
padding: 0 0 0 1em !important;
font-weight: 700;
font-size: 1.5rem;
}
.p_child ul li::before {
position: absolute;
top: 0.1em;
left: 0.2em;
color: #cc543a;
font-weight: 700;
box-shadow: unset;
font-family: "fontawesome";
content: "\f0da";
font-size: 1.9rem;
}
.p_child input[type=submit] {
font-weight: 700 !important;
color: #0b346e !important;
background: unset !important;
border: unset !important;
font-size: 1.5rem !important;
cursor: pointer;
line-height: 200%;
font-family: 'Noto Serif JP', sans-serif;
}
#ypro_wrapper .ypro_package .box_pac .inner_photo {
float: unset !important;
width: 100% !important;
border: unset !important;
background: unset !important;
padding: unset !important;
}
#ypro_wrapper .ypro_package .box_pac .inner_photo .thumbs {
width: 100vw !important;
margin-top: unset !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#ypro_wrapper .ypro_package .box_pac .inner_photo .thumbs p {
position: relative;
width: 25% !important;
float: unset !important;
-moz-box-sizing: unset !important;
-webkit-box-sizing: unset !important;
box-sizing: unset !important;
height: unset !important;
padding-left: unset !important;
}
#ypro_wrapper .ypro_package .box_pac .inner_photo .thumbs p:first-child {
margin: 0 0 1px 0 !important;
}
#ypro_wrapper .ypro_package .box_pac .inner_photo .thumbs p:not(:first-child) {
margin: 0 0 1px 1px !important;
}
#ypro_wrapper .ypro_package .box_pac .inner_photo .thumbs p::before {
content: "";
display: block;
padding-top: 100%;
}
#ypro_wrapper .ypro_package .box_pac .inner_photo .thumbs p img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
object-fit: cover;
}
#ypro_wrapper .ypro_package .box_pac .inner_intro .ypro_tbl th {
vertical-align: top;
}
#ypro_wrapper .ypro_search_box .ypro_search .ypro_form_parts .ypro_tbl tr {
padding: 0 0 1em 0 !important;
}
#ypro_wrapper .ypro_tbl th {
padding: unset;
}
#ypro_wrapper .ypro_package .box_pac .inner_photo .txt, #ypro_wrapper .ypro_package .box_pac .inner_photo .txt_style_box {
background: #f8eacb;
padding: 8px 5px 5px;
}
#ypro_wrapper .cancel_trans {
font-size: 1.4rem;
color: #cc0000;
}
#ypro_wrapper .reserve_att {
font-size: 1.4rem;
padding: 0 0 0.5em 0;
color: #cc0000;
}
input[id^="p_plan_"], input[id^="p_detail_"], input[id^="p_child_"], input[id^="cancel_supplement_ckbox_"] {
display: none;
}
#ypro_wrapper .cancel_supplement {
display: block;
font-size: 1.4rem;
cursor: pointer;
}
#ypro_wrapper .cancel_supplement::after {
content: '\f103';
font-family: 'FontAwesome';
padding-left: 0.2em;
}
#ypro_wrapper input[id^="cancel_supplement_ckbox_"]:checked + .cancel_supplement::after {
content: '\f102';
}
#ypro_wrapper .cancel_trans {
height: 0;
overflow-y: hidden;
transition: opacity 1.0s ease, height 1.0s ease, padding 1.0s ease;
opacity: 0;
}
#ypro_wrapper input[id^="cancel_supplement_ckbox_"]:checked ~ .cancel_trans {
height: auto;
opacity: 1;
}
.ypro_package .inner_intro .txt .best_rate {
text-align: center;
border: 2px solid #aaaaaa;
margin-bottom: 1em;
padding: 0.4em 0.5em;
}
.ypro_package .inner_intro .txt .plan_desc_list {
padding-left: 1em;
}
#ypro_wrapper .ypro_package .box_pac .inner_intro .ypro_tbl {
display: block;
width: 90vw !important;
line-height: 200%;
border-left: unset !important;
border-right: unset !important;
border-top: 1px solid #cb1b45;
border-bottom: 1px solid #cb1b45;
padding: 15px 0;
}
#ypro_wrapper .ypro_package .box_pac .inner_intro .ypro_tbl tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0 0 0.5em;
}
.p_fac {
border-top: 1px solid #cb1b45;
border-bottom: 1px solid #cb1b45;
line-height: 200%;
padding: 1em 0;
}
.p_fac p {
margin: unset;
}
#ypro_wrapper a:link {
color: #545454 !important;
}
#ypro_wrapper .box_calendar > .ypro_tbl_cal tbody tr:nth-of-type(n+2) td:nth-of-type(n+2) a:link {
color: #0b346e !important;
font-size: 2.7vw;
}
#ypro_wrapper .box_calendar {
padding: 20px 0px 15px !important;
}
.ypro_tbl_cal thead tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 90vw;
margin: 0 auto;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal tbody th, #ypro_wrapper .box_calendar .ypro_tbl_cal tbody td {
border-right: unset !important;
}
#ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal .inner .ypro_tbl_cal .cal_btn tbody td.date {
font-size: 4.5vw !important;
}
#ypro_wrapper .ypro_form_parts select.select_deco, #ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal .inner .cal_num li.num select {
font-family: 'Noto Serif JP', sans-serif !important;
font-size: 1.6rem !important;
padding: 5px 24px 5px 10px !important;
color: #545454;
border-radius: unset !important;
border: 2.5px solid rgba(51, 51, 51, 0.1) !important;
background-color: #fff !important;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal thead .cal_btn {
margin-bottom: -5px;
overflow: unset !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#ypro_wrapper .ypro_package_detail .box_calendar .ypro_tbl_cal thead .cal_btn {
margin-top: unset !important;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal thead .cal_num {
font-weight: 400 !important;
}
#ypro_wrapper .ypro_tbl_cal .cal_btn p a {
font-size: 1.6rem !important;
font-weight: 900;
color: #0b346e !important;
background-image: unset !important;
background-position: unset !important;
background-color: unset !important;
border: unset !important;
padding: unset !important;
}
#ypro_wrapper .ypro_tbl_cal .cal_btn p a:hover {
color: #8499b6 !important;
}
.ypro_tbl_cal .cal_btn .btn_prev a::before {
content: '\f100';
font-family: 'FontAwesome';
position: relative;
font-size: 3rem;
padding-right: 0.3em;
top: 0.15em;
}
.ypro_tbl_cal .cal_btn .btn_prev a:hover::before {
right: 0.1em;
}
.ypro_tbl_cal .cal_btn .btn_next a::after {
content: '\f101';
font-family: 'FontAwesome';
position: relative;
font-size: 3rem;
padding-left: 0.3em;
top: 0.15em;
}
.ypro_tbl_cal .cal_btn .btn_next a:hover::after {
left: 0.1em;
}
.box_calendar .ypro_tbl_cal td.cal_roomimg {
display: none;
}
.box_calendar .ypro_tbl_cal tbody th.cal_st_pac {
display: none;
}
.box_calendar .ypro_tbl_cal tbody td.cal_planimg {
display: none;
}
.box_calendar .ypro_tbl_cal tbody td.cal_pac {
display: none;
}
.ypro_tbl_cal tbody th {
font-size: 1.6rem !important;
}
.ypro_tbl_cal tbody tr {
border-bottom: 1px solid #a0a0a0;
}
.ypro_tbl_cal .cal_room {
font-size: 1rem !important;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal tbody {
border-left: unset !important;
}
.box_calendar .ypro_tbl_cal tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal tbody th {
color: #545454 !important;
font-size: 4vw !important;
padding: 1.6vw 0.3rem 0.3rem !important;
height: 10vw;
background-color: unset !important;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal tbody th.cal_st_room {
text-align: left !important;
font-size: 1.6rem !important;
padding-top: 1em !important;
flex-basis: calc(100% / 9 * 2);
}
.box_calendar > .ypro_tbl_cal tbody tr:nth-of-type(1) th:nth-of-type(n+3) {
font-weight: 900 !important;
flex-basis: calc(100% / 9);
}
.box_calendar > .ypro_tbl_cal tbody tr:nth-of-type(1) th:nth-of-type(n+2) a {
font-size: 1.4rem !important;
}
#ypro_wrapper .box_calendar > .ypro_tbl_cal tbody tr:nth-of-type(n+2) td:nth-of-type(3) a {
display: none;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal tbody td.cal_room {
flex-basis: calc(100% / 9 * 2);
font-weight: 700;
}
.box_calendar > .ypro_tbl_cal tbody tr:nth-of-type(n+2) td:nth-of-type(n+4) {
flex-basis: calc(100% / 9);
}
#ypro_wrapper .box_calendar .ypro_tbl_cal tbody td {
padding: 0.3rem 0 !important;
height: 16vw;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal .cal_btn tbody td {
height: calc(8vw + 12px);
}
#ypro_wrapper .box_calendar .ypro_tbl_cal tbody th:last-child {
border-right: none !important;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal tbody td:last-child {
border-right: none !important;
}
#ypro_wrapper_cal tbody td.cal_room {
padding-right: 0.2em !important;
padding-left: 0.4em !important;
font-weight: 900;
max-width: 95px;
flex-basis: calc(100% / 9 * 2);
}
#ypro_wrapper .box_calendar .ypro_tbl_cal {
table-layout: fixed;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal tbody {
background: #fcfaf2 !important;
}
#ypro_wrapper .box_calendar > .ypro_tbl_cal a {
font-size: 2.7vw;
display: inline-block;
position: relative;
top: 50%;
-ms-transform: translateY(-50%);
-webkit- transform: translateY(-50%);
transform: translateY(-50%);
}
#ypro_wrapper .box_calendar .ypro_tbl_cal tbody td span.mark {
font-size: 1.55em !important;
}
#ypro_wrapper .ypro_tbl_cal .cal_room a {
font-size: 1.4rem !important;
color: #0b346e !important;
background-color: unset !important;
}
#ypro_wrapper img.ic_smoking {
width: 1.2em;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal .cal_bg_sat {
background-color: #e7eef7 !important;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal .cal_bg_sun {
background-color: #f4d1d9 !important;
}
.ypro_tbl_cal tfoot td {
width: 90vw;
margin: 0 auto;
}
.ypro_tbl_cal tfoot td p {
text-align: left;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal tfoot .cal_mark {
text-align: left;
margin-bottom: 10px;
margin-top: 30px !important;
}
#ypro_wrapper .rsv_month_cal .box_calendar .ypro_tbl_cal tfoot .cal_mark {
margin-top: 10px !important;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal tfoot .cal_mark li {
margin-left: 1.4em;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal tfoot p {
margin: unset !important;
}
#ypro_wrapper .txt_caution_b {
color: unset !important;
font-weight: unset !important;
}
#ypro_wrapper .box_calendar .ypro_btn_style.btn_default {
font-family: 'Noto Serif JP', sans-serif;
border-left: solid 4px #009EE5 !important;
border-right: solid 4px #009EE5 !important;
color: #545454 !important;
background: #ccebf9;
transition: background .4s;
border-radius: 0px !important;
}
#ypro_wrapper .box_calendar .ypro_btn_style.btn_default:hover {
background: #009EE5 !important;
color: #fcfaf2 !important;
}
#ypro_wrapper .box_calendar > .ypro_tbl_cal tbody tr:nth-of-type(n+2) td:nth-of-type(n+3) a:link {
background-color: unset !important;
font-size: calc(3vw) !important;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
font-weight: 700;
top: calc(50% - 2em);
left: -0.2em;
text-decoration: underline !important;
}
.box_calendar > .ypro_tbl_cal tbody tr:nth-of-type(1) th:nth-of-type(n+2) a {
background-color: unset !important;
}
.box_calendar > .ypro_tbl_cal tbody tr:nth-of-type(n+2) td:nth-of-type(n+4):hover {
transition: box-shadow 0.4s;
box-shadow: 0 0 1vw 4vw rgba(236,184,138,0.2) inset;
}
.ypro_tbl_cal tfoot td::before {
font-family: 'FontAwesome';
content: '\f0a6';
color: #6a8372;
font-size: 150%;
position: absolute;
left: 0;
padding-left: 5vw;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal tfoot .cal_mark::before {
content: '\30AF\30EA\30C3\30AF\3067\30AB\30EC\30F3\30C0\30FC\8868\793A';
color: #6a8372;
position: absolute;
-ms-transform: translate(1.5em, -1.7em);
-webkit-transform: translate(1.5em, -1.7em);
transform: translate(1.5em, -1.7em);
}
#ypro_wrapper .rsv_month_cal .box_calendar .ypro_tbl_cal tfoot .cal_mark::before {
content: unset !important;
}
#ypro_wrapper .ypro_creditcard_txt {
background: unset !important;
}
#ypro_wrapper .ypro_creditcard_txt p {
margin: unset !important;
}
#ypro_wrapper .ypro_sort_button.layout_top {
display: none;
}
.rsv_month_cal .box_pac_tbl {
display: none;
}
.ypro_package_detail {
margin-top: 10px;
}
.ypro_package_detail .wrp_cal_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#ypro_wrapper .ypro_st_m {
color: #cc543a !important;
font-size: 145% !important;
background: none !important;
border: none !important;
text-align: center;
font-weight: 900;
}
.ypro_package_detail form.ypro_form_parts {
width: 90vw;
padding-left: 5vw;
}
#ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal .inner .cal_num li {
display: block !important;
}
.ypro_package_detail .ypro_st_m {
display: none;
}
#ypro_wrapper .ypro_st_m span {
font-weight: 400;
float: unset !important;
text-align: unset !important;
position: unset !important;
top: unset !important;
}
#ypro_wrapper .ypro_package_detail .box_calendar .ypro_st_m span::before {
content: ' \A ';
white-space: pre;
}
#ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal_list .room_list p {
background: #fcfaf2 !important;
margin: unset !important;
border-bottom: unset !important;
color: #545454;
font-weight: 700;
font-size: 1.9rem;
}
#ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal_list .room_list {
border: unset !important;
border-top: unset !important;
width: 100vw;
}
#ypro_wrapper .ypro_package_detail .box_calendar {
padding: 0px 0px 15px !important;
}
#ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal_list .room_list ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-top: 1px solid #a0a0a0 !important;
border-bottom: 1px solid #a0a0a0 !important;
}
#ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal_list .room_list ul li {
width: 10px;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow: 1;
border-top: unset !important;
background-color: #fcfaf2 !important;
}
#ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal_list .room_list ul li a {
height: 100%;
padding: 5px !important;
}
#ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal_list .room_list ul li a:hover {
background-color: unset !important;
border: unset !important;
padding: 5px !important;
}
#ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal_list .room_list ul li a.active {
background-color: rgba(106,131,114,0.2) !important;
border: unset !important;
padding: 5px !important;
}
#ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal_list .room_list ul li:hover {
transition: box-shadow 0.4s;
box-shadow: 0 0 1vw 4vw rgba(106,131,114,0.1) inset;
}
#ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal_list .room_list ul li a:hover::before, #ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal_list .room_list ul li a.active::before {
display: none !important;
}
#ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal_list .inner {
width: unset !important;
}
#ypro_wrapper .ypro_ptop_button {
display: none;
}
.ypro_package_detail .ypro_tbl_cal thead tr {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
#ypro_wrapper .box_calendar > .ypro_tbl_cal thead .cal_btn p.btn_next, #ypro_wrapper .box_calendar > .ypro_tbl_cal thead .cal_btn p.btn_prev {
display: inline-block;
height: 100%;
position: relative;
top: -10%;
margin: unset !important;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal thead .cal_btn p.btn_next a, #ypro_wrapper .box_calendar .ypro_tbl_cal thead .cal_btn p.btn_prev a {
font-size: 3.8vw !important;
}
.ypro_tbl_cal .cal_btn tbody tr {
border-bottom: unset !important;
}
#ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal .inner .ypro_tbl_cal .cal_btn tbody td {
width: 30vw !important;
height: 13vw !important;
}
.ypro_package_detail .ypro_tbl_cal tbody td, #ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal .inner .ypro_tbl_cal tbody th {
width: calc(100vw/7);
}
.ypro_package_detail .ypro_tbl_cal tfoot td::before {
content: none;
}
tfoot .txt_mark:first-child {
margin-bottom: 10px;
margin-top: 20px;
}
#ypro_wrapper .ypro_package_detail .ypro_tbl_cal > tbody td {
font-size: 3.1vw !important;
}
#ypro_wrapper .ypro_package_detail .ypro_tbl_cal > tbody td a:link {
color: #0b346e !important;
text-decoration: underline !important;
}
#ypro_wrapper .box_room_tbl {
display: none;
}
#ypro_wrapper .ypro_package_detail .box_calendar {
margin-bottom: 20px !important;
}
.ypro_package_detail .box_pac_tbl .ypro_st_m {
display: none;
}
#ypro_wrapper .ypro_step_navi ul {
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
width: 90vw;
}
#ypro_wrapper .ypro_step_navi ul li {
line-height: 140% !important;
padding: 10px 4px !important;
}
#ypro_wrapper .ypro_step_navi ul li:after {
width: 20vw !important;
left: -20vw !important;
}
.ypro_step_navi ul li:last-child {
margin-right: 0 !important;
}
#ypro_wrapper .ypro_form {
border: unset !important;
background: #fcfaf2 !important;
}
#ypro_wrapper .ypro_form .box_form_info {
padding-top: 10px !important;
padding-bottom: 30px !important;
width: 90vw;
margin: 1em auto 0 auto;
}
#ypro_wrapper .ypro_form .box_form {
padding: unset !important;
}
.ypro_form_rsv_input .ypro_form_layout:first-child tr:first-child {
display: none;
}
#ypro_wrapper .ypro_form table.ypro_form_parts th {
padding: 7px 7px 7px 7px !important;
border-left: unset !important;
}
#ypro_wrapper .ypro_form table.ypro_form_layout td {
padding: 7px 12px !important;
border-right: unset !important;
}
#ypro_wrapper .ypro_form table.ypro_form_layout td > p {
margin: unset !important;
}
.ypro_form_rsv_input .box_login tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border: dotted 3px #009ee5 !important;
}
#ypro_wrapper .ypro_form_parts input#cccsc {
width: 7em !important;
}
#ypro_wrapper .ypro_form .box_form_info table.ypro_form_layout td.txt_yado p {
margin: unset !important;
}
#ypro_wrapper .ypro_form .ypro_form_box {
width: 90vw !important;
border: none !important;
display: none; }
#ypro_wrapper .ypro_form .ypro_form_box th {
background: none !important;
}
table.box_estimate {
display: none;
}
#ypro_wrapper .ypro_form .ypro_form_box td.btn .ypro_btn_style {
font-family: 'Noto Serif JP', sans-serif;
color: #545454;
background-image: none !important;
border: none !important;
background: #b2e1f7 !important;
border-radius: unset !important;
box-shadow: none !important;
padding: 13px 20px 13px 20px !important;
}
#ypro_wrapper .ypro_form .ypro_form_box td.btn .ypro_btn_style:hover {
opacity: 0.7;
}
.ypro_form_rsv_input .box_login tr {
padding: 5px;
margin: 15px 0;
}
.ypro_form_rsv_input .box_login th, .ypro_form_rsv_input .box_login td {
padding: 5px 10px !important;
}
.ypro_form_rsv_input .box_login .btn form {
text-align: center;
}
.ypro_form_rsv_input .box_form p.ypro_st_form_parts:first-child {
margin: unset;
}
.ypro_form_rsv_input #ypro_main .ypro_st_form_parts, #ypro_wrapper .ypro_st_form_parts {
color: #cc543a !important;
font-size: 2.4rem !important;
font-weight: 900;
background: unset !important;
}
#ypro_wrapper .ypro_form_rsv_input .box_form_price {
margin: 0 auto 20px;
}
.ypro_form_rsv_input #ypro_main .ypro_form_parts tr:not([style*="none"]) {
display: -webkit-box;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.ypro_form_rsv_input #ypro_main .ypro_form_parts th, .ypro_form_rsv_input #ypro_main .ypro_form_parts td, #ypro_wrapper .ypro_form_rsv_input .ypro_form_parts th, #ypro_wrapper .ypro_form_rsv_input .ypro_form_parts td, #ypro_wrapper .ypro_form_rsv_input .ypro_form_parts + div {
width: 90vw !important;
margin: 0 auto;
}
.ypro_form_rsv_input #ypro_main .ypro_form_parts .room_num p {
font-size: 1.4rem;
}
#ypro_wrapper .ypro_form .box_form_info table.ypro_form_layout th {
padding: 7px 7px 7px 0 !important;
}
#ypro_wrapper .ypro_form .box_form table.ypro_form_layout th p {
margin: unset !important;
}
#ypro_wrapper .ypro_form table.ypro_form_layout th .ic_req {
background: #cb1b45 !important;
-moz-border-radius: unset !important;
-webkit-border-radius: unset !important;
border-radius: unset !important;
}
.ypro_form_rsv_input #ypro_guest_name_yoyaku, .ypro_form_rsv_input #ypro_guest_kana_yoyaku, .ypro_form_rsv_input #ypro_guest_address_yoyaku, .ypro_form_rsv_input input[name="add_form_9"], .ypro_form_rsv_input textarea[name="add_form_20166"], .ypro_form_rsv_input textarea[name="guest_memo"], .ypro_form_rsv_input .ypro_multi_room_aform input[type="text"], .ypro_form_rsv_input #ypro_kaiin_form_name, .ypro_form_rsv_input #ypro_kaiin_form_kana, .ypro_form_rsv_input #ypro_kaiin_form_email, .ypro_form_rsv_input #ypro_kaiin_form_address {
width: 100% !important;
}
.ypro_form_rsv_input input#ypro_guest_tel_yoyaku + span {
display: none !important;
}
.ypro_form_rsv_input input#ypro_guest_post1_yoyaku, .ypro_form_rsv_input input#ypro_kaiin_form_post1 {
width: 3.4em;
}
.ypro_form_rsv_input input#ypro_guest_post2_yoyaku, .ypro_form_rsv_input input#ypro_kaiin_form_post2 {
width: 4em;
}
#ypro_wrapper .ypro_form_rsv_input .txt_caution, .ypro_form_rsv_input .ypro_multi_room_aform font {
color: #cb1b45 !important;
font-size: 1.4rem !important;
margin-bottom: 0.2em !important;
}
.ypro_form_rsv_input #ypro_main .box_form {
margin-bottom: 1rem;
}
.ypro_form_rsv_input .box_form_payment .ic_req {
display: none;
}
.ypro_form_rsv_input .box_form_payment dl .txt span {
display: none !important;
}
.ypro_form_rsv_input .box_form_payment dl .txt span + br {
display: none;
}
.ypro_form_rsv_input .box_form_payment label {
font-weight: 700;
}
.ypro_form_rsv_input .box_form_payment .ic_credit > ul:first-of-type li:first-of-type {
display: block !important;
margin-bottom: 0.5em;
}
.ypro_form_rsv_input .box_form_payment .ic_credit > ul:first-of-type li:nth-of-type(n+2) {
margin-left: 0.7em;
}
#ypro_wrapper .ypro_form .box_form_payment table dl dd {
margin-left: unset !important;
}
.ypro_form_rsv_input .box_form_payment dl .txt_bn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.ypro_form_rsv_input .box_form_payment dl .txt_bn > a {
text-align: center !important;
}
#ypro_wrapper .ypro_form .box_form_payment table dl dd.txt_bn img {
float: unset !important;
margin-bottom: 1.2rem;
margin-right: unset !important;
width: 80%;
max-width: 300px !important;
}
.ypro_form_rsv_input #ypro_main .box_form_payment a:link, #ypro_wrapper .ypro_form_rsv_input .box_form_payment a:link {
color: #0b346e !important;
}
#ypro_wrapper .ypro_form_rsv_input .ypro_form_parts .size_s {
width: 5em !important;
}
#ypro_wrapper .ypro_form .box_form_rule .ypro_form_rule {
padding: 0 5vw;
}
#ypro_wrapper .ypro_form .box_form_rule .ypro_form_rule .agreement_member_scroll::-webkit-scrollbar {
width: 1em;
}
#ypro_wrapper .ypro_form .box_form_rule .ypro_form_rule .agreement_member_scroll::-webkit-scrollbar-track {
background: #efbac7;
}
#ypro_wrapper .ypro_form .box_form_rule .ypro_form_rule .agreement_member_scroll::-webkit-scrollbar-thumb {
background: #cb1b45;
}
#ypro_wrapper .ypro_form .box_form_rule .ypro_form_rule .agreement_member_scroll {
padding: 1em 0.3em;
border: 1px solid #cb1b45 !important;
}
.box_form_rule .agreement_member_scroll ul {
list-style: none;
list-style-type: none;
}
.box_form_rule .agreement_member_scroll li {
position: relative;
padding: 0 0 0 1.2em;
}
.box_form_rule .agreement_member_scroll li::before {
position: absolute;
top: 0.1em;
left: 0em;
color: #e8b647;
font-family: "fontawesome";
content: "\f00C";
font-size: 1.2em;
}
#ypro_wrapper .ypro_form .box_form_rule .ypro_form_rule .agreement_member_yes {
padding: 7px 12px !important;
text-align: left;
}
#ypro_wrapper .ypro_form .box_form_rule .ypro_form_rule .agreement_member_yes label {
margin-right: unset !important;
}
#ypro_radio_kaiin_selecter label {
display: block;
}
.ypro_form_rsv_input .box_form_btn, #ypro_wrapper .ypro_form_henkou .box_form_btn, #ypro_wrapper .ypro_form_cancel .box_form_btn, #ypro_wrapper .ypro_form_refer .box_form_btn, #ypro_wrapper .ypro_form_sub_member_login .box_form_btn, .ypro_form_error .box_form_btn {
width: 90vw;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}     .ypro_form_rsv_input .box_form_btn li, #ypro_wrapper .ypro_form_henkou .box_form_btn li, #ypro_wrapper .ypro_form_cancel .box_form_btn li, #ypro_wrapper .ypro_form_refer .box_form_btn li, #ypro_wrapper .ypro_form_sub_member_login .box_form_btn li, .ypro_form_error .box_form_btn li {
display: inline-block;
position: relative;
width: 40vw;
height: 6rem;
}
.ypro_form_rsv_input .box_form_btn input, #ypro_wrapper .ypro_form_henkou .box_form_btn input, #ypro_wrapper .ypro_form_cancel .box_form_btn input, #ypro_wrapper .ypro_form_refer .box_form_btn input, #ypro_wrapper .ypro_form_sub_member_login .box_form_btn input, .ypro_form_error .box_form_btn input {
font-family: 'Noto Serif JP', sans-serif !important;
background-image: none !important;
border-left: none !important;
border-right: none !important;
color: #545454 !important;
border-radius: unset !important;
box-shadow: unset !important;
margin-bottom: unset !important;
height: 100%;
width: 100%;
padding: unset !important;
white-space: pre-line;
word-break: break-all;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
transition: background .4s;
}
.ypro_form_rsv_input .box_form_btn .btn_default, #ypro_wrapper .ypro_form_henkou .box_form_btn .btn_default, #ypro_wrapper .ypro_form_cancel .box_form_btn .btn_default, #ypro_wrapper .ypro_form_refer .box_form_btn .btn_default, #ypro_wrapper .ypro_form_sub_member_login .box_form_btn .btn_default, .ypro_form_rsv_input .box_form_btn .btn_important, #ypro_wrapper .ypro_form_cancel .box_form_btn .btn_important {
color: #6a8372 !important;
font-weight: 900;
border: 2px solid #6a8372 !important;
background: unset !important;
text-align: left;
}
.ypro_form_rsv_input .box_form_btn .btn_default {
padding-left: 7vw !important;
font-size: 1.8rem !important;
}
#ypro_wrapper .ypro_form_henkou .box_form_btn .btn_default, #ypro_wrapper .ypro_form_sub_member_login .box_form_btn .btn_default {
padding-left: 4vw !important;
font-size: 1.8rem !important;
}
#ypro_wrapper .ypro_form_refer .box_form_btn .btn_default, .ypro_form_rsv_input .box_form_btn .btn_important {
padding-left: 12vw !important;
font-size: 1.8rem !important;
}
#ypro_wrapper .ypro_form_cancel .box_form_btn .btn_default, #ypro_wrapper .ypro_form_cancel .box_form_btn .btn_important {
padding-left: 3vw !important;
padding-right: 6vw !important;
font-size: 1.6rem !important;
}
.ypro_form_rsv_input .box_form_btn .btn_default:hover, #ypro_wrapper .ypro_form_cancel .box_form_btn .btn_default:hover, #ypro_wrapper .ypro_form_refer .box_form_btn .btn_default:hover, #ypro_wrapper .ypro_form_sub_member_login .box_form_btn .btn_default:hover, .ypro_form_rsv_input .box_form_btn .btn_important:hover {
color: #fcfaf2 !important;
background: #6a8372 !important;
}
.ypro_form_rsv_input .box_form_btn .btn_plain, #ypro_wrapper .ypro_form_cancel .box_form_btn .btn_plain, #ypro_wrapper .ypro_form_refer .box_form_btn .btn_plain, #ypro_wrapper .ypro_form_sub_member_login .box_form_btn .btn_plain, .ypro_form_error .box_form_btn input {
color: #96a89c !important;
border: 2px solid #96a89c !important;
background: unset !important;
text-align: left;
padding-left: 9vw !important;
font-size: 1.6rem !important;
}
.ypro_form_rsv_input .box_form_btn .btn_plain:hover, #ypro_wrapper .ypro_form_cancel .box_form_btn .btn_plain:hover, #ypro_wrapper .ypro_form_refer .box_form_btn .btn_plain:hover, #ypro_wrapper .ypro_form_sub_member_login .box_form_btn .btn_plain:hover, .ypro_form_error .box_form_btn .btn_plain:hover {
color: #fcfaf2 !important;
background: #96a89c !important;
}
.ypro_form_rsv_input .box_form_btn:first-of-type li:first-of-type::before, #ypro_wrapper .ypro_form_cancel .box_form_btn li:nth-last-of-type(2)::before, #ypro_wrapper .ypro_form_refer .box_form_btn li:first-of-type::before, #ypro_wrapper .ypro_form_sub_member_login li:first-of-type::before, .ypro_form_error .box_form_btn li:first-of-type::before {
font-family: 'FontAwesome';
display: inline-block;
content: '\f100';
color: #96a89c !important;
position: absolute;
font-size: 3rem;
top: 0;
-ms-transform: translate(3vw, 48%);
-webkit-transform: translate(3vw, 48%);
transform: translate(3vw, 48%);
}
.ypro_form_rsv_input .box_form_btn li:first-of-type:hover::before, #ypro_wrapper .ypro_form_cancel .box_form_btn li:first-of-type:hover::before, #ypro_wrapper .ypro_form_refer .box_form_btn li:first-of-type:hover::before, .ypro_form_error .box_form_btn li:first-of-type:hover::before {
color: #fcfaf2 !important;
}
#ypro_wrapper .ypro_form_henkou .box_form_btn li:last-of-type::after, .ypro_form_rsv_input .box_form_btn:first-of-type li:last-of-type::after, #ypro_wrapper .ypro_form_cancel .box_form_btn li:nth-last-of-type(1)::after, #ypro_wrapper .ypro_form_refer .box_form_btn li:last-of-type::after, #ypro_wrapper .ypro_form_sub_member_login .box_form_btn li:last-of-type::after {
font-family: 'FontAwesome';
display: inline-block;
content: '\f101';
color: #6a8372 !important;
position: absolute;
font-size: 3rem;
top: 0;
}
.ypro_form_rsv_input .box_form_btn:first-of-type li:last-of-type::after, #ypro_wrapper .ypro_form_sub_member_login .box_form_btn li:last-of-type::after  {
-ms-transform: translate(-8vw, 48%);
-webkit-transform: translate(-8vw, 48%);
transform: translate(-8vw, 48%);
}
#ypro_wrapper .ypro_form_henkou .box_form_btn li:last-of-type::after, #ypro_wrapper .ypro_form_cancel .box_form_btn li:nth-last-of-type(1)::after, #ypro_wrapper .ypro_form_refer .box_form_btn li:last-of-type::after {
-ms-transform: translate(-6vw, 48%);
-webkit-transform: translate(-6vw, 48%);
transform: translate(-6vw, 48%);
}
.ypro_form_rsv_input .box_form_btn li:last-of-type:hover::after, #ypro_wrapper .ypro_form_cancel .box_form_btn li:last-of-type:hover::after, #ypro_wrapper .ypro_form_refer .box_form_btn li:last-of-type:hover::after, #ypro_wrapper .ypro_form_sub_member_login .box_form_btn li:last-of-type:hover::after {
color: #fcfaf2 !important;
}
#ypro_wrapper .ypro_form .box_form_ssl ul li.txt {
padding-top: unset !important;
line-height: 150% !important;
}
.ypro_form_rsv_input .box_form_member_entry tr:nth-of-type(2) th:empty {
display: none;
}
#ypro_wrapper .ypro_form_confirm.ypro_form_commerce .ypro_st_form {
color: #cc543a !important;
font-size: 2.8rem !important;
background: unset !important;
margin: 10px 0px 10px 0px !important;
}
#ypro_wrapper .ypro_form_commerce .box_form table.ypro_form_layout {
border-top: unset !important;
}
.ypro_form_confirm.ypro_form_commerce .ypro_form_parts tr {
display: -webkit-box;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 0.5em;
}
.ypro_form_confirm.ypro_form_commerce .ypro_form_parts th, .ypro_form_confirm.ypro_form_commerce .ypro_form_parts td {
width: 90vw !important;
margin: 0 auto;
}
.ypro_form_confirm.ypro_form_commerce .ypro_form_parts th br {
display: none;
}
.ypro_form_confirm.ypro_form_commerce .box_form_btn li {
display: inline-block !important;
position: relative;
width: 40vw !important;
height: 6rem;
margin-top: 3rem;
}
.ypro_form_confirm.ypro_form_commerce .box_form_btn li::before {
font-family: 'FontAwesome';
display: inline-block;
content: '\f100';
color: #96a89c !important;
position: absolute;
font-size: 3rem;
top: 0;
-ms-transform: translate(3vw, 48%);
-webkit-transform: translate(3vw, 48%);
transform: translate(3vw, 48%);
}
.ypro_form_confirm.ypro_form_commerce .box_form_btn li:hover::before {
color: #fcfaf2 !important;
}
.ypro_form_confirm.ypro_form_commerce .box_form_btn input {
font-family: 'Noto Serif JP', sans-serif !important;
border-radius: unset !important;
box-shadow: unset !important;
margin-bottom: unset !important;
height: 100%;
width: 100%;
transition: background .4s;
color: #96a89c !important;
border: 2px solid #96a89c !important;
background: unset !important;
text-align: right;
padding-left: 8vw !important;
font-size: 1.6rem !important;
}
.ypro_form_confirm.ypro_form_commerce .box_form_btn input:hover {
color: #fcfaf2 !important;
background: #96a89c !important;
}
#ypro_wrapper .ypro_form_sub {
width: 100vw !important;
}
#ypro_wrapper .ypro_st_form_sub {
padding: 0px 20px 14px 20px !important;
border-bottom: unset !important;
color: #cc543a !important;
font-size: 2.8rem !important;
font-weight: 900;
background: unset !important;
margin: 10px 0px 10px 0px !important;
}
#ypro_wrapper .ypro_form_sub .box_form_sub .wrp_st .st {
display: none;
}
#ypro_wrapper .ypro_form_sub .box_form_sub {
padding: unset !important;
}
.ypro_form_henkou .box_form_sub tr, .ypro_form_refer .box_form_sub tr, .ypro_form_cancel .box_form_sub tr, .ypro_form_sub_member_login tr {
width: 90vw;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#ypro_wrapper .ypro_form_refer .inner table th {
text-align: left !important;
}
#ypro_wrapper .ypro_form_sub .box_form_sub .wrp_st .st_sub, #ypro_wrapper .box_form_sub .inner_detail {
width: 90vw;
margin: 0 auto;
}
.ypro_form_henkou .box_form_sub tr th, .ypro_form_cancel .box_form_sub tr th, .ypro_form_sub_member_login .box_form_sub tr th {
text-align: left !important;
}
.ypro_form_sub_member_login .box_form_sub tr:last-of-type th {
display: none;
}
#ypro_wrapper .ypro_form_sub_member_login .box_form_sub .box_form_ssl ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 90vw;
margin: 20px auto 0;
}
#ypro_wrapper .ypro_form_sub_member_login .box_form_sub .box_form_ssl li.txt {
padding-left: 20px;
}
#ypro_wrapper .ypro_form.ypro_form_rsv_input .box_form_caution .txt {
font-size: 1.6rem !important;
color: #cb1b45 !important;
text-align: left;
}
#ypro_wrapper .ypro_form.ypro_form_rsv_input .box_form_caution .txt font {
font-size: 1.8rem !important;
color: #0b346e !important;
}
#ypro_wrapper .ypro_form .box_form_price tbody tr, #ypro_wrapper .ypro_form .box_form_price tbody th, #ypro_wrapper .ypro_form .box_form_price tbody td {
font-size: calc(0.4rem + 2.5vw) !important;
line-height: 115%;
}
#ypro_wrapper .ypro_form .box_form_price table th {
padding: 1px !important;
}
#ypro_wrapper .ypro_form .box_form_price table td {
padding: 2px 10px !important;
}
.ypro_form_rsv_input .box_form_rsv tr, .ypro_form_rsv_input .box_form_payment tr, .ypro_form_rsv_input .box_form_member_entry tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#ypro_wrapper .ypro_form .ypro_form_layout .txt_error {
margin: 0 !important;
}
#ypro_wrapper .ypro_form .box_form_price table {
border-top: 2px solid #c9c9c9;
}
#ypro_wrapper .ypro_form .box_form_price table .price_total {
color: #0b346e;
}
#ypro_wrapper .ypro_form .box_form_price thead, #ypro_wrapper .ypro_form .box_form_price tbody {
border-bottom: 2px solid #c9c9c9 !important;
}
#ypro_wrapper .ypro_form .box_form_price tfoot .price_total td {
border-top: 2px solid #c9c9c9 !important;
}
#ypro_wrapper .ypro_form .box_form_price .txt_caution_tax {
color: #545454 !important;
}
#ypro_wrapper .ypro_form .box_form_rsv > div p {
margin: 0 !important;
}
.ypro_mypage.ypro_form_mypage_pw .box_form_sub .st_sub {
font-size: 1.6rem !important;
margin: 20px 0 0 0!important;
}
.ypro_mypage.ypro_form_mypage_pw {
width: 90vw !important;
margin-left: -5vw !important;
}
.ypro_mypage.ypro_form_mypage_pw .box_form_sub {
width: 90vw;
}
#ypro_wrapper .ypro_form_sub .box_form_sub .wrp_st .st_sub_btm {
border-top: unset !important;
}
#ypro_wrapper .ypro_form .box_form_rule .ypro_form_rule .agreement_yes {
text-align: unset !important;
}
#ypro_wrapper .ypro_form .box_form_rule .ypro_form_rule .agreement_yes label {
text-align: left;
}
#hotelpay_agreement_terms_err + label {
margin: 0 0.8em 0 0 !important;
}
#ypro_wrapper .ypro_form table.ypro_form_layout tr p a {
font-weight: 700;
}
#hotelpay_agreement_terms_err ~ a::before {
content: '\f0c6';
font-family: 'FontAwesome';
font-size: 1em;
color: #0b346e;
margin-right: 0.2em;
font-weight: normal;
}                  #ypro_wrapper .ypro_form_sub.ypro_form_complete .box_form_sub .wrp_st .st_sub {
font-weight: 700;
color: #0b346e;
}
#ypro_wrapper .ypro_form_complete .box_form_sub p {
text-align: left;
}
#ypro_wrapper .ypro_form_complete .box_form_sub .inner_txt li {
padding: 0.5em 5px 0.5em 35px;
}
#ypro_wrapper .ypro_form_sub.ypro_form_complete .box_form_sub .inner_txt li span {
font-size: 1.6rem;
padding: 0 0.5em 0 0;
}
#ypro_wrapper .ypro_form_complete + .ypro_form_rsv_input, #ypro_wrapper .ypro_form_cancel + .ypro_form_rsv_input {
width: 90vw !important;
}
#ypro_wrapper .ypro_form_complete + .ypro_form_rsv_input .box_form_info tr, #ypro_wrapper .ypro_form_cancel + .ypro_form_rsv_input .box_form_info tr {
display: -webkit-box;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#ypro_wrapper .ypro_form_complete + .ypro_form_rsv_input .box_form_info tr th, #ypro_wrapper .ypro_form_cancel + .ypro_form_rsv_input .box_form_info tr th {
padding: unset !important;
}
#ypro_wrapper .ypro_form_sub.ypro_form_cancel .box_form_sub .wrp_st {
border-bottom: unset !important;
margin-bottom: unset !important;
padding-bottom: unset !important;
}
#ypro_wrapper .ypro_form_sub.ypro_form_cancel .box_form_sub .inner_detail .txt_cancel:first-of-type {
color: #cb1b45 !important;
}
#ypro_wrapper .ypro_form_sub.ypro_form_cancel .box_form_sub .inner_detail .txt_cancel:first-of-type p {
font-size: 1.8rem;
font-weight: 500;
}
#ypro_wrapper .ypro_form_sub.ypro_form_cancel .box_form_sub .inner_detail .txt_cancel:nth-of-type(n + 2) {
color: #545454;
}
#ypro_wrapper .ypro_form_sub.ypro_form_cancel .box_form_sub .inner_detail .txt_cancel:nth-of-type(n + 2) .cancel_trans p {
font-weight: 500 !important;
color: #545454;
}
#ypro_wrapper .ypro_form_sub.ypro_form_cancel .box_form_sub .inner_detail .txt_detail {
background: unset !important;
border: 2px solid #0b346e;
padding: 1em 1em !important;
}
#ypro_wrapper .ypro_form_sub.ypro_form_cancel .box_form_sub .inner_detail .txt_detail .cancel_trans {
color: #545454;
}
#ypro_wrapper .ypro_form_sub.ypro_form_cancel .box_form_sub .inner_detail .box_form_btn {
border-top: unset !important;
}
#ypro_wrapper .ypro_form_sub.ypro_form_cancel .box_form_sub .inner_txt li {
padding: 1em 5vw;
background: unset;
}
#ypro_wrapper .ypro_form_sub.ypro_form_cancel .box_form_sub .inner_detail .txt_cancel:first-of-type .cancel_trans p {
font-weight: 500 !important;
color: #545454;
font-size: 1.6rem;
}
#ypro_wrapper .ypro_form_cancel .box_form_error {
padding: unset;
margin: 0 5vw;
}
#ypro_wrapper .box_form_error .st {
font-size: 1.8rem !important;
}
#ypro_wrapper .ypro_form_cancel .box_form_error .st + .txt {
display: none;
}
@media only screen and (min-width: 480px) {
.ypro_information_box_wrp .ypro_information_box {
padding: 0.5em 0.5em !important;
border-right: 3px solid #cb1b45;
border-left: 3px solid #cb1b45;
}
#ypro_wrapper {
margin: 0 auto;
width: 80vw;
}
.ypro_login_button {
margin-bottom: unset !important;
width: unset !important;
margin: 0 auto;
}
#ypro_wrapper .ypro_login_button {
font-size: 1.6rem;
}
#ypro_wrapper .ypro_login_button .inner p a {
padding: 8px 20px !important;
}
#ypro_search {
width: unset !important;
}
#ypro_form_kensaku_wrap {
left: unset !important;
width: 80vw !important;
}
.flatpickr-current-month, #ypro_wrapper .ypro_form_parts input[type="text"].cur-year {
font-size: 2.1rem !important;
}
#ypro_wrapper .ypro_package .box_pac .inner_intro .ypro_tbl {
width: calc(74vw - 8px) !important;
}
#ypro_search .ypro_tbl .date_check {
display: inline-block !important;
margin: 10px 0 10px 1em !important;
}
#ypro_wrapper .ypro_package .box_pac {
padding: 15px 3vw 20px !important;
}
#ypro_wrapper .ypro_package {
border: 4px solid #efcbc3 !important;
}
#ypro_wrapper .ypro_package .box_pac .inner_intro {
width: unset !important;
margin-left: unset !important;
}
#ypro_wrapper .box_calendar {
padding: 20px 3vw 15px !important;
}
.ypro_tbl_cal thead tr {
width: calc(74vw - 8px) !important;
}
.ypro_tbl_cal tfoot td {
width: calc(74vw - 8px) !important;
}
#ypro_wrapper .box_calendar > .ypro_tbl_cal tbody tr:nth-of-type(n+2) td:nth-of-type(n+3) a:link {
font-size: 1.6vw !important;
-webkit-transform: unset !important;
-moz-transform: unset !important;
-ms-transform: unset !important;
-o-transform: unset !important;
transform: unset !important;
left: 0 !important;
}
.ypro_tbl_cal tfoot td::before {
padding-left: 15.5vw !important;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal tfoot .cal_mark::before {
-ms-transform: translate(2.9em, -1.7em) !important;
-webkit-transform: translate(2.9em, -1.7em) !important;
transform: translate(2.9em, -1.7em) !important;
}
#ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal_list .room_list {
width: calc(74vw - 8px) !important;
margin: 0 auto 20px;
}
#ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal_list .inner {
width: calc(74vw - 8px) !important;
margin: 0 auto;
}
.ypro_package_detail form.ypro_form_parts {
width: unset !important;
padding-left: unset !important;
}
.ypro_package_detail .ypro_tbl_cal tbody td, #ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal .inner .ypro_tbl_cal tbody th {
width: calc(10.57vw - 1.14px) !important;
}
#ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal .inner .ypro_tbl_cal .cal_btn tbody td.date {
font-size: calc(2.5vw + 0.7rem) !important;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal thead .cal_btn p.btn_next a, #ypro_wrapper .box_calendar .ypro_tbl_cal thead .cal_btn p.btn_prev a {
font-size: calc(0.8vw + 1.5rem) !important;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal tbody th {
height: 48px !important;
padding: 1vw 0.3rem 0.3rem !important;
}
.box_calendar > .ypro_tbl_cal tbody tr:nth-of-type(1) th:nth-of-type(n+3) a {
font-size: 1.6rem !important;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal tbody td {
height: calc(8vw + 4.2rem) !important;
}
#ypro_wrapper .ypro_package_detail .ypro_tbl_cal tbody th {
font-size: 2.2rem !important;
}
#ypro_wrapper .ypro_package_detail .ypro_tbl_cal tbody th {
font-size: 2.2rem!important;
padding-top: 1.2rem !important;
}
#ypro_wrapper .ypro_package_detail .ypro_tbl_cal > tbody td {
font-size: calc(1.5vw + 0.6rem) !important;
}
#ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal .inner .ypro_tbl_cal .cal_btn tbody td {
height: calc(3vw + 5rem) !important;
width: calc((74vw - 8px) / 3) !important;
}
#ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal_list .room_list ul li {
min-height: 3em;
}
#ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal_list .room_list ul li a {
line-height: unset !important;
}
#ypro_wrapper .ypro_package_detail .box_calendar .ypro_tbl_cal thead .cal_btn p {
padding-top: 1.2rem;
}
#ypro_wrapper .ypro_tbl_cal .cal_room a {
font-size: 2.4vw !important;
}
#ypro_wrapper .ypro_form.ypro_form_rsv_input {
border: 4px solid #efcbc3 !important;
}
#ypro_wrapper .ypro_form table.ypro_form_layout th {
padding: 10px !important;
}
#ypro_wrapper .ypro_form table.ypro_form_layout td {
padding: 10px 12px !important;
width: 80vw;
}
#ypro_wrapper .ypro_step_navi ul {
width: 80vw;
}
#ypro_wrapper .ypro_step_navi ul li {
padding: 10px 2vw !important;
}
#ypro_wrapper .ypro_step_navi ul li {
margin-right: 3em;
}   #ypro_wrapper .ypro_package .box_pac .inner_photo .thumbs {
width: calc(74vw - 8px) !important;
}
.ypro_form_rsv_input .box_form_info, #ypro_wrapper .ypro_form_rsv_input .box_login, .ypro_form_rsv_input .box_estimate, .ypro_form_rsv_input #ypro_main {
width: calc(74vw - 8px) !important;
margin: 0 auto;
}
.ypro_form_rsv_input #ypro_main .ypro_form_parts th, .ypro_form_rsv_input #ypro_main .ypro_form_parts td {
width: calc(74vw - 8px) !important;
}
.ypro_form_rsv_input .box_form_btn, #ypro_wrapper .ypro_form_cancel .box_form_btn, #ypro_wrapper .ypro_form_refer .box_form_btn, #ypro_wrapper .ypro_form_sub_member_login .box_form_btn, .ypro_form_error .box_form_btn {
width: calc(74vw - 8px) !important;
}
.ypro_form_rsv_input .box_form_btn li, #ypro_wrapper .ypro_form_henkou .box_form_btn li, #ypro_wrapper .ypro_form_cancel .box_form_btn li, #ypro_wrapper .ypro_form_refer .box_form_btn li, #ypro_wrapper .ypro_form_sub_member_login .box_form_btn li, .ypro_form_error .box_form_btn li {
width: 192px !important;
}
.ypro_form_rsv_input .box_form_btn .btn_plain, #ypro_wrapper .ypro_form_cancel .box_form_btn .btn_plain, #ypro_wrapper .ypro_form_refer .box_form_btn .btn_plain, #ypro_wrapper .ypro_form_sub_member_login .box_form_btn .btn_plain, .ypro_form_error .box_form_btn input {
text-align: center !important;
padding: unset !important;
padding-left: 1.5rem !important
}
.ypro_form_rsv_input .box_form_btn .btn_default, #ypro_wrapper .ypro_form_cancel .box_form_btn .btn_default, #ypro_wrapper .ypro_form_refer .box_form_btn .btn_default, #ypro_wrapper .ypro_form_sub_member_login .box_form_btn .btn_default, .ypro_form_rsv_input .box_form_btn .btn_important {
text-align: center;
padding: unset !important;
padding-right: 1.5rem !important
}
.ypro_form_rsv_input .box_form_btn:first-of-type li:first-of-type::before, #ypro_wrapper .ypro_form_cancel .box_form_btn li:nth-last-of-type(2)::before, #ypro_wrapper .ypro_form_refer .box_form_btn li:first-of-type::before, #ypro_wrapper .ypro_form_sub_member_login .box_form_btn li:first-of-type::before, .ypro_form_error .box_form_btn li:first-of-type::before {
-ms-transform: translate(15px, 48%) !important;
-webkit-transform: translate(15px, 48%) !important;
transform: translate(15px, 48%) !important;
}
.ypro_form_rsv_input .box_form_btn:first-of-type li:last-of-type::after, #ypro_wrapper .ypro_form_sub_member_login .box_form_btn li:last-of-type::after {
-ms-transform: translate(-30px, 48%) !important;
-webkit-transform: translate(-30px, 48%) !important;
transform: translate(-30px, 48%) !important;
}
#ypro_wrapper .ypro_form_henkou .box_form_btn li:last-of-type::after, #ypro_wrapper .ypro_form_cancel .box_form_btn li:nth-last-of-type(1)::after, #ypro_wrapper .ypro_form_refer .box_form_btn li:last-of-type::after {
-ms-transform: translate(-28px, 48%) !important;
-webkit-transform: translate(-28px, 48%) !important;
transform: translate(-28px, 48%) !important;
}
#ypro_wrapper .ypro_form .box_form_rule .ypro_form_rule {
padding: unset !important;
}
#ypro_wrapper .ypro_form .box_form_rule .ypro_form_rule .agreement_member_scroll {
padding: 1em 0.5em !important;
}
.ypro_form_confirm.ypro_form_commerce .box_form_btn input {
text-align: center !important;
padding: unset !important;
padding-left: 1.5rem !important;
}
.ypro_form_confirm.ypro_form_commerce .box_form_btn li {
width: 192px !important;
}
.ypro_form_confirm.ypro_form_commerce .box_form_btn li::before {
-ms-transform: translate(15px, 48%) !important;
-webkit-transform: translate(15px, 48%) !important;
transform: translate(15px, 48%) !important;
}
#ypro_wrapper .ypro_form.ypro_form_confirm.ypro_form_commerce {
border: none !important;
}
.ypro_form_confirm.ypro_form_commerce .ypro_form_parts th, .ypro_form_confirm.ypro_form_commerce .ypro_form_parts td {
width: 100% !important;
}
#ypro_wrapper .ypro_form.ypro_form_henkou, #ypro_wrapper .ypro_form.ypro_form_cancel, #ypro_wrapper .ypro_form.ypro_form_refer, #ypro_wrapper .ypro_form.ypro_form_sub_member_login {
border: unset !important;
}
#ypro_wrapper .ypro_form_sub .box_form_sub .wrp_st .st_sub {
width: 80vw;
}
#ypro_wrapper .ypro_form.ypro_form_sub.ypro_form_henkou, #ypro_wrapper .ypro_form.ypro_form_sub.ypro_form_cancel, #ypro_wrapper .ypro_form.ypro_form_sub.ypro_form_refer, #ypro_wrapper .ypro_form.ypro_form_sub.ypro_form_sub_member_login, #ypro_wrapper .ypro_form.ypro_form_sub.ypro_form_complete
{
width: 80vw !important;
}
#ypro_wrapper .ypro_form_sub_member_login .box_form_sub .box_form_ssl ul {
width: 80vw;
}
#ypro_wrapper .ypro_form_rsv_input .box_form_price {
width: calc(74vw - 8px) !important;
}
#ypro_wrapper .ypro_form .box_form_price tbody tr, #ypro_wrapper .ypro_form .box_form_price tbody th, #ypro_wrapper .ypro_form .box_form_price tbody td {
font-size: 1.7rem !important;
}
.ypro_form_rsv_input .box_form_rsv, .ypro_form_rsv_input .box_form_payment, .ypro_form_rsv_input .box_form_member_entry {
width: calc(74vw - 8px) !important;
margin: 0 auto;
}
#ypro_wrapper .ypro_form_rsv_input .box_form_rsv .ypro_form_parts th, #ypro_wrapper .ypro_form_rsv_input .box_form_rsv .ypro_form_parts td, #ypro_wrapper .ypro_form_rsv_input .ypro_form_parts + div, #ypro_wrapper .ypro_form_rsv_input .box_form_payment .ypro_form_parts th, #ypro_wrapper .ypro_form_rsv_input .box_form_payment .ypro_form_parts td, #ypro_wrapper .ypro_form_rsv_input .box_form_member_entry .ypro_form_parts th, #ypro_wrapper .ypro_form_rsv_input .box_form_member_entry .ypro_form_parts td {
width: calc(74vw - 8px) !important;
}
#ypro_wrapper .ypro_form .box_form_rule .ypro_form_rule .agreement_yes {
width: calc(74vw - 8px) !important;
margin: 0 auto;
}
#ypro_wrapper .ypro_form_complete + .ypro_form_rsv_input, #ypro_wrapper .ypro_form_cancel + .ypro_form_rsv_input {
width: 80vw !important;
}
#ypro_wrapper .ypro_form_complete + .ypro_form_rsv_input .box_form_info tr td, #ypro_wrapper .ypro_form_cancel + .ypro_form_rsv_input .box_form_info tr td {
width: unset !important;
}
#ypro_wrapper .ypro_form_sub .box_form_sub .wrp_st .st_sub, #ypro_wrapper .ypro_form_cancel .box_form_sub .inner_detail {
width: unset !important;
margin: unset !important;
}
#ypro_wrapper .ypro_form_sub.ypro_form_cancel .box_form_sub .inner_txt li {
padding: 1em 0 !important;
}
}
@media only screen and (min-width: 768px) {
#ypro_wrapper .ypro_search_box {
margin-bottom: 7rem !important;
}
#ypro_body #ypro_calendar_con div.ypro_calendar_wrap div.ypro_calendar {
width: 250px !important;
}
#ypro_calendar_con .ui-datepicker-group-last {
display: block !important;
}
#ypro_calendar_con .ui-datepicker-group-first {
width: 48% !important;
}
#ypro_form_kensaku_wrap {
width: 42vw !important;
max-width: 400px !important;
margin: 0 auto 0 auto !important;
left: unset !important;
}
#ypro_form_kensaku {
height: 55px !important;
margin: 0 !important;
}
#ypro_form_kensaku_button {
font-size: 2.4rem !important;
}
#ypro_wrapper .box_pac {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
#ypro_wrapper .ypro_package .box_pac .inner_photo {
position: absolute;
right: calc(10vw + 3vw + 4px) !important;
width: 350px !important;
padding-left: 1em !important;
}
#ypro_wrapper .ypro_package .box_pac .inner_photo .thumbs {
width: 100% !important;
}
#ypro_wrapper .ypro_package .box_pac .inner_intro {
margin-top: unset !important;
width: calc(80vw - 6vw - 8px - 350px) !important;
}
#ypro_wrapper .rsv_month_cal .box_pac .inner_intro .intro .txt {
width: unset !important;
}
#ypro_wrapper .ypro_package .box_pac .inner_intro .ypro_tbl tr {
display: inherit !important;
}
#ypro_wrapper .ypro_package .box_pac .inner_intro .ypro_tbl th {
vertical-align: top;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 8em;
}
#ypro_wrapper .ypro_package .box_pac .inner_intro .ypro_tbl td {
padding: 0 0 0 1.5em !important;
}
.ypro_tbl .flatpickr-calendar {
margin: 0 auto !important;
}
.ypro_tbl_cal tbody .cal_pac {
display: block !important;
-ms-flex-preferred-size: 5%;
flex-basis: 5%;
height: 7rem;
}
.ypro_tbl_cal tbody tr {
display: inherit !important;
}
.ypro_tbl_cal thead tr {
width: calc(74vw - 8px) !important;
display: block !important;
}
#ypro_wrapper .box_calendar {
padding: 20px 20px 15px !important;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal tbody td.cal_room {
padding-right: 10px !important;
padding-left: 10px !important;
max-width: unset !important;
-ms-flex-preferred-size: 25% !important;
flex-basis: 25% !important;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal tbody th.cal_st_room {
text-align: center !important;
}
.ypro_tbl_cal tbody th.cal_st_room::after {
content: none !important;
}
#ypro_wrapper .box_calendar > .ypro_tbl_cal tbody tr:nth-of-type(n+2) td:nth-of-type(n+3) a:link {
font-size: 1.6rem !important;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal tbody td span.mark {
font-size: 1.4em !important;
}
.box_calendar > .ypro_tbl_cal thead td:nth-of-type(1) {
width: 21%;
}
.box_calendar > .ypro_tbl_cal thead td:nth-of-type(2) {
width: 35%;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal a {
display: unset !important;
position: unset !important;
top: unset !important;
-ms-transform: unset !important;
-webkit- transform: unset !important;
transform: unset !important;
background-color: unset !important;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal tbody td.cal_pac a .ypro_btn_style {
position: relative;
top: 50%;
-ms-transform: translateY(-50%);
-webkit- transform: translateY(-50%);
transform: translateY(-50%);
}
.ypro_tbl_cal tfoot td::before {
content: none !important;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal tfoot .cal_mark::before {
content: none !important;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal tfoot .cal_mark {
margin-top: 10px !important;
text-align: unset !important;
}
.box_calendar > .ypro_tbl_cal thead td:nth-of-type(1) {
width: 27%;
}
#ypro_wrapper .ypro_tbl_cal .cal_room a {
font-size: 1.6rem !important;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal tbody th.cal_st_room {
padding-top: unset !important;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal tbody td {
height: 100px !important;
}
#ypro_wrapper .box_calendar .ypro_tbl_cal thead .cal_btn p.btn_next a, #ypro_wrapper .box_calendar .ypro_tbl_cal thead .cal_btn p.btn_prev a {
font-size: 2.2rem !important;
}
#ypro_wrapper .ypro_package_detail .box_pac .inner_intro {
width: unset !important;
}
#ypro_wrapper .ypro_package_detail .ypro_tbl_cal > tbody td {
font-size: 1.9rem !important;
}
#ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal .inner .ypro_tbl_cal .cal_btn tbody td.date {
font-size: 2.7rem !important;
}
#ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal .inner .ypro_tbl_cal .cal_btn tbody td {
height: 68px !important;
}
#ypro_wrapper .ypro_package_detail .box_calendar .ypro_tbl_cal thead .cal_btn p {
padding-top: unset !important;
margin: unset !important;
}
#ypro_wrapper .ypro_form .box_form_rule .ypro_form_rule .agreement_member_yes {
padding: 7px 12px 7px calc((74vw - 8px) * 0.3) !important;
}
#ypro_wrapper .ypro_form.ypro_form_rsv_input .box_form_caution .txt {
font-size: 1.8rem !important;
}
#ypro_wrapper .ypro_step_navi ul li {
padding: 7px 25px !important;
}
#ypro_wrapper .ypro_step_navi ul li {
margin-right: 4em;
}
#ypro_wrapper .ypro_form .ypro_form_box td.btn {
position: absolute;
right: 0;
-ms-transform: translate(-15vw,0.3em);
-webkit-transform: translate(-15vw,0.3em);
transform: translate(-15vw,0.3em);
}
.ypro_form_rsv_input #ypro_main .ypro_form_parts tr:not([style*="none"]) {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.ypro_form_rsv_input #ypro_main .ypro_form_parts th {
width: calc((74vw - 8px) * 0.3) !important;
max-width: 23rem;
}
.ypro_form_rsv_input #ypro_main .ypro_form_parts td {
width: calc((74vw - 8px) * 0.7) !important;
-webkit-box-flex: 1.5;
-ms-flex-positive: 1.5;
flex-grow: 1.5;
}
.ypro_form_rsv_input .box_form_member_entry tr:nth-of-type(2) th {
display: block !important;
}
.ypro_form_henkou .box_form_sub tr, .ypro_form_cancel .box_form_sub tr, .ypro_form_refer .box_form_sub tr, .ypro_form_sub_member_login .box_form_sub tr {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
#ypro_wrapper .ypro_form_henkou .box_form_sub table th, #ypro_wrapper .ypro_form_cancel .box_form_sub table th, #ypro_wrapper .ypro_form_refer .box_form_sub table th, #ypro_wrapper .ypro_form_sub_member_login .box_form_sub table th {
max-width: 230px !important;
}
#ypro_wrapper .ypro_form_henkou .box_form_sub table td, #ypro_wrapper .ypro_form_cancel .box_form_sub table td, #ypro_wrapper .ypro_form_refer .box_form_sub table td, #ypro_wrapper .ypro_form_sub_member_login .box_form_sub table td {
width: calc(80vw - 230px);
}
#ypro_wrapper .ypro_step_navi ul {
width: 565px !important;
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
#ypro_wrapper .ypro_step_navi ul li {
padding: 10px 15px !important;
font-size: 14.4px !important;
}
#ypro_wrapper .ypro_step_navi ul li:after {
width: 150px !important;
left: -150px !important;
}
.ypro_form_rsv_input .box_form_rsv tr, .ypro_form_rsv_input .box_form_payment tr, .ypro_form_rsv_input .box_form_member_entry tr {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
#ypro_wrapper .ypro_form_rsv_input .box_form_rsv .ypro_form_parts th, #ypro_wrapper .ypro_form_rsv_input .box_form_payment .ypro_form_parts th, #ypro_wrapper .ypro_form_rsv_input .box_form_member_entry .ypro_form_parts th {
width: calc((74vw - 8px) * 0.3) !important;
max-width: 23rem;
}
#ypro_wrapper .ypro_form_rsv_input .box_form_rsv .ypro_form_parts td, #ypro_wrapper .ypro_form_rsv_input .box_form_payment .ypro_form_parts td, #ypro_wrapper .ypro_form_rsv_input .box_form_member_entry .ypro_form_parts td {
width: calc((74vw - 8px) * 0.7) !important;
-webkit-box-flex: 1.5;
-ms-flex-positive: 1.5;
flex-grow: 1.5;
}
#ypro_wrapper .ypro_form_sub.ypro_form_cancel .box_form_sub .inner_detail .txt_detail {
margin: 2em 0;
}
}
@media only screen and (min-width: 938px) {
#ypro_wrapper .ypro_search_box .ypro_search .ypro_form_parts .ypro_tbl th {
width: 180px;
}
#ypro_search tr {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
#ypro_wrapper .ypro_search_box .ypro_search .ypro_form_parts .ypro_tbl td {
padding: 0 10px 1em 3vw !important;
}
.ypro_tbl_cal .cal_room a {
font-size: 1.6rem !important;
color: #005585 !important;
}
.box_calendar > .ypro_tbl_cal tbody tr:nth-of-type(1) th:nth-of-type(n+3) a {
font-size: 1.6rem !important;
}
#ypro_wrapper .ypro_tbl_cal .cal_room a {
font-size: 1.6rem !important;
}
#ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal_list .room_list ul li a {
padding: 12px !important;
}
#ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal_list .room_list ul li a:hover, #ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal_list .room_list ul li a.active {
padding: 12px !important;
}
.ypro_form_rsv_input .box_login tr {
width: 76.1rem;
}
#ypro_wrapper .ypro_form .ypro_form_box td.btn {
right: unset !important;
-ms-transform: translate(53rem, 0.3em) !important;
-webkit-transform: translate(53rem, 0.3em) !important;
transform: translate(53rem, 0.3em) !important;
}
.ypro_form_rsv_input .box_form_payment dl .txt_bn {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.ypro_form_rsv_input .box_form_payment dl .txt_bn > a {
width: 50%;
}
#ypro_wrapper .ypro_form .box_form_payment table dl dd.txt_bn .txt_s {
width: 50%;
}
}           @font-face{font-family:'FontAwesome';src:url(https://www.guesthouse-re-spect.com/wp-content/themes/jstork_custom/library/icon/fontawesome-webfont.eot?v=4.7.0);src:url(https://www.guesthouse-re-spect.com/wp-content/themes/jstork_custom/library/icon/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(https://www.guesthouse-re-spect.com/wp-content/themes/jstork_custom/library/icon/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(https://www.guesthouse-re-spect.com/wp-content/themes/jstork_custom/library/icon/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(https://www.guesthouse-re-spect.com/wp-content/themes/jstork_custom/library/icon/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(https://www.guesthouse-re-spect.com/wp-content/themes/jstork_custom/library/icon/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
.slick-slider
{
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: url(//www.guesthouse-re-spect.com/wp-content/themes/jstork/library/images/ajax-loader.gif) center center no-repeat;
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 40px;
height: 40px;
padding: 0;
margin-top: -10px\9; -webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'fontawesome';
font-size: 40px;
line-height: 1;
opacity: .75;
color: #272724;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -45px;
}
[dir='rtl'] .slick-prev
{
right: -45px;
left: auto;
}
.slick-prev:before
{
content: '\f104';
}
[dir='rtl'] .slick-prev:before
{
content: '\f104';
}
.slick-next
{
right: -45px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -45px;
}
.slick-next:before
{
content: '\f105';
}
[dir='rtl'] .slick-next:before
{
content: '\f105';
} .slick-slider
{
margin-top: 0;
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -1.6em;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 1px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 10px;
content: "●";
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
} .carouselwrap{
font-size: .75em;
}
.carouselwrap a{
display: block;
text-decoration: none;
color: #444;
padding: .5em .5em 0;
}
.carouselwrap .eyecatch{
position: relative;
max-height: 135px;
overflow: hidden;
}
.carouselwrap .eyecatch img{
width: 100%;
}
.carouselwrap .cat-name{
position: absolute;
top:0;
right:0;
font-size: .8em;
background: #fcee21;
color: #444444;
}
.carouselwrap .entry-title{
font-size: 1em;
} @media only screen and (max-width: 480px) {
.carouselwrap{
width: 100%;
}
.carouselwrap .slider li{
max-height: 230px;
}
.carouselwrap .slider a{
padding:0;
position:relative;
}
.carouselwrap .slider a:after{
content: '';
display: block;
width: 100%;
height: 5.8em;
background:linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,1) 40%,rgba(0,0,0,1) 100%);
position: absolute;
bottom: 0;
opacity:.5;
z-index:1;
}
.carouselwrap .slider .eyecatch{
max-height: 180px;
}
.carouselwrap .slider a .entry-title{
position:absolute;
bottom:.1em;
padding:.4em .9em .6em;
font-size: 1.05em;
color:#fff;
z-index:2;
}
.slick-dots li button,
.slick-dots li button:before{
width: 15px;
}
}

.related_article {
margin: 1.8em 0;
text-align: left;
}
.related_article .inbox {
padding-left: 25%;
}
.related_article.noimg .inbox{
padding-left: 0;
}
.related_article p.ttl {
margin: 0 0 0.1em;
font-size: 1em;
font-weight: bold;
}
.related_article .ttl:before {
content: '関連記事';
font-size: .7em;
font-weight: bold;
color: #fff;
background: #111;
width: 5em;
display: inline-block;
padding: 0.2em;
position: relative;
top: -2px;
text-align: center;
margin-right: 0.5em;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.related_article.labelnone .ttl:before {
content: none;
}
.related_article .date {
font-size: 0.8em;
}
.related_article .thum {
width: 22%;
float: left;
}
.related_article .thum img {
width: 100%;
margin-bottom: 0;
}
.related_article a {
color: #333;
background: #FFF;
border: 1px solid #eee;
box-shadow: 1px 1px 0 #efefef;
text-decoration: none;
display: block;
overflow: hidden;
padding: 0.9em;
}
.related_article a:hover {
color: #666;
background: lightyellow;
} .supplement {
background: lightyellow;
background: rgba(255, 255, 0, .2);
font-size: .94em;
padding: 3% 4%;
margin: 1.5em 0 2em;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #999;
border-color: rgba(165, 165, 165, 0.2);
}
.supplement p,
.c_box p {
margin-bottom: .8em;
}
.supplement p:last-child,
.c_box p:last-child {
margin-bottom: 0;
}
.supplement.warning {
background: pink;
background: rgba(255, 0, 45, 0.18);
color: #333;
}
.supplement:before {
font-family: "fontawesome";
content: '\f0e6';
display: inline-block;
margin-right: .3em;
font-size: 1.2em;
}
.supplement.warning:before {
content: '\f071';
}
.supplement.boader::before,
.supplement.border::before{
content: none;
}
.supplement.noicon:before {
content: none;
}
.supplement.boader,
.supplement.border {
background: none;
} .c_box {
padding: 1em 4%;
margin: 2em 0 2em;
border: 2px solid #dddddd;
border-radius: 0.2em;
}
.c_box.intitle {
padding-top: 0;
padding-bottom: 1.4em;
}
.c_box.intitle .box_title span {
position: relative;
top: -0.85em;
padding: 0.1em 0.5em;
background: #6d6d6d;
color: #ffffff;
font-weight: bold;
border-radius: 0.2em;
display: inline-block;
vertical-align: bottom;
}
.c_box.blue_box {
background: #d4f3ff;
border-color: #82c8e2;
color: #465d65;
}
.c_box.blue_box .box_title span {
background: #82c8e2;
}
.c_box.red_box {
background: #ffafaf;
border-color: #e77373;
color: #654646;
}
.c_box.red_box .box_title span {
background: #e77373;
}
.c_box.yellow_box {
background: #fff8d4;
border-color: #ded647;
color: #636546;
}
.c_box.yellow_box .box_title span {
background: #ded647;
}
.c_box.green_box {
background: #d8f7c3;
border-color: #79e37c;
color: #42613a;
}
.c_box.green_box .box_title span {
background: #79e37c;
}
.c_box.pink_box {
background: #ffeeee;
border-color: #f7b2b2;
color: #775454;
}
.c_box.pink_box .box_title span {
background: #f7b2b2;
}
.c_box.glay_box {
background: #ececec;
border-color: #9c9c9c;
color: #555555;
}
.c_box.glay_box .box_title span {
background: #9c9c9c;
}
.c_box.black_box {
background: #313131;
border-color: #757575;
color: #ffffff;
}
.c_box.black_box .box_title span {
background: #757575;
} .c_box.type_simple {
background: none;
}
.c_box.type_simple .box_title span{
background: #fff;
color: #999;
}
.c_box.type_simple.blue_box .box_title span{
color: #82c8e2;
}
.c_box.type_simple.red_box .box_title span{
color: #e77373;
}
.c_box.type_simple.yellow_box .box_title span{
color: #ded647;
}
.c_box.type_simple.green_box .box_title span{
color: #79e37c;
}
.c_box.type_simple.pink_box .box_title span{
color: #f7b2b2;
}
.c_box.type_simple.gray_box .box_title span{
color: #9c9c9c;
}
.c_box.type_simple.black_box,
.c_box.type_simple.black_box .box_title span{
color: initial;
} .accordion {
margin: 0.9em 0;
font-size: 95%;
position: relative;
z-index: 1;
}
.accordion::before,
.accordion::after{
content: "";
display: block;
width: 100%;
height: 100%;
background: #1ab4d3;
opacity: 0.15;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.accordion::after{
background: #000;
opacity: 0.02;
}
.accordion_check{
display: none;
}
.accordion_label{
position: relative;
color: initial;
display: block;
margin: 0;
padding: 10px 30px 10px 10px;
font-weight: bold;
cursor: pointer;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.accordion label::after {
content: "+";
position: absolute;
right: 0.8em;
top: calc(50% - 0.5em);
line-height: 1;
color: rgba(100, 100, 100, 0.7);
transition: .3s;
}
.accordion_check:checked + .accordion_label::after {
transform: rotate(45deg);
}
.accordion_content{
border-top: none;
height: 0;
opacity: 0;
padding: 0 1em;
transition: .5s;
visibility: hidden;
background: #ffffff;
}
.accordion_content p:last-child{
margin-bottom: 0;
}
.accordion_check:checked + .accordion_label + .accordion_content{
height: auto;
opacity: 1;
padding: 10px 1em;
margin: 3px;
transform: translateY(-3px);
visibility: visible;
} .cta-inner {
background: #0E0E0E;
color: #ddd;
border-top: 5px solid rgba(146, 146, 146, 0.3);
padding: 1.5em;
}
.cta-inner .cta_copy {
text-align: center;
color: #fff;
margin-bottom: 1em;
}
.cta-inner .btn-wrap a {
box-shadow: none;
margin-top: 1em;
} .btn-wrap.big a {
font-size: 1.1em;
padding: 1.1em 2em;
width: 420px;
max-width: 90%;
} .btn-wrap.lightning a {
background: #C81C1C;
border-color: #C81C1C;
color: #fff;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}
.btn-wrap.lightning a:hover {
background: #EC7373;
color: #fff;
} .btn-wrap.bg {
background: #efefef;
background: rgba(0, 0, 0, .1);
padding: 1.5em 1em;
margin: 2.5em 0;
}
.btn-wrap.bg-yellow {
background: lightyellow;
background: rgba(255, 255, 0, 0.2);
padding: 1.5em 1em;
margin: 2.5em 0;
} .btn-wrap.maru,
.btn-wrap.maru a {
border-radius: 0.4em;
} .btn-wrap.rich_yellow a {
font-weight: bold;
position: relative;
background-color: #f7cf2e;
color: #ffffff!important;
border-radius: 0.2em;
box-shadow: 0 4px 0 #ecb254;
border: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, .09);
}
.btn-wrap.rich_yellow a:hover {
background: #ecb254;
color: #ffffff!important;
box-shadow: 0 1px 0 #ecb254;
}
.btn-wrap.rich_pink a {
font-weight: bold;
position: relative;
background-color: #ee5656;
color: #ffffff!important;
border-radius: 0.2em;
box-shadow: 0 4px 0 #d34e4e;
border: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, .09);
}
.btn-wrap.rich_pink a:hover {
background: #d34e4e;
color: #ffffff!important;
box-shadow: 0 1px 0 #d34e4e;
}
.btn-wrap.rich_orange a {
font-weight: bold;
position: relative;
background-color: #ef9b2f;
color: #ffffff!important;
border-radius: 0.2em;
box-shadow: 0 4px 0 #cc8c23;
border: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, .09);
}
.btn-wrap.rich_orange a:hover {
background: #cc8c23;
color: #ffffff!important;
box-shadow: 0 1px 0 #cc8c23;
}
.btn-wrap.rich_green a {
font-weight: bold;
position: relative;
background-color: #39cd75;
color: #ffffff!important;
border-radius: 0.2em;
box-shadow: 0 4px 0 #1eae59;
border: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, .09);
}
.btn-wrap.rich_green a:hover {
background: #1eae59;
color: #ffffff!important;
box-shadow: 0 1px 0 #1eae59;
}
.btn-wrap.rich_blue a {
font-weight: bold;
position: relative;
background-color: #19b4ce;
color: #ffffff!important;
border-radius: 0.2em;
box-shadow: 0 4px 0 #07889d;
border: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, .09);
}
.btn-wrap.rich_blue a:hover {
background: #07889d;
color: #ffffff!important;
box-shadow: 0 1px 0 #07889d;
} .anim a {
animation: jiggle 3s ease-in infinite;
}
@keyframes jiggle {
48%,
62% {
transform: scale(1.0, 1.0)
}
50% {
transform: scale(1.1, 0.9)
}
56% {
transform: scale(0.9, 1.1) translate(0, -5px)
}
59% {
transform: scale(1.0, 1.0) translate(0, -3px)
}
} .voice {
margin: 1em 0 1.3em;
font-size: 0.95em;
}
.voice .voicecomment {
border: 3px solid #eee;
background-color: #fff;
color: #444;
padding: 2.5%;
position: relative;
width: 85%;
border-radius: 5px;
}
.voice.l .voicecomment {
float: right;
}
.voice.r .voicecomment {
float: left;
}
.voice.l .voicecomment:before {
content: '';
position: absolute;
border-right: 8px solid #eee;
border-bottom: 8px solid transparent;
border-top: 8px solid transparent;
top: 10px;
left: -11px;
}
.voice.l .voicecomment:after {
content: '';
position: absolute;
border-right: 10px solid #fff;
border-bottom: 8px solid transparent;
border-top: 8px solid transparent;
top: 10px;
left: -7px;
}
.voice.r .voicecomment:before {
content: '';
position: absolute;
border-left: 8px solid #eee;
border-bottom: 8px solid transparent;
border-top: 8px solid transparent;
top: 10px;
right: -11px;
}
.voice.r .voicecomment:after {
content: '';
position: absolute;
border-left: 10px solid #fff;
border-bottom: 8px solid transparent;
border-top: 8px solid transparent;
top: 10px;
right: -7px;
}
.voice .voicecomment h2,
.voice .voicecomment h3,
.voice .voicecomment h4,
.voice .voicecomment h5 {
margin: 10px 0!important;
padding: 0;
}
.voice .voicecomment p {
margin-bottom: 1em;
}
.voice .voicecomment p:last-child {
margin-bottom: 0;
}
.voice .icon {
width: 12%;
text-align: center;
}
.voice.l .icon {
float: left;
}
.voice.r .icon {
float: right;
}
.voice .icon img {
border-radius: 50%;
margin: 0;
border: 4px solid #f5f5f5;
}
.voice.icon_red .icon img {
border-color: #FF4E4E;
}
.voice.icon_blue .icon img {
border-color: #50B4DE;
}
.voice.icon_yellow .icon img {
border-color: #faee00;
}
.voice.icon_black .icon img {
border-color: #222;
}
.voice .icon .name {
font-size: 0.65em;
padding: 0.4em 0;
}
.voice.big .icon {
width: 18%;
}
.voice.big .voicecomment {
width: 79%;
}  .voice.l.fb .voicecomment:before {
border-right-color: #4C5CB0;
}
.voice.l.fb .voicecomment:after,
.voice.l.line .voicecomment:after {
content: none;
}
.voice.fb .voicecomment {
background: #4C5CB0;
border-color: #4C5CB0;
color: #fff;
}
.voice.r.fb .voicecomment:before {
border-left-color: #4C5CB0;
}
.voice.r.fb .voicecomment:after {
content: none;
} .voice.line .voicecomment {
background: #7ACC40;
border-color: #7ACC40;
color: #fff;
}
.voice.l.line .voicecomment:before {
border-right-color: #7ACC40;
}
.voice.r.line .voicecomment:before {
border-left-color: #7ACC40;
}
.voice.r.line .voicecomment:after {
content: none;
}
@media only screen and (max-width: 480px) {
.btn-wrap a {
font-size: 0.9em;
padding: 0.9em 1.5em;
}
.btn-wrap.big a {
font-size: 0.9em;
padding: 0.9em 1.5em;
min-width: 80%;
max-width: 90%;
}
.btn-wrap.bg {
padding: 0.9em 0.8em;
margin: 2.5em 0;
}
.voice .icon {
width: 18%;
}
.voice .voicecomment {
width: 80%;
font-size: 0.95em;
} .related_article {
font-size: 0.8em;
}
.related_article .inbox {
padding-left: 32%;
}
.related_article .ttl:before {
content: '関連';
width: 3em;
}
.related_article .thum {
width: 30%;
}
.related_article a {
padding: 0.6em;
}
} @media only screen and (min-width: 1100px) {
.column-wrap {
width: 102.8888%;
}
.column-wrap .d-1of2,
.column-wrap .d-1of3,
.column-wrap .t-1of2,
.column-wrap .tof3 {
padding-right: 2.8%;
}
}