@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;
}.wpp-no-data {
} .wpp-list {
} .wpp-list li {
overflow: hidden;
float: none;
clear: both;
margin-bottom: 1rem;
}
.wpp-list li:last-of-type {
margin-bottom: 0;
} .wpp-list li.current {
} .wpp-thumbnail {
display: inline;
float: left;
margin: 0 1rem 0 0;
border: none;
} .wpp-post-title {
} .wpp-excerpt {
}
.wpp-excerpt:empty {
display: none;
} .wpp-meta, .post-stats {
display: block;
font-size: 0.8em;
}
.wpp-meta:empty, .post-stats:empty {
display: none;
} .wpp-comments {
} .wpp-views {
} .wpp-author {
} .wpp-date {
} .wpp-category {
} .wpp-rating {
}div.yyi-rinker-contents {
margin: 2em 0;
padding: 0;
border: solid 1px #dbdbdb;
background-color: #fff;
box-shadow: 2px 3px 8px -5px rgba(0,0,0,.25);
position: relative;
overflow: visible;
}
div.yyi-rinker-contents a {
border: none;
}
div.yyi-rinker-contents div.yyi-rinker-box{
display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
box-sizing: border-box;
padding: 12px;
}
div.yyi-rinker-contents div.yyi-rinker-image {
padding: 0;
display: flex;
vertical-align: middle;
justify-content: center;
align-items: center;
}
.yyi-rinker-img-s .yyi-rinker-image {
width: 75px;
min-width: 75px;
}
.yyi-rinker-img-m .yyi-rinker-image {
width: 175px;
min-width: 175px;
}
.yyi-rinker-img-l div.yyi-rinker-image{
width: 200px;
min-width: 200px;
}
.yyi-rinker-images {
display: flex;
justify-content: center;
align-items: center;
position: relative;
margin: 5px;
}
div.yyi-rinker-image img.yyi-rinker-main-img.hidden {
display: none;
}
.yyi-rinker-images-arrow {
cursor: pointer;
position: absolute;
top: 50%;
display: block;
margin-top: -11px;
opacity: 0.6;
width: 22px;
}
.yyi-rinker-images-arrow-left{
left: -10px;
}
.yyi-rinker-images-arrow-right{
right: -10px;
}
.yyi-rinker-images-arrow-left.hidden {
display: none;
}
.yyi-rinker-images-arrow-right.hidden {
display: none;
} div.yyi-rinker-contents.yyi-rinker-img-s div.yyi-rinker-info{
width: calc(100% - 75px);
}
div.yyi-rinker-contents div.yyi-rinker-info{
width: calc(100% - 175px);
}
div.yyi-rinker-contents.yyi-rinker-img-l div.yyi-rinker-info{
width: calc(100% - 200px);
}
div.yyi-rinker-contents div.yyi-rinker-title a {
color: #333;
text-decoration: none;
}
div.yyi-rinker-contents div.yyi-rinker-title p{
margin: 5px;
}
div.yyi-rinker-contents div.yyi-rinker-detail {
font-size: 0.8em;
color: #999;
padding-left: 15px;
}
div.yyi-rinker-contents div.yyi-rinker-detail a {
text-decoration: underline;
}
div.yyi-rinker-contents div.yyi-rinker-detail .price-box {
color: #aaa;
}
div.yyi-rinker-contents div.yyi-rinker-detail .free-text {
color: #aaa;
}
div.yyi-rinker-contents ul.yyi-rinker-links {
border: none;
list-style-type: none;
display: inline-flex;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 10px auto;
padding: 0;
width: 100%;
}
div.yyi-rinker-contents ul.yyi-rinker-links li {
content: '';
position: static;
margin: 2px 5px;
padding: 0;
border-radius: 2px;
border: none;
box-shadow: 0 6px 12px -5px rgba(0, 0, 0, .30);
-ms-flex: 0 0 auto;
}
div.yyi-rinker-contents ul.yyi-rinker-links li:before {
content: '';
position: static;
}
div.yyi-rinker-contents ul.yyi-rinker-links li:hover {
box-shadow: 0 5px 8px -5px rgba(0, 0, 0, .30);
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {
background: #f6a306;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a {
position: relative;
display: block;
color: #fff;
font-weight: bold;
text-decoration: none;
font-size: 0.9em;
height: 30px;
line-height: 30px;
padding: 0 18px;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a:hover {
border: none;
opacity: 0.7;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a:before {
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
color: white;
text-align: center;
border: none;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {
order: 20;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:before{
content: '';
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink {
background: #666;
order: 15;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink a:before{
content: '';
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink {
background: #cf4944;
order: 30;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a:before{
content: '';
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {
background: #51a7e8;
order: 40;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a:before{
content: '';
}
div.yyi-rinker-contents ul.yyi-rinker-links li.mercarilink {
background-color: #ff0211;
order: 50;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.mercarilink a:before{
content: '';
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1 {
background: #4072B3;
order: 10;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 {
background: #4DC0B2;
order: 50;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink3 {
background: #6f63ad;
order: 15;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink4 {
background: #63ad87;
order: 55;
}
div.yyi-rinker-contents ul.yyi-rinker-links img,
div.yyi-rinker-contents div.yyi-rinker-title img,
div.yyi-rinker-contents div.yyi-rinker-image a + img{
display: none;
}
div.yyi-rinker-detail .credit-box {
font-size: 75%;
}
ul.yyi-rinker-links li::before {
background-color: transparent;
}
@media all and (max-width: 420px) {
.yyi-rinker-images {
margin: auto;
}
}
@media all and (max-width: 420px) and (min-width: 321px) {
body div.yyi-rinker-contents ul.yyi-rinker-links li a {
padding: 0 0 0 15px;
}
div.yyi-rinker-contents ul.yyi-rinker-links {
-webkit-flex-flow: column;
flex-direction: column;
}
.yyi-rinker-img-s .yyi-rinker-image {
width: 75px;
min-width: 75px;
}
.yyi-rinker-img-m .yyi-rinker-image {
width: 125px;
min-width: 125px;
}
.yyi-rinker-img-l div.yyi-rinker-image{
width: 150px;
min-width: 150px;
}
div.yyi-rinker-contents.yyi-rinker-img-s div.yyi-rinker-info{
width: calc(100% - 75px);
}
div.yyi-rinker-contents div.yyi-rinker-info {
width: calc(100% - 125px);
}
div.yyi-rinker-contents.yyi-rinker-img-l div.yyi-rinker-info{
width: calc(100% - 150px);
}
}
@media all and (max-width: 320px) {
div.yyi-rinker-contents ul.yyi-rinker-links li a {
padding: 0 0 0 7px;
}
div.yyi-rinker-contents ul.yyi-rinker-links {
-webkit-flex-flow: column;
flex-direction: column;
}
.yyi-rinker-img-s .yyi-rinker-image {
width: 75px;
min-width: 75px;
}
.yyi-rinker-img-m .yyi-rinker-image {
width: 100px;
min-width: 100px;
}
.yyi-rinker-img-l div.yyi-rinker-image{
width: 125px;
min-width: 125px;
}
div.yyi-rinker-contents.yyi-rinker-img-s div.yyi-rinker-info{
width: calc(100% - 75px);
}
div.yyi-rinker-contents div.yyi-rinker-info {
width: calc(100% - 100px);
}
div.yyi-rinker-contents.yyi-rinker-img-l div.yyi-rinker-info{
width: calc(100% - 125px);
}
}
body div.yyi-rinker-contents ul.yyi-rinker-links li {
list-style: none;
}
body div.yyi-rinker-contents ul.yyi-rinker-links li:before {
position: absolute;
}
div.yyi-rinker-contents p{
padding: 0;
}
div.yyi-rinker-contents img{
margin-bottom: 0;
} div.yyi_rinker-gutenberg input.rinkerg-richtext{
width: 300px;
}
input.rinkerg-richtext {
width: 70%;
} div.yyi-rinker-contents div.yyi-rinker-detail .free-text .count-in{
color: #333;
} .editor-styles-wrapper div.yyi-rinker-contents .count-top p {
margin-top: 0;
}
div.yyi-rinker-contents.yyi-rinker-design-tate  div.yyi-rinker-box{
flex-direction: column;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-box .yyi-rinker-links {
flex-direction: column;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-info {
width: 100%;
}
div.yyi-rinker-contents.yyi-rinker-design-slim .yyi-rinker-title {
text-align: center;
}
div.yyi-rinker-contents.yyi-rinker-design-slim .yyi-rinker-links {
text-align: center;
}
div.yyi-rinker-contents.yyi-rinker-design-slim .yyi-rinker-image {
margin: auto;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-info ul.yyi-rinker-links li {
align-self: stretch;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-box div.yyi-rinker-info {
padding: 0;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-box {
flex-direction: column;
padding: 14px 5px 0;
}
.yyi-rinker-design-slim div.yyi-rinker-box div.yyi-rinker-info {
text-align: center;
}
.yyi-rinker-design-slim div.price-box span.price {
display: block;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-info div.yyi-rinker-title a{
font-size:16px;
}
div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.amazonkindlelink:before,  div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.amazonlink:before,  div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.rakutenlink:before,  div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.yahoolink:before {
font-size:12px;
}
div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li a {
font-size: 13px;
} .yyi-rinker-contents .yyi-rinker-info {
padding-left: 10px;
}
.yyi-rinker-img-s .yyi-rinker-image .yyi-rinker-images img{
max-height: 75px;
}
.yyi-rinker-img-m .yyi-rinker-image .yyi-rinker-images img{
max-height: 175px;
}
.yyi-rinker-img-l .yyi-rinker-image .yyi-rinker-images img{
max-height: 200px;
}
div.yyi-rinker-contents div.yyi-rinker-image {
flex-direction: column;
align-items: center;
}
div.yyi-rinker-contents ul.yyi-rinker-thumbnails {
display: flex;
flex-direction: row;
flex-wrap : wrap;
list-style: none;
border:none;
padding: 0;
margin: 5px 0;
}
div.yyi-rinker-contents ul.yyi-rinker-thumbnails li{
cursor: pointer;
height: 32px;
text-align: center;
vertical-align: middle;
width: 32px;
border:none;
padding: 0;
margin: 0;
box-sizing: content-box;
}
div.yyi-rinker-contents ul.yyi-rinker-thumbnails li img {
vertical-align: middle;
}
div.yyi-rinker-contents ul.yyi-rinker-thumbnails li {
border: 1px solid #fff;
}
div.yyi-rinker-contents ul.yyi-rinker-thumbnails li.thumb-active {
border: 1px solid #eee;
} div.yyi-rinker-contents.yyi-rinker-design-mini {
border: none;
box-shadow: none;
background-color: transparent;
} .yyi-rinker-design-mini div.yyi-rinker-info ul.yyi-rinker-links,
.yyi-rinker-design-mini div.yyi-rinker-info .brand,
.yyi-rinker-design-mini div.yyi-rinker-info .price-box {
display: none;
}
div.yyi-rinker-contents.yyi-rinker-design-mini .credit-box{
text-align: right;
}
div.yyi-rinker-contents.yyi-rinker-design-mini div.yyi-rinker-info {
width:100%;
}
.yyi-rinker-design-mini div.yyi-rinker-info div.yyi-rinker-title {
line-height: 1.2;
min-height: 2.4em;
margin-bottom: 0;
}
.yyi-rinker-design-mini div.yyi-rinker-info div.yyi-rinker-title a {
font-size: 12px;
text-decoration: none;
text-decoration: underline;
}
div.yyi-rinker-contents.yyi-rinker-design-mini {
position: relative;
max-width: 100%;
border: none;
border-radius: 12px;
box-shadow: 0 1px 6px rgb(0 0 0 / 12%);
background-color: #fff;
}
div.yyi-rinker-contents.yyi-rinker-design-mini div.yyi-rinker-box {
border: none;
}
.yyi-rinker-design-mini div.yyi-rinker-image {
width: 60px;
min-width: 60px;
}
.yyi-rinker-design-mini div.yyi-rinker-image img{
max-height: 3.6em;
}
.yyi-rinker-design-mini div.yyi-rinker-detail div.credit-box {
font-size: 10px;
}
.yyi-rinker-design-mini div.yyi-rinker-detail div.brand,
.yyi-rinker-design-mini div.yyi-rinker-detail div.price-box {
font-size: 10px;
}
.yyi-rinker-design-mini div.yyi-rinker-info div.yyi-rinker-detail {
padding: 0;
}
.yyi-rinker-design-mini div.yyi-rinker-detail div:not(:last-child) {
padding-bottom: 0;
}
.yyi-rinker-design-mini div.yyi-rinker-box div.yyi-rinker-image a {
margin-bottom: 16px;
}
@media (min-width: 768px){
div.yyi-rinker-contents.yyi-rinker-design-mini div.yyi-rinker-box {
padding: 12px;
}
.yyi-rinker-design-mini div.yyi-rinker-box div.yyi-rinker-info {
justify-content: center;
padding-left: 24px;
}
}
@media (max-width: 767px){
div.yyi-rinker-contents.yyi-rinker-design-mini {
max-width:100%;
}
div.yyi-rinker-contents.yyi-rinker-design-mini div.yyi-rinker-box {
flex-direction: row;
padding: 12px;
}
.yyi-rinker-design-mini div.yyi-rinker-box div.yyi-rinker-info {
justify-content: center;
margin-bottom: 16px;
padding-left: 16px;
text-align: left;
}
}
div.yyi-rinker-contents .yyi-rinker-attention {
display: inline;
line-height: 30px;
position: absolute;
top: -10px;
left: -9px;
min-width: 60px;
padding: 0;
height: 30px;
text-align: center;
font-weight: 600;
color: #ffffff;
background: #fea724;
z-index: 10;
}
div.yyi-rinker-contents .yyi-rinker-attention span{
padding: 0 15px;
}
.yyi-rinker-attention-before, .yyi-rinker-attention-after {
display: inline;
position: absolute;
content: '';
}
.yyi-rinker-attention-before {
bottom: -8px;
left: 0.1px;
width: 0;
height: 0;
border-top: 9px solid;
border-top-color: inherit;
border-left: 9px solid transparent;
z-index: 1;
}
.yyi-rinker-attention-after {
top: 0;
right: -14.5px;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid;
border-left-color: inherit;
}
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_circle{
display: flex;
position: absolute;
top: -20px;
left: -20px;
width: 60px;
height: 60px;
min-width: auto;
min-height: auto;
justify-content: center;
align-items: center;
border-radius: 50%;
color: #fff;
background: #fea724;
font-weight: 600;
font-size: 17px;
}
div.yyi-rinker-contents.yyi-rinker-design-mini .yyi-rinker-attention.attention_desing_circle{
top: -14px;
left: -14px;
width: 36px;
height: 36px;
font-size: 12px;
}
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_circle{
}
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_circle span {
padding: 0;
}
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_circle .yyi-rinker-attention-after,
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_circle .yyi-rinker-attention-before{
display: none;
}
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_right_ribbon {
width: 89px;
height: 91px;
position: absolute;
top: -1px;
right: -1px;
left: auto;
overflow: hidden;
}
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_right_ribbon span {
display: inline-block;
width: 146px;
position: absolute;
padding: 4px 0;
left: -13px;
top: 12px;
text-align: center;
font-size: 12px;
line-height: 24px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_right_ribbon {
background: none;
}
.yyi-rinker-attention.attention_desing_right_ribbon .yyi-rinker-attention-after,
.yyi-rinker-attention.attention_desing_right_ribbon .yyi-rinker-attention-before{
display:none;
}
div.yyi-rinker-use-right_ribbon div.yyi-rinker-title {
margin-right: 2rem;
}
  html {
margin : 0;
padding : 0;
height : 100%;
font-size : var(--font-size);
}
body {
position : relative;
margin : 0;
margin-top : 0!important; padding : 0;
background : var(--color-01);
line-height : var(--line-height);
font-family : var(--font-family01);
color : var(--color-02);
-webkit-text-size-adjust : 100%;
-webkit-font-smoothing : antialiased;
-moz-osx-font-smoothing : grayscale;
table-layout : fixed;
overflow-wrap : break-word;
word-break : break-word;
} a,
a:link {
color : var(--color-link);
text-decoration : none;
}
a:hover {
color : var(--color-hover);
outline : 0;
}
a img {
border : none;
}
a:hover img {
opacity : 0.8;
}
b,
strong {
font-weight : bold;
}
.spot_color {
color : var(--color-04);
}  .w-large,
.w-half ,
.w-medium,
.w-small {
width : 100%;
}
@media print, only screen and (min-width : 1000px) {
.w-full {
width : 100%;
}
.w-large {
width : var(--w-large);
margin : 0 auto;
}
.w-medium {
width : var(--w-medium);
}
.w-half {
width : var(--w-half);
}
.w-1-third {
width : var(--w-1-third);
}
.w-quarter {
width : var(--w-quarter);
}
.w-small {
width : var(--w-small);
}
.w-thumb {
width : var(--w-thumb);
}
} .grid2-1 {
display : block;
margin : 0;
padding : 0;
}
.grid2-1 div ,
.grid2-1 li {
margin : 0 0 var(--w-grid-gap) 0;
}
@media print, only screen and (min-width: 640px) {
.grid2-1 {
display : grid;
grid-template-columns : repeat(2, 1fr);
justify-content : space-between;
grid-gap : var(--w-grid-gap);
}
} .grid3-1 {
display : block;
}
.grid3-1 div ,
.grid3-1 li {
margin : 0 0 var(--w-grid-gap) 0;
}
@media print, only screen and (min-width: 640px) {
.grid3-1 {
display : grid;
grid-template-columns : repeat(3, 1fr);
justify-content : space-between;
grid-gap : var(--w-grid-gap);
}
} .grid4-1 {
display : block;
}
.grid4-1 div ,
.grid4-1 li {
margin : 0 0 var(--w-grid-gap) 0;
}
@media print, only screen and (min-width: 640px) {
.grid4-1 {
display : grid;
grid-template-columns : repeat(4, 1fr);
justify-content : space-between;
grid-gap : var(--w-grid-gap);
}
} .grid4-2 {
display : grid;
grid-template-columns : repeat(2, 1fr);
justify-content : space-between;
grid-gap : var(--w-grid-gap);
}
.grid4-2 div ,
.grid4-2 li {
margin : 0 0 var(--w-grid-gap) 0;
}
@media print, only screen and (min-width: 1000px) {
.grid4-2 {
display : grid;
grid-template-columns : repeat(4, 1fr);
justify-content : space-between;
grid-gap : var(--w-grid-gap);
}
} .full_width {
margin-left : -10px;
margin-right : -10px;
}
@media print, only screen and (min-width: 1000px) {
.full_width {
margin-left : calc( -1 * (100vw - var(--w-large) - var(--scrollbar)) / 2)!important;
margin-right : calc( -1 * (100vw - var(--w-large) - var(--scrollbar)) / 2)!important;
}
} .flex ,
.flex-nowrap {
display : block;
}
@media print, only screen and (min-width: 640px) {
.flex {
display : -webkit-flex;
display : -moz-flex;
display : -ms-flex;
display : -o-flex;
display : flex;
-webkit-flex-wrap : wrap;
flex-wrap : wrap;
justify-content : space-between;
align-items : stretch;
}
.flex-nowrap {
display : -webkit-flex;
display : -moz-flex;
display : -ms-flex;
display : -o-flex;
display : flex;
-webkit-flex-wrap : nowrap;
flex-wrap : nowrap;
justify-content : space-between;
align-items : stretch;
}
} img {
border : 0;
margin : 0;
}
img.size-thumbnail,
img.size-medium,
img.size-medium_large,
img.size-large,
img.size-full {
max-width : 100%;
height : auto;
}
.alignleft ,
.alignright ,
.aligncenter {
float : none;
margin : 0 0 10px 0;
}
@media print, only screen and (min-width: 1000px) {
.aligncenter {
margin-left : auto;
margin-right : auto;
}
.alignleft {
float : left;
margin : 0 20px 10px 0;
}
.alignright {
float : right;
margin : 0 0 10px 20px;
}
.aligncenter {
display : block;
margin : 0 auto;
text-align : center;
}
} .no_img {
display : block;
width : 100%;
height : 0;
padding : 0 0 66.666% 0;
background : url(https://pochicafe.com/sys/wp-content/themes/fwc3/custom/no_image.png) #ccc no-repeat center center;
background-size : contain;
text-indent : -9999px;
}
.no_img-sq {
display : block;
width : 100%;
height : 0;
padding : 0 0 100% 0;
background : url(https://pochicafe.com/sys/wp-content/themes/fwc3/custom/no_image.png) #ccc no-repeat center center;
background-size : contain;
text-indent : -9999px;
}  .full_screen {
position : relative;
top : 0;
bottom : 0;
left : 0;
right : 0;
margin : 0;
padding : 0;
width : 100%;
max-width : 100%;
height : calc(var(--size-vegas) - ( var(--size-sitename) + 20px + 40px) );
display : flex;
align-items : center;
overflow : hidden;
}
_::-webkit-full-page-media, _:future, :root .full_screen {
height : calc(var(--size-vegas-d) - ( var(--size-sitename) + 20px + 40px) );
} .fadein {
opacity: 0;
transform: translateY(30px);
transition-property: transform, opacity;
transition-duration: 1.5s;
transition-delay: 0s;
}
.fadein.is-active {
opacity: 1;
transform: translateY(0);
} .scroll_container {
position : relative;
scroll-snap-type : y mandatory;
overflow : auto;
-ms-overflow-style: none;
height : calc(var(--size-vegas) - ( var(--size-sitename) + 20px + var(--size-foot_nav) ) );
top : 0;
}
_::-webkit-full-page-media,
_:future,
:root .scroll_container {
height : calc(var(--size-vegas-d) - ( var(--size-sitename) + 20px + var(--size-foot_nav) ) );
}
.scroll_container::-webkit-scrollbar {
display : none;
}
.scroll_box {
scroll-snap-align : start;
height : calc(var(--size-vegas) - ( var(--size-sitename) + 20px + var(--size-foot_nav) ) );
position : relative;
}
_::-webkit-full-page-media,
_:future,
:root .scroll_box {
height : calc(var(--size-vegas-d) - ( var(--size-sitename) + 20px + var(--size-foot_nav) ) );
}
#scroll_box_jump {
position : absolute;
bottom : 1rem;
text-align : center;
}
#scroll_box_jump a {
color : #fff;
}
@media print, only screen and (min-width: 1000px) {
.scroll_container {
height : calc(var(--size-vegas) - ( var(--size-sitename) + 20px ));
}
_::-webkit-full-page-media,
_:future,
:root .scroll_container {
height : calc(var(--size-vegas-d) - ( var(--size-sitename) + 20px ) );
}
.scroll_box {
height : calc(var(--size-vegas) - ( var(--size-sitename) + 20px ));
}
_::-webkit-full-page-media, _:future, :root .scroll_box {
height : calc(var(--size-vegas-d) - ( var(--size-sitename) + 20px ) );
}
} .box_left ,
.box_right {
float : none;
}
.pc_only {
display : none;
}
.mobile_only {
display : block;
}
@media print, only screen and (min-width: 1000px) {
.box_left {
float : left;
}
.box_right {
float : right;
}
.pc_only {
display : block;
}
.mobile_only {
display : none;
}
.fixed { position : fixed;
top : 0;
left : 0;
z-index : 9999;
}
} #wrapper {
position : relative;
top : 0;
padding : 60px 0 0 0;
margin : 0;
}
header {
position : fixed;
top : 0;
left : 0;
right : 0;
margin : 0;
padding : 0;
z-index : 9999;
background : var(--color-01);
}
#header {
position : relative;
top : 0;
left : 0;
right : 0;
height : 60px;
padding : 10px 0;
margin : 0;
width : 100%;
display : grid;
grid-template-columns : fit-content(300px) 1fr 1fr 60px;
justify-content : space-between;
grid-gap : 0;
border-bottom : 1px solid var(--color-02);
z-index : 999;
}
#gnav_outer {
display : none;
position : relative;
top : 0;
left : 0;
right : 0;
box-sizing : content-box;
height : 60px;
padding : 0;
margin : 0;
width : 100%;
background : var(--color-01);
border-bottom : 1px solid var(--color-02);
z-index : 998;
}
#container_outer {
clear : both;
position : relative;
margin : 0;
padding : 0;
background : var(--color-01);
}
.front_page #container_outer {
padding : 0;
margin : 0;
}
#container {
padding : 20px 0;
}
#content,
aside {
float : none;
padding :10px;
height : auto;
}
#gmap {
clear : both;
padding : 0!important;
margin : 0!important;
}
#footer_outer {
clear : both;
margin : 0;
padding : 0;
background : var(--color-04);
}
footer {
padding : 10px;
}
#footertitle_outer {
clear : both;
margin : 0 auto;
background : var(--color-04);
}
#footertitle {
padding : 10px 10px var(--size-foot_nav) 10px;
}
@media print, only screen and (min-width : 1000px) {
#wrapper {
padding : 120px 0 0 0;
}
header {
}
#gnav_outer {
display : block;
}
#container_outer {
}
#container {
padding : 30px 0;
}
#content {
padding : 0;
}
main {
}
aside {
padding : 0;
}
footer {
padding : 30px 0;
}
#footertitle {
padding : 10px 0;
margin : 0 auto;
}
} #google_eyecatch {
visibility : hidden;
height : 0;
}
#header #sitename {
padding : 0 10px;
margin : 0;
font-weight : bold;
line-height : var(--size-sitename);
max-width : calc(100vw - 20px - var(--size-sitename) - 20px); }
#header #sitename.sitelogo {
}
#header #sitename.sitelogo img {
max-height : var(--size-sitename);
width : auto;
}
#header_right {
display : none;
}
#rndimage {
display : none;
}
@media print, only screen and (min-width: 1000px) {
#header #sitename {
float : left;
}
#header #sitename a {
color : var(--color-02);
}
#header_right ,
#header_right h1.description,
#header_right p.description {
display : block;
float : left;
padding : 0;
margin : 0;
font-size : var(--font-size);
line-height : var(--size-sitename);
}
#header_right h1.description a,
#header_right p.description a {
color : var(--color-02);
}
#header_right {
margin : 0 0 0  10px;
}
#rndimage {
position : relative;
display : block;
margin : 0;
width : 100%;
height : 240px;
}
#rndimage-inner  {
position : relative;
top : 0;
}
#rndimage #site_logo a {
top : 20px;
left : 20px;
}
} button#mobile_menu_bttn {
position : absolute;
top : 10px;
right : 10px;
cursor: pointer;
width : var(--size-sitename);
height : var(--size-sitename);
border : none;
box-shadow : none;
background : transparent;
}
#mobile_menu_bttn span.mmb1,
#mobile_menu_bttn span.mmb2,
#mobile_menu_bttn span.mmb3 {
display : inline-block;
transition : all .4s;
position : absolute;
left : 0;
height : 2px;
background : var(--color-02);
width : 100%;
}
#mobile_menu_bttn:hover span.mmb1,
#mobile_menu_bttn:hover span.mmb2,
#mobile_menu_bttn:hover span.mmb3 {
background : var(--color-04);
}
#mobile_menu_bttn:hover span.mmb4 {
color : var(--color-04);
}
#mobile_menu_bttn span.mmb1 {
top : 0; 
}
#mobile_menu_bttn span.mmb2 {
top : calc(var(--size-sitename) * 0.3);
}
#mobile_menu_bttn span.mmb3 {
top :  calc(var(--size-sitename) * 0.6);
}
#mobile_menu_bttn span.mmb4 {
position : absolute;
display : block;
top :  calc(var(--size-sitename) * 0.65);
left : 0;
right : 0;
font-size : 10px;
font-weight : bold;
text-align : center;
background : transparent;
}
#mobile_menu_bttn.close span.mmb1 {
transform : translateY(calc(var(--size-sitename) * 0.3)) rotate(-31deg);
width : 100%;
}
#mobile_menu_bttn.close span.mmb2 {
opacity : 0;
}
#mobile_menu_bttn.close span.mmb3 {
transform : translateY(calc(var(--size-sitename) * -0.3)) rotate(31deg);
width : 100%;
}
@media print, only screen and (min-width: 1000px) {
button#mobile_menu_bttn {
right : 20px;
}
} #mobile_menu {
display : none;
}
#mobile_menu {
position : fixed;
-webkit-transform : translateZ(0);
z-index : 999;
top : calc(var(--size-sitename) + 20px);
right : 0;
width : 240px;
border-left : 1px solid var(--color-02);
filter : drop-shadow(-10px 0 10px rgba(0,0,0,0.3));
background : var(--color-01);
}
#mobile_menu ul.menu {
overflow : auto;
-webkit-overflow-scrolling : touch;
height : calc(100vh - ( var(--size-sitename) + 20px));
padding-bottom : 100px;
}
_::-webkit-full-page-media, _:future, :root #mobile_menu ul.menu {
height : calc(100dvh - ( var(--size-sitename) + 20px));
}
#mobile_menu li {
list-style : none;
border-top : 1px solid var(--color-02);
}
#mobile_menu li a {
display : block;
padding : 12px 0 12px 10px;
font-weight : bold;
line-height : 24px;
color : var(--color-02);
}
#mobile_menu li#mobile_searchform {
padding : 0;
border-bottom : 1px solid var(--color-02);
color : #000;
background : #fff;
}
#mobile_menu li#mobile_searchform form#searchform {
border : none;
} ul#sns-button i {
font-family : Fontawesome;
font-size : 30px;
font-style : normal;
color : var(--color-02);
}
ul#sns-button li.sns-twitter i:hover {
color : #1e9bf0;
}
ul#sns-button li.sns-facebook i:hover {
color : #1877f2;
}
ul#sns-button li.sns-instagram i:hover {
color : #ff0c55;
}
ul#sns-button li.sns-youtube i:hover {
color : #ff0202;
}
ul#sns-button li.sns-line i:hover {
color : #0eaf15;
}
ul#sns-button li.english-page i:hover {
color : #30b84c;
}
ul#sns-button li.sns-contact i:hover {
color : #006a27;
}
header ul#sns-button {
display : none;
}
footer ul#sns-button {
display : block;
padding : 0;
margin : 20px 0 30px 0;
position : static;
text-align : center;
}
footer ul#sns-button:after {
display : block;
padding : 30px 0;
content : "●　●　●";
font-family : fontawesome;
font-size : 12px;
color : #fff;
text-align : center;
}
footer ul#sns-button li {
display : inline;
padding : 0 10px;
float : none;
margin-left : 0;
}
footer ul#sns-button i {
font-family : Fontawesome;
font-size : 30px;
font-style : normal;
color : #fff;
}
@media print, only screen and (min-width: 640px) {
header ul#sns-button {
display : block;
position : absolute;
top : 15px;
right : 100px;
}
header ul#sns-button li {
float : left;
margin-left : 20px;
}
} button#search_button {
background : transparent;
}
footer button#search_button {
display : none;
}
button#search_button:hover i {
color : #c00;
}
#search-overlay {
display : none;
z-index : 9999;
position : fixed;
top : calc(var(--size-sitename) + 20px);
left : 0;
right : 0;
bottom : var(--size-foot_nav);
width : 100%;
height : calc(100% - (var(--size-sitename) + 20px + var(--size-foot_nav)));
background : rgba(0,0,0,0.6);
transition : opacity 0.3s ease-in-out;
}
@media print, only screen and (min-width: 1000px) {
#search-overlay {
bottom : 0;
height : calc(100% - (var(--size-sitename) + 20px));
}
}
#search-overlay.appear {
display : flex;
text-align : center;
align-items : center;
justify-content: center;
}
form#searchform-overlay input[type="text"] {
font-size : 1.5rem;
font-weight : bold;
width : calc(var(--size-ml-w) * 0.8);
max-width : 90vw;
height : 60px;
border-radius : 30px;
text-align : center;
background : #fff;
color : #000;
}
form#searchform-overlay input[type="submit"] {
margin : 10px auto 0 auto;
font-size : 1.5rem;
font-weight : bold;
width : 120px;
height : 60px;
border-radius : 30px;
text-align : center;
background : #fff;
color : #000;
}
form#searchform-overlay input[type="submit"]:hover {
background : #c00;
color : #fff;
} @media print, only screen and (min-width: 1000px) {
nav#gnav {
display : block;
}
nav#gnav ul {
box-sizing : border-content;
padding : 0;
width : var(--w-large);
}
nav#gnav ul li {
position : relative;
margin : 0;
padding : 0;
text-align : center;
width : 100%;
}
nav#gnav li a {
display : block;
color : var(--color-02);
font-size : 16px;
line-height : 60px;
}
nav#gnav li:first-child {
}
nav#gnav li:last-child {
}
nav#gnav li:hover {
background : #efefef;
}
nav#gnav li:hover a {
color : var(--color-02);
}
nav#gnav li.current-menu-item {
background : var(--color-04);
}
nav#gnav li.current-menu-item a {
color : var(--color-01);
}
} nav#gnav ul li ul {
position : absolute;
top : 40px;
left : 0;
width : var(--w-small);
z-index : 1000;
}
nav#gnav ul li ul li {
visibility : hidden;
overflow : hidden;
width : 100%;
height : 0;
}
nav#gnav ul li:hover ul li,
nav#gnav ul li:hover ul li a,
nav#gnav ul li a:hover ul li a {
visibility : visible;
overflow : visible;
display : block;
height : 32px;
z-index : 10;
width : var(--w-small);
background : #efefef;
color : var(--color-02);
}
nav#gnav ul li:hover ul li,
nav#gnav ul li a:hover ul li {
border-top : 1px solid #999;
}
nav#gnav ul li:hover ul li a {
padding : 0 10px;
background : #999;
font-size : 16px;
line-height : 32px;
}
nav#gnav ul li ul li:hover a ,
nav#gnav ul li ul li a:hover ,
nav#gnav ul li ul li.current-menu-item a {
background : #666;
color : var(--color-01);;
} .search_numbers {
margin : 0 0 0 10px;
font-size : calc(var(--font-size) * 0.8);
font-weight : normal;
}  .post_list {
}
.post_list .post_list-box {
}
.post_list .paper_calendar {
display : none;
}
.post_list dt.post_list-thumb {
position : relative;
}
.post_list dt.post_list-thumb .pl-cat a {
display : inline-block;
position : absolute;
top : 0;
left : 0;
background : #333;
color : #fff;
font-size : 11px;
line-height : 15px;
font-weight : bold;
padding : 5px 10px;
}
.post_list dt.post_list-thumb .pl-cat a:hover {
background : var(--color-04);
}
.post_list dt.post_list-thumb .pl-cat a:before {
content : "\f07b";
font-family : fontawesome;
margin : 0 4px 0 0;
}
.post_list dt.post_list-thumb {
margin : 0;
width : 100%;
overflow : hidden;
}
.post_list dt.post_list-thumb img {
width: 100%;
height: auto;
object-fit: cover;
aspect-ratio: var(--aspect-ratio);
transition: transform 0.2s ease-in-out;
}
.post_list dt.post_list-thumb img:hover {
transform: scale(1.1);
opacity : 1;
}
.post_list dt.post_list-thumb a {
}
.post_list dd.post_list-content {
margin : 0;
padding : 0;
}
.post_list dd.post_list-content h3 {
padding : 0;
margin : 0 0 0.5rem 0;
font-family : var(--font-family01);
font-size : 1.1rem;
font-weight : bold;
line-height : 1.5rem;
text-align : left;
border : none;
}
.post_list dd.post_list-content h3 a:hover {
color : #CC3434;
}
.post_list dd.post_list-content h3 a {
color : var(--color-02);
}
.post_list dd.post_list-content p {
display : none;
margin : 0;
font-size : var(--font-size);
line-height : 1.5em;
}
.post_list dd.post_list-content .blog_info {
font-size : calc(0.9 * var(--font-size));
display : none;
}
@media print, only screen and (min-width: 640px) {
.post_list dt.post_list-thumb {
margin : 0 0 10px 0;
}
.post_list dd.post_list-content p {
display : block;
}
.post_list dd.post_list-content .blog_info {
display : block;
}
} .post_list-grid .post_list dl.post_list-box {
margin : 0 -10px;
display : grid;
grid-template-columns : 120px 1fr;
grid-gap : 0 10px;
justify-content : space-between;
height : 120px;
overflow : hidden;
border-bottom : 1px solid #666;
}
.post_list-grid .post_list dl.post_list-box h3 {
font-size : 1.2rem;
}
.post_list-grid .post_list dt .post_date,
.post_list-grid .post_list dd .blog_info {
display : none;
}
@media print, only screen and (min-width: 640px) {
.post_list-grid .post_list {
display : grid;
grid-template-columns : repeat(var(--grid_num), 1fr);
grid-gap : 20px;
justify-content : space-between;
}
.post_list-grid .post_list dl.post_list-box {
display : block;
margin : 0;
height : auto;
border-bottom : none;
}
.post_list-grid .post_list dl.post_list-box h3 {
}
} .post_list-hotnews .post_list dt.post_list-thumb .pl-cat {
display : none;
}
.post_list-hotnews .post_list dl {
border : 1px solid #999;
border-radius : 4px;
padding : 10px;
}
@media print, only screen and (min-width: 640px) {
.post_list-hotnews .post_list {
grid-template-columns : repeat(2, 1fr);
grid-gap : 20px;
}
} .post_list-line .post_list {
display : block;
}
.post_list-line .post_list dl.post_list-box {
padding : 10px 0;
border-bottom : 1px dotted #999;
}
.post_list-line .post_list dl.post_list-box dt.post_list-thumb {
float : left;
width : 155px;
}
.post_list-line .post_list dl.post_list-box dt.post_list-thumb p.post_date {
margin : 0;
}
.post_list-line .post_list dl.post_list-box dt.post_list-thumb a.thumb ,
.post_list-line .post_list dt.post_list-thumb .pl-cat {
display : none;
}
.post_list-line .post_list dd.post_list-content {
margin : 0 0 0 160px;
}
.post_list-line .post_list dd .post_list-excerpt,
.post_list-line .post_list dd .blog_info {
display : none;
} .read_more {
text-align : right;
font-size : 0.75rem;
}
p.standard_button.read_more a {
font-size : 0.75rem!important;
padding : 0.2rem 0.5rem;
margin : 0.8rem 0;
}
.read_more a:hover {
} .post p ,
.post ul ,
.post ol {
margin : 0 0 10px 0;
}
.post ul ,
.post ol {
padding : 0 0 0 30px;
}
.post ul li {
list-style-type : disc;
}
.post ol li {
list-style-type : decimal;
}
p.single_post-date {
text-align : right;
}
ul.bubble_list,
ul.wp-tag-cloud {
margin : 20px 0 0 0;
padding : 0;
}
ul.bubble_list li ,
ul.wp-tag-cloud li {
display : inline-block;
margin : 0;
padding : 0;
list-style : none;
}
ul.bubble_list li a ,
ul.wp-tag-cloud li a {
display : inline-block;
padding : 10px;
margin : 0 10px 0 0;
line-height : 20px;
border : 1px solid #ccc;
border-radius : 4px;
background : var(--color-03);
color : var(--color-02);
font-size : var(--font-size)!important;
}
ul.bubble_list li a:hover ,
ul.wp-tag-cloud li a:hover {
border : 1px solid ;
background : var(--color-02)!important;
color : var(--color-01)!important;
}
.event #live_info ul {
padding : 0;
margin : 10px 0;
}
.event #live_info ul li {
display : inline-block;
list-style : none;
padding : 5px 12px;
margin : 0 5px 5px 0;
border : 1px solid #ccc;
border-radius : 4px;
background : var(--color-03);
font-weight : bold;
}
.ad_box {
margin : 0 0 20px 0;
padding : 5px;
border : 1px solid #666;
border-radius : 4px;
}
.ad_box h3 {
margin : 10px 0;
text-align : center;
}
@media print, only screen and (min-width: 1000px) {
p ,
.post ul ,
.post ol {
margin : 0 0 1em 0;
}
} p.publish_date {
padding : 10px;
margin : 40px 0 20px 0;
border-top : 1px solid #666;
border-bottom : 1px solid #666;
background : var(--color-01);
}
.blog_info {
margin : 24px 0;
padding : 5px 0;
border-top : 1px solid #666;
border-bottom : 1px solid #666;
}
.blog_info p {
margin : 0;
} blockquote {
padding : 30px 15px 0 15px;
margin : 20px 0;
background : #efefef url(https://pochicafe.com/sys/wp-content/themes/fwc3/images/quote-top.png) left top no-repeat;
}
blockquote:after {
display : block;
padding : 0;
margin : 0;
content : url(https://pochicafe.com/sys/wp-content/themes/fwc3/images/quote-bottom.png);
text-align : right;
} span.require,
span.caution {
color : #d00;;
}
p.attention {
border : 2px solid #d00;
padding : 10px;
color : #d00;
}  ul.wpp-list {
margin : 0;
counter-reset : item;
}
ul.wpp-list li {
padding : 0;
margin : 0!important;
border-bottom : 1px solid #999;
height : 100px!important;
overflow : hidden;
}
ul.wpp-list li .wpp-thumbnail {
float : left;
width : 100px;
height : 100px;
}
ul.wpp-list li .no_img-sq {
padding : 0 0 100px 0;
}
ul.wpp-list li .wpp-post-title ,
ul.wpp-list li p {
display : block;
margin : 2px 0 0 110px;
font-size : var(--font-size);
line-height : calc(var(--font-size) * 1.25);
}
@media print, only screen and (min-width: 1000px) {
ul.wpp-list {
margin : 0;
display : grid;
grid-template-columns : repeat(2, 50%);
justify-content : space-between;
}
.wpp-meta {
display : block;
}
}
} #related ,
#home_wpp {
margin : 0 0 30px 0;
}
#related h4 ,
#home_wpp h3 {
padding : 10px;
margin : 30px 0 0 0;
background : var(--color-02);
color : var(--color-01);;
text-align : center;
border : none;
font-size : 24px;
line-height : 30px;
}
@media print, only screen and (min-width: 1000px) {
} #comments_outer {
margin : 2em 0;
overflow : hidden;
}
h4#resp ,
h4#message {
margin : 1.5em 0 0 0;
}
h4#resp:before {
font-family : fontawesome;
content : "\f086";
margin : 0 1em 0 0;
}
#comments_resp ,
#comments {
padding : 10px 20px;
margin : 0;
background : #efefef;
border : 1px solid #999;
color : #000;
}
.comment-body {
padding : 10px;
margin-bottom : 20px;
}
#comments h3 {
display : none;
}
#comments ol.commets-list li {
list-style-type : none;
}
#comments p {
margin : 0;
padding : 5px 0;
}
#comments label {
display : inline-block;
}
.metadata {
font-size : 1em;
line-height : 1.5;
}
.commentmetadata {
border-bottom : 1px dotted #666;
font-size : 1em;
line-height : 1.2em;
width : 100%;
clear : both;
padding : 10px 0 5px 0;
margin : 10px 0;
}
.reply a {
display : inline-block;
padding : 5px 15px;
background : var(--color-02);
border-radius : 4px;
color : var(--color-01);
}
.reply a:hover {
background : #d00;
}
#comments #respond {
margin : 0 0 10px 0;
padding : 5px 0 0 0;
}
.logged-in-as {
font-weight : bold;
}
#comments #commentform .tags {
padding : 10px;
background : #ccc;
}
#comments #commentlist img {
padding : 10px;
}
.commets-list {
padding : 0;
list-style-type : none;
}
ul.children {
padding : 0;
}
.commets-list li {
list-style-type : none;
}
.comment-author.vcard .avatar {
float : left;
margin : 0 10px 0 0;
}
.form-allowed-tags { display : none;
}
#comments textarea {
margin : 0;
padding : 5px;
width : 100%;
background : #fff;
color : #000;
}
#comments input {
padding : 10px;
width : 100%;
}
#comments input[type="submit"] {
background : #999;
color : var(--color-01);
font-weight : bold;
}
#comments input[type="submit"]:hover {
background : var(--color-02);
} p.e404 {
padding : 0;
margin : 0;
font-family : 'Shippori Antique', sans-serif;
font-size : 100px;
line-height : 120px;
text-align : center;
}
p.e404 a {
color : var(--color-02);
}
#get_search_form {
margin : 20px 0 40px 0;
}
@media print, only screen and (min-width: 1000px) {
p.e404 {
margin : 0 0 40px 0;
font-size : 300px;
line-height : 360px;
}
} aside ,
aside p {
margin : 0 0 0.25em 0;
}
aside a ,
aside a:visited {
color : var(--color-02);
}
aside a:hover {
color : #d00;;
}
aside h4 {
margin : 0 0 10px 0;
}
aside h4 a {
color : var(--color-01);;
}
#aside-search {
margin : 0 0 1.25em 0;
} .footer_box {
}
.footer_box h1.entry-title,
.footer_box h1.page-title ,
.footer_box h4.entry-title,
.footer_box h4.page-title {
line-height : 24px;
color : #000;
text-align : center;
padding : 10px 20px;
margin : 0 0 10px 0;
background-color : #fff;
}
.footer_box ,
.footer_box p {
color : var(--color-01);
line-height : 1.5em;
text-decoration : none;
}
.footer_box a {
color : var(--color-01);
}
.footer_box a:hover {
color : #fc0;
}
.footer_box h4 {
color : var(--color-02);
text-align : center;
margin : 0 0 10px 0;
background-color : var(--color-01);
}
@media print, only screen and (min-width: 1000px) {
.footer_box {
display : block;
}
} #footertitle p,
#footertitle a,
#footertitle h1,
#footertitle h1 a {
color : #fff;
font-weight : normal;
font-size : var(--font-size);
line-height : 1.5em;
} #foot_nav {
position : fixed;
bottom : 0;
left : 0;
right : 0;
margin : 0;
padding : 0;
height : var(--size-foot_nav);
display : grid;
grid-template-columns : repeat(5, 1fr);
justify-content : space-between;
}
#foot_nav li {
}
#foot_nav a,
#foot_nav button {
position : relative;
bottom : 0;
right : 0;
display : block;
padding : 0;
width : 100%;
background : var(--color-05);
text-align : center;
color : #fff;
font-size : 11px;
line-height : 40px;
}
#foot_nav a:hover {
background : #CC3434;;
}
#foot_nav a i,
#foot_nav button i {
font-size : 24px;
line-height : 20px;
margin : 10px 0 0 0;
}
#foot_nav a i::after ,
#foot_nav button i::after {
content : "\A"attr(data-cap);
white-space : pre;
margin : 0;
font-size : 9px;
font-weight : bold;
line-height : 0;
}
@media print, only screen and (min-width: 1000px) {
#foot_nav {
position : initial;
display : block;
bottom : auto;
left : auto;
right : auto;
height : auto;
}
#foot_nav a {
display : block;
position : fixed;
padding : 5px 0;
width : 70px;
right : 20px;
border-radius : 4px;
line-height : 1em;
}
#foot_nav button {
display : none;
}
#foot_nav a i {
font-size : 20px;
line-height : 20px;
margin : 0;
}
#foot_nav a i::after {
font-size : 9px;
font-weight : bold;
line-height : 3px;
}
#foot_nav a:hover {
background : #CC3434;
}
#foot_nav li#foot_nav-page_top a {
bottom : 225px;
}
#foot_nav li#foot_nav-home a {
bottom : 165px;
}
#foot_nav li#foot_nav-contact a {
bottom : 105px;
}
#foot_nav li#foot_nav-e-calendar a {
bottom : 30px;
right : 20px;
width : 200px;
padding : 15px 0;
font-size : 16px;
line-height : 32px;
}
#foot_nav li#foot_nav-e-calendar a i {
margin : 0 5px 0 0;
}
#foot_nav li a i::after {
font-weight : normal;
}
#foot_nav li#foot_nav-e-calendar a i::after {
content : attr(data-cap);
margin : 0 0 0 5px;
font-size : 16px;
line-height : 20px;
}
}  .pagination {
margin : 20px 0;
text-align : center;
}
.pagination .page-numbers {
display : inline-block;;
margin : 0 2px;
text-align : center;
align-items : center;
justify-content: center;
background : #ccc;
color : #fff;
font-size : 0.8em;
width : 2em;
height : 2em;
line-height : 2em;
}
.pagination .page-numbers:hover {
background : #c00;
}
.pagination .page-numbers.current {
background : #666;
}
.pagination .control {
display : inline-block;;
margin : 0 2px;
text-align : center;
align-items : center;
justify-content: center;
color : #000;
font-size : 0.8em;
height : 2em;
line-height : 2em;
}
.pagination .control:hover {
color : #c00;
} nav#braudcrumb-list {
margin : 0 0 10px 0;
font-size : 15px;
line-height : 22px;
}
nav#braudcrumb-list a {
color : var(--color-02);
}
nav#braudcrumb-list ol {
padding : 0;
margin : 0;
}
nav#braudcrumb-list ol li {
float : left;
padding : 0;
margin : 0 10px 0 0;
list-style : none;
}
nav#braudcrumb-list i {
font-size : 16px;
margin-right : 2px;
color : #666;
} .page_nav {
margin : 40px 0;
display : grid;
grid-template-columns : repeat(2, 49%);
justify-content : space-between;
}
.page_nav a {
display : block;
position : relative;
height : 100%;
color : var(--color-02);
font-size : 16px;
line-height : 24px;
background : var(--color-01);
border : 1px solid var(--color-02);
}
.page_nav .previous a {
padding : 10px 10px 10px 50px;
}
.page_nav .previous a::before {
font-family : fontawesome;
content : "\f060";
position : absolute;
top : 0;
bottom : 0;
left : 0;
display : flex;
align-items : center;
justify-content: center;
width : 40px;
color : var(--color-02);
text-align : center;
}
.page_nav .next a {
padding : 10px 40px 10px 10px;
}
.page_nav .next a::after {
font-family : fontawesome;
content : "\f061";
position : absolute;
top : 0;
bottom : 0;
right : 0;
display : flex;
align-items : center;
justify-content: center;
width : 40px;
color : var(--color-02);
text-align : center;
}
.page_nav a:hover ,
.page_nav .previous a:hover::before ,
.page_nav .next a:hover::after {
background : var(--color-02);
color : var(--color-01);
} table {
width : 100%;
margin : 0 0 10px 0;
border-collapse : collapse;
border-spacing : 0;
}
table th,
table td {
margin : 0;
padding : 5px;
border-collapse : collapse;
border : 1px solid #999;
border-spacing : 0;
vertical-align : top;
}
table th p ,
table td p {
margin : 0;
} .tsImgArea{
line-height: 1;
margin-top : 10px;
} .tsImg {
display    : inline-block;
width      : 16px;
height     : 16px;
background : #eee;
border     : 1px solid #777;
margin     : 1px 3px;
padding    : 3px;
cursor     : pointer;
} .tsImg:hover {
background : #FFD700;
} .tsImg path {
fill       : #777;
}
@media print, only screen and (min-width: 1000px) {
table th,
table td {
padding : 10px;
}
} .slide_tbl {
overflow-x : auto;
white-space : normal;
}
.slide_tbl table th,
.slide_tbl table td ,
.slide_tbl table td p {
line-height : 120%;
min-width : 100px;
max-width : 100px;
margin-bottom : 0!important;
margin : 0!important;
} @media print, only screen and (min-width: 1000px) {
.slide_tbl {
overflow-x : hidden;
white-space : normal;
}
.slide_tbl table th,
.slide_tbl table td ,
.slide_tbl table td p {
line-height : 120%;
min-width : initial;
max-width : initial;
margin-bottom : 0!important;
margin : 0!important;
}
tr.pc_no_disp {
display : none;
}
} .asidebox ,
.footer_box ,
.widget_box {
margin-bottom : 10px;
}
.widget_box {
padding : 0 10px;
}
.widget_box h4 {
margin : 0 -10px 10px -10px;
}
#widget-post_bottom02 {
height : 100%;
}
#widget-post_bottom02 a {
display : block;
width : 100%;
height : 100%;
padding : 40px 0;
color : #fff;
text-align : center;
background : #ccc;
font-size : 1.5rem;
}
@media print, only screen and (min-width: 1000px) {
.asidebox ,
.footer_box ,
.widget_box {
margin-bottom : 20px;
}
.widget_box {
padding : 0;
}
.widget_box h4 {
margin : 0 0 10px 0;
}
} #aside-02 img {
max-width : 150px!important;
}
@media print, only screen and (min-width: 1000px) {
#aside-02 img {
max-width : var(--size-small)!important;
}
} #recent-posts-2 {
}
#recent-posts-2 ul {
margin : -10px 0 0 0;
}
#recent-posts-2 ul li {
padding : 5px 0;
border-bottom : 1px solid #999;
} .widget_sp_image-description {
line-height : 120%;
} .tagcloud {
padding : 0 10px;
}
.tagcloud a {
display : inline-block;
padding : 5px;
margin : 0 5px 5px 0;
font-size : 14px!important;
color : var(--color-01);;
background : var(--color-04);
border-radius : 4px;
}
.tagcloud a:visited {
color : var(--color-01);;
}
.tagcloud a:hover {
color : var(--color-01);;
background : #d00;;
} table.contactform {
border : none;
color : var(--color-02);
}
table.contactform tr {
padding : 0;
margin : 0;
}
table.contactform td {
display : block;
padding : 0;
margin : 0;
border : none;
}
table.contactform td p {
margin : 10px 0 0 0;
}
table.contactform td:nth-child(1) {
font-weight : bold;
}
table.contactform td:nth-child(2) {
}
.wpcf7-list-item {
display : block;
}
.form_fullsize {
width : 100%;
}
table.contactform input[type="text"] ,
table.contactform input[type="email"] ,
table.contactform select ,
table.contactform textarea {
padding : 4px 2px;
border : 1px solid #999;
box-shadow : none;
color : #000;
}
.contact_submit input[type="submit"] {
display : inline-block;
margin : 30px auto;
padding : 10px 0;
}
.contact_submit input[type="submit"]:hover {
background : var(--color-03);
}
.wpcf7-list-item-label {
color : var(--color-02);
}
@media print, only screen and (min-width: 1000px) {
table.contactform {
border-collapse : separate;
border-spacing : 5px;
color : #000;
}
table.contactform tr {
}
table.contactform td {
display : table-cell;
padding : 10px;
vertical-align : middle;
}
table.contactform td p {
margin : 0;
}
table.contactform td:nth-child(1) {
width : 25%;
background : #efefef;
}
}  #front_image_outer {
position : relative;
margin : 0 auto;
width: clamp(300px, min(100vw, calc(100vh - 61px)), 1000px);
height: clamp(300px, min(100vw, calc(100vh - 61px)), 1000px);
}
#front_image {
position : absolute;
top : 0;
}
#center_catch_txt {
position : relative;
margin : 0 auto;
width : var(--size-ml-w);
max-width : 100%;
text-align : center;
color : #fff;
font-size : 36px;
line-height : 54px;
}
#video {
position : absolute;
top : 50%;
left : 50%;
display : block;
width : auto;
max-width : none!important;
min-width : 100%!important;
height : auto;
max-height : none!important;
min-height : 100%!important;
-webkit-transform : translate(-50%, -50%);
-moz-transform : translate(-50%, -50%);
transform : translate(-50%, -50%);
}
#video_dot {
position : absolute;
top : 0;
right : 0;
left : 0;
bottom : 0;
max-width : none!important;
min-height : calc(var(--size-vegas) - var(--size-sitename) - 40px );
background : url(//pochicafe.com/sys/wp-content/themes/fwc3/images/video_dot-black.png);
text-indent : -9999px;
}
@media print, only screen and (min-width: 1000px) {
.full_screen {
height : calc(var(--size-vegas) - ( var(--size-sitename) + 20px + 60px ) );
}
_::-webkit-full-page-media, _:future, :root .full_screen {
height : calc(var(--size-vegas-d) - ( var(--size-sitename) + 20px + 60px ) );
}
#video {
min-height : calc(100vh - var(--size-sitename) - var(--size-gnav) );
}
#front_image_outer {
width: clamp(300px, min(100vw, calc(100vh - 122px)), 1000px);
height: clamp(300px, min(100vw, calc(100vh - 122px)), 1000px);
}
} #vegasslider {
position : absolute;
top : 0;
left : 0;
right : 0;
bottom : 0;
} .flexslider {
background : transparent!important;
border : none!important;
padding : 0!important;
margin : 0!important;
} .top_banners {
position : relative;
width : var(--size-ml-w);
max-width : 100%;
margin : 0 auto;
padding : 0 10px;
} #home_content {
padding : 0;
margin : 0 0 20px 0;
}
#home_content-column {
margin : 0 auto 20px auto;
}
#home_search_form-column {
padding : 0;
margin : 0 auto 40px auto;
width : 75%;
}
@media print, only screen and (max-width: 1000px) {
#home_content-column {
margin : 0 auto 20px auto;
width : 100%;
}
} h1.calendar-ttl {
font-family : var(--font-family02);
font-weight : 300;
font-size:  1.5rem;
line-height : 1.2em;
border-bottom: solid 1px #000;
padding-bottom:  10px;
margin: 20px 0 30px 0;
text-align : center;
}
#month_lnk-cal_change {
margin : 0;
}
#month_lnk-cal_change-bottom {
margin : 20px 0;
}
p.month_lnk {
display : inline-block;
margin : 0 20px 0 0;
font-size : 18px;
line-height : 40px;
}
button#cal_change {
display : none;
max-width : 100%;
margin : 0;
padding : 0 10px;
font-size : 24px;
line-height : 40px;
height : 40px;
border : 1px solid #ccc;
border-radius : 6px;
background : var(--color-03);
color : var(--color-02);
}
button#cal_change:hover {
color : #fff;
background : var(--color-04);
}
p.month_lnk a {
display : inline-block;
margin : 0;
height : 40px;
border : 1px solid #ccc;
background : var(--color-03);
color : var(--color-02)!important;
}
p.month_lnk a:hover {
background : var(--color-04);
border : 1px solid ;
color : var(--color-01)!important;
}
p.month_lnk .prev {
border-radius : 20px 0 0 20px;
padding : 0 10px 0 20px;
}
p.month_lnk .this {
padding : 0 10px;
border-left : none!important;
border-right : none!important;
}
p.month_lnk .next {
border-radius : 0 20px 20px 0;
padding : 0 20px 0 10px;
}
#calendar_outer #content {
padding : 0!important
}
#calendar_outer {
padding : 0;
margin : 0;
border-top : 1px solid #666;
}
#calendar_outer .youbi_header,
#calendar_outer .null_day {
display : none;
}
.single_day {
display : grid;
grid-template-columns : 40px 1fr;
justify-content : space-between;
padding : 0;
margin : 0;
border-bottom : 1px solid #666;
}
.single_day.today {
background : rgba(255,0,0,0.3);
}
.date_card {
width : 40px;
background : var(--color-01);
border-right : 1px solid #666;
text-align : center;
padding : 0 0 10px 0;
}
.date_card .day {
display : flex;
padding : 0;
margin : 0;
width : 100%;
align-items : center;
justify-content: center;
height : 30px;
font-size : 21px;
text-align : center;
}
.single_day.today .date_card {
background : rgba(255,0,0,0.3);
}
.date_card .jyoubi {
display : inline-block;
padding : 0;
margin : 0;
width : 24px;
height : 24px;
font-size : 14px;
line-height : 24px;
font-weight : bold;
background : var(--color-01);
border : 1px solid #ccc;
border-radius : 12px;
}
.date_card .jyoubi.sunday {
background : #b02c2c;
border : 1px solid #b02c2c;
color : #fff;
}
.date_card .jyoubi.saturday {
background : #2c4c63;
border : 1px solid #2c4c63;
color : #fff;
}
a.single_event {
padding : 0;
margin : 0;
display : grid;
grid-template-columns : 110px 1fr;
justify-content : space-between;
color : var(--color-02);
border-bottom : 1px solid #666;
}
.s-calendar a.single_event {
display : block;
}
a.single_event:last-child {
border-bottom : none;
}
a.single_event:hover {
background : var(--color-cal-hover);
}
a.single_event p {
margin : 0;
}
.event-thumbnail {
position : relative;
width : 100px;
height : 100px;
overflow : hidden;
}
.event-thumbnail .event_genre {
position : absolute;
display : inline-block;
bottom : 0;
right : 0;
padding : 0 5px;
margin : 0;
font-size : 12px;
line-height : 20px;
color : var(--color-01);
background : var(--color-02);
}
.event-thumbnail .event_session {
position : absolute;
display : inline-block;
top : 0;
left : 0;
padding : 0 5px;
margin : 0;
font-size : 12px;
line-height : 20px;
color : #fff;
background : var(--color-04);
}
.single_event-content {
padding : 5px;
}
.single_event-content .event-time {
margin : -5px 0 0 0;
}
.single_event-content .event-time_price {
display : inline-block;
padding : 0 5px;
margin-right : 1px;
border-radius : 0;
color : #fff;
font-size: 13px;
line-height : 24px;
}
.single_event-content .event-open {
background : #7480a8;
}
.single_event-content .event-start {
background : #74a88d;
}
.single_event-content .event-end {
background : #8b74a8;
}
.single_event-content .event-price {
background : #a996da;
}
.single_event-content .event-title {
font-size : 110%;
font-weight : bold;
}
p.normal_business ,
p.shop_closed ,
p.shop_free {
padding : 10px 0 0 10px;
}
p.shop_closed {
background : var(--color-cal-closed);
}
p.shop_closed:before {
content : "\f410";
font-family : fontawesome;
color : #ea6e61;
margin-right : 4px;
}
p.shop_free {
background : var(--color-cal-free);
}
p.shop_free:before {
content : "\f130";
font-family : fontawesome;
color : #3bc562;
margin-right : 4px;
}
@media print, only screen and (min-width: 640px) {
h1.calendar-ttl {
font-size:  2rem;
}
.single_day {
grid-template-columns : 60px 1fr;
}
.date_card {
width : 60px;
}
.date_card .day {
height : 40px;
font-size : 24px;
}
a.single_event {
grid-template-columns : 160px 1fr!important;
height : 150px;
overflow : hidden;
}
.s-calendar a.single_event {
display : block;
height : auto;
}
.event-thumbnail {
width : 150px;
height : 150px;
}
} @media print, only screen and (min-width: 640px) {
button#cal_change {
display : inline-block;
}
#calendar_outer.monthly_view {
display : grid;
grid-template-columns : repeat(7, 1fr);
justify-content : space-between;
padding : 0;
margin : 0;
border-top : 1px solid #666;
border-left : 1px solid #666;
}
#calendar_outer.monthly_view .youbi_header {
display : block;
padding : 3px 0;
background : #efefef;
color : #000;
text-align : center;
border-right : 1px solid #666;
border-bottom : 1px solid #666;
}
#calendar_outer.monthly_view .youbi_header.sunday {
background : #933;
color : #fff;
}
#calendar_outer.monthly_view .youbi_header.saturday {
background : #339;
color : #fff;
}
#calendar_outer.monthly_view .null_day ,
#calendar_outer.monthly_view .single_day {
display : block;
padding : 0;
margin : 0;
border-bottom : 1px solid #666;
border-right : 1px solid #666;
}
#calendar_outer.monthly_view .date_card {
display : block;
width : 100%;
margin : 0;
background : #555;
color : #fff;
text-align : center;
height : 30px;
border-right : none;
}
#calendar_outer.monthly_view .single_day.today .date_card {
background : rgba(255,0,0,0.3);
}
#calendar_outer.monthly_view .date_card .day {
padding : 0;
margin : 0;
height : 30px;
font-size : 14px;
line-height : 22px;
}
#calendar_outer.monthly_view .date_card .jyoubi {
display : none;
}
#calendar_outer.monthly_view .day_events {
display : block;
min-height : 60px;
}
#calendar_outer.monthly_view .single_event {
display : block;
height : auto;
}
#calendar_outer.monthly_view .event-thumbnail {
display : none;
}
#calendar_outer.monthly_view .event-title {
padding : 5px 10px;
margin : 0;
font-size : 14px;
line-height : 18px;
}
#calendar_outer.monthly_view .event-excerpt {
display : none;
}
#calendar_outer.monthly_view .day_events {
min-height : 50px;
}
} .cal_div {
padding : 5px 0;
border-bottom : 1px dotted #999;
text-align : center;
}
.cal_div03 {
border-bottom : none;
}
.cal_div.close {
background : #933;
color : #999!important;
}
.cal_div.close::before {
content : "×";
} #todays_live {
position : absolute;
top : 10px;
left : calc((100vw - 320px) / 2);
text-align : center;
}
#todays_live h3 {
margin : 0 0 10px 0;
font-family: 'Asap', sans-serif;
font-weight : 700;
font-size : 30px;
color : #fff;
text-shadow : 1px 1px 6px #fff;
}
#todays_live-scroll {
display : block;
width : 320px;
background : #fff;
border : 4px solid #000;
text-align : center;
overflow : hidden;
line-height : 40px;
border-radius : 20px;
}
#todays_live-scroll span {
display : inline-block;
padding-left: 100%;
white-space : nowrap;
line-height : 1em;
animation : scrollAnime 8s linear infinite;
}
#todays_live-scroll span ,
#todays_live-scroll span a {
color : #000;
}
#todays_live-scroll span a {
margin-right : 100px;
}
@keyframes scrollAnime{
0% { transform: translateX(0)}
100% { transform: translateX(-100%)}
}
@media print, only screen and (min-width : 1000px) {
#todays_live {
top : 60px;
}
} #info {
}
#info > div {
position : relative;
border : 1px solid #999;
border-radius : 10px;
padding : 10px 10px 60px 10px;
}
#info h3 {
padding : 0;
margin : 20px 0 30px 0;
font-weight : 400;
text-align : center;
}
.todays_live {
position : relative;
}
.todays_live-date {
position : absolute;
top : -10px;
left : 5px;
width : 60px;
height : 60px;
border : 1px solid #666;
background : var(--color-01);
}
p.detail ,
.post_list-hotnews a.read_more {
position : absolute;
bottom : 10px;
right : 10px;
margin : 0;
} .food_drink .grid2-1 {
grid-gap : 60px;
}
.food_drink h3 {
font-weight : 500;
font-size : 22px;
}
.food_drink dl {
}
.food_drink dt {
float : left;
padding : 5px 0;
}
.food_drink dd {
text-align : right;
padding : 5px 0;
line-height : 24px;
border-bottom : 1px dotted #999;
}
.food_drink dd::after {
content : "";
display : block;
clear : both;
overflow : hidden;
font-size : 0.1px;
line-height : 0;
}  .scroll_up {
transition: 0.8s ease-in-out;
transform: translateY(100px);
opacity: 0;
}
.scroll_up.on {
transform: translateY(0);
opacity: 1.0;
}
body.mceContentBody .scroll_up {
opacity: 1.0;
} .scroll_left {
-webkit-transition: 0.8s ease-in-out;
-moz-transition: 0.8s ease-in-out;
-o-transition: 0.8s ease-in-out;
transition: 0.8s ease-in-out;
transform: translateX(-150px);
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
}
.scroll_left.on {
opacity: 1.0;
filter: alpha(opacity=100);
-moz-opacity: 1.0;
transform: translateX(0);
}
body.mceContentBody .scroll_left {
opacity: 1.0;
} .scroll_right {
-webkit-transition: 0.8s ease-in-out;
-moz-transition: 0.8s ease-in-out;
-o-transition: 0.8s ease-in-out;
transition: 0.8s ease-in-out;
transform: translateX(100px);
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
}
.scroll_right.on {
opacity: 1.0;
filter: alpha(opacity=100);
-moz-opacity: 1.0;
transform: translateX(0);
}
body.mceContentBody .scroll_right {
opacity: 1.0;
} .wpd-rating-stars svg {
width : 26px!important;
height : 26px!important;
}
.wpd-vote svg {
width : 16px!important;
height : 16px!important;
} #PostSlide {
position : relative;
margin : 0;
padding : 0;
width : 100%;
height : 50vh;
height : 50dvh;
max-height : 600px;
overflow : hidden;
}
#PostSlide .slick-slide {
position : relative;
padding : 0;
margin : 0;
width : 100%;
height : 50vh;
height : 50dvh;
max-height : 600px;
border-bottom : 1px solid #000;
}
#PostSlide .slick-slide img ,
#PostSlide .slick-slide video {
display: block;
margin : 0 0 0 auto;
width : 70%;
height : 50vh;
height : 50dvh;
max-height : 600px;
object-fit : cover;
object-position: 50% 50%;
border-bottom : 1px solid #000;
}
#PostSlide .slick-slide::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 40%;
height: 100%;
background : linear-gradient(to right, rgba(24,56,121, 1) 0%, rgba(24,56,121, 1) 80%, rgba(255, 255, 255, 0) 100% );
z-index: 100;
}
#PostSlide .slick-slide span.PostSlide-ttl {
display : block;
width : 30%;
position: absolute;
top: 3%;
left: 2%;
z-index: 150;
color: #fff;
font-family : var(--font-family02);
font-size : 18px;
line-height : 150%;
font-weight : bold;
text-align : left;
}
#PostSlide .slick-slide span.PostSlide-date {
display : block;
padding : 5px 0 0 0;
margin : 10px 0 0 0;
font-size : 15px;
border-top : 1px solid #eee;
}
@media print, screen and (min-width: 1000px) {
#PostSlide .slick-slide span.PostSlide-ttl {
font-size : 24px;
}
#PostSlide .slick-slide span.PostSlide-date {
font-size : 18px;
}
}
.a2a_svg {
//	display : inline!important;
}:root {
--scrollbar : 0; --color-01 : #fff;
--color-02 : #000;
--color-03 : #f6f6f6;
--color-04 : #b02c2c; --color-05 : #377389; --color-link : #1a0dab;
--color-hover : #CC3434;
--color-cal-normal : #f8f9ff;
--color-cal-closed : #fff9f8;
--color-cal-free : #f8fffa;
--color-cal-hover : #f9f9f9;  --font-family01 : 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, 'メイリオ', Meiryo, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif; --font-family02 : 'Asap', sans-serif; --font-size : 16px; --line-height : 1.8em; --size-sitename : 40px; --size-foot_nav : 56px; --grid_num : 3; --aspect-ratio : 1 / 1; --w-large : 1000px;
--w-medium : 640px;
--w-half : 48%;
--w-1-third : 32%;
--w-quater : 24%;
--w-small : 300px;
--w-thumb : 150px;
--w-grid-gap : 10px; --size-vegas : 100vh;
--size-vegas-d : 100dvh; --size-ml-w : 1000px;
--size-ml-h : 1000px;
} #mobile_menu li a:before {
font-family : Fontawesome;
margin-right : 5px;
}
#mobile_menu li.outer_lnk a:before {
content : "\f35d";
color : #000;
}
#mobile_menu li.home a:before {
content : "\f015";
color : #c81c00;
}
#mobile_menu li.nav-contract a {
background : #c81c00;
color : #fff;
}
#mobile_menu li.calendar a:before {
content : "\f073";
color : #007ad3;
}
#mobile_menu li.food_drink a:before {
content : "\f57b";
color : #d87900;
}
#mobile_menu li.shop a:before {
content : "\f54f";
color : #27ac00;
}
#mobile_menu li.guide a:before {
content : "\f2a5";
color : #73c4ff;
}
#mobile_menu li.news a:before {
content : "\f06a";
color : #f02bff;
}
#mobile_menu li.policy a:before {
content : "\f554";
color : #e0cd00;
}
#mobile_menu li.blog a:before {
content : "\f02d";
color : #aa63c2;
}
#mobile_menu li.contact a:before {
content : "\f0e0";
color : #7815ff;
}
#mobile_menu li.sub-nav a {
display : block;
padding : 0 0 0 20px;
font-weight : bold;
line-height : 36px;
color : var(--color-02);
}
#mobile_menu li.sub-nav a::before {
content : "▶";
}
#mobile_menu li a:hover ,
#mobile_menu li a:hover:before {
background : var(--color-02);
color : var(--color-01);
} #access_photos {
}
#access_photos img {
margin-bottom : 10px;
}
#access_photos p {
font-size : 14px;
}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}* html>body .clearfix{display:inline-block;width:100%}* html .clearfix{height:1%}#lightboxIframe{display:none}#overlay{position:absolute;top:0;left:0;z-index:10090;width:100%;height:500px;background-color:#000;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;display:none}#lightbox{position:absolute;left:0;width:100%;z-index:10100;line-height:0}#jqlb_spinner{height:32px;background-image:url(https://pochicafe.com/sys/wp-content/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/styles/images/loading.gif);background-repeat:no-repeat;background-position:center center}#jqlb_closelabel{height:22px;width:66px;background-image:url(https://pochicafe.com/sys/wp-content/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/styles/images/closelabel.gif);background-repeat:no-repeat;background-position:center center}#lightbox a img{border:none}#outerImageContainer{position:relative;background-color:#fff;width:300px;height:300px;margin:0 auto}#imageContainer{padding:10px;text-align:center}#lightboxImage{margin-left:auto;margin-right:auto;}#jqlb_loading{position:absolute;top:40%;left:0;height:25%;width:100%;line-height:0}#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}#imageContainer>#hoverNav{left:0}#hoverNav a{outline:0}#nextLink,#prevLink{width:45%;height:100%;background:transparent url(https://pochicafe.com/sys/wp-content/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/styles/images/blank.gif) no-repeat;display:block}#prevLink{left:0;float:left}#nextLink{right:0;float:right}#prevLink:hover,#prevLink:visited:hover{background:url(https://pochicafe.com/sys/wp-content/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/styles/images/prev.gif) left 50% no-repeat}#nextLink:hover,#nextLink:visited:hover{background:url(https://pochicafe.com/sys/wp-content/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/styles/images/next.gif) right 50% no-repeat}#imageDataContainer{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;color:#000;margin:0 auto;line-height:1.4em}#imageData{padding:0 10px}.ontop #imageData{padding-top:5px}#imageData #imageDetails{float:left;text-align:left;margin-bottom:10px;width:80%;width:-moz-calc(100% - 80px);width:-webkit-calc(100% - 80px);width:-o-calc(100% - 80px);width:calc(100% - 80px)}#imageData #imageDetails #titleAndCaption #titleText{font-weight:700}#imageData #imageDetails #titleAndCaption #captionText{font-weight:400}#imageData #imageDetails #controls{margin:0;white-space:nowrap}#imageData #bottomNav #bottomNavClose{height:22px;width:66px;float:right;margin-bottom:10px}#lightbox {
position: fixed;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
}
#imageContainer {
position: relative;
height: 100%;
box-sizing: border-box;
}
#imageDataContainer {
position: relative;
}
#imageDataContainer.hide {
display: none;
}
#newHoverNav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
display: flex;
justify-content: space-between;
align-items: center;
}
#prevArrow,
#nextArrow {
color: black;
background: rgba(255,255,255,.7);
font-size: 40px;
position: relative;
display: none;
padding: 8px 10px 8px 6px;
cursor: pointer;
width: 46px;
height: 46px;
box-sizing: border-box;
}
#nextArrow {
padding: 8px 6px 8px 10px;
}
#prevArrow.fixed,
#nextArrow.fixed {
position: fixed;
display:block;
top: 50%;
left: 1%;
transform: translate(0, -50%);
border-radius: 2px;
}
#nextArrow.fixed {
right: 1%;
left: auto;
}
@media screen and (max-width: 800px) {
#prevArrow.fixed,
#nextArrow.fixed {
border-radius: 2px;
}
#prevArrow.fixed {
left: 0;
}
#nextArrow.fixed {
right: 0;
}
}
#imageContainer:hover #prevArrow,
#imageContainer:hover #nextArrow {
display:block;
}
#imageData {
display: flex;
justify-content: space-between;
align-items: center;
padding: 4px 10px 8px;
}
#imageData #imageDetails {
margin-bottom: 0;
}
#imageData #bottomNav #bottomNavClose {
margin-bottom: 0;
}
#jqlb_loading {
top: 45%;
} #prevArrow.touch-device,
#nextArrow.touch-device {
display: block;
}
#prevLink.touch-device,
#nextLink.touch-device {
position: absolute;
top: 50%;
transform: translateY(-50%);
height: 40px;
width: 40px;
float: none;
}
#prevLink.touch-device {
left: 0;
background: url(https://pochicafe.com/sys/wp-content/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/styles/images/prev.gif) center center no-repeat;
}
#nextLink.touch-device {
right: 0;
background: url(https://pochicafe.com/sys/wp-content/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/styles/images/next.gif) center center no-repeat;
}
#imageDataContainer {
position: relative;
z-index: 20px;
}