@charset "UTF-8";
  html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, a {
margin: 0;
padding: 0;
border: 0;
outline: 0;
list-style-type: none;
font-size: 100%;
vertical-align: baseline;
background: transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
line-height: 1;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
nav ul {
list-style: none;
}
ul {
margin: 0!important;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
} ins {
background-color: #ff9;
color: #000;
text-decoration: none;
} mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
} hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input, select {
vertical-align: middle;
} input, textarea, select {
font-size: 16px!important;
} html {
font-size: 62.5%; }
body {
width: 100%;
margin: 0 auto;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
font-family: "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ ゴシック", sans-serif!important;
font-weight: 400;
font-weight: 400;
letter-spacing: 0.09em;
color: #4B4338;
}
@media screen and (max-width: 767px) {
body {
font-size: 14px;
font-size: 1.4rem;
}
}
a {
color: #59ABF3;
text-decoration: none;
}
a, a:before, a:after {
-webkit-transition: 0.16s cubic-bezier(0.17, 0.935, 0.305, 1);
transition: 0.16s cubic-bezier(0.17, 0.935, 0.305, 1);
color: #1D78C7;
}
a:hover {
text-decoration: none;
opacity: 0.6;
color: #59ABF3;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
}
p {
font-weight: 400;
}
img {
max-width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 0px!important;
}
.cf:after {
content: "";
display: block;
clear: both;
}
.tel{
pointer-events: none;
}
.pc-only{
display: block;
}
.sp-only{
display: none;
}
.en{
font-family: din-condensed, sans-serif;
font-weight: 300;
font-style: normal;
}
.mincho{
font-family: "游明朝", "Noto Serif JP", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.no-link{
pointer-events: none;
}
@media screen and (max-width: 767px){
.pc-only{
display: none;
}
.sp-only{
display: block;
}
.tel{
pointer-events:auto;
} 
} ::-moz-selection {
background: #dedede;
}
::selection {
background: #dedede;
}
::-moz-selection {
background: #dedede;
}   input[type="submit"],
input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
border: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
}
:focus {
outline: none;
}
a {
outline: none!important;
} .l-header {
width: 360px;
height: 100%;
-webkit-transition: 0.16s cubic-bezier(0.17, 0.935, 0.305, 1);
transition: 0.16s cubic-bezier(0.17, 0.935, 0.305, 1);
background-color: #fff;
position: fixed;
z-index: 1;
}
.l-header .c-logo{
position: relative;
max-width: 228px;
margin: 0 auto;
display: block;
}
.l-header .c-logo a{
display: block;
position: relative;
}
.l-header .c-logo a img{
display: block;
height: auto;
}
.l-header #g-nav{ position:fixed;
z-index: 999; top:0;
left: -120%;
width:32%;
height: 100vh; background:#FFFFFF; transition: all 0.7s cubic-bezier(.43,.24,.54,.93);
} .l-header #g-nav.panelactive{
left: 0;
} .l-header #g-nav.panelactive #g-nav-list{ position: fixed;
z-index: 999; 
width: 32%;
height: 100vh; overflow-y: auto;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
} .l-header #g-nav .g-nav-wrap { position: absolute;
z-index: 999;
top: 44px;
width: 90%;
left: 20px;
transform: translate(0%, 0%);
} .l-header #g-nav li{
list-style: none;
}
.l-header #g-nav .parent-acc,
.l-header #g-nav li a{
color: #333;
text-decoration: none;
padding:10px;
display: block; letter-spacing: 0.1em;
font-size: 2rem;
position: relative;
} .l-header .openbtn1{
position:absolute;
z-index: 9999; top:50%;
left: 50%;
transform: translate(-50%,-50%);
cursor: pointer;
width: 50px;
height:50px;
display: none;
} .l-header .openbtn1 span{
display: inline-block;
transition: all .4s;
position: absolute;
left: 14px;
height: 50px;
width: 1px;
border-radius: 2px;
background-color: #000;
}
.l-header .header-lower{
text-align: center;
position: absolute;
bottom: 51px;
left: 50%;
transform: translate(-50%,0);
}
.l-header .header-lower .sns-header{
margin-bottom: 20px;
}
.l-header .header-lower .sns-header a{
display: table;
margin: 0 auto;
padding: 5px 0;
}
.l-header .pc-cart{
display: block;
max-width: 40px;
margin: 12px 14px 4vh auto;
position: relative;
}
.l-header .cart-notif {
position: absolute;
color: #fff;
background-color: #4B4338;
font-size: 1.1rem;
border-radius: 100%;
width: 24px;
height: 24px;
text-align: center;
z-index: 2;
right: -3px;
top: 4px;
letter-spacing: 0;
display: flex;
justify-content: center;
align-items: center;
}
.l-header .header-navlink{
text-align: left;
margin: 4vh auto 0;
display: table;
position: relative;
height: 57vh;
overflow: scroll;
overflow-y: scroll;
-ms-overflow-style: none; scrollbar-width: none; }
.l-header .header-navlink > div{
text-align: left;
position: relative;
height: calc( 100vh - 270px );
overflow: scroll;
overflow-y: scroll;
-ms-overflow-style: none; scrollbar-width: none; }
.l-header .header-navlink::-webkit-scrollbar { display:none;
}
.l-header .header-navlink::-webkit-scrollbar{
display: none;
}
.l-header .header-navlink ul li{
margin-bottom: 14px;
}
.l-header .header-navlink ul li a{
color: #4B4338;
font-size: 1.7rem;
position: relative;
display: table; font-weight: bold;
}
.l-header .header-navlink ul .sitemap-nav{
position: relative;
padding-top: 25px;
}
.l-header .header-navlink ul .sitemap-nav:before{
content: '';
position: absolute;
width: 144px;
height: 1px;
background-color: #85C2BA;
top: 0px;
left: 0; }
.l-header .header-navlink ul .sitemap-nav a{
color: #85C2BA;
}
.l-header .header-navlink ul li a::before{
content: '';
position: absolute;
width: 0%;
height: 1px;
background-color: #85C2BA;
bottom: -8px;
left: 0;
transition: 0.3s ease-in-out;
}
.l-header .header-navlink ul li a:hover{
color: #85C2BA;
}
.l-header .header-navlink ul li a:hover::before{
width: 100%;
}
.l-header .header-navlink .icon-area .icon-w{
display: none;
}
.l-header .header-navlink .mail,
.l-header .header-navlink .cart{
position: relative;
display: block;
}
.l-header .header-navlink .cart{
margin-right: 4%;
}
.l-header .login-btn{
position: absolute;
left: 50%;
bottom: 7vh;
transform: translate(-50%, 0px);
}
.l-header .login-btn a:hover{
color: #85C2BA;
}
.l-header .login-btn::before{
content: '';
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/header/bg_login.png) no-repeat;
background-size: cover;
width: 153px;
height: 36px;
position: absolute;
bottom: -45px;
z-index: -1;
left: 50%;
transform: translate(-50%,0);
}
.l-header .login-btn a{
color: #4B4338;
font-size:2rem;
text-align: center;
}
.sp-cart{
display: none;
}
.second-header{
position: fixed;
z-index: 10;
width: 100%;
transition: 0.3s ease-in-out;
background-color: transparent;
height: 10px;
}
.nav-children{
display: none;
}
.ttl-trigger{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.ttl-trigger a{
display: inline-block!important;
}
.nav-children a{
font-size: 1.4rem!important;
font-family: "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ ゴシック", sans-serif!important;
}
.icon-wrap {
position: relative;
right: 0px;
width: 38px;
top: -5px;
}
.icon:before,
.icon:after {
position: absolute;
content: "";
display: block;
transition: all 0.4s;
background: #000;
right: 5px;
top: 50%;
width: 8%;
height: 2px;
transform: translate(-50%, -50%);
}
.icon:before {
transform: translate(-50%, -50%) rotate(90deg);
} .open .icon:before {
transform: translate(-50%, -50%) rotate(135deg);
}
.open .icon:after {
transform: translate(-50%, -50%) rotate(45deg);
}
@media screen and (max-width:1750px) {
.l-header .header-navlink ul li a{
font-size: 1.4rem;
}
}
@media screen and (max-width:1025px) {
.l-header{
z-index: 999;
}
.l-header .pc-cart{
right: 65px;
position: absolute;
top: 54%;
transform: translate(0,-50%);
margin: 0;
width: 100%;
max-width: 7.5%;
}
.l-header .login-btn{
display: none;
}
.l-header .header-navlink{
display: none;
}
.l-header .openbtn1{
display: block;
}
.scroll-prevent {
overflow: hidden;
}
.l-header {
width: 100%;
height: 60px; box-shadow: 0 3px 2px rgb(0 0 0 / 5%);
border-right: none;
display: flex;
}
.l-header .c-logo {
position: relative;
max-width: 170px;
top: -2px;
left: 8px;
margin: 0;
}
.l-header .c-logo a {
display: block;
position: relative;
}
.l-header .header-lower{
display: none;
}
.l-header .openbtn1 span {
left: auto;
right: 10px;
height: 2px;
width: 30px;
}
.l-header .openbtn1 {
position: absolute;
top: 50%;
left: auto;
right: 6px;
transform: translate(0%,-50%);
cursor: pointer;
height: 42px;
}
.l-header .openbtn1 span:nth-of-type(1) {
top:13px; 
} .l-header .openbtn1 span:nth-of-type(2) {
top: 22px;
left: auto;
}
.l-header .openbtn1 span:nth-of-type(3) {
top: 31px;
left: auto;
}
.l-header .openbtn1.active span:nth-of-type(1) {
top: 18px;
left: 18px;
transform: translateY(6px) rotate(-45deg);
}
.l-header .openbtn1.active span:nth-of-type(2){
display: none;
}
.l-header .openbtn1.active span:nth-of-type(3){
top: 30px;
left: 18px;
transform: translateY(-6px) rotate(45deg);
}
.l-header #g-nav.panelactive #g-nav-list {
width: 70%;
height: 100dvh;
overflow-y: auto;
overflow-x: hidden;
padding-bottom: env(safe-area-inset-bottom);
}
.l-header #g-nav{
left: auto;
right: -120%;
width: 70%;
height: 100dvh;
}
.l-header #g-nav li a {
font-size: 1.6rem;
} .l-header #g-nav.panelactive{
right: 0;
left: auto;
}
.second-header{
display: none;
}
.sns-link{
display: flex;
position: absolute;
top: 70%;
left: 50%;
transform: translate(-50%,-50%);
width: 81%;
}
.sns-link a{
padding: 0 7px;
display: block;
width: 25%;
}
.sns-link a img{
display: block;
width: 100%;
}
.cart-notif{
font-size: 1.2rem;
width: 22px;
height: 22px;
text-align: center;
padding-top: 2px;
padding-left: 2px;
} .l-header #g-nav li {
text-align: left;
display: block;
width: 100%;
}
.l-header #g-nav li a{
text-align: left;
}
.l-header #g-nav-list .g-nav-wrap > ul.en > li.drawer-account-item > a.drawer-account-link{
font-size: 2rem !important;
line-height: 1.4;
}
.l-header #g-nav .below-box{
margin-top: 20px;
}
.l-header #g-nav .g-nav-wrap{
position: relative;
top: auto;
left: auto;
width: 100%;
padding: calc(20px + env(safe-area-inset-top)) 20px calc(48px + env(safe-area-inset-bottom));
transform: none;
}
.l-header #g-nav .below-box  .sns-area {
max-width: 90px;
display: flex;
justify-content: space-between;
margin-bottom: 20px;
align-items: center;
}
.l-header #g-nav .below-box .link-area a{
display: block;
color: #000;
padding: 5px 0;
}
.l-header #g-nav .item-acc {
border-top: 1px solid #E9E2D2;
}
.l-header #g-nav .item-acc .child-cat{
border-top: none;
}
.l-header #g-nav .item-acc .child-cat li a{
position: relative;
padding-left: 44px;
}
.l-header #g-nav .item-acc .grandchild-cat li a{
padding-left: 55px;
}
.l-header #g-nav .item-acc .child-cat li a::before{
content: '';
position: absolute;
left: 20px;
width: 5px;
height: 5px;
border-top: 1px solid #E9E2D2;
border-right: 1px solid #E9E2D2;
-webkit-transform: rotate(45deg) translate(-50%,0);
transform: rotate(45deg) translate(-50%,0);
top: 50%;
}
.l-header #g-nav .item-acc .grandchild-cat li a::before {
left: 35px;
}
.l-header #g-nav .item-acc li a{
color: #000;
padding: 11px 15px;
display: block;
border-bottom: 1px solid #E9E2D2;
position: relative;
font-size: 1.3rem;
font-family: "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ ゴシック", sans-serif!important;
}
.l-header #g-nav .acc-list{
display: none;
}
} .l-footer {
clear:both;
position: relative;
background-color: #fff;
margin-left: 360px;
}
.l-footer .inner-wrap{
max-width: 1500px;
width: 100%;
margin: 0 auto;
padding: 0 5%;
}
.l-footer .footer-top{
padding: 60px 0;
position: relative;
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/footer/bg_footer.png) no-repeat;
background-size: cover;
}
.l-footer .footer-top .wrap{
display: flex;
justify-content: space-between;
margin-top: 40px;
}
.l-footer .footer-top .ft-ttl span{
display: block;
font-size: 2rem;
}
.l-footer .footer-top .guide-box{
margin-bottom: 40px;
}
.l-footer .footer-top .guide-box a{
color:#85C2BA ;
text-decoration: underline;
}
.l-footer .footer-top .guide-box a:hover{
text-decoration: none;
}
.l-footer .footer-top .guide-box .g-ttl{
font-weight: bold;
color: #4B4338;
margin-bottom: 9px;
font-size: 1.6rem;
}
.l-footer .footer-top .link-area a{
color:#4B4338 ;
text-decoration: underline;
}
.l-footer .footer-top .link-area a:first-child{
margin-right: 20px;
}
.l-footer .footer-top .guide-box p{
font-size: 1.4rem;
}
.l-footer .footer-top .guide-box .payment{
display: block;
margin-top: 10px;
}
.l-footer .footer-top dl{
display: flex;
margin-bottom: 10px;
}
.l-footer .footer-top dl dt{
width: 23%;
font-size: 1.8rem;
text-align: left;
}
.l-footer .footer-top dl dd{
width: 75%;
margin-bottom: 0;
text-align: left;
}
.l-footer .footer-top dl dd.en{
font-size: 1.8rem;
}
.l-footer .footer-top dl dd.tel a{
color: #4B4338!important;
text-decoration: none!important;
}
.l-footer .footer-bottom{
padding: 40px 0;
}
.l-footer .footer-bottom .box01{
width: 26%;
}
.l-footer .footer-bottom .box02{
width: 30%;
}
.l-footer .footer-bottom .box02 img{
display: block;
margin: 0 auto;
}
.l-footer .footer-bottom .box03{
width: 27%;
}
.l-footer .footer-bottom .box iframe{
width: 100%;
}
.l-footer .footer-bottom .wrap{
display: flex;
justify-content: space-between;
margin-top: 40px;
align-items: center;
}
.l-footer .footer-bottom .sns-area{
max-width: 125px;
display: flex;
justify-content: space-between;
margin-bottom: 20px;
align-items: center;
padding-left: 20px;
}
.l-footer .footer-bottom .link-area a{
display: table;
color:#4B4338 ;
text-decoration: underline;
}
.l-footer .copyright{
color: #4B4338;
font-size: 1.4rem;
display: block;
text-align: center;
}
@media screen and (max-width:1025px) {
.l-footer {
margin-left: 0;
}
.l-footer .footer-top .how-detail .how-box {
width: 48%;
}
.l-footer .footer-bottom ul {
width: 100%;
}
.l-footer .footer-bottom .lower-wrap{
margin-top: 16px;
align-items: center;
}
.l-footer .footer-bottom .news-letter {
top: 0;
}
.l-footer .footer-top .mail-btn-wrap a:first-child{
width: 37%;
}
.l-footer .footer-top .mail-btn-wrap a:last-child{
width: 53%;
}
.l-footer .footer-top .mail-box a{
display: block;
}
.l-footer .footer-bottom .lower-wrap {
display: block;
}
.l-footer .footer-bottom .sns-link {
display: flex;
width: 100%;
justify-content: flex-start;
top: auto;
left: auto;
position: relative;
transform: translate(0,0);
}
.l-footer .footer-bottom .sns-link a {
width: 8%;
padding-right: 10px;
}
.l-footer .footer-bottom .news-letter {
width: 100%;
top: auto;
position: relative;
margin: 30px 0;
}
.l-footer .footer-bottom {
padding: 40px 0 15px;
}
}
@media screen and (max-width: 767px) {
.l-footer .footer-top .wrap {
display: block;
}
.l-footer .footer-top .guide-box {
margin-bottom: 25px;
}
.l-footer .inner-wrap {
padding: 0px 8%;
}
.l-footer .footer-top dl{
display: block;
margin-bottom: 10px;
}
.l-footer .footer-top dl dt{
width: 100%;
}
.l-footer .footer-top dl dd{
width: 100%;
}
.l-footer .footer-bottom .wrap {
display: block;
margin-top: 0px;
margin-bottom: 30px;
}
.l-footer .footer-bottom .sns-area {
max-width: 102px;
padding-left: 0;
}
.l-footer .footer-bottom .box01{
width: 100%;
margin-bottom: 30px;
}
.l-footer .footer-bottom .box02{
display: none;
}
.l-footer .footer-bottom .box02 img{
display: block;
margin: 0 auto;
}
.l-footer .footer-bottom .box03{
width: 100%;
}
} #page-top02{
display: block;
}
#page-top02 {
position: fixed;
bottom: 20px;
right: 10px;
font-size: 14px;
line-height: 1;
z-index: 99;
}
#page-top02 a {
text-decoration: none;
color: #fff;
width: 98px;
text-align: center;
display: block;
opacity: 0.9;
transition: all .3s ease;
}
#page-top a:hover {
text-decoration: none;
opacity: .5;
}
@media screen and (max-width: 767px) {
#page-top02 a {
width: 59px;
}
} #wrap {
position: relative;
overflow: hidden;
-webkit-transition: 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
transition: 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
}
#wrap.open {
-webkit-transform: translateX(-260px);
transform: translateX(-260px);
}
#contents {
position: relative;
padding: 40px 0;
}
@media screen and (min-width: 992px) {
#contents {
padding: 80px 0;
}
}
#contents.top {
padding-top: 0 !important;
}
.inner {
width: 100%;
max-width: calc(930px + 5% * 2);
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 3%;
padding-right: 3%;
margin-left: auto;
margin-right: auto;
position: relative;
}
.section {
padding: 80px 0;
}
main.pl{
padding-left: 360px;
}
@media screen and (max-width: 1025px) {
main.pl{
padding-left: 0px;
}
.section {
padding: 40px 0;
}
}
@media screen and (max-width: 768px) {
main.pl{
padding-left: 0px;
}
.inner {
width: 100%;
padding-left: 5%;
padding-right: 5%;
}
} .wp-pagenavi {
margin: 0 auto;
font-size: 0;
text-align: center;
}
.wp-pagenavi .pages{
display: none;
}
.wp-pagenavi .last{
display: none;
}
.wp-pagenavi a, .wp-pagenavi span{
margin: 0;
padding: 0;
}
.wp-pagenavi .page, .wp-pagenavi .extend {
display: inline-block;
width: 45px;
height: auto;
line-height: 1;
background: #FFF;
font-size: 1.8rem;
color: #4B4338;
text-decoration: none;
text-align: center;
border: none;
font-family: din-condensed, sans-serif;
}
.wp-pagenavi .page:hover, .wp-pagenavi .extend:hover {
opacity: 0.8;
}
.wp-pagenavi .current {
display: inline-block;
color: #85C2BA;
font-size: 1.8rem;
width: 37px;
height: auto;
line-height: 1;
text-align: center;
border: none;
background-color: #fff;
border: 1px solid #85C2BA!important;
border-radius: 100%;
font-family: din-condensed, sans-serif;
}
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink, .wp-pagenavi .page, .wp-pagenavi .extend {
display: inline-block;
width: 42px;
height: auto;
line-height: 1;
font-size: 1.6rem;
text-decoration: none;
text-align: center;
border: none;
position: relative;
}
.previouspostslink,
.nextpostslink{
color: transparent!important;
border: none!important;
}
.wp-pagenavi .nextpostslink::before {
content: '';
position: absolute;
left: 47%;
width: 5px;
height: 5px;
border-top: 1px solid #000;
border-right: 1px solid #000;
-webkit-transform: rotate(45deg) translate(-50%,0);
transform: rotate(45deg) translate(-50%,0);
top: 50%;
}
.wp-pagenavi .previouspostslink::before {
content: '';
position: absolute;
left: 41%;
top: 24%;
width: 5px;
height: 5px;
border-top: 1px solid #000;
border-right: 1px solid #000;
-webkit-transform: rotate(-135deg) translate(-50%,0);
transform: rotate(-135deg) translate(-50%,-50%);
}
.wp-pagenavi span {
padding: 10px 8px 8px 9px!important;
}
.aroundbox{
display: flex;
justify-content: space-around;
margin: 30px 0 0;
padding-top: 24px;
}
.aroundbox div{
width: 33.33%;
}
.aroundbox.single div{
width: 50%;
font-family: din-condensed, sans-serif;
color: #4B4338;
font-size: 2rem;
}
.aroundbox .wp-pagenavi{
width: auto;
margin: 0 0 0 auto;
}
.aroundbox div.prev{
padding-left: 20px;
}
.aroundbox div.prev a::before{
content: '';
position: absolute;
top: 39%;
left: -15px;
transform: translate(0,-50%);
box-sizing: border-box;
border-top: 1px solid #85C2BA;
border-left: 1px solid #85C2BA;
width: 7px;
height: 7px;
transform: rotate(-45deg) translate(-50%,-50%);
}
.aroundbox div.all{
text-align: center;
}
.aroundbox div.next{
text-align: right;
position: relative;
padding-right: 20px;
}
.aroundbox div.next a::before{
content: '';
border-top: 1px solid #85C2BA;
border-right: 1px solid #85C2BA;
width: 7px;
height: 7px;
transform: rotate(45deg) translate(-50%,-50%);
position: absolute;
top: 50%;
right: -19px;
}
.aroundbox a{
color: #000;
position: relative;
}
.aroundbox.article-nav div.next a,
.aroundbox.article-nav div.prev a{
font-size: 0;
}
.aroundbox.article-nav div.next {
text-align: left;
}
.aroundbox.article-nav div.prev {
text-align: right;
}
.aroundbox.article-nav div.next a::before {
content: '';
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/top/img_slidearrow_next.svg) no-repeat;
width: 20px;
position: absolute;
background-size: 100%;
top: 50%;
right: 8%;
transform: translate(0, -50%);
height: 9px;
border: none;
}
.aroundbox.article-nav div.prev a::before {
content: '';
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/top/img_slidearrow_prev.svg) no-repeat;
width: 20px;
position: absolute;
background-size: 100%;
top: 50%;
left: 8%;
transform: translate(0, -50%);
height: 9px;
border: none;
}
@media screen and (max-width: 767px) {
.wp-pagenavi .page, .wp-pagenavi .extend, .wp-pagenavi .current {
width: 32px;
font-size: 1.4rem;
}
.aroundbox{
margin: 10px 0 0;
padding: 0px 0 50px;
}
.aroundbox.single{
margin-top: 25px;
}
.aroundbox.single div{
font-size: 1.4rem;
}
} .c-breadcrumb {
padding: 0 0 0px;
}
.c-breadcrumb ul {
padding: 1em 0 1em 1em;
background: transparent;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.c-breadcrumb ul li{
position: relative;
font-size: 1.2rem;
font-weight: 500;
}
.c-breadcrumb ul li::after{
content: '';
position: absolute;
top: 50%;
right: -20px;
transform: translate(0,-50%);
box-sizing: border-box;
width: 4px;
height: 4px;
border: 3px solid transparent;
border-left: 5px solid #000000;
}
.c-breadcrumb ul li:last-child:after{
content: none;
}
.c-breadcrumb ul li {
margin-right: 2.2em;
}
.c-breadcrumb ul li a {
color: #202625;
}
.c-breadcrumb ul li i {
margin-left: 10px;
}
@media screen and (max-width: 767px) {
.c-breadcrumb {
padding: 0 0 30px;
}
} .back-btn {
display: table;
margin: 57px auto 0;
}
.c-heading{
position: relative;
font-size: 1.4rem;
color: #4B4338;
}
.c-heading.flex{
display: flex;
align-items: center;
}
.c-heading.flex span{
margin-right: 20px;
}
.c-heading span{
font-size: 2.2rem;
font-family: din-condensed, sans-serif;
color: #4B4338;
letter-spacing: 0.2em;
display: block;
}
.heading-wrap{
display: flex;
justify-content: space-between;
padding: 0 55px 0 0;
}
.heading-wrap .h-link{
color: #4B4338;
font-size: 1.8rem;
text-decoration: underline;
}
.heading-wrap .h-link:hover{
text-decoration: none;
}
.ttl-wave{
font-size: 2rem;
color: #5B3C34;
position: relative;
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/common/bg_wave.svg) repeat-x;
background-position: left bottom;
display: table;
margin: 0 auto;
font-weight: bold;
padding-bottom: 8px;
}
.btn{
color: #fff;
text-align: center;
padding: 10px 10px;
width: 100%;
max-width: 250px;
display: block;
transition: 0.3s ease-in-out;
position: relative;
background-color: #85C2BA;
}
.btn:hover{
color: #fff;
background-color: #000;
transition: 0.3s ease-in-out;
}
.img-mouseover{
overflow: hidden;
width: 100%;
height: 100%;
background: #fff;
display: block;
}
.img-mouseover figure{
overflow: hidden;
}
.img-mouseover img {
display: block;
transition-duration: 0.5s;
width: 100%;
height: auto;
}
.img-mouseover:hover{
opacity: 0.9;
}
a:hover .img-mouseover img,
.img-mouseover img:hover {
transform: scale(1.05);
transition-duration: 0.5s;
}
@media screen and (max-width: 767px) {
.c-heading{
padding: 0px 0 5px;
}  
.c-heading.flex{
display: block;
}
.heading-wrap{
padding: 0 5%;
}
.heading-wrap h1{
width: 70%;
}
.heading-wrap .h-link{
font-size: 1.4rem;
}
.ttl-wave{
font-size: 1.6rem;
padding-bottom: 10px;
}
} .table-temp dl{
width: 100%;
display: flex;
border-bottom: 1px solid #D9BB56;
border-left: 1px solid #D9BB56;
border-right: 1px solid #D9BB56;
}
.table-temp dl:first-child{
border-top: 1px solid #D9BB56;
}
.table-temp dl dt{
width: 25%;
background-color: #EFF3C0;
padding: 20px 20px 30px;
border-right: 1px solid #D9BB56;
}
.table-temp dl.place dd span{
display: block;
font-weight: bold;
margin-bottom: 12px;
}
.table-temp dl dd{
width: 75%;
padding: 20px 20px 50px;
}
@media screen and (max-width: 767px) {
.table-temp dl {
display: block;
}
.table-temp dl dt {
width: 100%;
padding: 15px 20px 15px;
border-right: 0;
border-bottom: 1px solid #D9BB56;
}
.table-temp dl dd {
width: 100%;
padding: 15px 20px 15px;
}
} .a-fade-up{
transform: translateY(50px);
opacity: 0;
}
.a-fade-up.is-active{
transition: .9s;
transform: translateY(0);
opacity: 1;
}
.eachTextAnime span{
opacity: 0;
}
.eachTextAnime.appeartext span{ 
animation:text_anime_on 1s ease-out forwards; 
}
@keyframes text_anime_on {
0% {opacity:0;}
100% {opacity:1;}
} .l-page-title{
width: 100%;
margin: 0px auto 0;
padding-top: 110px;
padding-bottom: 50px;
}
.l-page-title h1{
font-size: 1.4rem;
position: relative
}
.l-page-title h1 span{
position: relative;
letter-spacing: 0.3rem;
color: #4B4338;
font-size: 2.4rem;
margin-right: 10px;
}
.l-page-title h1.jp{
color: #4B4338;
font-size: 1.8rem;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.l-page-title{
padding-bottom: 40px;
}
.l-page-title .c-heading {
margin: auto;
padding-left: 0px;
}
} .xo-event-calendar{
max-width: 820px;
width: 100%;
margin: 0 auto;
}
.xo-event-calendar .holiday-titles{
font-family: "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ ゴシック", sans-serif;
}
.xo-event-calendar table.xo-month {
border:none!important;
}
.xo-event-calendar table.xo-month th, .xo-event-calendar table.xo-month td {
padding: 0;
border: 3px solid #fff!important; }
.xo-event-calendar table.xo-month > thead th{
background-color: #4B4338;
color: #fff;
font-family: din-condensed, sans-serif;
font-weight: 400!important;
font-size: 2.3rem!important;
padding: 7px 0 5px!important;
}
.xo-event-calendar table tr {
background-color: #EEEAE9;
text-align: center;
}
.xo-event-calendar table.xo-month .month-dayname-space {
height: 2.2em!important;
}
.xo-event-calendar table.xo-month .month-dayname td div {
line-height: 1.8em!important;
font-size: 2.4rem!important;
text-align: center!important;
}
.xo-event-calendar .holiday-all,
.xo-event-calendar .holiday-temporary{
color: #fff;
}
.xo-event-calendar .other-month{
color: #A7C3D1;
}
.xo-event-calendar table.xo-month .month-header{
padding: 12px 8%;
border: 1px solid #4B4338;
margin-bottom: 10px!important;
font-family: din-condensed, sans-serif;
font-size: 2rem;
}
.xo-event-calendar table.xo-month > thead th.saturday,
.xo-event-calendar table.xo-month > thead th.sunday{
color: #fff!important;
} .p-top{
position: relative;
}
.p-top .js-modal-close{
cursor: pointer;
}
.p-top .top-news{
top: 0;
width: 100%;
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/footer/bg_footer.png) no-repeat;
background-size: cover;
text-align:center;
padding: 20px 30px 29px;
z-index: 2;
position: fixed;
width: calc(100% - 360px);
right: 0;
margin: 0 0 0 auto;
z-index: 1;
display: none; }
.p-top .top-news .news-box{
max-width: 900px;
width: 100%;
margin: 0 auto;
}
.p-top .top-news.js_active {
opacity: 1;
visibility: visible;
}
.p-top .top-news .ttl-area{
display: flex;
justify-content: center;
margin-bottom: 10px;
}
.p-top .top-news .ttl-area .date{
color:#85C2BA ;
margin-right: 3%;
font-weight: bold;
}
.p-top .top-news .ttl-area .ttl{
font-weight: bold;
}
.p-top .top-news .ttl-area .ttl a{
color: #4B4338;
text-decoration: underline;
}
.p-top .top-news .inner{
margin-top: -30px;
}
.mv-area{
display: block;
position: relative;
height: 100vh;
width: 100%;
}
.mv-image-area{
position: fixed;
height: 100vh;
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/top/bg_top.png) no-repeat;
background-size: cover;
background-position: center;
justify-content: center;
align-items: center;
display: flex;
width: 81.7%;
}
.mv-area .mv-ttl{
color: #fff;
font-size: 2vw;
line-height: 2;
text-align: center;
}
.mv-area .mv-ttl span{
opacity: 0;
}
.mv-slider .slider{
width: 100%;
background-color: #eee;
overflow: hidden;
position: relative;
}
.mv-slider .slider img {
transform-origin: center top;  width: 100%;
}
.mv-slider .slider img.pc-only{
display: block!important;
}
.mv-slider .slider img.sp-only{
display: none!important;
}
.mv-area .slider-ttl{
position: relative;
z-index: 1;
right: -5%;
top: 37px;
}
.mv-area .slider-ttl img{
width: 100%;
max-width: 85%;
}
.mv-area .slick-dots {
position: absolute;
top: 36.5vw!important;
display: block;
width: 100%;
padding: 0;
z-index: 1;
margin: 0;
list-style: none;
text-align: left!important;
left: 105px;
}
.mv-area .slick-prev::before {
content: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/top/img_slidearrow_prev.svg) !important;
opacity: 1!important;
}
.mv-area .slick-next::before {
content: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/top/img_slidearrow_next.svg) !important;
opacity: 1!important;
}
.mv-area .slick-prev, .mv-area .slick-next {
top: auto;
bottom:40px;
margin: auto;
width: 20px!important;
height: 17px!important;
}
.bg-w-wrap{
position: relative; } .more-btn{
display: table;
margin: 25px 0 0 auto;
color: #000;
position: relative;
font-size: 1.4rem;
letter-spacing: 0.1em;
}
.more-btn::before{
content: '';
position: absolute;
right: -10px;
top: 50%;
width: 4px;
height: 4px;
border-top: 1px solid #000;
border-right: 1px solid #000;
-webkit-transform: rotate(45deg);
transform: translate(0,-50%) rotate(45deg);
transition: 0.3s ease-in-out;
}
.more-btn::after{
position: absolute;
bottom: -4px;
left: 0;
content: '';
width: 100%;
height: 1px;
background: #333;
transform: scale(0, 1);
transform-origin: left top;
transition: transform .3s;
}
.more-btn:hover{
color: #000;
}
a.more-btn:hover::before{
right: -15px;
transition: 0.3s ease-in-out;
}
.more-btn:hover::after {
transform: scale(1, 1);
}  .topintro-area{
text-align: center;
padding: 260px 0 50px;
position: relative;
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/top/bg_white.png) no-repeat;
background-size: cover;
background-position: top;
}
.topintro-area .deco{
position: absolute; top: 66px;
left: 10%;
}
.topintro-area .deco02{
position: absolute;
bottom: -48px;
right: 30%;
}
.topintro-area h1{
margin: 0 auto 55px;
}
.topintro-area p{
line-height: 2.3;
color: #4B4338;
}
.topintro-area p .bolder{
font-weight: bold;
} .topitem-area{
padding: 100px 0;
position: relative;
background-color: #fff;
}
.topitem-area .product-slide-wrap{
padding: 30px 0 100px;
overflow: hidden;
padding-right: 2em;
}
.topitem-area .product-slide-wrap li {
margin: 0 0.3em;
}
.topitem-area .product-slide-wrap .slick-list {
overflow: visible;
}
.topitem-area .product-slide-wrap li a{
color: #4B4338;
}
.soldout{
color: #e35252;
}
.topitem-area .info-wrap{
margin-top: 10px;
}
.topitem-area .info-wrap .prod-name{
text-decoration: underline;
margin-bottom: 10px;
}
.topitem-area .info-wrap .prod-price{
margin-top: 10px;
}
.prod-price.sold-out span{
text-decoration: line-through;
}
.topitem-area .slick-dots {
position: absolute;
bottom: -80px;
}
.topitem-area .slick-dots::before{
content: '';
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/common/icon_cup.svg) no-repeat;
background-size: cover;
width:31px;
height: 26px;
position: absolute;
bottom: 0px;
z-index: -1;
left: 41%;
transform: translate(-50%,0);
}
.topitem-area .slick-dots li:nth-of-type(1n) button:before{
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/common/icon_bean01.svg) no-repeat;
background-size: contain!important; }
.topitem-area .slick-dots li:nth-of-type(2n) button:before{
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/common/icon_bean02.svg) no-repeat;
background-size: contain!important; }
.topitem-area .slick-dots li:nth-of-type(3n) button:before{
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/common/icon_bean03.svg) no-repeat;
background-size: contain!important; }
.topitem-area .slick-dots li:nth-of-type(4n) button:before{
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/common/icon_bean04.svg) no-repeat;
background-size: contain!important; }
.topitem-area .slick-dots li button:before {
width: 15px;
height: 15px;
} .toptopics-area{
background-color: #fff;
}
.toptopics-area .heading-wrap{
margin-bottom: 30px;
}
.toptopics-area ul{
display: flex;
flex-wrap: wrap;
}
.toptopics-area ul li{
width: 33.33%;
}
.toptopics-area ul li a{
display: block;
width: 100%;
position: relative;
color: #000;
}
.toptopics-area ul li a img{
width: 100%;
height: auto;
display: block;
}
.toptopics-area .info-wrap{
position: absolute;
left: 0;
bottom: 0;
width: 70%;
}
.toptopics-area .info-wrap .t-cat{
position: relative;
background: rgba(255,255,255,0.9);
padding: 10px 15px 10px 38px;
display: inline-block;
font-weight: bold;
font-size: 1.2rem;
margin-bottom: 10px;
}
.toptopics-area .info-wrap .t-cat::before{
content: '';
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/common/icon_mame.svg) no-repeat;
background-size: cover;
width: 19px;
height: 16px;
position: absolute;
left: 9px;
top: 50%;
transform: translate(-0%,-50%);
}
.toptopics-area .info-wrap .ttl{
position: relative;
background: rgba(255,255,255,0.9);
padding: 10px 15px 10px 15px;
display: table;
font-weight: bold;
font-size: 1.2rem;
margin-bottom: 10px;
line-height: 1.8;
} .topaccess-area{
padding: 180px 0 100px;
background-color: #fff;
}
.topaccess-area .acc-wrap{
display: flex;
justify-content: space-between;
margin-top: 30px;
margin-bottom: 35px;
}
.topaccess-area .info{
width: 55%;
}
.topaccess-area .info dl{
display: flex;
margin-bottom: 30px;
}
.topaccess-area .info dl dt{
width: 23%;
font-size: 1.8rem;
}
.topaccess-area .info dl dd{
width: 75%;
font-size: 1.4rem;
}
.topaccess-area .info dl dd .en{
font-size: 1.8rem;
}
.topaccess-area .info dl dd .bttn{
background-color: #85C2BA;
color: #fff;
font-size: 1.6rem;
text-align: center;
max-width: 105px;
display: block;
padding: 9px 10px;
margin-top: 9px;
}
.topaccess-area figure{
width: 40%;
}
.topaccess-area #calendar .fc-daygrid-event-harness .fc-event {
display: none;
} .instagram-area{
position: relative;
padding: 10px 0 0px;
background-color: #fff;
}
.instagram-area .c-heading{
margin: 0 0 5px 10px;
}
.instagram-area #sb_instagram .sb_instagram_header{
display: none;
}
.instagram-area #sb_instagram #sbi_load {
display: none;
}
#sb_instagram #sbi_images .sbi_item {
width: 15%!important;
height: auto!important;
}
#sbi_images {
animation: scroll 14s linear infinite;
display: flex;
width: calc(250px * 6);
height:100%;
}
@media screen and (max-width:1330px) {
.p-top .top-news{
padding: 0px 0px 29px;
}
.p-top .top-news .inner {
margin-top: 9px;
}
.p-top .js-modal-close {
top: 2px;
}
}
@media screen and (max-width: 1025px) {
.p-top .top-news {
padding: 0px 0px 17px;
width: 100%;
}
.p-top .js-modal-close {
top: 4px;
}
.p-top .top-news .ttl-area {
align-items: center;
}
.p-top .top-news .ttl-area .ttl{
font-size: 1.3rem;
text-align: left;
}
.p-top .top-news .new-cont{
font-size: 1.3rem;
}
.p-top .top-news {
top: 59px;
}
.mv-image-area {
height: 72vh;
width: 100%;
}
.mv-area {
margin-top: 60px;
height: 46vh;
}
.topitem-area .slick-dots::before {
left: 37%;
}
}
@media screen and (max-width: 767px) {
.p-top .js-modal-close{
top: 0;
right: 0;
max-width: 39px;
}
.p-top .js-modal-close span{
margin-right: 0;
}
.p-top .top-news {
padding: 0px 0px 17px;
width: 100%;
top: 60px;
}
.p-top .top-news .inner {
margin-top: 0px;
}
.more-btn{
margin: 25px 20px 0 auto;
} .mv-area {
margin-top: 60px; height: 73vh;
}
.mv-area .mv-ttl {
color: #fff;
font-size: 2.2rem;
text-align: center;
line-height: 1.8;
padding-top: 100px;
}
.mv-image-area{
height: 604px;
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/top/bg_top_sp.png) no-repeat;
background-size: cover;
background-position: center bottom ;
align-items: baseline;
width: 100%;
}
.mv-area .mv-ttl div{
display: block;
} .topintro-area .deco {
top: -5px;
left: 5%;
max-width: 76%;
width: 100%;
}
.topintro-area {
padding: 105px 0 50px;
margin-top: -0px;
}
.topintro-area h1 {
margin: 0 auto 15px;
}
.topintro-area p{
font-size: 1.3rem;
letter-spacing: 0;
}
.topitem-area .slick-dots::before {
left: 15%;
}
.topitem-area .slick-dots{
right: -20px;
} .toptopics-area ul{
display: block;
}
.toptopics-area ul li{
width:100%;
}
.toptopics-area .info-wrap {
width: 85%;
}
.toptopics-area .heading-wrap {
margin-bottom: 15px;
} .topaccess-area h1 img{
width: 100%;
max-width: 56%;
}
.topaccess-area {
padding: 70px 0px 0px;
} 
.topaccess-area .acc-wrap {
display:block;
margin-top: 30px;
}
.topaccess-area .info {
width: 100%;
}
.topaccess-area figure {
width: 80%;
display: block;
margin: 0 auto;
}
.topaccess-area .info dl {
display: block;
margin-bottom: 20px;
}
.topaccess-area .info dl dt {
width: 100%;
}
.topaccess-area .info dl dd {
width: 100%;
}
.xo-event-calendar table.xo-month .month-header {
padding: 9px 8%;
font-size: 1.6rem;
}
.xo-event-calendar table.xo-month .month-dayname td div {
line-height: 2.8em!important;
font-size: 1.6rem!important;
}
.xo-event-calendar table.xo-month > thead th {
font-size: 1.6rem!important;
} 
.topitem-area .product-slide-wrap{
margin-left: 18px;
} .instagram-area {
padding: 70px 0 0px;
}
#sb_instagram #sbi_images .sbi_item {
width: 40%!important;
height: auto!important;
}
} .p-access .mv-bg{
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/access/bg_mv.png) no-repeat;
height: 755px;
position: relative;
width: 100%;
background-size: cover;
background-position: center;
}
.p-access .topaccess-area {
padding: 100px 0 100px;
}
.p-access iframe{
width: 100%;
}
.p-access .concept-area{
padding: 100px 0 210px;
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/footer/bg_footer.png) no-repeat;
background-size: cover;
text-align: center;
position: relative;
margin-top: -7px;
}
.p-access .concept-area .c-heading{
margin-bottom: 40px;
}
.p-access .concept-area .cont-context p{
line-height: 2;
}
.p-access .concept-area .deco{
position: absolute;
bottom: -122px;
left: 38px;
max-width: 26%;
width: 100%;
}
.p-access .person-area{
padding: 210px 0 110px;
position: relative;
}
.p-access .person-area .deco{
position: absolute;
top: 76px;
}
.p-access .person-area .ttl-wrap{
text-align: center;
}
.p-access .person-area .ttl-wrap .ttl-wave{
margin-bottom: 11px;
}
.p-access .person-area .person-wrap{
display: flex;
flex-wrap: wrap;
margin: 75px 0 190px;
justify-content: space-between;
}
.p-access .person-area .profile-b {
margin-top: 10px;
}
.p-access .person-area .profile-b .name{
font-size: 2rem;
color: #4B4338;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}
.p-access .person-area .profile-b .ttl-wave.mb{
margin-bottom: 10px;
}
.p-access .person-area .person02{
position: relative;
top: 106px;
}
.p-access .person-area .person03{
position: relative;
top: 78px;
left: 15%;
} *{
box-sizing: border-box;
margin: 0;
padding: 0;
}
.content{
margin: 0 auto;
padding: 40px;
}
.modal{
display: none;
height: 100vh;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 2;
}
.modal__bg{
background-color: #E4E0DF;
opacity: 0.7;
top: 0;
left: 0;
height: 100vh;
position: absolute;
width: 100%;
}
.modal__content{
background: #fff;
left: 50%;
padding: 40px;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
width: 49%;
height: 80vh; }
.modal__content .profile-box {
height: 93%;
overflow-y: scroll;
}
.js-modal-close{
max-width: 92px;
width: 100%;
margin: 0 0 0 auto;
background-color: #85C2BA;
color: #fff;
text-align: right;
padding: 2px 8px;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
position: relative;
top: -19px;
}
.js-modal-close span{
font-size: 2rem;
margin-right: 5px;
}
.js-modal-close:hover{
color: #fff;
}
.profile-box .box-top{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 40px;
}
.profile-box .box-top figure{
width: 48%;
}
.profile-box .box-top .info{
width: 48%;
}
.profile-box .box-top .info .job{
font-size: 2rem;
color: #4B4338;
font-weight: bold;
margin-bottom: 10px;
}
.profile-box .box-top .info p{
line-height: 2.3;
}
.profile-box .box-bottom .midashi{
border-bottom: 1px solid #85C2BA;
font-size: 1.8rem;
font-weight: bold;
color: #4B4338;
position: relative;
padding: 15px 0;
margin-bottom: 38px;
padding-left: 15px;
}
.profile-box .box-bottom .midashi::before{
content: '';
width: 160px;
height: 2px;
background: #85C2BA;
position: absolute;
left: 0;
bottom: 0;
}
.profile-box .box-bottom .text{
line-height: 2;
}
@media screen and (max-width: 767px) {
.p-access .l-page-title{
padding-top: 70px;
} 
.p-access .mv-bg{
margin-top: 60px;
height: 300px;
}
.p-access .topaccess-area {
padding: 0px 0 50px;
}
.js-modal-close{
font-size: 1.3rem;
padding: 6px 8px 3px;
}
.js-modal-close span{
font-size: 1.3rem;
}
.modal__content{
width: 94%;
height: 80vh;
padding: 40px 20px;
}
.p-access .concept-area .deco {
bottom: -34px;
left: 38px;
max-width: 51%;
}
.p-access .person-area .person-wrap a{
margin-bottom: 60px;
display: block;
text-align: center;
}
.p-access .person-area .person-wrap{
display: block;
margin: 75px 0 0px;
}
.p-access .person-area .person02 {
top: auto;
}
.p-access .person-area .person03 {
top: auto;
left: auto;
}
.p-access .person-area {
padding: 148px 0 100px;
}
.p-access .person-area .deco {
position: absolute;
top: 0;
}
.profile-box .box-top{
display: block;
margin-top: 20px;
margin-bottom: 18px;
}
.profile-box .box-top figure {
width: 78%;
margin: 0 auto 20px;
}
.profile-box .box-top .info {
width: 100%;
}
.profile-box .box-top .info .job {
font-size: 1.8rem;
margin-bottom: 3px;
}
} .p-cafemenu .mv-bg{
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/cafemenu/bg_mv.png) no-repeat;
height: 425px;
position: relative;
width: 100%;
background-size: cover;
background-position: center;
}
.p-cafemenu .menu-area{
padding: 100px 0 0;
}
.p-cafemenu .menu-area .news-box{
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/footer/bg_footer.png) no-repeat;
padding: 25px 20px 35px;
margin-top: 80px;
}
.p-cafemenu .menu-area .news-box .ttl-wave{
margin-bottom: 23px;
}
.p-cafemenu .menu-nav{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 40px 0 130px;
padding: 0 10px;
}
.p-cafemenu .menu-nav:after{
content: "";
width: 32%;
height: 0;
}
.p-cafemenu .menu-nav a{
color: #000;
width: 32%;
border:1px solid #E4E0DF;
text-align: center;
font-size: 1.4rem;
padding: 7px 5px;
margin-bottom: 15px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
line-height: 1.4;
}
.p-cafemenu .menu-nav .pd2{
padding: 15px 5px;
}
.p-cafemenu .menu-outer{
background-color: #E4E0DF;
margin-bottom: 5em;
}
.p-cafemenu .menu-outer .ttl-area{
display: flex;
align-items: center;
justify-content: space-between;
width: 87%;
position: relative;
top: -6px;
margin-bottom: 30px;
}
.p-cafemenu .menu-outer .ttl-area .c-heading {
text-align: center;
}
.p-cafemenu .menu-outer .ttl-area .c-heading span{
text-transform: uppercase;
margin-bottom: 6px;
}
.p-cafemenu .menu-outer .ttl-area.reverse{
flex-flow: row-reverse;
margin: 0 0 0 auto;
}
.p-cafemenu .menu-outer .ttl-area figure{
width: 53%;
position: relative;
top: -38px;
}
.p-cafemenu .menu-outer .ttl-area .menu-ttl{
width: 40%;
}
.p-cafemenu .menu-outer .menu-ttl .menu-about{
font-size: 1.3rem;
font-weight: bold;
background-color: #fff;
padding: 14px 20px;
line-height: 2;
margin-top: 40px;
}
.p-cafemenu .menu-outer .menu-wrap{
padding: 0 6% 30px;
}
.p-cafemenu .menu-outer .menu-box{
margin-bottom: 50px;
width: 88%;
padding: 0 20px;
}
.p-cafemenu .menu-outer .menu-list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.p-cafemenu .menu-outer .menu-list dl{
width: 43%;
display: flex;
justify-content: space-between;
padding: 12px 0;
}
.p-cafemenu .menu-outer .menu-list dl dt{
width: 80%;
}
.p-cafemenu .menu-outer .menu-list dl dd{
width: 20%;
}
.p-cafemenu .menu-outer .menu-midashi{
margin-bottom: 20px;
}
.p-cafemenu .menu-outer .menu-midashi span{
text-transform: uppercase;
}
.p-cafemenu .menu-outer .menu-note{
background-color: #fff;
font-size: 1.4rem;
font-weight: bold;
display: table;
padding: 10px;
margin-top: 20px;
}
.p-cafemenu iframe{
width: 100%;
}
@media screen and (max-width: 767px) {
.p-cafemenu .menu-area .news-box{
margin-top: 20px;
}
.p-cafemenu .menu-nav a {
width: 48%;
padding: 15px 5px;
}
.p-cafemenu .menu-outer .ttl-area {
display: block;
width: 100%;
top: -6px;
margin-bottom: 20px;
}
.p-cafemenu .menu-outer .ttl-area.reverse {
margin-bottom: 20px;
}
.p-cafemenu .menu-outer .ttl-area figure {
display: block;
width: 100%;
top: -20px;
margin-bottom: 0px;
}
.p-cafemenu .menu-outer .ttl-area .menu-ttl {
width: 100%;
}
.p-cafemenu .menu-outer .ttl-area .c-heading {
text-align: left;
}
.p-cafemenu .menu-outer .ttl-area .c-heading span {
margin-bottom: 0px; 
}
.p-cafemenu .menu-outer .menu-box {
margin-bottom: 30px;
width: 100%;
padding: 0 0px;
}
.p-cafemenu .menu-outer .menu-list {
display: block;
}
.p-cafemenu .menu-outer .menu-list dl {
width: 100%;
display: block;
padding: 10px 0;
}
.p-cafemenu .menu-outer .menu-list dl dt {
width: 100%;
}
.p-cafemenu .menu-outer .menu-list dl dd {
width: 100%;
}
.p-cafemenu .menu-outer .menu-midashi {
margin-bottom: 5px;
}
.p-cafemenu .menu-outer .menu-note {
font-size: 1.3rem;
margin-top: 10px;
}
.p-cafemenu .menu-outer .menu-ttl .menu-about {
margin-top: 8px;
}
.p-cafemenu .menu-outer {
margin-bottom: 3em;
}
.p-cafemenu .menu-nav {
margin: 40px 0 66px;
}
} .p-topics.t-list .topics-area{
padding: 0px 0 100px;
}
.p-topics .t-inner{
padding: 0 3%;
}
.topics-area .topics-cont h1{
text-align: center;
margin-bottom: 47px;
}
.topics-area ul.topics-list{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.topics-area ul.topics-list li{
width: 48%;
margin-bottom: 40px;
}
.topics-area ul.topics-list li a{
display: block;
width: 100%;
color:#4B4338 ;
}
.topics-area ul.topics-list li a figure{
margin-bottom: 15px;
position: relative;
overflow: hidden;
}
.topics-area ul.topics-list li a figure:after {
content: '';
display: block;
width: 100%;
padding-bottom: 100%;
}
.topics-area ul.topics-list li a figure img{
position: absolute;
top:0;
height: 0;
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.topics-area ul.topics-list li a .topics-info{
padding: 0 10px;
}
.p-topics .tag-list{
margin-top: 2em;
}
.p-topics .tag-list .tag-block {
margin-right: 1em;
display: inline-block;
margin-bottom: 1em;
background-color: #EFEDED;
padding: 0.6em 0.5em;
font-size: 1.3rem;
line-height: 1;
color: #000;
}
.p-topics .t-cat {
position: absolute;
left: 0;
bottom: -10px;
background: rgba(255,255,255,0.9);
padding: 10px 15px 10px 38px;
display: inline-block;
font-weight: bold;
font-size: 1.2rem;
margin-bottom: 10px;
}
.p-topics .t-cat::before {
content: '';
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/common/icon_mame.svg) no-repeat;
background-size: cover;
width: 19px;
height: 16px;
position: absolute;
left: 9px;
top: 50%;
transform: translate(-0%,-50%);
}
.p-topics .t-cat .t-cat-name{
margin-right: 1em;
}
.p-topics .t-cat .t-cat-name:last-child{
margin-right: 0;
}
.topics-area ul.topics-list li .topics-ttl{
font-weight: bold;
line-height: 2;
margin-bottom: 13px;
}
.p-topics .topics-date{
color: #85C2BA;
font-weight: bold;
display: inline-block;
}
select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.woocommerce-checkout select {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
}
select::-ms-expand{
display: none;
}
.p-topics .topics-select{
display: flex;
margin-top: 15px;
}
.p-topics .t-archive{
flex: 0 0 160px;
-webkit-flex: 0 0 160px;
position: relative;
z-index: 0;
border-bottom:1px solid #E9E2D2;
padding: 1px;
width: 100%;
max-width: 200px;
}
.p-topics .t-archive.mr{
margin-right: 20px;
}
.p-topics  .t-archive select {
font-weight: 400;
font-size: 1.4rem;
letter-spacing: 0.1em;
line-height: 1.95556;
width: 100%;
display: block;
border: none;
padding: 3px 20px 3px 5px;
position: relative;
background-color: #fff;
border-radius: 5px;
}
.p-topics .t-archive:after {
content: '';
border-top: 1px solid #E9E2D2;
border-right: 1px solid #E9E2D2;
width: 6px;
height: 6px;
transform: rotate(135deg) translate(-50%,-50%);
position: absolute;
top: 37%;
right: 20px;
} .p-topics.t-single .topics-area{
padding: 100px 0;
}
.p-topics .titlebox-wrap{
height: 425px;
width: 100%;
background-size: cover;
background-position: center;
position: relative;
}
.kiji-wrap h1{
font-weight: bold;
font-size: 2.4rem;
margin-bottom: 14px!important;
text-align: left!important;
}
.kiji-wrap .kiji-box {
padding: 45px 0% 0;
line-height: 2;
}
.kiji-wrap .kiji-box img{
height: auto;
}
.kiji-wrap .kiji-box p,
.kiji-wrap .kiji-box ol,
.kiji-wrap .kiji-box ul{
margin: 1.5em 0!important;
}
.kiji-wrap .kiji-box h2{
padding: 24px 37px;
border-bottom: 1px solid #85C2BA;
font-size: 2.2rem;
line-height: 1;
margin-bottom: 20px;
margin-top: 1.5em;
font-weight: bold;
position: relative;
}
.kiji-wrap .kiji-box h2::before{
content: '';
position: absolute;
left: 0;
bottom: -1px;
width: 142px;
height: 2px;
background-color: #85C2BA;
}
.kiji-wrap .kiji-box h3{
padding: 0 0 0 20px;
border-left: 1px solid #85C2BA;
font-size: 2rem;
line-height: 1.4;
display: inline-block;
margin-bottom: 0px;
margin-top: 1.5em;
font-weight: bold;
}
.kiji-wrap .kiji-box h4{
font-size: 1.8rem;
line-height: 1.4;
padding-left: 35px;
position: relative;
display: inline-block;
margin-bottom: 0px;
margin-top: 1.5em;
font-weight: bold;
}
.kiji-wrap .kiji-box h4::before{
content: '';
width: 25px;
height: 1px;
background-color:#85C2BA;
position: absolute;
top: 50%;
left: 0;
transform: translate(0,-50%);
}
.kiji-wrap .kiji-box h4::after{
content: '';
width: 25px;
height: 1px;
background-color: #85C2BA;
position: absolute;
top: 50%;
right: -37px;
transform: translate(0,-50%);
}
.kiji-wrap .kiji-box ol{
padding-left: 20px;
}
.kiji-wrap .kiji-box ol li{
list-style-type:decimal!important;
}
.kiji-wrap .kiji-box ul li{
list-style-type: disc!important;
}
.kiji-wrap .kiji-box ul.wc-block-grid__products li {
list-style-type: none!important;
}
.kiji-wrap .kiji-box ul{
padding-left: 20px;
}
.kiji-wrap .kiji-box a{
color: #000;
text-decoration: underline;
}
.p-topics .sns-share{
margin-top: 45px;
}
.wp-block-columns{
margin: 2em 0;
}
@media screen and (max-width: 767px) {
.p-topics .topics-select{
display: block;
}
.p-topics .t-archive.mr {
margin-right: 0px;
}
.p-topics .t-archive.mr {
margin-bottom: 10px;
}
.topics-area .topics-wrap{
display: block;
}
.p-topics.t-list .topics-area{
padding: 0px 0 50px;
}
.p-topics.t-single .topics-area {
padding: 70px 0 100px;
}
.topics-area ul.topics-list li .topics-ttl{
margin-bottom: 4px;
}
.kiji-wrap h1{
font-size: 2rem;
}
.kiji-wrap .kiji-box h2 {
padding: 15px 20px;
font-size: 1.8rem;
}
.kiji-wrap .kiji-box h3 {
padding: 0 0 0 15px;
font-size: 1.6rem;
}
.kiji-wrap .kiji-box h4 {
font-size: 1.4rem;
}
.kiji-wrap .kiji-box {
padding: 5px 0% 0;
line-height: 2;
}
} .p-sitemap section{
padding: 0px 0 100px;
}
.p-sitemap .sitemap-wrap{
width: 100%;
}
.p-sitemap .sitemap-wrap ul li a{
width: 100%;
border-bottom: 1px solid #E4E0DF;
padding: 20px 0 20px 65px;
display: block;
color: #000;
position: relative;
}
.p-sitemap .sitemap-wrap ul li a span{
color:#4B4338 ;
font-size: 2.4rem;
margin-right: 20px;
letter-spacing: 0.1em;
}
.p-sitemap .sitemap-wrap ul li a::before{
content: '';
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/common/icon_arrow.svg) no-repeat;
background-size: cover;
width: 20px;
height: 12px;
position: absolute;
top: 50%;
left: 0;
transform: translate(0,-50%);
}
.p-sitemap .sitemap-wrap ul li a:hover::before{
left: 10px;
}
.p-sitemap .sitemap-wrap ul li a.last{
padding: 28px 0 27px 65px;
}
@media screen and (max-width: 767px) {
.p-sitemap section {
padding: 0px 0 50px;
}
.p-sitemap .sitemap-wrap {
max-width: 100%;
width: 100%;
display: block;
}
.p-sitemap .sitemap-wrap ul {
width: 100%;
}
.p-sitemap .sitemap-wrap ul li a span {
font-size: 1.6rem;
margin-right: 0;
display: block;
letter-spacing: 0.1em;
}
.p-sitemap .sitemap-wrap ul li a {
width: 100%;
padding: 16px 0 16px 37px;
position: relative;
}
.p-sitemap .sitemap-wrap ul li a.last {
padding: 27px 0 27px 37px;
}
} .p-shopguide{
position: relative;
}
.p-shopguide .guide-nav{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 50px 0 130px;
padding: 0 10px;
}
.p-shopguide .guide-nav:after{
content: "";
width: 32%;
height: 0;
}
.p-shopguide .guide-nav a{
color: #000;
width: 32%;
border:1px solid #E4E0DF;
text-align: center;
font-size: 1.4rem;
padding: 13px 5px;
margin-bottom: 15px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.p-shopguide .guide-box{
margin-bottom: 80px;
}
.p-shopguide .guide-box .payment{
margin-top: 10px;
}
.p-shopguide .guide-box h2{
font-size: 1.6rem;
margin-bottom: 10px;
color: #4B4338;
font-weight: bold;
}
.p-shopguide .fee-table{
display: flex;
justify-content: space-between;
margin-top: 70px;
padding: 0 15px;
}
.p-shopguide .fee-table .fee-wrap{
width: 30%;
}
.p-shopguide .fee-table .color01{
color: #E28888;
}
.p-shopguide .fee-table .color02{
color:#E2B788 ;
}
.p-shopguide .fee-table .color03{
color:#DEE288 ;
}
.p-shopguide .fee-table .color04{
color: #A6E9D3;
}
.p-shopguide .fee-table .color05{
color:#ABE288 ;
}
.p-shopguide .fee-table .color06{
color: #88E292;
}
.p-shopguide .fee-table .color07{
color:#88D1E2 ;
}
.p-shopguide .fee-table .color08{
color: #9B88E2;
}
.p-shopguide .fee-table .color09{
color: #88A1E2;
}
.p-shopguide .fee-table .color10{
color: #C788E2;
}
.p-shopguide .fee-table .color11{
color: #E288D1;
}
.p-shopguide .fee-table .area-ttl{
font-weight: bold;
font-size: 1.6rem;
margin-bottom: 5px;
}
.p-shopguide .fee-table .fee-box{
margin-bottom: 25px;
}
.p-shopguide .fee-table .fee-box dl{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 7px 0;
}
.p-shopguide .fee-table .fee-box dl dt{
width: 30%;
}
.p-shopguide .fee-table .fee-box dl dt{
width: 30%;
}
@media screen and (max-width: 767px) {
.p-shopguide .guide-nav {
margin: 30px 0 50px;
padding: 0 10px;
}
.p-shopguide .guide-nav a {
color: #000;
width: 48%;
}
.p-shopguide .shopguide-wrap{
padding: 0 0 50px;
}
.p-shopguide .fee-table {
display: block;
margin-top: 30px;
padding: 0 0px;
}
.p-shopguide .fee-table .fee-wrap {
width: 100%;
}
.p-shopguide .fee-table .fee-box {
margin-bottom: 20px;
}
.p-shopguide .guide-box {
margin-bottom: 40px;
}
} .p-privacy section{
padding: 0 0 100px;
}
.p-privacy .top-message{
margin-bottom: 60px;
}
.p-privacy .p-box{
margin-bottom: 60px;
}
.p-privacy .p-box h2{
color: #4B4338;
font-weight: bold;
margin-bottom: 3px;
}
.p-privacy .p-box h2 .num{
font-size: 2.2rem;
}
.p-privacy .p-box h2 .txt{
font-size: 1.6rem;
}
.p-privacy .p-box .p-text a{
color: #000;
text-decoration: underline;
}
.p-privacy .p-box .p-text a:hover{
text-decoration: none;
} .p-transaction{
position: relative;
}
.p-transaction section{
padding: 0px 0 100px;
}
.p-transaction .t-box{
margin-bottom: 62px;
}
.p-transaction .t-box h2{
color: #4B4338;
font-weight: bold;
font-size: 1.6rem;
margin-bottom: 5px;
}
.p-transaction .t-box .btn{
margin-top: 19px;
}
@media screen and (max-width: 767px) {
.p-transaction .t-box{
margin-bottom: 40px;
}
.p-transaction .t-box .btn {
margin-top: 9px;
}
} .p-policy{
position: relative;
}
.p-policy section{
padding: 100px 0;
}
.p-policy .intro{
padding: 90px 50px 130px;
}
.p-policy .policy-wrap {
border-top: 1px solid #ABABAB;
}
.p-policy .policy-wrap dl{
padding: 45px 50px;
}
.p-policy .policy-wrap dl dd{
word-wrap: break-word;
}
.p-policy a{
color: #999;
}
@media screen and (max-width: 767px) {
.p-policy section {
padding: 50px 0;
}
.p-policy .policy-wrap {
border-top: none;
}
.p-policy .intro{
padding: 0px 20px 50px;
}
.p-policy .policy-wrap dl {
padding: 25px 20px;
}
} .p-wholesale .mv-bg{
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/wholesale/bg_mv.png) no-repeat;
height: 474px;
position: relative;
width: 100%;
background-size: cover;
background-position: center;
}
.p-wholesale .mv-bg .ttl{
width: 100%;
letter-spacing: 0.1em;
font-size: 4rem;
color: #fff;
position: absolute;
top: 50%;
text-align: center;
left: 50%;
transform: translate(-50%,-50%);
}
.p-wholesale .about-area{
padding: 100px 0 50px;
}
.p-wholesale .about-area p{
color: #4B4338;
}
.p-wholesale .about-area .c-heading{
margin-bottom: 50px;
}
.p-wholesale .point-ttl{
text-align: center;
font-weight: bold;
font-size: 2rem;
color: #4B4338;
letter-spacing: 0.2em;
margin-bottom: 28px;
}
.p-wholesale .point-ttl span{
display: block;
color: #85C2BA;
font-size: 2.2rem;
font-weight: bold;
letter-spacing: 0.2em;
margin-bottom: 10px;
}
.p-wholesale .image-box img{
display: block;
width: 100%;
}
.p-wholesale .point-box{
margin-bottom: 88px;
}
.p-wholesale .point-box .desc-box{
margin-top: 20px;
}
.p-wholesale .point-box .desc-box.lh{
line-height: 2;
}
.p-wholesale .img-btm-wrap{
display: flex;
justify-content: space-between;
margin-top: 15px;
}
.p-wholesale .img-btm-wrap .img{
width: 49.2%;
}
.p-wholesale .price-area .p-box{
border-bottom: 1px solid #E4E0DF;
padding: 20px 0;
}
.p-wholesale .price-area .p-box span{
font-size: 1.8rem;
}
.p-wholesale .price-area .detail-box{
margin-top: 30px;
}
.p-wholesale .intro-area{
padding: 100px 0;
}
.p-wholesale .intro-area .c-heading{
margin-bottom: 50px;
}
.p-wholesale .intro-list{
display: flex;
flex-wrap: wrap;
}
.p-wholesale .intro-list li{
width: 32%;
margin-right: 2%;
margin-bottom: 75px;
position: relative;
padding-bottom: 35px;
}
.p-wholesale .intro-list li .ttl-wave{
font-weight: normal;
margin: 0 0 27px;
font-size: 1.6rem;
}
.p-wholesale .intro-list li figure{
margin: 10px 0 0;
}
.p-wholesale .intro-list li figure img{
display: block;
height: auto;
width: 100%;
}
.p-wholesale .intro-list li:nth-child(3n){
margin-right: 0;
}
.p-wholesale .intro-list li .shop-desc{
font-size: 1.4rem;
}
.p-wholesale .intro-list li .btn{
margin: 0px auto 0;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 0px);
}
.p-wholesale .intro-list li .shop-desc{
margin: 20px 0 50px;
}
.p-wholesale .contact-area{
padding: 50px 0 100px;
}
.p-wholesale .contact-area .c-heading{
margin-bottom: 50px;
}
.p-wholesale .contact-area .mw_wp_form .horizontal-item + .horizontal-item {
margin-left: 0px;
}
.p-wholesale .contact-area .mwform-radio-field:first-child {
margin-right: 20px;
}
@media screen and (max-width: 767px) {
.p-wholesale .about-area{
padding: 50px 0 50px;
}
.p-wholesale .mv-bg{
margin-top: 60px;
height: 330px;
}
.p-wholesale .mv-bg .ttl {
font-size: 1.8rem;
}
.p-wholesale .about-area .c-heading {
margin-bottom: 30px;
}
.p-wholesale .about-area {
padding: 30px 0 20px;
}
.p-wholesale .point-ttl span {
font-size: 1.8rem;
margin-bottom: 0;
}
.p-wholesale .point-ttl {
font-size: 1.6rem;
}
.p-wholesale .point-box {
margin-bottom: 40px;
}
.p-wholesale .img-btm-wrap {
margin-top: 4px;
}
.p-wholesale .intro-list {
display: block;
}
.p-wholesale .intro-list li {
width: 100%;
margin-right: 2%;
}
.p-wholesale .intro-area {
padding: 50px 0 50px;
}
.p-wholesale .intro-area .c-heading{
margin-bottom: 30px;
}
.p-wholesale .contact-area .mwform-radio-field {
display: block;
}
.p-wholesale .contact-area .mwform-radio-field:first-child {
margin-right: 0;
margin-bottom: 10px;
}
} .p-contact{
position: relative;
padding: 0 0 200px;
}
.p-contact .intro{
line-height: 2;
padding-top: 90px;
}
.p-contact dl{
margin-bottom: 33px;
}
.p-contact dl dt{
margin-bottom: 12px;
}
.c-form .check-note{
text-align: center;
color: #85C2BA;
padding: 20px;
margin-top: 25px;
font-weight: bold;
border: 1px solid #85C2BA;
margin-bottom: 40px;
}
.p-contact .num-wrap{
display: flex;
justify-content: center;
align-items: baseline;
}
.p-contact .num-wrap .tel{
font-size: 3.2rem;
margin-right: 24px;
}
.p-contact .num-wrap .number{
font-size: 5.1rem;
line-height: 1.4;
}
.p-contact .phone-area .ttl{
text-align: center;
color: #4B4338;
font-weight: bold;
}
.p-contact .phone-area .note{
font-size: 1.4rem;
text-align: center;
}
.p-contact .phone-box{
max-width: 573px;
width: 100%;
margin: 0 auto 20px;
background-color: #F0E9D9;
padding: 20px 20px 10px;
pointer-events: none;
display: block;
color: #4B4338;
}
.c-form {
width: 83%;
margin: 60px 0 0;
}
.c-form .error{
color: #FF0000;
}
.c-form .require{
font-size: 1.4rem;
position: relative;
color: #000;
}
.c-btn-box{
margin: 45px 0 0;
position: relative;
max-width: 184px;
}
.c-btn-box .btn{
color: #fff;
background-color: #85C2BA;
position: relative;
text-align: center;
padding: 11px 0;
max-width: 184px;
width: 100%;
letter-spacing: 0.1em;
font-size: 1.6rem;
cursor: pointer;
font-weight: 300;
font-family: "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ ゴシック", sans-serif;
}
.c-btn-box .btn:hover{
opacity: 0.8;
}
.c-form input[type="submit"]:hover {
opacity: 0.6;
}
.c-form .c-form.form-check .note{
display: none;
}
.c-form input[type="radio"] {
display: none;
}
.c-form input[type="radio"] + span {
position: relative;
width: 100%;
padding-left: 30px;
}
.c-form input[type="radio"] + span:before, .c-form input[type="radio"] + span:after {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
content: '';
display: block;
border-radius: 50%;
}
.c-form input[type="radio"] + span:before {
width: 20px;
height: 20px;
left: 0;
background-color: #ffffff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.c-form input[type="radio"] + span:after {
width: 10px;
height: 10px;
left: 5px;
background-color: #000000;
z-index: 2;
opacity: 0;
}
.c-form input[type="radio"]:checked + span:after {
opacity: 1;
}
.p-contact .c-form input[type="radio"] + span:before {
background-color: #E4E0DF;
}
.p-contact .c-form input[type="radio"] + span:after {
background-color: #3C3228;
}
.p-contact .mwform-radio-field:first-child{
margin-right: 10%;
}
.p-contact .thanks p{
line-height: 2;
text-align: center;
}
.p-contact .thanks .btn{
margin: 40px auto 0;
}
.p-contact .thanks-ttl{
text-align: center;
font-size: 2rem;
margin-bottom: 30px;
color: #4B4338;
font-weight: bold;
}
.c-form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]), .c-form textarea, #wc4jp_delivery_time_zone, #wc-block-product-search-1 {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
padding: 0.7em;
background-color: #fff;
border: 1px solid #E4E0DF;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: 400;
font-size: 16px;
font-size: 1.6rem;
border-radius: 2px;
width: 100%;
font-family: "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ ゴシック", sans-serif!important;
}
.select-wrap{
position: relative;
}
.select-wrap::before{
content: '';
border-top: 1px solid #ACACAC;
border-right: 1px solid #ACACAC;
width: 6px;
height: 6px;
transform: rotate(135deg) translate(-50%,-50%);
position: absolute;
top: 37%;
right: 20px;
z-index: 1;
}
.c-form.check .select-wrap::before{
content: none;
}
.encore-generated-form {
width: 100%;
max-width: 760px;
margin: 30px 0 0;
}
.encore-generated-form p {
margin: 0 0 26px;
}
.encore-generated-form label {
display: block;
color: #3C3228;
font-size: 1.6rem;
font-weight: 500;
line-height: 1.9;
}
.encore-generated-form .required {
color: #8E2C2C;
margin-left: 0.3em;
}
.encore-generated-form .wpcf7-form-control-wrap {
display: block;
margin-top: 8px;
}
.encore-generated-form .wpcf7-radio,
.encore-generated-form .wpcf7-checkbox {
display: block;
margin-top: 8px;
}
.encore-generated-form .wpcf7-list-item {
display: block;
margin: 0 0 12px;
margin-left: 0;
}
.encore-generated-form .wpcf7-list-item:last-child {
margin-bottom: 0;
}
.encore-generated-form .wpcf7-radio .wpcf7-list-item label,
.encore-generated-form .wpcf7-checkbox .wpcf7-list-item label {
display: inline-flex;
align-items: flex-start;
gap: 0;
cursor: pointer;
color: #4B4338;
line-height: 1.7;
}
.encore-generated-form .wpcf7-radio .wpcf7-list-item-label,
.encore-generated-form .wpcf7-checkbox .wpcf7-list-item-label {
display: inline-block;
}
.encore-generated-form .wpcf7-radio .wpcf7-list-item-label {
width: 100%;
}
.encore-generated-form .wpcf7-checkbox .wpcf7-list-item-label {
position: relative;
padding-left: 30px;
}
.encore-generated-form .wpcf7-radio input[type="radio"] + .wpcf7-list-item-label:before {
background-color: #E4E0DF;
border: 1px solid #4B4338;
}
.encore-generated-form .wpcf7-radio input[type="radio"] + .wpcf7-list-item-label:after {
background-color: #3C3228;
}
.encore-generated-form input[type="checkbox"] {
position: absolute;
opacity: 0;
pointer-events: none;
}
.encore-generated-form .wpcf7-checkbox input[type="checkbox"] + .wpcf7-list-item-label:before,
.encore-generated-form .wpcf7-checkbox input[type="checkbox"] + .wpcf7-list-item-label:after {
position: absolute;
content: '';
display: block;
}
.encore-generated-form .wpcf7-checkbox input[type="checkbox"] + .wpcf7-list-item-label:before {
top: 0.18em;
left: 0;
width: 18px;
height: 18px;
background-color: #E4E0DF;
border: 1px solid #4B4338;
box-sizing: border-box;
}
.encore-generated-form .wpcf7-checkbox input[type="checkbox"] + .wpcf7-list-item-label:after {
top: 0.38em;
left: 6px;
width: 5px;
height: 9px;
border-right: 2px solid #3C3228;
border-bottom: 2px solid #3C3228;
transform: rotate(45deg);
opacity: 0;
}
.encore-generated-form .wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label:after {
opacity: 1;
}
.encore-generated-form input[type="checkbox"]:focus,
.encore-generated-form input[type="checkbox"]:active,
.encore-generated-form input[type="checkbox"]:focus-visible,
.encore-generated-form input[type="checkbox"]:checked {
outline: none;
box-shadow: none;
}
.encore-generated-form select {
width: 100%;
padding: 0.7em 2.4em 0.7em 0.7em;
border: 1px solid #E4E0DF;
background-color: #fff;
border-radius: 2px;
font-size: 1.6rem;
color: #3C3228;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.encore-generated-form .c-btn-box {
margin-top: 36px;
}
.encore-generated-form .c-btn-box p {
margin: 0;
}
.encore-generated-form .btn.wpcf7-submit {
-webkit-appearance: none;
appearance: none;
border: none;
border-radius: 0;
}
.wpcf7 .encore-generated-form + .wpcf7-response-output,
.wpcf7 form .wpcf7-response-output {
margin: 28px 0 0;
padding: 16px 18px !important;
border: none !important;
border-radius: 6px !important;
background: #f6efe7 !important;
color: #5b4637 !important;
box-shadow: none !important;
line-height: 1.8;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
background: #f8ece6 !important;
color: #7a4432 !important;
}
.wpcf7 form.sent .wpcf7-response-output {
background: #edf5ef !important;
color: #3f6147 !important;
}
.encore-generated-form .wpcf7-spinner {
display: block;
margin: 12px 0 0;
}
@media screen and (max-width: 767px) {
.p-contact {
padding: 0px 0 100px;
}
.p-contact .phone-box{
pointer-events: auto;
}
.p-contact .num-wrap {
display: block;
text-align: center;
}
.p-contact .intro {
padding-top: 50px;
}
.c-form table {
margin-top: 20px;
}
.p-contact .num-wrap .tel {
font-size: 1.8rem;
margin-right: 0;
}
.p-contact .num-wrap .number {
font-size: 2.5rem;
line-height: 1.4;
}
.c-form {
width: 100%;
margin: 30px 0 0;
}
.c-form input[type="email"],
.c-form input[type="text"] {
width: 100%;
}
.c-form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]), .c-form textarea {
width: 100%;
}
.encore-generated-form {
margin-top: 20px;
}
.encore-generated-form p {
margin-bottom: 20px;
}
} .ui-datepicker table{
font-size: 11px!important;
}
.p-reserve .reserve-top{
padding: 0 0 100px;
}
.p-reserve .reserve-top .ttl{
font-size: 2rem;
font-weight: bold;
margin-bottom: 30px;
}
.p-reserve .oshirase-box{
padding: 20px 20px;
position: relative;
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/footer/bg_footer.png) no-repeat;
background-size: cover;
margin-top: 40px;
margin-bottom: 50px;
}
.p-reserve .oshirase-box .ttl-wave{
margin-bottom: 20px;
} 
.p-reserve .uketori-box{
margin: 70px 0 40px;
}
.p-reserve .uketori-box .uketori-ttl{
font-size: 1.6rem;
font-weight: bold;
margin-bottom: 30px;
}
.p-reserve .uketori-box .u-box{
margin-bottom: 40px;
}
.p-reserve .uketori-box .u-box-ttl{
position: relative;
padding: 7px 0;
padding-left: 40px;
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/common/bg_wave_br.svg) repeat-x;
background-position: left bottom;
display: table;
margin-bottom: 18px;
}
.p-reserve .uketori-box .u-box-ttl::before{
content: '';
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/common/bg_bean.svg) no-repeat;
background-size: cover;
width: 19px;
height: 16px;
position: absolute;
left: 9px;
top: 50%;
transform: translate(-0%,-50%);
}
.p-reserve .link-btn{
display: flex;
justify-content: space-around;
}
.p-reserve .link-btn a{
width: 48%;
text-align: center;
color:#fff;
padding: 58px 0;
display: block;
}
.p-reserve .link-btn a .ttl{
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/common/bg_wave_w.svg) repeat-x;
background-position: center bottom;
display: table;
margin: 0 auto;
padding-bottom: 16px;
font-size: 2rem;
font-weight: 500;
}
.p-reserve .link-btn a .btn{
margin: 38px auto 0;
}
.p-reserve .link-btn .link01{
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/reserve/bg_link01.png) no-repeat;
background-size: cover;
}
.p-reserve .link-btn .link02{
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/reserve/bg_link02.png) no-repeat;
background-size: cover;
}
.p-reserve #form-wrap{
padding-top: 60px;
}
.p-reserve .form-area dl:first-child{
border-top: 1px solid #FAEDDD;
}
.p-reserve .form-area dl{
display: flex;
border-bottom: 1px solid #FAEDDD;
}
.p-reserve .form-area dl dt{
width: 40%;
background-color: #FAEDDD;
padding: 15px 15px;
}
.p-reserve .form-area dl dd{
width: 60%;
padding: 15px 15px;
border-right: 1px solid #FAEDDD;
}
.p-reserve .form-area .c-form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]) {
background-color: #E4E0DF;
border: 1px solid #E4E0DF;
border-radius: 2px;
width: 77%;
letter-spacing: 0.1em;
font-size: 1.4rem!important;
}
.p-reserve .form-area .c-form .select-wrap {
position: relative;
width: 77%;
}
.p-reserve .form-area .c-form select{
width: 100%;
padding: 12px 10px;
background-color: #E4E0DF;
border: 1px solid #E4E0DF;
font-size: 1.4rem!important;
}
.p-reserve .form-area .c-form .select-wrap:after {
content: '';
border-top: 1px solid #ACACAC;
border-right: 1px solid #ACACAC;
width: 6px;
height: 6px;
transform: rotate(135deg) translate(-50%,-50%);
position: absolute;
top: 37%;
right: 20px;
}
.p-reserve .form-area .c-form textarea{
height: 188px;
}
.p-reserve .form-area{
padding: 0 0 100px;
}
.p-reserve .form-area .caution{
margin-top: 70px;
}
.p-reserve .form-area .c-form input[type="radio"] + span:before{
border: 1px solid #4B4338;
}
.p-reserve .form-area .c-form .date-input {
width: 77%;
position: relative;
display: block;
}
.p-reserve .form-area .c-form .date-input input{
width: 100%!important;
}
.p-reserve .form-area .c-form .date-input::before {
position: absolute;
content: "";
top: 2px;
right: 3px;
width: 32px;
height: 32px;
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/common/icon_calendar.svg) no-repeat;
background-repeat: no-repeat;
background-position: center;
pointer-events: none;
}
.p-reserve .form-area .c-form.check .date-input::before{
content: none;
}
.p-reserve .form-area .c-form.check .select-wrap:after {
content: none;
}
.p-reserve .form-area .c-btn-box {
margin: 20px 0 0;
}
.p-reserve .thanks{
text-align: center;
}
.p-reserve .thanks-ttl{
text-align: center;
font-size: 2rem;
margin-bottom: 20px;
font-weight: bold;
}
.p-reserve .btn{
margin: 40px auto 0;
}
@media screen and (max-width: 767px) {
.p-reserve .reserve-top .ttl {
font-size: 1.8rem;
margin-bottom: 20px;
}
.p-reserve .link-btn{
display: block;
}
.p-reserve .link-btn a{
width: 100%;
padding: 44px 0;
}
.p-reserve .uketori-box .uketori-ttl {
margin-bottom: 20px;
}
.p-reserve .link-btn .link01{
margin-bottom: 20px;
}
.p-reserve .uketori-box .u-box {
margin-bottom: 20px;
}
.p-reserve .reserve-top {
padding: 0 0 40px;
}
.p-reserve .form-area dl {
display: block;
}
.p-reserve .form-area dl dt {
width: 100%;
padding: 15px 15px;
}
.p-reserve .form-area dl dd {
width: 100%;
padding: 15px 15px;
border-left: 1px solid #FAEDDD;
}
.p-reserve .form-area .c-form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]), .c-form textarea {
width: 100%;
}
.p-reserve .form-area .c-form .date-input {
width: 100%;
}
.p-reserve .form-area .c-form .select-wrap {
position: relative;
width: 100%;
}
.p-reserve .form-area .caution {
margin-top: 30px;
}
.p-reserve .link-btn a .ttl {
padding-bottom: 10px;
font-size: 1.8rem;
}
} .p-error p{
line-height: 2;
}
.p-error .btn{
margin: 30px 0 0;
}
.p-error .error-wrap{
padding: 0px 0 150px;
} .prod-pgttl{
background:url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/product/bg_product.png) no-repeat ;
background-size: cover;
background-position: center;
height: 474px;
position: relative;
}
.tax-product_cat .prod-pgttl{
margin-bottom: 6em;
}
.tax-product_cat .term-description{
display: none;
}
.post-type-archive .topnews-area {
padding: 3em 0 7em;
}
.post-type-archive .topnews-area .news-wrap {
margin-top: 1em;
}
.prod-pgttl .ttl-wrap{
position: absolute;
left: 0;
bottom: 0;
}
.prod-pgttl .ttl-wrap .p-parent-cat {
position: relative;
background: rgba(255,255,255,0.9);
padding: 10px 15px 10px 38px;
display: inline-block;
font-weight: bold;
font-size: 1.8rem;
margin-bottom: 10px;
}
.prod-pgttl .ttl-wrap .p-parent-cat::before {
content: '';
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/common/icon_mame.svg) no-repeat;
background-size: cover;
width: 19px;
height: 16px;
position: absolute;
left: 9px;
top: 50%;
transform: translate(-0%,-50%);
}
.prod-pgttl .ttl-wrap .p-child-cat {
position: relative;
background: rgba(255,255,255,0.9);
padding: 10px 15px 10px 15px;
display: table;
font-weight: bold;
font-size: 1.8rem;
margin-bottom: 10px;
line-height: 1.8;
}
.side-box .category-ttl {
padding: 10px 0;
}
.side-box .category-ttl span{
font-size: 2rem;
}
.side-box ul {
border-top: 1px solid #E9E2D2;
}
.cat-box .cat-list{
border-top: 1px solid #E9E2D2;
}
.side-box ul.child-cat,
.side-box ul.grandchild-cat,
.cat-box .cat-list ul.child-cat,
.cat-box .cat-list ul.grandchild-cat,
.side-box .sidebar-category-children{
border-top: none;
}
.side-box .sidebar-category-level-1{
position: relative;
padding-left: 44px;
}
.cat-box .cat-list ul.child-cat li > a{
position: relative;
padding-left: 44px;
}
.side-box .sidebar-category-level-2{
padding-left: 44px;
}
.cat-box .cat-list ul.grandchild-cat li > a{
padding-left: 44px;
}
.side-box .sidebar-category-level-3{
padding-left: 66px;
}
.side-box .sidebar-category-level-1::before{
content: '';
position: absolute;
left: 20px;
width: 5px;
height: 5px;
border-top: 1px solid #E9E2D2;
border-right: 1px solid #E9E2D2;
-webkit-transform: rotate(45deg) translate(-50%,0);
transform: rotate(45deg) translate(-50%,0);
top: 50%;
}
.cat-box .cat-list ul.child-cat li > a::before{
content: '';
position: absolute;
left: 20px;
width: 5px;
height: 5px;
border-top: 1px solid #E9E2D2;
border-right: 1px solid #E9E2D2;
-webkit-transform: rotate(45deg) translate(-50%,0);
transform: rotate(45deg) translate(-50%,0);
top: 50%;
}
.side-box .sidebar-category-level-2::before{
content: '';
position: absolute;
left: 20px;
width: 5px;
height: 5px;
border-top: 1px solid #E9E2D2;
border-right: 1px solid #E9E2D2;
-webkit-transform: rotate(45deg) translate(-50%,0);
transform: rotate(45deg) translate(-50%,0);
top: 50%;
}
.cat-box .cat-list ul.grandchild-cat li > a::before{
content: '';
position: absolute;
left: 20px;
width: 5px;
height: 5px;
border-top: 1px solid #E9E2D2;
border-right: 1px solid #E9E2D2;
-webkit-transform: rotate(45deg) translate(-50%,0);
transform: rotate(45deg) translate(-50%,0);
top: 50%;
}
.side-box .sidebar-category-level-3::before {
content: '';
position: absolute;
left: 50px;
}
.side-box .sidebar-category-link,
.side-box .sidebar-category-label{
color: #000;
padding: 15px 20px;
display: block;
border-bottom: 1px solid #E9E2D2;
position: relative;
}
.side-box .sidebar-accordion-toggle{
width: 100%;
text-align: left;
border: 0;
cursor: pointer;
font: inherit;
outline: none;
box-shadow: none;
-webkit-tap-highlight-color: transparent;
}
.side-box .sidebar-accordion-toggle .sidebar-category-text{
display: block;
padding-right: 28px;
}
.side-box .sidebar-accordion-toggle:focus,
.side-box .sidebar-accordion-toggle:active,
.side-box .sidebar-accordion-toggle:focus-visible{
outline: none;
box-shadow: none;
}
.side-box .sidebar-category-item.is-accordion > .sidebar-category-children{
display: none;
}
.side-box .sidebar-category-item.is-accordion > .sidebar-category-node::before{
content: '';
position: absolute;
top: 50%;
right: 22px;
width: 8px;
height: 8px;
border-right: 1px solid #4B4338;
border-bottom: 1px solid #4B4338;
transition: transform 0.2s ease;
transform: translateY(-70%) rotate(45deg);
}
.side-box .sidebar-category-item.is-accordion > .sidebar-category-node::after{
display: none;
}
.side-box .sidebar-category-item.is-accordion.open > .sidebar-category-node::before{
transform: translateY(-30%) rotate(-135deg);
}
.cat-box .cat-list li > a{
color: #000;
padding: 15px 20px;
display: block;
border-bottom: 1px solid #E9E2D2;
position: relative;
}
.side-box .sidebar-category-level-0,
.side-box .sidebar-category-item-depth-0 > .sidebar-category-node,
.side-box .sidebar-category-item-depth-0 > .category-parent-link,
.side-box .sidebar-category-item-depth-0 > .category-parent-label{
color: #4B4338;
background-color: #F5F1E9;
font-weight: bold;
}
.cat-box .cat-list > li > a,
.cat-box .cat-list > li > .sidebar-category-node{
color: #4B4338;
background-color: #F5F1E9;
font-weight: bold;
}
.cat-box .cat-list > li > .sidebar-category-node{
padding: 15px 20px;
display: block;
width: 100%;
border-bottom: 1px solid #E9E2D2;
position: relative;
text-align: left;
}
.side-box ul .country .acc-parent{
border-bottom: 1px solid #E9E2D2;
position: relative;
}
.side-box ul .country .acc-parent:before, 
.side-box ul .country .acc-parent:after {
position: absolute;
content: "";
display: block;
transition: all 0.4s;
background: #000;
right: 5px;
top: 50%;
width: 5%;
height: 2px;
transform: translate(-50%, -50%);
}
.side-box ul .country .acc-parent.open:before {
transform: translate(-50%, -50%) rotate(135deg);
}
.side-box ul .country .acc-parent.open:after {
transform: translate(-50%, -50%) rotate(45deg);
}
.side-box ul .country .acc-parent:before {
transform: translate(-50%, -50%) rotate(90deg);
}
.side-box ul .country .acc-parent a{
border-bottom: none;
display: inline-block;
}
.side-box ul .country .grandchild-cat{
display: none;
}
.product-area .product-wrap{
display: flex;
flex-flow: row-reverse;
justify-content: space-between;
padding: 40px 0 0;
margin-top: 30px;
}
.right-sidebar .content-area{
float: right!important;
margin-right: 0!important;
}
main.site-main{
padding-left: 0;
}
.side-bar{
width: 19%;
float: left;
}
.product-area .product-wrap .prod-cont{
width: 75%;
padding: 0 42px 90px;
}
.product-area .product-wrap .prod-cont .c-heading{
margin-bottom: 28px;
}
.product-area .product-wrap .prod-banner{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.product-area .product-wrap .prod-box{
padding: 41px 0;
position: relative;
}
.product-area .product-wrap .prod-box h2{
margin-bottom: 15px;
}
.product-area .product-wrap .prod-box:last-of-type:before{
content: none;
}
.woocommerce-loop-product__title{
font-size: 1.4rem!important;
margin-top: 20px;
}
@media screen and (max-width: 820px) {
.side-bar {
width: 26%;
}
.right-sidebar .content-area {
width: 70.913043%!important;
}
.side-box .sidebar-category-level-2 {
padding-left: 44px;
}
.side-box .sidebar-category-level-2::before {
left: 20px;
}
}
@media screen and (max-width: 767px) {
.post-type-archive .topnews-area {
padding: 0 0 3em;
}
.post-type-archive .topnews-area .news-wrap {
margin-top: 0.5em;
}
.prod-pgttl {
height: 315px;
margin-bottom: 40px;
margin-top: 60px;
}
.prod-pgttl .ttl-wrap .p-child-cat,
.prod-pgttl .ttl-wrap .p-parent-cat {
font-size: 1.6rem;
}
.post-type-archive-product .content-area {
width: 100%!important;
}
.product-page-mv {
height: 223px;
margin: 60px 0 50px;
}
.product-area .product-wrap{
display: block;
padding: 30px 0 50px;
}
.product-area .product-wrap .prod-cont {
width: 100%;
padding: 0 0 20px;
}
.side-bar { width: 100%;
}
.post-type-archive-product .side-bar,
.tax-product_cat .side-bar,
.tax-product_tag .side-bar{
display: none;
}
.side-box .side-ttl{
font-size: 1.4rem;
}
.shop-mobile-filter{
margin-bottom: 26px;
}
.shop-mobile-filter-bar{
padding: 0 3%;
}
.shop-mobile-filter-trigger{
display: block;
max-width: 400px;
width: 100%;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
appearance: none;
-webkit-appearance: none;
background: #fff;
color: #4B4338;
border: 2px solid #4B4338;
text-align: center;
min-height: 52px;
padding: 12px 0;
position: relative;
font: inherit;
font-size: 1.4rem;
font-weight: bold;
letter-spacing: 0.08em;
line-height: 1.4;
}
.shop-mobile-filter-trigger::before,
.shop-mobile-filter-trigger::after{
content: none;
display: none;
}
.shop-mobile-filter-trigger:focus,
.shop-mobile-filter-trigger:active,
.shop-mobile-filter-trigger:focus-visible{
outline: none;
box-shadow: none;
}
.shop-mobile-filter-trigger .cat-open{
display: block;
}
.shop-mobile-filter.is-open .shop-mobile-filter-trigger .cat-open{
display: none;
}
.shop-mobile-filter.is-open .shop-mobile-filter-trigger .cat-close{
display: block;
}
.shop-mobile-filter-trigger .cat-close{
display: none;
}
.shop-mobile-filter-trigger .icon{
position: absolute;
inset: 0;
}
.shop-mobile-filter-trigger .icon:before,
.shop-mobile-filter-trigger .icon:after{
right: 14px;
width: 14px;
height: 1px;
background: #4B4338;
}
.shop-mobile-filter-trigger .icon:before{
transform: translateY(-50%) rotate(90deg);
}
.shop-mobile-filter-trigger .icon:after{
transform: translateY(-50%);
}
.shop-mobile-filter.is-open .shop-mobile-filter-trigger .icon:before{
transform: translateY(-50%) rotate(135deg);
}
.shop-mobile-filter.is-open .shop-mobile-filter-trigger .icon:after{
transform: translateY(-50%) rotate(45deg);
}
.shop-mobile-filter-sheet{
position: fixed;
inset: 0;
z-index: 120;
visibility: hidden;
pointer-events: none;
}
.shop-mobile-filter-sheet.is-open{
visibility: visible;
pointer-events: auto;
}
.shop-mobile-filter-sheet__backdrop{
position: absolute;
inset: 0;
border: 0;
background: rgba(75, 67, 56, 0.34);
opacity: 0;
transition: opacity 0.4s ease;
}
.shop-mobile-filter-sheet__panel{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-radius: 22px 22px 0 0;
background: #fff;
box-shadow: 0 -18px 40px rgba(75, 67, 56, 0.16);
transform: translateY(100%);
transition: transform 0.5s ease;
overflow: hidden;
display: flex;
flex-direction: column;
}
.shop-mobile-filter-sheet.is-open .shop-mobile-filter-sheet__backdrop{
opacity: 1;
}
.shop-mobile-filter-sheet.is-open .shop-mobile-filter-sheet__panel{
transform: translateY(0);
}
.shop-mobile-filter-sheet__head{
position: sticky;
top: 0;
z-index: 3;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: calc(env(safe-area-inset-top) + 16px) 18px 14px;
border-bottom: 0;
background: #fff;
}
.shop-mobile-filter-sheet__title{
color: #4B4338;
font-size: 1.5rem;
font-weight: bold;
letter-spacing: 0.08em;
}
.shop-mobile-filter-sheet__title .en{
display: none;
}
.shop-mobile-filter-sheet__close{
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.45em;
min-width: 90px;
min-height: 38px;
padding: 0 18px;
border: 1px solid #D6CCBD;
border-radius: 6px;
background: #fff;
color: #4B4338;
font-size: 1.2rem;
font-weight: bold;
flex-shrink: 0;
}
.shop-mobile-filter-sheet__close > span[aria-hidden="true"]{
font-size: 1.5rem;
line-height: 1;
}
.shop-mobile-filter-sheet__body{
flex: 1 1 auto;
min-height: 0;
padding: 16px 14px calc(110px + env(safe-area-inset-bottom));
background: #fff;
overflow-y: auto;
}
.shop-mobile-filter-sheet .side-box{
margin-top: 0;
}
.shop-mobile-filter-sheet .side-box + .side-box{
margin-top: 14px;
}
.shop-mobile-filter-sheet .mobile-category-box{
border: 0;
background: #fff;
}
.shop-mobile-filter-sheet .mobile-category-box .category-ttl{
padding: 8px 16px;
border-bottom: 0;
background: transparent !important;
background-color: transparent !important;
font-size: 1.2rem;
}
.shop-mobile-filter-sheet .shop-mobile-category-list{
display: block;
}
.shop-mobile-filter-sheet .shop-mobile-category-list > li > a,
.shop-mobile-filter-sheet .shop-mobile-category-list > li > .sidebar-category-node{
font-size: 1.3rem;
line-height: 1.45;
}
.shop-mobile-filter-sheet .shop-mobile-category-list > li > .sidebar-accordion-toggle.sidebar-category-level-0{
appearance: none;
-webkit-appearance: none;
min-height: 48px;
padding: 12px 16px;
border-bottom: 1px solid #E9E2D2 !important;
background-color: transparent;
}
.shop-mobile-filter-sheet .shop-mobile-category-list > li > .sidebar-category-level-0,
.shop-mobile-filter-sheet .shop-mobile-category-list > li > .category-parent-link,
.shop-mobile-filter-sheet .shop-mobile-category-list > li > .category-parent-label{
background-color: transparent;
}
.shop-mobile-filter-sheet .shop-mobile-category-list .is-empty{
color: #B6AEA3;
}
.shop-mobile-filter-sheet .shop-mobile-category-list > li.is-empty > .sidebar-category-node::before{
display: none;
}
.shop-mobile-filter-sheet .shop-mobile-category-list .child-cat li > a,
.shop-mobile-filter-sheet .shop-mobile-category-list .grandchild-cat li > a{
font-size: 1.2rem;
line-height: 1.4;
}
.shop-mobile-filter-sheet .shop-mobile-category-list .child-cat li > .sidebar-category-level-1{
padding-top: 11px;
padding-bottom: 11px;
padding-left: 40px;
}
.shop-mobile-filter-sheet .shop-mobile-category-list .grandchild-cat li > .sidebar-category-level-2{
padding-top: 10px;
padding-bottom: 10px;
padding-left: 40px;
}
.shop-mobile-filter-sheet .shop-mobile-category-list .child-cat li > .sidebar-category-level-1::before{
left: 18px;
}
.shop-mobile-filter-sheet .shop-mobile-category-list .grandchild-cat li > .sidebar-category-level-2::before{
left: 18px;
}
.cat-box{
margin-bottom: 35px;
}
.cat-box-acc{
border: 1px solid #4B4338;
text-align: center;
max-width: 143px;
width: 100%;
margin-bottom: 21px;
padding: 9px 0;
position: relative;
}
.cat-box .cat-list{
display: none;
}
.cat-box .cat-list > li > a,
.cat-box .cat-list > li > .sidebar-category-node{
font-size: 1.4rem;
line-height: 1.5;
}
.cat-box .cat-list > li > .sidebar-accordion-toggle.sidebar-category-level-0{
appearance: none;
-webkit-appearance: none;
min-height: 57px;
padding: 15px 20px;
border-bottom: 1px solid #E9E2D2 !important;
background-color: #F5F1E9;
}
.cat-box .cat-list .child-cat li > a,
.cat-box .cat-list .grandchild-cat li > a{
font-size: 1.3rem;
line-height: 1.5;
}
.cat-box-acc .cat-open{
display: block;
}
.cat-box-acc .cat-close{
display: none;
} 
.cat-box-acc.open .cat-open{
display: none;
}
.cat-box-acc.open .cat-close{
display: block;
}
.right-sidebar .content-area{
float: none!important;
margin-right: 0!important;
width: 100%!important;
}
.shop-filter-form {
padding: 16px 14px 14px;
}
.shop-mobile-filter-sheet .shop-filter-form{
padding: 0;
}
.shop-mobile-filter-sheet .side-box.filter-box{
border: 1px solid #E9E2D2;
background: #fff;
}
.shop-mobile-filter-sheet .side-box.filter-box .category-ttl{
padding: 8px 16px;
margin-bottom: 2px;
border-bottom: 0;
background: transparent !important;
background-color: transparent !important;
font-size: 1.2rem;
}
.shop-filter-section + .shop-filter-section {
margin-top: 14px;
padding-top: 14px;
}
.shop-mobile-filter-sheet .shop-filter-active-chips{
padding: 12px 14px 0;
margin-bottom: 14px;
}
.shop-mobile-filter-sheet .shop-filter-section{
padding-right: 14px;
padding-left: 14px;
}
.shop-mobile-filter-sheet .shop-filter-section:first-of-type{
padding-top: 8px;
padding-bottom: 6px;
}
.shop-mobile-filter-sheet .filter-range-heading{
margin-bottom: 12px;
}
.shop-mobile-filter-sheet .filter-range-slider-wrap{
margin-top: 8px;
}
.shop-mobile-filter-sheet .filter-range-ends,
.shop-mobile-filter-sheet .filter-range-scale{
margin-top: 8px;
}
.shop-filter-section .filter-range-group + .filter-range-group {
margin-top: 22px;
padding-top: 14px;
}
.filter-block-heading,
.filter-label {
font-size: 1.2rem;
}
.filter-checkbox {
font-size: 1.1rem;
gap: 6px;
line-height: 1.4;
}
.filter-subgroup + .filter-subgroup {
margin-top: 12px;
padding-top: 12px;
}
.shop-mobile-filter-sheet .shop-filter-chip,
.shop-mobile-filter-sheet .shop-filter-clear-all {
min-height: 30px;
padding: 0.4em 0.75em;
font-size: 1.1rem;
line-height: 1.25;
}
.shop-mobile-filter-sheet .shop-filter-actions{
position: fixed;
left: 0;
right: 0;
bottom: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
padding: 14px 14px calc(14px + env(safe-area-inset-bottom));
margin-top: 0;
border-top: 0;
background: rgba(255, 255, 255, 0.98);
backdrop-filter: blur(8px);
z-index: 4;
}
.shop-mobile-filter-sheet .shop-filter-submit,
.shop-mobile-filter-sheet .shop-filter-reset{
min-height: 42px;
font-size: 1.3rem;
font-weight: bold;
letter-spacing: 0.1em;
border-radius: 10px;
padding: 10px 12px;
}
.shop-mobile-filter-sheet .shop-filter-submit{
box-shadow: none;
}
.shop-loop-summary {
margin: 0 0 1.2em;
padding: 0.9em 1em;
}
.shop-loop-summary__row {
display: block;
}
.shop-loop-summary__row + .shop-loop-summary__row {
margin-top: 0.6em;
}
.shop-loop-summary__label {
display: block;
margin-bottom: 0.15em;
}
.shop-empty-state {
padding: 16px 14px;
}
.shop-empty-state__message {
font-size: 1.2rem;
line-height: 1.7;
}
.shop-empty-state__actions {
grid-template-columns: 1fr;
margin-top: 14px;
}
.shop-empty-state__action {
min-height: 42px;
font-size: 1.2rem;
}
.side-box .sidebar-category-level-0{
padding: 15px 20px;
}
.side-box .sidebar-category-level-1{
padding: 9px 20px 9px 44px;
}
.side-box .sidebar-category-level-2{
padding: 9px 20px 9px 42px;
}
.side-box .sidebar-category-level-3{
padding: 9px 20px 9px 54px;
}
} .mv-dist-bg{
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/distribution/bg_distribution.png) no-repeat;
height: 474px;
position: relative;
width: 100%;
background-size: cover;
background-position: center;
}
.mv-dist-bg .ttl{
width: 100%;
letter-spacing: 0.1em;
font-size: 4rem;
color: #fff;
position: absolute;
top: 50%;
text-align: center;
left: 50%;
transform: translate(-50%,-50%);
}
.about-dist{
padding: 100px 0 150px;
}
.about-dist .ttl-wave{
margin-bottom: 100px;
}
.about-dist .point-ttl{
text-align: center;
font-weight: bold;
font-size: 2rem;
color: #4B4338;
letter-spacing: 0.2em;
margin-bottom: 28px;
}
.about-dist .point-ttl.brown{
color: #956625;
}
.about-dist .point-ttl span{
display: block;
color: #85C2BA;
font-size: 2.2rem;
font-weight: bold;
letter-spacing: 0.2em;
margin-bottom: 10px;
}
.about-dist .image-box img{
display: block;
width: 100%;
}
.about-dist .point-box{
margin-bottom: 88px;
}
.about-dist .point-box.nomb{
margin-bottom: 30px;
}
.about-dist .modal-link{
color: #4B4338;
text-decoration: underline;
}
.about-dist .modal-link:hover{
text-decoration: none;
}
.about-dist .point-box .desc-box{
margin-top: 20px;
}
.about-dist .point-box .desc-box.lh{
line-height: 2;
}
.about-dist .img-btm-wrap{
display: flex;
justify-content: space-between;
margin-top: 15px;
}
.about-dist .img-btm-wrap .img{
width: 49.2%;
}
.about-point .ttl-wave{
margin-bottom: 65px;
}
.about-point .desc-box{
margin-bottom: 40px;
}
.about-point .desc-box .text{
line-height: 2;
}
.about-point .desc-box.mt20{
margin-top: 55px;
}
.about-point .desc-box a{
color: #85C2BA;
text-decoration: underline;
}
.about-point .desc-box a:hover{
text-decoration: none;
}
.about-point .desc-box .payment{
margin-top: 10px;
}
.about-point .desc-box .ttl{
font-size: 1.6rem;
margin-bottom: 10px;
color: #4B4338;
font-weight: bold;
}
.about-point .renraku-box dl{
display: flex;
margin-bottom: 10px;
}
.about-point .renraku-box dl dt{
width: 23%;
font-size: 1.8rem;
}
.about-point .renraku-box dl dd{
width: 75%;
margin-bottom: 0;
}
.about-point .renraku-box dl dd.en{
font-size: 1.8rem;
}
.about-point .renraku-box .link-area a:first-child {
margin-right: 20px;
}
.about-point .renraku-box .link-area a {
color: #4B4338;
text-decoration: underline;
}
.about-point .renraku-box .link-area{
margin-top: 40px;
}
.about-point .renraku-ttl{
font-size: 1.6rem;
margin-bottom: 20px;
font-weight: bold;
}
.about-point .gram-about{
margin-top: 33px;
line-height: 2;
}
.about-point .gram-ttl{
font-weight: bold;
color: #4B4338;
margin-bottom: 5px;
}
.about-point .gram-table {
max-width: 415px;
width: 100%;
border: 1px solid #BED5D0;
}
.about-point .gram-table dl{
display: flex;
}
.about-point .gram-table dl dt{
width: 50%;
background-color: #BED5D0;
padding: 15px 0 15px 15px;
font-size: 1.4rem;
}
.about-point .gram-table dl dd{
width: 50%;
padding: 15px 0 15px 15px;
margin: 0;
border-bottom: 2px solid #BED5D0;
font-size: 1.4rem;
font-weight: 600;
}
.about-point .gram-table dl:last-child dd{
border-bottom: none;
}
.about-point .gram-table dl dt .otoku{
background-color: #E28888;
color: #fff;
font-weight: bold;
padding: 5px 6px;
margin-left: 8px;
font-size: 1.2rem;
}
.about-point .link-btn-area{
display: flex;
justify-content: space-between;
}
.about-point .link-btn-area a{
width: 32%;
padding: 44px 0;
text-align: center;
text-decoration: none;
display: flex;
pointer-events: none;
}
.about-point .link-btn-area a .ttl {
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/common/bg_wave_w.svg) repeat-x;
background-position: center bottom;
display: table;
margin: 0 auto;
padding-bottom: 16px;
font-size: 1.8rem;
font-weight: 500;
color: #fff;
text-decoration: none;
line-height: 1.4;
}
.about-point .link-btn-area .link01{
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/distribution/img_tokuten01.png) no-repeat;
background-size: cover;
}
.about-point .link-btn-area .link02{
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/distribution/img_tokuten02.png) no-repeat;
background-size: cover;
}
.about-point .link-btn-area .link03{
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/distribution/img_tokuten03.png) no-repeat;
background-size: cover;
}
.about-point .mod-intro{
margin-bottom: 50px;
}
.about-point .mod-intro figure{
margin-bottom: 30px;
}
.about-point .teiki-course{
display: flex;
justify-content: space-between;
}
.about-point .teiki-course .course-box{
width: 49%;
background-color: #E4E0DF;
}
.about-point .teiki-course .course-box .course-ttl{
background-color: #4B4338;
padding: 15px 0;
position: relative;
}
.about-point .teiki-course .course-box .course-ttl .ttl-wave{
color: #fff;
font-size: 1.6rem;
margin-bottom: 0;
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/common/bg_wave_w.svg) repeat-x;
background-position: center bottom;
}
.about-point .teiki-course .course-box .course-ttl .ribbon{
position: absolute;
background-color: #F3D3AA;
text-align: center;
top: -2px;
left: 14px;
max-width: 29px;
width: 100%;
height: 31px;
padding: 4px 0 0;
}
.about-point .teiki-course .course-box .course-ttl .ribbon::after{
position: absolute;
top: 100%;
right: 0;
border: none;
border-right: solid 16px #F3D3AA;
border-bottom: solid 11px transparent;
content: '';
}
.about-point .teiki-course .course-box .course-ttl .ribbon::before{
position: absolute;
top: 100%;
left: 0;
border: none;
border-left: solid 16px #F3D3AA;
border-bottom: solid 11px transparent;
content: '';
}
.about-point .teiki-course .course-box .course-desc{
padding: 20px 20px;
}
.about-point .teiki-course .course-box .course-desc ul{
display: table;
margin: 20px auto 25px!important;
}
.about-point .teiki-course .course-box .course-desc ul li{
font-size: 1.4rem;
padding-left: 1em;
text-indent: -1em;
line-height: 2;
}
.about-point .course-subttl{
margin-bottom: 10px;
}
.about-point .teiki-course .course-box .course-subttl{
font-weight: bold;
}
.about-point .teiki-course .course-box .course-subttl.center{
text-align: center;
}
.about-point .ttl-wave.teiki{
margin-bottom: 50px;
}
.about-point .mod-intro p{
line-height: 2;
}
@media screen and (max-width: 767px) {
.mv-dist-bg{
margin-top: 60px;
height: 255px;
}
.mv-dist-bg .ttl {
width: 80%;
font-size: 2rem;
}
.about-dist .point-ttl span {
font-size: 1.8rem;
margin-bottom: 0;
}
.about-dist .point-ttl {
font-size: 1.6rem;
}
.about-dist .point-box {
margin-bottom: 40px;
}
.about-dist .img-btm-wrap {
margin-top: 4px;
}
.about-dist .ttl-wave {
margin-bottom: 50px;
}
.about-dist {
padding: 60px 0 80px;
}
.about-point .teiki-course {
display: block;
}
.about-point .teiki-course .course-box {
width: 100%;
}
.about-point .teiki-course .course-box:nth-child(1) {
margin-bottom: 30px;
}
.about-point .gram-table dl dt .otoku{
display: table;
margin-left: 0;
margin-top: 7px;
}
.about-point .ttl-wave.teiki {
margin-bottom: 32px;
}
.about-point .ttl-wave {
margin-bottom: 36px;
margin-top: 30px;
font-size: 1.4rem;
}
.about-point .link-btn-area {
display: block;
}
.about-point .link-btn-area a {
width: 100%;
padding: 44px 0;
display: block;
margin-bottom: 10px;
}
.about-point .teiki-course .course-box .course-ttl .ttl-wave{
margin-top: 0;
}
.about-point .teiki-course .course-box .course-ttl .ribbon {
top: -2px;
left: 2px;
max-width: 19px;
height: 18px;
padding: 4px 0 0;
}
} .wc-pd{
padding: 150px 20px 100px;
}
.woocommerce-tabs ul.tabs li::after {
content: ''!important;
position: absolute;
top: 50%;
right:22px;
transform: rotate(90deg)!important;
box-sizing: border-box;
width: 4px;
height: 5px;
border: 3px solid transparent;
border-left: 4px solid #A58E4E;
}
.woocommerce-breadcrumb {
font-size: 1.2rem!important;
}
.woocommerce-breadcrumb .breadcrumb-separator::after{
content: ''!important;
border-top: 1px solid #707070;
border-right: 1px solid #707070;
width: 7px!important;
height: 7px!important;
transform: rotate(45deg) translateX(-50%) translateY(-50%)!important;
opacity: 1!important;
}
.woocommerce-breadcrumb .breadcrumb-separator {
margin-right: 1%;
}
@media (min-width: 768px){
.col-full {
width: 100%;
max-width: calc(1653px + 3% * 2)!important;
-webkit-box-sizing: border-box;
box-sizing: border-box!important;
padding-left: 3%!important;
padding-right: 3%!important;
}
.single-product div.product .woocommerce-product-gallery {
width: 48%!important;
}
.single-product div.product .summary {
width: 46%!important;
padding-top: 50px;
}
.woocommerce-tabs ul.tabs li::after {
content: ''!important;
position: absolute;
top: 50%;
right: 10%;
transform:rotate(0deg)!important;
box-sizing: border-box;
width: 4px;
height: 5px;
border: 3px solid transparent;
border-left: 4px solid #A58E4E;
}
.left-sidebar .content-area{ padding: 0 25px 90px;
}
.storefront-breadcrumb {
margin: 0 0 0!important;
}
}
.single-product .content-area{
float: none!important;
margin-right: 0!important;
width: 100%!important;
}
.single-product .side-bar {
display: none;
}
.woocommerce-breadcrumb a:first-of-type::before {
content: none!important;
}
.single-product div.product .onsale{
display: none;
}
.single-product .prod-pgttl{
display: none;
}
.single-product .entry-summary .product_title{
font-size: 2rem;
font-weight: bold;
letter-spacing: 0.1em;
font-family: "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ ゴシック", sans-serif!important;
}
.single-product .entry-summary .price .amount{
color: #4B4338;
font-size: 2rem;
font-family: din-condensed, sans-serif;
margin-top: 10px!important;
}
.single-product .entry-summary .price .from{
font-size: 1.6rem;
font-family: "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ ゴシック", sans-serif!important;
}
.single-product .entry-summary .price .subscription-details{
font-family: "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ ゴシック", sans-serif!important;
font-size: 1.4rem;
}
.single-product .entry-summary .product_meta,
.single-product .entry-summary .pewc-total-field-wrapper{
display: none;
}
.single-product div.product table.variations{
margin-top: 30px!important;
}
.single-product div.product table.variations tr{
display: flex;
align-items: center;
}
.pewc-item-field-wrapper,
.single-product div.product table.variations tr{
display: flex;
align-items: center;
}
.single-product div.product table.variations tr{
margin-bottom: 17px;
}
.single-product div.product table.variations tr:last-child{
margin-bottom: 0;
}
.single-product div.product table.variations .label,
.wc-pao-addon-container .wc-pao-addon-name{
max-width: 396px;
width: 100%;
font-weight: 500;
}
.pewc-item-field-wrapper label{
max-width: 404px;
width: 100%;
font-weight: 500;
}
.single-product div.product table.variations .value{
width: 55%;
margin-bottom: 0!important;
}
.single-product div.product table.variations .value select,
.pewc-item-field-wrapper select,
.wc-pao-addon-container .form-row select{
width: 100%;
max-width: 100%;
padding: 8px 20px 8px 12px;
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/common/icon_arrow_btm.svg) no-repeat 95%;
color: #000;
border: 1px solid #ABABAB;
font-size: 1.4rem!important;
}
.pewc-description{
display: none;
}
.pewc-item-field-wrapper select{
width: 65%;
}
.pewc-item-field-wrapper input[type="text"]{
width: 65%!important;
}
.single-product div.product .reset_variations{
display:none!important;
}
.pvtfw_variant_table_block table.variant td{
word-break: break-word;
}
.woocommerce-variation-price{ text-align: right;
margin-top: 0.5em;
} .woocommerce-product-gallery .flex-viewport{
position: relative;
}
.single-product div.product .woocommerce-product-gallery img{
margin: 0 auto!important;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
width: 22%!important;
margin-right: 3%!important;
}
ul.flex-direction-nav {
position: absolute;
top: 25%;
z-index: 1;
width: 100%;
left: 0;
margin: 0;
padding: 0px;
list-style: none;
clear: both;
}
li.flex-nav-prev {
float: left;
position: absolute;
left: -10px;
}
li.flex-nav-next {
float: right;
position: absolute;
right: -10px;
}
a.flex-next {visibility:hidden;}
a.flex-prev {visibility:hidden;} ul.flex-direction-nav li a {
color: #ccc;
}
ul.flex-direction-nav li a:hover {
text-decoration: none;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport{
margin: 0 20px;
}
.flex-control-thumbs{
margin: 0 20px!important;
}
.wc-pao-addon-wrap label.show::after {
opacity: 1;
}
.wc-pao-addon-container:last-child {
width: 20%;
background-color: #000;
}
.entry-summary .quantity{
padding: 1px;
margin-top: 8px;
float: none!important;
}
.entry-summary .quantity .qty{
background-color: #fff!important;
padding: 8px 10px 8px 0;
border: 1px solid #ABABAB;
}
.single_add_to_cart_button{
width: 239px;
background-color:#85C2BA!important;
border: none!important;
color: #fff;
margin-top: 20px;
font-size: 1.4rem;
font-weight: 400!important;
letter-spacing: 0.1em;
padding: 12px 10px!important;
}
div.product-addon-totals{
display: none !important;
}
.product-descript .prod-desc{
padding: 10px 40px 30px;
font-size: 1.4rem;
}
.lower-wrap{
padding-top: 160px;
clear: both;
}
.label-name{
display: flex;
justify-content: space-between;
margin-bottom: 17px;
}
input[type=text], input[type=number], input[type=email], input[type=tel], textarea, .input-text,.state_select {
box-shadow:none!important;
}
.summary.entry-summary .banner-register{
margin-top: 1em;
display: table;
}
.product-share-link{
display: flex;
position: relative;
margin-top: 20px;
}
.product-share-link a{
margin-right: 10px;
}
.related-product .c-heading{
margin-bottom: 30px;
}
.related-product h2{
display: none;
} .related-product ul.products li a{
color: #000;
text-align: left;
display: block;
}
.related-product ul.products li:last-child{
margin-right: 0;
}
.product-modal-area{
margin-bottom: 10px;
}
.product-modal-area .js-modal-open{
color: #4B4338;
text-decoration: underline;
}
.product-modal-area .js-modal-open:hover{
text-decoration: none;
}
.product-share-link a{
margin-right: 10px;
}
@media screen and (min-width: 768px) {
.related-product ul.products{
display: flex;
}
.related-product ul.products li{
width: 24%;
margin-right: 2%;
}
}
@media screen and (max-width: 1640px) {
.wc-pao-addon-container{
display: flex;
width: 100%;
}
}
@media screen and (max-width: 1024px) {
.col-full {
margin-left: 0%!important;
margin-right: 2%!important;
}
}
@media screen and (max-width: 900px) {
.single-product main.pl{
padding-top: 78px;
}
.pewc-item-field-wrapper,
.single-product div.product table.variations tr {
display: block;
}
.pewc-item-field-wrapper label{
max-width: 100%;
margin-bottom: 10px;
display: block;
}
.pewc-item-field-wrapper select{
width: 100%;
}
.pewc-item-field-wrapper input[type="text"]{
width: 100%!important;
}
.wc-pao-addon-container {
display: block;
width: 100%;
}
.wc-pao-addon-container .form-row select {
width: 70%;
}
.wc-pao-addon-container .wc-pao-addon-name{
margin-bottom: 8px;
}
.prod-title-wrap {
display: block;
margin-bottom: 20px;
}
.product_title {
margin-bottom: 0;
}
.single-product div.product table.variations .value{
width: 100%;
margin-bottom: 0!important;
}
.single-product div.product table.variations tr{
margin-bottom: 13px;
}
}
@media screen and (max-width: 768px) {
.product-descript .prod-desc {
padding: 10px 0px 30px;
}
}
@media screen and (max-width: 767px) {
.wc-pd{
padding: 100px 0px 50px;
}
.col-full {
margin-left: 3%!important;
margin-right: 3%!important;
}
.prod-title-wrap{
display: block;
margin-bottom: 40px;
}
.qib-container:not(#qib_id):not(#qib_id) {
width: 36%;
}
.single-product .entry-summary .product_title{
font-size: 1.5rem!important;
}
.single-product div.product table.variations .label,
label.wc-pao-addon-name {
margin-bottom: 9px!important;
}
.wc-pao-addon-wrap label::after {
top: 63%;
}
.product-descript .prod-desc {
padding: 10px 20px 30px;
}
.lower-wrap{
margin-top: 0px;
padding-top: 10px;
} .related-product {
margin: 0px 0 30px;
}
.related-product .c-heading {
margin-bottom: 17px;
}
.related-product ul.products{
overflow: visible;
}
.related-product .related-list-wrap .related{ padding-bottom: 60px;
}
.related-product .slick-dots {
position: absolute;
bottom: -45px;
z-index: 2;
}
.related-product ul:not(.slick-dots) li {
margin-right: 8px;
}
.related-product ul.slick-dots li { width: auto!important;
}
.related-product .slick-dots li button:before{
color: transparent;
}
.related-product .slick-dots li:nth-of-type(1n) button:before{
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/common/icon_bean01.svg) no-repeat;
background-size: contain!important;
}
.related-product .slick-dots li:nth-of-type(2n) button:before{
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/common/icon_bean02.svg) no-repeat;
background-size: contain!important;
}
.related-product .slick-dots li:nth-of-type(3n) button:before{
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/common/icon_bean03.svg) no-repeat;
background-size: contain!important;
}
.related-product .slick-dots li:nth-of-type(4n) button:before{
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/common/icon_bean04.svg) no-repeat;
background-size: contain!important;
}
.related-product .slick-dots li button:before {
font-size: 26px;
}
.related-product .slick-dots li button:before {
width: 15px;
height: 15px;
}
.single-product div.product p.price{
margin-top: 3px!important;
margin-bottom: 1px!important;
}
.single_add_to_cart_button {
margin-top: 17px;
}
.single-product div.product table.variations {
margin-top: 0px!important;
}
.woocommerce-breadcrumb .breadcrumb-separator{
margin-right: 13px!important;
}
.woocommerce-MyAccount-content{
margin-top: 30px;
}
.page-id-234  p.form-row-first {
width: 47%!important;
}
.page-id-234  p.form-row-last {
width: 47%!important;
}
}  .storefront-sorting .woocommerce-pagination,
.storefront-sorting .woocommerce-result-count {
display: none;
}
.storefront-sorting select {
padding: 0.2em 0.5em;
border: 1px solid #E4E0DF;
font-size: 1.4rem!important;
}
.woocommerce-products-header__title{
margin-bottom: 55px;
max-width: 100%;
font-size: 2.2rem;
}
.archive-pagination{
margin: 70px 0 90px;
}
.js-shop-archive-region ul.products {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 0 2.5%;
}
.js-shop-archive-region ul.products::before,
.js-shop-archive-region ul.products::after {
content: none;
display: none;
}
.js-shop-archive-region ul.products li.archive-list {
float: none;
}
.products li.archive-list{
display: inline-block;
vertical-align: top;
width: 31.5%;
margin-right: 2.5%;
margin-bottom: 50px;
}
.js-shop-archive-region ul.products li.archive-list{
display: block;
width: 31.6667%;
margin-right: 0;
}
.products li.archive-list a{
display: block;
width: 100%;
color: #000;
outline: none;
}
.products li.archive-list img{
width: 100%;
display: block;
}
.products li.archive-list:nth-child(3n){
margin-right: 0;
}
.products li .prod-ttl{
margin: 9px 0 0px;
font-size: 1.4rem;
text-decoration:underline;
}
.products li .price{
margin-top: 7px;
letter-spacing: 0.2em;
font-family: din-condensed, sans-serif;
color: #4B4338;
}
.products li .price.sold-out span {
text-decoration: line-through;
}
.products li .price .woocommerce-price-suffix{
display: none;
}
.woocommerce-price-suffix{
display: none;
}
.woocommerce-Tabs-panel--description img{
height: auto;
margin: 1.5em 0;
}
.woocommerce-Tabs-panel--description p,
.woocommerce-Tabs-panel--description ol,
.woocommerce-Tabs-panel--description ul{
margin: 1.5em 0!important;
}
.prod-desc ol,
.woocommerce-Tabs-panel--description ol{
padding-left: 20px;
}
.prod-desc ol li,
.woocommerce-Tabs-panel--description ol li{
list-style-type:decimal!important;
}
.prod-desc ul,
.woocommerce-Tabs-panel--description ul{
padding-left: 20px;
margin: 1.5em 0;
}
.prod-desc ul li,
.woocommerce-Tabs-panel--description ul li{
list-style-type: disc!important;
}
@media screen and (max-width: 767px) {
.js-shop-archive-region ul.products {
gap: 0 4%;
}
.archive-pagination{
margin: 20px 0 0px;
}
.js-shop-archive-region ul.products li.archive-list{
width: 48%;
}
.products li.archive-list{
width: 48%;
margin-right: 4%;
margin-bottom: 16px;
}
.products li.archive-list:nth-child(3n){
margin-right: 4%;
}
.products li.archive-list:nth-of-type(even) {
margin-right: 0!important;
}
.products li.archive-list div,
.products li.archive-list bdi{
font-size: 1.4rem;
}
.woocommerce-Price-amount{
font-size: 1.4rem;
}
}
.taikai-btn{
max-width: 119px;
width: 100%;
background-color: #FF4B4B;
color: #fff!important;
font-weight: bold;
padding: 9px 10px;
text-align: center;
display: block;
text-decoration: none!important;
} .page-id-234 .entry-header .entry-title{
display: none;
}
.page-id-234 .content-area{
padding-top: 0;
margin-bottom: 0;
}
.page-id-234 .c-heading.login{
margin-bottom: 45px;
}
.page-id-234 .col-full{
max-width: 100%!important; 
padding-left: 0%!important; 
padding-right: 0%!important;
}
.page-id-234 .storefront-breadcrumb{
display: none;
}
.page-id-234 .c-breadcrumb ul li a{
text-decoration: none;
}
.page-id-309 .input-text,
.page-id-234 .input-text{
background-color: #fff!important;
border: 1px solid #E4E0DF!important;
}
.page-id-309 .show-password-input
.page-id-234 .show-password-input {
line-height: 2;
}
.login-outer .c-heading span{
margin-bottom: 10px;
}
.login-wrap {
max-width: 800px;
margin: 0px auto ;
padding: 80px 0 100px;
}
.page-id-234 .register-box{
margin-top: 130px;
}
.page-id-234 .register-box .btn{
text-decoration: none;
margin: 45px auto 0;
}
.page-id-234 .site-main,
.page-id-234 .hentry{
margin-bottom: 0;
}
.login-wrap .c-heading{
margin: 0 auto 60px;
}
.login-wrap .form-row-wide::after {
content: "";
display: block;
clear: both;
}
.login-wrap .form-row-wide label{
width: 40%;
float: left;
text-align: left;
}
.login-wrap .form-row-wide input{
width: 50%;
float: right;
}
.page-id-234 .form-row.btn-area {
text-align: center;
margin-top: 60px;
}
.last-form{
margin-bottom: 0;
}
.form-row.btn-area{
text-align: center;
margin-top: 60px;
}
.woocommerce-LostPassword{
width: 50%;
margin: 0 0 0 auto;
}
.woocommerce-LostPassword a{
color: #000;
}
.woocommerce-form-login__rememberme{
width: auto;
display: table;
margin: 0 auto 17px;
}
.login-wrap .show-password-input{
line-height: 1.9;
}
.woocommerce-form-login__submit,
.woocommerce-form-register__submit{
color: #000;
border: 1px solid #000!important;
text-align: center;
padding: 15px 10px 15px;
width: 100%!important;
max-width: 250px;
display: block;
transition: 0.3s ease-in-out;
font-family: "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ ゴシック", sans-serif!important;
position: relative;
background-color: #fff!important;
line-height: 2.3;
padding: 15px 0;
}
.woocommerce-form-login__submit:hover,
.woocommerce-form-register__submit:hover{
background-color: #000!important;
color: #fff!important;
opacity: 0.8;
}
.woocommerce-form-login__submit:hover::before,
.woocommerce-form-register__submit:hover::before{
border-left: 5px solid #fff;
}
.login-wrap .btn-area .btn{
margin: 20px auto 0;
text-decoration: none;
padding: 15px 0;
}
@media screen and (max-width: 767px) {
.login-wrap {
max-width: 100%;
margin: 0 auto;
}
.login-wrap .form-row-wide label{
width:100%;
float: none;
}
.login-wrap .form-row-wide input{
width:100%;
float: none;
}
.woocommerce-LostPassword{
width: 100%;
margin: 0 ;
}
} .page-id-309 .storefront-breadcrumb{
display: none;
}
.p-register{
padding: 0 0 80px;
}
.p-register .c-heading{
margin: 0 auto 49px;
letter-spacing: 0.1em;
}
.p-register .c-heading span{
margin-bottom: 10px;
}
.p-register .reg-wrap {
max-width: 800px;
margin: 0 auto;
}
.p-register .reg-wrap .form-row-wide {
text-align: left;
}
.p-register .woocommerce-FormRow{
text-align: center;
margin-top: 50px;
}
.state_select{
padding: .6180469716em;
position: relative;
border: none;
background-color: #fff;
border: 1px solid #E4E0DF;
}
@media screen and (min-width: 768px) {
.p-register .reg-wrap .form-row-first {
width: 45.4545454545%;
float: left;
margin-right: 9.0909090909%;
}
.p-register .reg-wrap .form-row-last {
width: 45.4545454545%;
float: right;
margin-right: 0;
}
}
.hentry .entry-content .woocommerce-MyAccount-navigation ul {
border-top: 1px solid #E6E6E6!important;
}
.hentry .entry-content .woocommerce-MyAccount-navigation ul li{
border-bottom: 1px solid #E6E6E6!important;
}
.woocommerce-MyAccount-content a,
.edit-link a,
.woocommerce-MyAccount-navigation-link a{
color: #000!important;
}
.hentry .entry-content .woocommerce-MyAccount-navigation ul li a:before{
color: #000!important;
}
.wc-forward::after{
color: #000!important;
}
.woocommerce-message,.woocommerce-info, .woocommerce-noreviews{
background-color: #85C2BA!important;
}
.single-product a.button.wc-forward{
background-color: transparent!important;
color: #fff!important;
border: none!important;
text-decoration: underline;
}
a.button.wc-forward:hover{
text-decoration: none;
} .ywcmas_manage_addresses_cb_container > label{
background-color: #D17777;
color: #fff;
padding: 14px 10px;
font-weight: bold;
position: relative;
cursor: pointer;
}
.ywcmas_manage_addresses_cb_container > label input[type=checkbox] {
position: absolute;
z-index: -1;
}
.ywcmas_qty .ywcmas_addresses_manager_table_update_qty_button{
color: #6EBBB1!important;
font-size: 1.3rem;
padding-top: 2px;
}
.ywcmas_new_shipping_selector_button,
.ywcmas_shipping_address_button_edit, 
.ywcmas_shipping_address_button_delete {
color: #6EBBB1!important;
} .bankjp_details{
margin-bottom: 60px!important;
}
.page-id-233 .woocommerce-order-details{
margin-top: 34px;
}
.page-id-233 .woocommerce-thankyou-order-details.order_details{
margin-bottom: 40px!important;
} .p-withdraw{
padding: 0px 0 80px;
}
.p-withdraw .c-heading{
margin-bottom: 45px;
margin-top: 80px;
}
.p-withdraw .reg-wrap {
max-width: 500px;
margin: 0 auto;
}
.p-withdraw .reg-wrap p {
margin-bottom: 20px;
clear: both;
text-align: center;
}
.p-withdraw .reg-wrap input[type=password] {
padding: .6180469716em;
background-color: #f2f2f2;
color: #43454b;
border: 0;
-webkit-appearance: none;
box-sizing: border-box;
font-weight: 400;
box-shadow: inset 0 1px 1px rgb(0 0 0 / 13%);
box-shadow: none!important;
width: 70%;
float: right;
line-height: 1.618;
}
.p-withdraw .reg-wrap input[type=submit] {
border: 0;
border-radius: 0;
background: none;
background-color: #fff;
border: 1px solid #000;
color: #000;
cursor: pointer;
padding: .6180469716em 1.41575em;
text-decoration: none;
font-weight:bold;
text-shadow: none;
-webkit-appearance: none;
word-break: break-all;
font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
margin: 36px auto 0;
}
.p-withdraw  label {
width: 30%;
float: left;
text-align: left;
}  .p-reserve .form-area .product {
margin-top: 4em;
}
.p-reserve .form-area .c-form h3 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 1em;
}
.p-reserve .form-area .c-form dl + h3 {
margin-top: 2em;
}
.p-reserve .form-area .c-form h4 {
font-size: 1.8rem;
padding: 0.5em 1em;
background-color: #85c2ba;
color: #fff;
font-weight: bold;
margin-bottom: 1em;
margin-top: 2em;
letter-spacing: 0.05em;
line-height: 1.3;
}
.p-reserve .form-area .c-form h4 small {
font-size: 0.9em;
display: inline-block;
}
.p-reserve .form-area dl dt {
display: flex;
align-items: center;
line-height: 1.3;
}
.p-reserve .form-area dl dt img {
width: 5em;
margin-right: 1em;
height: auto;
}
.p-reserve .form-area dl dt .product-name small {
display: block;
font-size: 1.1em;
margin-top: 0.5em;
font-family: din-condensed, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ ゴシック", sans-serif !important;
}
.p-reserve .form-area dl dt .product-name b {
font-weight: 500;
}
.p-reserve .form-area dl dd .select-wrap + .select-wrap  {
margin-top: 0.5em;
}
.p-reserve .form-area .product-confirm  {
margin: 3em 0;
}
.p-reserve .form-area .product-confirm textarea {
width: 100%;
height: auto;
min-height: 5em;
padding: 0;
border: none;
font-size: 1.6rem;
pointer-events: none;
line-height: 1.5;
font-family: "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ ゴシック", sans-serif !important;
}
@media screen and (min-width: 768px) {
.p-reserve .form-area .product dl dd {
display: flex;
flex-direction: column;
justify-content: center;
}	
}
@media screen and (max-width: 767px) {
.p-reserve .form-area .c-form h3 {
font-size: 1.8rem;
}
.p-reserve .form-area .c-form h4 {
font-size: 1.6rem;
}
.p-reserve .form-area dl dd {
padding-bottom: 30px;
}
} .xo-event-calendar table.xo-month .month-dayname td div:not([class]) {
background-color: #85c2ba;
color: #fff;
} .xo-event-calendar table.xo-month .month-dayname td .holiday-all {
color: #999;
} .xo-event-calendar table.xo-month .month-dayname td .holiday-sunday,
.xo-event-calendar table.xo-month .month-dayname td .holiday-tuesday {
background-color: #ccc;
color: #999;
} input[type=date] {
padding: .6180469716em;
color: #43454b;
border: 0;
-webkit-appearance: none;
box-sizing: border-box;
font-weight: 400;
}
input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search], input[type=date], textarea, .input-text {
border: 2px solid #f2f2f2 !important;
}
a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="date"]:focus, {
outline: none !important;
border-color: #afa18e !important;
} @media screen and (min-width: 768px) {
.p-cafemenu .menu-outer .ttl-area {
align-items: flex-start;
}
.p-cafemenu .menu-outer .ttl-area .menu-ttl {
padding-top: 90px;
}
} #payment .payment_methods li p {
margin-bottom: 0.5em !important;
}
#payment .payment_methods > li .payment_box select {
width: 100%;
padding: 0.2em 0.5em;
border: 1px solid #E4E0DF;
font-size: 1.4rem!important;
margin: 1em 0;
} .single-mailpoet_page .side-bar {
display: none;
}
.single-mailpoet_page .content-area {
float: none !important;
}
.single-mailpoet_page .site-main {
padding-left: 360px;
padding-top: 12em;
padding-bottom: 12em;
}
.single-mailpoet_page .mailpoet_page.status-publish{
max-width: 1120px;
margin: 0 auto;
width: 100%;
padding: 0 3%;
}
.single-mailpoet_page .mailpoet_confirm_unsubscribe a{
color: #4B4338;
font-weight: bold;
margin-top: 1em;
display: block;
text-decoration: underline;
}
.single-mailpoet_page .entry-title{
font-size: 2rem;
font-weight: bold;
margin-bottom: 0.5em;
}
.single-mailpoet_page .mailpoet_confirm_unsubscribe a:hover{
text-decoration: none;
}
@media screen and (max-width: 768px) {
.single-mailpoet_page .site-main {
padding-left: 0;
}
} #calendar.fc .fc-button-primary{
background-color: #85C2BA;
border-color: #85C2BA;
}
#calendar.fc .fc-button-primary:hover{
opacity: 0.8;
}
#calendar.fc .fc-toolbar-title{
font-family: din-condensed, sans-serif;
color: #333;
}
#calendar.fc .fc-col-header{
background-color: #EEEAE9;
font-family: din-condensed, sans-serif;
font-weight: 400!important;
font-size: 2.3rem!important;
}
#calendar.fc .fc-daygrid-day-number {
font-size: 1.6rem;
color: #333;
font-weight: 500;
}
#calendar.fc .fc-col-header a{
color: #4B4338;
font-weight: 300;
}
#calendar.fc .fc-day-past{
background-color: #EEEEEE;
color: #999999;
}
#calendar.fc tbody .fc-day-other{
color: #C3D3DB;
}
#calendar.fc tbody .fc-day:not(:has(.fc-daygrid-event-harness)) {
background-color: #EEEEEE;
}
.calendar-wrapper .cal-day .holiday{
position: relative;
padding-left: 2.4em;
}
.calendar-wrapper .cal-day{
margin-top: 1em;
}
.calendar-wrapper .cal-day .holiday::before{
content: '';
width: 25px;
height: 25px;
background-color: #EEEEEE;
position: absolute;
top: 0;
left: 0;
}
@media screen and (max-width: 768px) {
#calendar.fc .fc-col-header a {
font-size: 1.5rem;
}
#calendar.fc .fc-daygrid-day-number {
font-size: 1.4rem;
}
} .topbnr-area {
background-color: #fff;
}
.topbnr-area {
background-color: #fff;
display: flex;
position: relative;
padding: 100px 5% 0;
flex-wrap: wrap;
justify-content: space-around;
align-items: flex-start;
}
.topbnr-area a {
flex: 0 0 32%; 
}
@media screen and (max-width: 768px) {
.topbnr-area a {
flex: 0 0 100%;
margin-bottom: 1em;
}
} .side-box + .side-box {
margin-top: 2em;
}
.side-box.filter-box {
border: 1px solid #E9E2D2;
background-color: #fff;
}
.side-box.filter-box .category-ttl {
padding: 14px 18px;
border-bottom: 1px solid #E9E2D2;
background-color: #F5F1E9;
}
.shop-filter-form {
padding: 20px 18px 18px;
}
#block-2.widget.widget_block {
display: none;
}
.shop-filter-section + .shop-filter-section {
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid #E9E2D2;
}
.shop-filter-active-chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 20px;
}
.shop-filter-chip,
.shop-filter-clear-all {
display: inline-flex;
align-items: center;
gap: 0.45em;
min-height: 34px;
padding: 0.5em 0.9em;
border: 1px solid #D6CCBD;
background-color: #FBF8F2;
color: #4B4338;
font-size: 1.2rem;
line-height: 1.3;
}
.shop-filter-chip:hover,
.shop-filter-clear-all:hover {
color: #4B4338;
}
.shop-filter-clear-all {
background-color: #fff;
}
.shop-filter-section .filter-range-group + .filter-range-group {
margin-top: 40px;
padding-top: 24px;
border-top: 1px solid #F2ECE2;
}
.filter-block-heading,
.filter-range-heading {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 12px;
}
.filter-block-heading,
.filter-label {
font-size: 1.4rem;
font-weight: bold;
color: #4B4338;
}
.filter-range-values {
font-size: 1.2rem;
letter-spacing: 0;
color: #7A7167;
white-space: nowrap;
}
.filter-range-slider-wrap {
position: relative;
height: 28px;
margin-top: 8px;
}
.filter-range-track {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
height: 4px;
}
.filter-range-track-base,
.filter-range-track-ticks,
.filter-range-track-unavailable,
.filter-range-track-active {
position: absolute;
top: 0;
height: 4px;
border-radius: 999px;
}
.filter-range-track-base {
left: 0;
right: 0;
background-color: #E9E2D2;
}
.filter-range-track-ticks {
left: 0;
right: 0;
background-image:
linear-gradient(
to right,
transparent 0,
transparent calc(100% - 1px),
rgba(75, 67, 56, 0.28) calc(100% - 1px),
rgba(75, 67, 56, 0.28) 100%
);
background-size: calc(100% / var(--tick-count)) 100%;
background-repeat: repeat-x;
border-radius: 0;
}
.filter-range-track-active {
background-color: #4B4338;
}
.filter-range-track-unavailable {
background-color: rgba(233, 226, 210, 0.78);
z-index: 2;
}
.filter-range-input {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 28px;
margin: 0;
-webkit-appearance: none;
appearance: none;
background: transparent;
z-index: 1;
pointer-events: none;
}
.filter-range-input:focus,
.filter-range-input:active,
.filter-range-input:focus-visible {
outline: none;
box-shadow: none;
}
.filter-range-input.is-front {
z-index: 2;
}
.filter-range-input::-webkit-slider-runnable-track {
height: 4px;
background: transparent;
}
.filter-range-input::-moz-range-track {
height: 4px;
background: transparent;
}
.filter-range-input::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 18px;
height: 18px;
border-radius: 50%;
background-color: #fff;
border: 2px solid #4B4338;
cursor: pointer;
margin-top: -7px;
pointer-events: auto;
outline: none;
box-shadow: none;
}
.filter-range-input::-moz-range-thumb {
width: 18px;
height: 18px;
border-radius: 50%;
background-color: #fff;
border: 2px solid #4B4338;
cursor: pointer;
pointer-events: auto;
outline: none;
box-shadow: none;
}
.filter-range-ends {
display: flex;
justify-content: space-between;
gap: 12px;
margin-top: 8px;
font-size: 1rem;
color: #7A7167;
letter-spacing: 0.04em;
}
.filter-range-scale {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 4px;
margin-top: 8px;
font-size: 1rem;
color: #7A7167;
text-align: center;
}
.filter-flavor-list {
display: grid;
gap: 10px;
}
.filter-subgroup + .filter-subgroup {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #F2ECE2;
}
.filter-checkbox {
display: flex;
align-items: flex-start;
gap: 8px;
font-size: 1.3rem;
line-height: 1.5;
color: #4B4338;
}
.filter-checkbox.is-disabled {
color: #B6AEA3;
}
.filter-checkbox.is-disabled span {
opacity: 0.75;
}
.filter-checkbox input[type="checkbox"]:disabled {
cursor: not-allowed;
}
.filter-checkbox input[type="checkbox"] {
margin-top: 2px;
accent-color: #4B4338;
outline: none;
box-shadow: none;
-webkit-tap-highlight-color: transparent;
}
.filter-checkbox input[type="checkbox"]:focus,
.filter-checkbox input[type="checkbox"]:active,
.filter-checkbox input[type="checkbox"]:focus-visible,
.filter-checkbox input[type="checkbox"]:checked {
outline: none;
box-shadow: none;
}
.filter-range-group.is-disabled {
opacity: 0.48;
}
.filter-range-group.is-disabled .filter-range-input {
pointer-events: none;
}
.filter-range-group.is-disabled .filter-range-input::-webkit-slider-thumb,
.filter-range-group.is-disabled .filter-range-input::-moz-range-thumb {
cursor: not-allowed;
}
.shop-filter-actions {
display: grid;
gap: 10px;
margin-top: 24px;
}
.shop-filter-submit,
.shop-filter-reset {
width: 100%;
min-height: 44px;
border-radius: 0;
font-size: 1.3rem;
letter-spacing: 0.08em;
text-align: center;
}
.shop-filter-submit {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.55em;
background-color: #4B4338;
color: #fff;
border: 1px solid #4B4338;
}
.shop-filter-submit .fa-search {
font-size: 0.95em;
line-height: 1;
position: relative;
top: 1px;
}
.shop-filter-submit:hover {
opacity: 0.85;
}
.shop-filter-reset {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #E9E2D2;
color: #4B4338;
background-color: #fff;
}
.shop-filter-reset:hover {
color: #4B4338;
}
.shop-empty-state {
margin-top: 18px;
padding: 20px 18px;
border: 1px solid #E9E2D2;
background-color: #FBF8F2;
}
.shop-empty-state__message {
margin: 0;
font-size: 1.3rem;
line-height: 1.8;
color: #4B4338;
}
.shop-empty-state__actions {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin-top: 16px;
}
.shop-empty-state__action {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0.65em 1em;
border-radius: 10px;
text-align: center;
font-size: 1.3rem;
font-weight: bold;
letter-spacing: 0.06em;
text-decoration: none;
}
.shop-empty-state__action--primary {
background-color: #4B4338;
border: 1px solid #4B4338;
color: #fff;
}
.shop-empty-state__action--primary:link,
.shop-empty-state__action--primary:visited,
.shop-empty-state__action--primary:hover {
color: #fff;
}
.shop-empty-state__action--primary:hover {
opacity: 0.85;
}
.shop-empty-state__action--secondary {
background-color: #fff;
border: 1px solid #E9E2D2;
color: #4B4338;
}
.shop-empty-state__action--secondary:link,
.shop-empty-state__action--secondary:visited,
.shop-empty-state__action--secondary:hover {
color: #4B4338;
}
.side-box.filter-box.is-loading,
.js-shop-archive-region.is-loading {
pointer-events: none;
opacity: 0.6;
transition: opacity 0.2s ease;
}
.side-box.bnr a {
display: block;
max-width: 480px;
margin: 0 auto;
}
.side-box.bnr a:nth-child(n+2) {
margin-top: 1em;
}
.side-box.bnr a img {
vertical-align: top;
} .single-product .tinvwl_add_to_wishlist_button {
color: #333;
font-weight: 600;
letter-spacing: 0;
}
.single-product .tinvwl_add_to_wishlist_button:hover {
color: #333;
}
.single-product .tinvwl_add_to_wishlist_button.tinvwl-icon-heart:before {
font-size: 2em !important;
color: #333;
vertical-align: middle !important;
padding-bottom: 0.1em;
}
.single-product .tinv-wishlist table th.product-price {
color: transparent;
}
@media screen and (max-width: 768px) {
.woocommerce-account .tinv-wishlist table.tinvwl-table-manage-list thead th.product-name{
display: none;
}
.woocommerce-account .tinv-wishlist table.tinvwl-table-manage-list tbody td.product-remove button {
margin: 0 0 0 auto;
}
.woocommerce-account .tinv-wishlist table.tinvwl-table-manage-list tbody td {
background-color: transparent;
}
.woocommerce-account .tinv-wishlist .product-thumbnail {
flex: 0 0 100px;
margin-right: 1em;
}
.woocommerce-account .tinv-wishlist .product-thumbnail img {
margin: 0 auto 0 0;
}
.woocommerce-account .tinv-wishlist table.tinvwl-table-manage-list tbody td.product-name{
text-align: left;
flex: 1;
padding-bottom: 0;
}
.woocommerce-account .tinv-wishlist table.tinvwl-table-manage-list tbody td.product-price{
width: calc( 100% - 100px - 1em ) !important;
margin-left: auto;
text-align: left;
padding-top: 0;
}
.woocommerce-account .tinv-wishlist table.tinvwl-table-manage-list tbody td.product-price .woocommerce-Price-amount{
font-family: din-condensed, sans-serif;
font-size: 18px;
}
.woocommerce-account .wishlist_item {
border-bottom: 2px solid #ddd;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
} @media screen and (max-width: 1025px) and (min-width: 768px) {
.woocommerce-account main.pl {
padding-left: 20px;
}
}
.woocommerce-message .button, .woocommerce-info .button {
color: #fff !important;
} label[for="delivery_time_zone"],
label[for="order_comments"]{
margin: 0 0 0.5em;
} #variations_add_to_cart.disabled {
opacity: .5 !important;
cursor: not-allowed;
} .woocommerce-ordering option[value="rating"]{
display: none !important;
}
.register-annai-block{
padding-left: 3em;
margin-bottom: 3em;
}
.annai-block-inner{
padding: 20px 20px;
position: relative;
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/footer/bg_footer.png) no-repeat;
background-size: cover;
width: 100%;
display: block;
max-width: 828px;
font-weight: bold;
font-size: 1.4rem;
margin-bottom: 50px;
}
.annai-block-inner .btn{
margin-top: 1em;
}
.item-midashi{
margin-bottom: 1em;
}
.shop-loop-summary {
margin: -0.2em 0 1.4em;
padding: 0.9em 1.2em;
border-top: 1px solid #E9E2D2;
border-bottom: 1px solid #E9E2D2;
background-color: #FBF8F2;
}
.shop-loop-summary__row {
display: flex;
gap: 1em;
align-items: flex-start;
line-height: 1.8;
}
.shop-loop-summary__row + .shop-loop-summary__row {
margin-top: 0.35em;
}
.shop-loop-summary__label {
flex: 0 0 auto;
font-weight: bold;
color: #4B4338;
}
.shop-loop-summary__value {
color: #4B4338;
}
.prod-pickup-area {
margin-top: 3em;
margin-bottom: 3em;
}
.prod-pickup-area .recommend-list{
display: flex;
flex-wrap: wrap;
margin-top: 1em;
}
.prod-pickup-area .c-heading{
margin-bottom: 1em;
}
.prod-categories-area .cat-wrapper{
display: flex;
flex-wrap: wrap;
margin-top: 1em;
}
.prod-categories-area .cat-wrapper .c-box{
width: 32%;
margin-right: 2%;
}
.prod-categories-area .cat-wrapper .c-box:nth-child(3n){
margin-right: 0;
}
.prod-categories-area .cat-wrapper .c-box .cb-catname{
color: #000;
margin-top: 0.8em;
text-align: center;
}
.toptopics-area .column-area{
margin-bottom: 4em;
}
.woocommerce-order-received .delivery-time-note{
display: none;
}
.matome-off{
display: table;
background-color: #F3D3AA;
color: #4B4338;
padding: 4px 10px 3px;
border-radius: 3px;
font-size: 1.2rem!important;
font-weight: bold;
margin-top: 7px;
}
.archive-list .matome-off, 
.product-slide-wrap li .matome-off {
display:none;
}
.archive-list .matome-off.is-visible,
.product-slide-wrap li .matome-off.is-visible {
display: table;
}
.archive-list.product-id630 .matome-off.off01, 
.product-slide-wrap li.product-id630 .matome-off.off01 {
display:table;
}
.archive-list.product-id2007 .matome-off.off02, 
.product-slide-wrap li.product-id2007 .matome-off.off02 {
display:table;
}
.search-results.post-type-archive .prod-categories-area,
.search-results.post-type-archive .prod-pickup-area{
display: none;
}
@media screen and (min-width: 768px) {
#sb_instagram .sbi_photo {
height: 11vw !important;
}
}
.woocommerce-checkout label[for="shipping_postcode"],
.woocommerce-checkout label[for="billing_postcode"]{
position: relative;
}
.woocommerce-checkout label[for="shipping_postcode"]::after,
.woocommerce-checkout label[for="billing_postcode"]::after {
content: '（半角）';
}  .titlebox-wrap .txt-box,
.mv-bg .txt-box{
background-color: #fff;
padding: 1em 1em;
display: table;
position: absolute;
bottom: 0;
left: 0;
font-weight: bold;
}    
.prod-pgttl .txt-box{
padding: 1em 1em;
background: rgba(255, 255, 255, 0.9);
font-weight: bold;
}
.prod-pgttl .txt-box.shop{
position: absolute;
bottom: 0;
left: 0;
font-weight: bold;
}
.topnews-area{
background-color: #fff;
padding: 100px 0;
position: relative;
}
.topnews-area .news-wrap{
margin-top: 3em;
}
.topnews-area .news-wrap .news-box{
display: flex;
justify-content: space-between;
color: #4B4338;
margin-bottom: 0.8em;
}
.topnews-area .news-wrap .news-box:last-child{
margin-bottom: 0;
}
.topnews-area .news-wrap .news-box .date{
width: 10%;
} 
.topnews-area .news-wrap .news-box .title{
width: 85%;
} 
@media screen and (max-width: 767px) {
.mv-bg .txt-box{
font-size: 1.3rem;
}
.topnews-area {
padding: 3em 0;
}
.topnews-area .news-wrap {
margin-top: 1em;
}
.topnews-area .heading-wrap {
padding: 0;
}
.topitem-area {
padding: 1em 0 4em;
}
.topnews-area .news-wrap .news-box{
display: block;
}
.topnews-area .news-wrap .news-box .date{
width: 100%;
} 
.topnews-area .news-wrap .news-box .title{
width: 100%;
} 
}
.woocommerce-form-coupon-toggle {
display: none !important;
}
.woocommerce-form-coupon {
display: block !important;
}
.coffee-result__box .info {
max-width: 40em;
margin: 0 auto;
}
.coffee-result__box .flavor {
display: flex;
justify-content: space-between;
}
.coffee-result__box .flavor li {
display: flex;
justify-content: center;
flex-direction: column;
width: calc( 33.3333% - 4px );
border: 1px solid #ddd;
border-radius: 4px;
text-align: center;
padding: 5px;
color: #999;
line-height: 1.3;
min-height: 50px;
}
.coffee-result__box[data-flavor*="1"] .flavor li:nth-child(1),
.coffee-result__box[data-flavor*="2"] .flavor li:nth-child(2),
.coffee-result__box[data-flavor*="3"] .flavor li:nth-child(3) {
color: #fff;
background: #000;
border-color: #000;
}
.coffee-result__box .chart {
max-width: 24em;
margin: 20px auto 40px;
}
.coffee-result__box .chart dt,
.coffee-result__box .chart dd {
margin: 0 0 20px;
position: relative;
}
.coffee-result__box .chart dd {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: -1em;
}
.coffee-result__box .chart dd:before {
content: '少ない';
width: 1em;
margin-right: 15px;
line-height: 1.3;
}
.coffee-result__box .chart dd:after {
content: 'しっかり';
width: 1em;
margin-left: 15px;
line-height: 1.3;
}
.coffee-result__box .chart dd:nth-of-type(1):before,
.coffee-result__box .chart dd:nth-of-type(3):before {
content: '軽やか';
width: 1em;
margin-right: 15px;
line-height: 1.3;
}
.coffee-result__box .chart dd:nth-of-type(3):after {
content: 'ずっしり';
width: 1em;
margin-left: 15px;
line-height: 1.3;
}
.coffee-result__box .bitterness,
.coffee-result__box .acidity,
.coffee-result__box .body {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.coffee-result__box .bitterness:after,
.coffee-result__box .acidity:after,
.coffee-result__box .body:after {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background-color: #ddd;
z-index: -1;
}
.coffee-result__box .bitterness li,
.coffee-result__box .acidity li,
.coffee-result__box .body li {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #ddd;
}
.coffee-result__box[data-bitterness="1"] .bitterness li:nth-child(1),
.coffee-result__box[data-bitterness="2"] .bitterness li:nth-child(2),
.coffee-result__box[data-bitterness="3"] .bitterness li:nth-child(3),
.coffee-result__box[data-bitterness="4"] .bitterness li:nth-child(4),
.coffee-result__box[data-bitterness="5"] .bitterness li:nth-child(5),
.coffee-result__box[data-bitterness="6"] .bitterness li:nth-child(6),
.coffee-result__box[data-acidity="1"] .acidity li:nth-child(1),
.coffee-result__box[data-acidity="2"] .acidity li:nth-child(2),
.coffee-result__box[data-acidity="3"] .acidity li:nth-child(3),
.coffee-result__box[data-acidity="4"] .acidity li:nth-child(4),
.coffee-result__box[data-acidity="5"] .acidity li:nth-child(5),
.coffee-result__box[data-acidity="6"] .acidity li:nth-child(6),
.coffee-result__box[data-body="1"] .body li:nth-child(1),
.coffee-result__box[data-body="2"] .body li:nth-child(2),
.coffee-result__box[data-body="3"] .body li:nth-child(3),
.coffee-result__box[data-body="4"] .body li:nth-child(4),
.coffee-result__box[data-body="5"] .body li:nth-child(5),
.coffee-result__box[data-body="6"] .body li:nth-child(6){
background: transparent;
position: relative;
}
.coffee-result__box[data-bitterness="1"] .bitterness li:nth-child(1):after,
.coffee-result__box[data-bitterness="2"] .bitterness li:nth-child(2):after,
.coffee-result__box[data-bitterness="3"] .bitterness li:nth-child(3):after,
.coffee-result__box[data-bitterness="4"] .bitterness li:nth-child(4):after,
.coffee-result__box[data-bitterness="5"] .bitterness li:nth-child(5):after,
.coffee-result__box[data-bitterness="6"] .bitterness li:nth-child(6):after,
.coffee-result__box[data-acidity="1"] .acidity li:nth-child(1):after,
.coffee-result__box[data-acidity="2"] .acidity li:nth-child(2):after,
.coffee-result__box[data-acidity="3"] .acidity li:nth-child(3):after,
.coffee-result__box[data-acidity="4"] .acidity li:nth-child(4):after,
.coffee-result__box[data-acidity="5"] .acidity li:nth-child(5):after,
.coffee-result__box[data-acidity="6"] .acidity li:nth-child(6):after,
.coffee-result__box[data-body="1"] .body li:nth-child(1):after,
.coffee-result__box[data-body="2"] .body li:nth-child(2):after,
.coffee-result__box[data-body="3"] .body li:nth-child(3):after,
.coffee-result__box[data-body="4"] .body li:nth-child(4):after,
.coffee-result__box[data-body="5"] .body li:nth-child(5):after,
.coffee-result__box[data-body="6"] .body li:nth-child(6):after{
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 24px;
height: 24px;
background: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/common/icon_beans.svg);
background-repeat: no-repeat;
background-size: contain;
}
.entry-summary .pewc-product-extra-groups, 
.entry-summary .pewc-product-extra-groups li {
background-color: #fff;
}
.grecaptcha-badge { visibility: hidden; }
.prod-label{
display: table;
position: relative;
background-color: #4B4338;
padding: 0.45em 2em 0.3em 0.8em;
color: #fff;
font-size: 1.2rem!important;
font-weight: bold;
margin-bottom: 0.5em;
}
.prod-label::before{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 13px 0 13px 8px;
border-color: transparent transparent transparent #fff;
transform: rotate(-180deg);
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
}
.prod-label{
margin-bottom: 0;
margin-top: 12px;
}
.products li .prod-label{
margin-top: 12px;
} #reviews .commentlist li p.meta{
margin-bottom: 0.5em!important;
}
.comment-text .rating-wrap{
display: flex;
}
.star-rating {
width: 6.55em!important;
}
.star-rating span:before{
color: #f6f025!important;
}
.woocommerce-Reviews{
padding: 0em 0 2em;
}
#reviews .commentlist li {
margin-bottom: 1.3em!important;
}
.single-product div.product .woocommerce-product-rating{
margin-top: 1em!important;
margin-bottom: 1em!important;
}
.woocommerce-verification-required{
margin-bottom: 0!important;
}
.review-area .tabs.wc-tabs{
display: none;
}
.review-area .woocommerce-Reviews-title{
display: none;
}
.review-area .woocommerce-Tabs-panel.woocommerce-Tabs-panel--additional_information{
display: none!important;
}
.review-area .woocommerce-Tabs-panel.woocommerce-Tabs-panel--reviews.panel{
display: block !important;
width: 100%;
margin: 0 0;
float: none;
}
.review-area .avatar{
display: none;
}
.review-area #reviews .commentlist li .comment_container .comment-text {
width: 100%;
}
#wc4jp_delivery_time_zone:disabled {
background-color: #eee !important;
color: #999 !important;
}
.topreview-area {
background-color: #fff;
padding: 4em 0 5em;
}
.topreview-area .c-heading{
margin-bottom: 2em;
}
.topreview-area .footer-reviews li{
border-bottom: 1px solid #f6f6f6;
padding: 2em 0;
}
.topreview-area .footer-reviews li:last-child{
margin-bottom: 0;;
}
.topreview-area .footer-reviews li .rev-topwrap{
display: flex;
justify-content: space-between;
}
.topreview-area .footer-reviews li .rev-topwrap a{
color: #85C2BA;
text-decoration: underline;
}
.topreview-area .footer-reviews li .rev-topwrap a:hover{
text-decoration: none;
}
.topreview-area .footer-reviews li .review-date{
color: #bfbfbf;
font-size: 1.3rem;
margin-bottom: 0.4em;
display: block;
}
.review-area #reviews .commentlist li .comment_container .comment-text .woocommerce-review__author{
display: none;
} 
@media screen and (max-width: 767px) {
.topreview-area {
padding: 4em 0 3em;
}
.topreview-area .footer-reviews li .rev-topwrap {
display: block;
}
.topreview-area .footer-reviews li {
padding: 1em 0;
}
.topreview-area .c-heading {
margin-bottom: 1em;
}
}
.p-reserve .form-area .day-wrapper{
display: flex;
align-items: center;
}
.p-reserve .form-area .day-wrapper .day-block:first-child{
margin-right: 1em;
}
.p-reserve .form-area .day-wrapper .day-block{
width: 35%;
display: flex;
align-items: center;
} 
.p-reserve .form-area .day-wrapper .select-wrap{
margin-right: 0.5em;
display: block;
}
.p-reserve .form-area .c-form.check .day-wrapper .day-block {
width: auto;
}
.p-reserve .form-area .c-form.check .day-block .select-wrap {
width: auto;
}
.pewc-field-label{
font-size: 15px;
font-weight: 600;
} .mv-slider,
.mv-slider .slick-list,
.mv-slider .slick-track,
.mv-slider .mv-slide,
.mv-slider .mv-slide-link {
height: 100%;
}
.mv-slider .mv-slide-link {
display: block;
color: inherit;
}
.mv-slider .mv-slide-link:hover {
color: inherit;
}
.mv-slider .mv-slide {
position: relative;
}
.mv-slider .mv-image-area {
position: relative;
width: 100%;
margin-left: 0;
display: flex;
align-items: flex-end;
justify-content: flex-start;
overflow: hidden;
}
.mv-slider .mv-image-area::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0.28) 100%);
z-index: 0;
}
.mv-slider .mv-slide--legacy .mv-image-area {
justify-content: center;
align-items: center;
}
.mv-slider .mv-slide--legacy .mv-image-area::before {
display: none;
}
.mv-slider .mv-slide--legacy .mv-ttl {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
width: 100%;
text-align: center;
transform: none;
font-family: "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
font-size: 2vw;
line-height: 2;
}
.mv-slider .mv-slide--legacy .mv-ttl__main,
.mv-slider .mv-slide--legacy .mv-ttl__sub {
margin-top: 0;
font-family: inherit;
font-size: inherit;
font-weight: 400;
letter-spacing: 0.04em;
line-height: inherit;
}
.mv-slider .mv-ttl {
position: absolute;
z-index: 1;
bottom: 12%;
left: 8%;
right: auto;
margin: 0;
width: min(560px, 72%);
font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
line-height: 1.6;
text-align: left;
}
.mv-slider .mv-ttl__main {
font-size: clamp(2.15rem, 2.05vw, 3.35rem);
font-weight: 700;
letter-spacing: 0.03em;
line-height: 1.45;
}
.mv-slider .mv-ttl__sub {
margin-top: 0.55em;
font-size: clamp(1.4rem, 1.15vw, 2rem);
font-weight: 500;
letter-spacing: 0.08em;
line-height: 1.7;
}
.mv-slider .mv-ttl__cta {
margin-top: 0.75em;
}
.mv-slider .mv-ttl__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 160px;
padding: 12px 22px;
background: #000;
color: #fff !important;
font-size: 1.3rem;
font-weight: 700;
letter-spacing: 0.08em;
text-decoration: none;
}
.mv-slider .mv-ttl__button:hover {
background: #222;
color: #fff !important;
}
.mv-slider .mv-ttl.is-right-bottom {
left: auto;
right: 8%;
text-align: right;
}
.mv-slider .mv-ttl.is-white {
color: #fff;
text-shadow: 0 12px 32px rgba(0, 0, 0, 0.24);
}
.mv-slider .mv-ttl.is-dark {
color: #4B4338;
text-shadow: none;
}
.mv-slider .slick-dots {
left: 0;
top: auto !important;
bottom: 28px;
text-align: center !important;
}
.mv-slider .slick-dots li button:before {
color: #fff;
opacity: 0.55;
}
.mv-slider .slick-dots li.slick-active button:before {
color: #fff;
opacity: 1;
}
.topintro-area {
padding-top: 160px;
} .encore-social-login {
margin: 0 0 24px;
padding: 20px 22px;
border: 1px solid #E9E2D2;
background: #F8F5EF;
}
.encore-social-login__title {
margin-bottom: 8px;
color: #4B4338;
font-size: 1.4rem;
font-weight: 700;
}
.encore-social-login__note {
margin: 0 0 14px;
color: #4B4338;
font-size: 1.2rem;
line-height: 1.8;
}
.encore-social-login__body {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
.encore-social-login__body:empty {
display: none;
}
.encore-social-login__preview {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
width: 100%;
}
.encore-social-login__body div.nsl-container {
align-self: center;
}
.encore-social-login__body div.nsl-container.nsl-container-block .nsl-container-buttons {
grid-template-columns: minmax(220px, auto);
}
.encore-social-login__body div.nsl-container .nsl-button {
min-height: 48px;
}
.encore-social-login__body div.nsl-container .nsl-button-svg-container {
padding: 10px;
}
.encore-social-login__body div.nsl-container .nsl-button-default div.nsl-button-label-container {
margin: 0 28px 0 14px;
padding: 12px 0;
font-size: 1.5rem;
}
.encore-social-login__line-button {
display: inline-flex;
align-self: center;
align-items: center;
justify-content: center;
min-width: 220px;
min-height: 48px;
padding: 10px 22px;
border-radius: 6px;
background: #06C755;
color: #FFF;
font-size: 1.5rem;
font-weight: 700;
letter-spacing: 0.08em;
text-decoration: none;
pointer-events: none;
}
.encore-social-login__line-button:hover {
color: #FFF;
text-decoration: none;
}
.encore-social-login__disclosure {
margin: 0;
color: #4B4338;
font-size: 1.2rem;
line-height: 1.9;
}
.encore-social-login__disclosure a {
color: #4B4338;
text-decoration: underline;
}
.encore-social-login__consent {
margin: 0;
padding: 10px 12px;
border-radius: 4px;
background: rgba(6, 199, 85, 0.08);
color: #3E3A35;
font-size: 1.15rem;
line-height: 1.8;
}
@media screen and (max-width: 768px) {
.encore-social-login__body div.nsl-container.nsl-container-block .nsl-container-buttons {
grid-template-columns: minmax(200px, auto);
}
.encore-social-login__body div.nsl-container .nsl-button {
min-height: 44px;
}
.encore-social-login__body div.nsl-container .nsl-button-default div.nsl-button-label-container {
margin: 0 24px 0 12px;
padding: 10px 0;
font-size: 1.35rem;
}
.encore-social-login__line-button {
min-width: 200px;
min-height: 44px;
padding: 10px 18px;
font-size: 1.35rem;
}
.mv-slider .mv-image-area {
width: 100%;
height: 73vh;
min-height: 540px;
background-position: center center;
background-size: auto 100%;
background-repeat: no-repeat;
}
.mv-slider .mv-ttl {
bottom: 20%;
left: 7%;
right: 7%;
width: auto;
line-height: 1.6;
}
.mv-slider .mv-slide--legacy .mv-image-area {
background-image: url(//encore-coffee.com/online-shop/wp-content/themes/encore/images/top/bg_top.png);
background-size: cover;
background-position: center center;
}
.mv-slider .mv-slide--legacy .mv-ttl {
width: 100%;
font-size: 2.2rem;
line-height: 1.8;
}
.mv-slider .mv-slide--legacy .mv-image-area::before {
display: none;
}
.mv-slider .mv-ttl__main {
font-size: 2.15rem;
}
.mv-slider .mv-ttl__sub {
font-size: 1.3rem;
margin-top: 0.65em;
}
.mv-slider .mv-ttl__button {
min-width: 144px;
padding: 11px 18px;
font-size: 1.2rem;
}
.mv-slider .mv-ttl.is-right-bottom {
right: 7%;
}
.mv-slider .slick-dots {
bottom: 20px;
}
.topintro-area {
padding-top: 110px;
}
.encore-social-login {
padding: 16px;
}
.encore-skip-confirm-modal__dialog {
margin-top: 14vh;
padding: 24px 20px 20px;
}
.encore-skip-confirm-modal__actions {
flex-direction: column-reverse;
}
.encore-skip-confirm-modal__button {
width: 100%;
}
}