@charset "UTF-8";
*,::after,::before{
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-repeat:no-repeat
}
html{
overflow-y:scroll;
-ms-overflow-style:scrollbar;
-webkit-tap-highlight-color:transparent;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%
}

::after,::before{
vertical-align:inherit;
text-decoration:inherit
}
*{
margin:0;
padding:0
}
@-ms-viewport{
width:device-width
}
audio:not([controls]){
display:none;
height:0
}
hr{
overflow:visible
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{
display:block
}
summary{
display:list-item
}
small{
font-size:80%
}
[hidden],template{
display:none
}
abbr[title]{
text-decoration:none;
border-bottom:1px dotted
}
a{
text-decoration:none;
background-color:transparent;
-webkit-text-decoration-skip:objects
}
a:active,a:hover{
outline-width:0
}
a:not([href]){
cursor:pointer
}
code,kbd,pre,samp{
font-family:monospace,monospace
}
b,strong{
font-weight:bolder
}
dfn{
font-style:italic
}
mark{
color:#000;
background-color:#ff0
}
sub,sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
sub{
bottom:-.25em
}
sup{
top:-.5em
}
li{
list-style:none outside
}
input{
border-radius:0
}
input::-ms-clear{
visibility:hidden
}
[role=button],[type=button],[type=reset],[type=submit],button{
cursor:pointer
}
[disabled]{
cursor:default
}
[type=number]{
width:auto
}
[type=search]{
-webkit-appearance:textfield
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
-webkit-appearance:none
}
textarea{
overflow:auto;
resize:vertical
}
button,input,optgroup,select,textarea{
font:inherit
}
optgroup{
font-weight:700
}
button{
overflow:visible
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
padding:0;
border-style:0
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{
outline:1px dotted ButtonText
}
[type=reset],[type=submit],button,html [type=button]{
-webkit-appearance:button
}
button,select{
text-transform:none
}
button,input,select,textarea{
color:inherit;
border-style:none;
background-color:transparent
}
select{
-webkit-appearance:none;
-moz-appearance:none
}
select::-ms-expand{
display:none
}
select::-ms-value{
color:currentColor
}
legend{
display:table;
max-width:100%;
white-space:normal;
color:inherit;
border:0
}
::-webkit-file-upload-button{
font:inherit;
-webkit-appearance:button
}
[type=search]{
outline-offset:-2px;
-webkit-appearance:textfield
}
img{
vertical-align:bottom;
border-style:none
}
progress{
vertical-align:baseline
}
svg:not(:root){
overflow:hidden
}
svg{
vertical-align:top
}
audio,canvas,progress,video{
display:inline-block
}
[aria-busy=true]{
cursor:progress
}
[aria-controls]{
cursor:pointer
}
[aria-disabled]{
cursor:default
}
::selection{
color:#000;
background-color:#b3d4fc;
text-shadow:none
}
html{
font-family:YakuHanJP,TsukuARdGothic-Regular,-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",sans-serif
}
_:lang(x)::-ms-backdrop,html{
font-family:"メイリオ",Meiryo,sans-serif
}
html{
font-size:62.5%
}
body{
/* font-size:14px; */
font-size:1.4rem;
line-height:1.6;
margin:0;
padding:0;
color:#1b232c;
background-color: #f2f0ed;
}
a{
color:#333
}

.clearfix:after,.clearfix:before{
display:table;
content:""
}

.maximg{
width:100%;
height:auto
}

.none{
display:none!important
}

.font8{
font-size:8px!important
}

.font9{
font-size:9px!important
}

.font10{
font-size:10px!important
}

.font11{
font-size:11px!important
}

.font12{
font-size:12px!important
}

.font13{
font-size:13px!important
}

.font14{
font-size:14px!important
}

.font15{
font-size:15px!important
}

.font16{
font-size:16px!important
}

.font17{
font-size:17px!important
}

.font18{
font-size:18px!important
}

.font19{
font-size:19px!important
}

.font20{
font-size:20px!important
}

.font21{
font-size:21px!important
}

.font22{
font-size:22px!important
}

.font23{
font-size:23px!important
}

.font24{
font-size:24px!important
}

.font25{
font-size:25px!important
}

.font26{
font-size:26px!important
}

.font27{
font-size:27px!important
}

.font28{
font-size:28px!important
}

.font29{
font-size:29px!important
}

.font30{
font-size:30px!important
}

.font31{
font-size:31px!important
}

.font32{
font-size:32px!important
}

.font33{
font-size:33px!important
}

.font34{
font-size:34px!important
}

.font35{
font-size:35px!important
}

.italic{
font-style:italic!important
}

.m0{
margin:0!important
}

.m5{
margin:5px!important
}

.m10{
margin:10px!important
}

.m15{
margin:15px!important
}

.m20{
margin:20px!important
}

.m25{
margin:25px!important
}

.m30{
margin:30px!important
}

.m35{
margin:35px!important
}

.m40{
margin:40px!important
}

.m45{
margin:45px!important
}

.m50{
margin:50px!important
}

.p0{
padding:0!important
}

.p5{
padding:5px!important
}

.p10{
padding:10px!important
}

.p15{
padding:15px!important
}

.p20{
padding:20px!important
}

.p25{
padding:25px!important
}

.p30{
padding:30px!important
}

.p35{
padding:35px!important
}

.p40{
padding:40px!important
}

.p45{
padding:45px!important
}

.p50{
padding:50px!important
}

.mb0{
margin-bottom:0!important
}

.mb5{
margin-bottom:5px!important
}

.mb10{
margin-bottom:10px!important
}

.mb15{
margin-bottom:15px!important
}

.mb20{
margin-bottom:20px!important
}

.mb25{
margin-bottom:25px!important
}

.mb30{
margin-bottom:30px!important
}

.mb35{
margin-bottom:35px!important
}

.mb40{
margin-bottom:40px!important
}

.mb45{
margin-bottom:45px!important
}

.mb50{
margin-bottom:50px!important
}

.mb55{
margin-bottom:55px!important
}

.mb60{
margin-bottom:60px!important
}

.mb65{
margin-bottom:65px!important
}

.mb70{
margin-bottom:70px!important
}

.mb75{
margin-bottom:75px!important
}

.mb80{
margin-bottom:80px!important
}

.mb85{
margin-bottom:85px!important
}

.mb90{
margin-bottom:90px!important
}

.mb95{
margin-bottom:95px!important
}

.mb100{
margin-bottom:100px!important
}

.mt0{
margin-top:0!important
}

.mt5{
margin-top:5px!important
}

.mt10{
margin-top:10px!important
}

.mt15{
margin-top:15px!important
}

.mt20{
margin-top:20px!important
}

.mt25{
margin-top:25px!important
}

.mt30{
margin-top:30px!important
}

.mt35{
margin-top:35px!important
}

.mt40{
margin-top:40px!important
}

.mt45{
margin-top:45px!important
}

.mt50{
margin-top:50px!important
}

.mt55{
margin-top:55px!important
}

.mt60{
margin-top:60px!important
}

.mt65{
margin-top:65px!important
}

.mt70{
margin-top:70px!important
}

.mt75{
margin-top:75px!important
}

.mt80{
margin-top:80px!important
}

.mt85{
margin-top:85px!important
}

.mt90{
margin-top:90px!important
}

.mt95{
margin-top:95px!important
}

.mt100{
margin-top:100px!important
}

.ml0{
margin-left:0!important
}

.ml5{
margin-left:5px!important
}

.ml10{
margin-left:10px!important
}

.ml15{
margin-left:15px!important
}

.ml20{
margin-left:20px!important
}

.ml25{
margin-left:25px!important
}

.ml30{
margin-left:30px!important
}

.ml35{
margin-left:35px!important
}

.ml40{
margin-left:40px!important
}

.ml45{
margin-left:45px!important
}

.ml50{
margin-left:50px!important
}

.ml55{
margin-left:55px!important
}

.ml60{
margin-left:60px!important
}

.ml65{
margin-left:65px!important
}

.ml70{
margin-left:70px!important
}

.ml75{
margin-left:75px!important
}

.ml80{
margin-left:80px!important
}

.ml85{
margin-left:85px!important
}

.ml90{
margin-left:90px!important
}

.ml95{
margin-left:95px!important
}

.ml100{
margin-left:100px!important
}

.mr0{
margin-right:0!important
}

.mr5{
margin-right:5px!important
}

.mr10{
margin-right:10px!important
}

.mr15{
margin-right:15px!important
}

.mr20{
margin-right:20px!important
}

.mr25{
margin-right:25px!important
}

.mr30{
margin-right:30px!important
}

.mr35{
margin-right:35px!important
}

.mr40{
margin-right:40px!important
}

.mr45{
margin-right:45px!important
}

.mr50{
margin-right:50px!important
}

.mr55{
margin-right:55px!important
}

.mr60{
margin-right:60px!important
}

.mr65{
margin-right:65px!important
}

.mr70{
margin-right:70px!important
}

.mr75{
margin-right:75px!important
}

.mr80{
margin-right:80px!important
}

.mr85{
margin-right:85px!important
}

.mr90{
margin-right:90px!important
}

.mr95{
margin-right:95px!important
}

.mr100{
margin-right:100px!important
}

.pb0{
padding-bottom:0!important
}

.pb5{
padding-bottom:5px!important
}

.pb10{
padding-bottom:10px!important
}

.pb15{
padding-bottom:15px!important
}

.pb20{
padding-bottom:20px!important
}

.pb25{
padding-bottom:25px!important
}

.pb30{
padding-bottom:30px!important
}

.pb35{
padding-bottom:35px!important
}

.pb40{
padding-bottom:40px!important
}

.pb45{
padding-bottom:45px!important
}

.pb50{
padding-bottom:50px!important
}

.pb55{
padding-bottom:55px!important
}

.pb60{
padding-bottom:60px!important
}

.pb65{
padding-bottom:65px!important
}

.pb70{
padding-bottom:70px!important
}

.pb75{
padding-bottom:75px!important
}

.pb80{
padding-bottom:80px!important
}

.pb85{
padding-bottom:85px!important
}

.pb90{
padding-bottom:90px!important
}

.pb95{
padding-bottom:95px!important
}

.pb100{
padding-bottom:100px!important
}

.pt0{
padding-top:0!important
}

.pt5{
padding-top:5px!important
}

.pt10{
padding-top:10px!important
}

.pt15{
padding-top:15px!important
}

.pt20{
padding-top:20px!important
}

.pt25{
padding-top:25px!important
}

.pt30{
padding-top:30px!important
}

.pt35{
padding-top:35px!important
}

.pt40{
padding-top:40px!important
}

.pt45{
padding-top:45px!important
}

.pt50{
padding-top:50px!important
}

.pt55{
padding-top:55px!important
}

.pt60{
padding-top:60px!important
}

.pt65{
padding-top:65px!important
}

.pt70{
padding-top:70px!important
}

.pt75{
padding-top:75px!important
}

.pt80{
padding-top:80px!important
}

.pt85{
padding-top:85px!important
}

.pt90{
padding-top:90px!important
}

.pt95{
padding-top:95px!important
}

.pt100{
padding-top:100px!important
}

.pl0{
padding-left:0!important
}

.pl5{
padding-left:5px!important
}

.pl10{
padding-left:10px!important
}

.pl15{
padding-left:15px!important
}

.pl20{
padding-left:20px!important
}

.pl25{
padding-left:25px!important
}

.pl30{
padding-left:30px!important
}

.pl35{
padding-left:35px!important
}

.pl40{
padding-left:40px!important
}

.pl45{
padding-left:45px!important
}

.pl50{
padding-left:50px!important
}

.pl55{
padding-left:55px!important
}

.pl60{
padding-left:60px!important
}

.pl65{
padding-left:65px!important
}

.pl70{
padding-left:70px!important
}

.pl75{
padding-left:75px!important
}

.pl80{
padding-left:80px!important
}

.pl85{
padding-left:85px!important
}

.pl90{
padding-left:90px!important
}

.pl95{
padding-left:95px!important
}

.pl100{
padding-left:100px!important
}

.pr0{
padding-right:0!important
}

.pr5{
padding-right:5px!important
}

.pr10{
padding-right:10px!important
}

.pr15{
padding-right:15px!important
}

.pr20{
padding-right:20px!important
}

.pr25{
padding-right:25px!important
}

.pr30{
padding-right:30px!important
}

.pr35{
padding-right:35px!important
}

.pr40{
padding-right:40px!important
}

.pr45{
padding-right:45px!important
}

.pr50{
padding-right:50px!important
}

.pr55{
padding-right:55px!important
}

.pr60{
padding-right:60px!important
}

.pr65{
padding-right:65px!important
}

.pr70{
padding-right:70px!important
}

.pr75{
padding-right:75px!important
}

.pr80{
padding-right:80px!important
}

.pr85{
padding-right:85px!important
}

.pr90{
padding-right:90px!important
}

.pr95{
padding-right:95px!important
}

.pr100{
padding-right:100px!important
}
html{
font-family:"Noto Sans JP";
position:relative;
height:100%
}
body{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex-direction:column;
min-height:100%;
/* background:#efefef; */
-webkit-box-direction:normal;
-webkit-box-orient:vertical;
-ms-flex-direction:column
}
.favoritebtn a{
    background-color: #4a89be;
    color: #fff;
    padding: 15px 30px;
    margin: 10px 0;
    font-weight: bold;
    display: block;
    text-align: center;
}
.pdflink{
background-color:#4a89be; color:#fff; padding:15px 30px; margin:20px;
}
.pdflink a{
color:#fff;
}
.btn_rpst3{
color:#fff
  width: 25%;
  margin: 15px;
  padding: 0px 3px;
  clear: left;
  font-size: 0.85em;
  background: #333;
}
.btn_next3 a {
    font-size: 15px;
    color: #fff !important;
    width: 100%;
    height: 50px;
    padding: 12px 0 3px 0;
    display: block;
    text-align: center;
    text-decoration: none;
}

.header{
flex:0 0 auto;
-webkit-box-flex:0;
-ms-flex:0 0 auto
}

.footer{
flex:0 0 auto;
-webkit-box-flex:0;
-ms-flex:0 0 auto
}

.content{
position:relative;
flex:1 0 auto;
-webkit-box-flex:1;
-ms-flex:1 0 auto
}

.content .content__body .main-content{
order:2;
width:100%;
-webkit-box-ordinal-group:3;
-ms-flex-order:2
}

.content .content__body .main-content .main-content__inner{
padding:15px 15px 35px
}

.footer{
font-size:12px;
font-size:1.2rem;
position:relative;
background:#3e3a39
}

.footer .footer__inner{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex-direction:column;
align-items:center;
max-width:1200px;
margin:0 auto;
padding:9.33333vw 15px 11.33333vw;
-webkit-box-align:center;
-webkit-box-direction:normal;
-webkit-box-orient:vertical;
-ms-flex-align:center;
-ms-flex-direction:column
}

.footer .footer__inner .logo{
line-height:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
order:2;
width:33.33333vw;
-webkit-box-align:center;
-webkit-box-ordinal-group:3;
-ms-flex-align:center;
-ms-flex-order:2
}

.footer .footer__inner .logo img{
width:100%;
height:auto
}

.footer .footer__inner .navigation{
order:1;
-webkit-box-ordinal-group:2;
-ms-flex-order:1
}

.footer .footer__inner .navigation ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex-wrap:wrap;
justify-content:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
-ms-flex-wrap:wrap
}

.footer .footer__inner .navigation ul li{
margin:0 12px 30px
}

.footer .footer__inner .navigation ul li a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
-webkit-box-align:center;
-ms-flex-align:center
}

.footer .footer__inner .navigation ul li a:before{
margin-right:.66667vw;
content:"»"
}

.footer .footer__inner .navigation a{
color:#fff
}

.footer .footer__inner .follow-us{
order:3;
margin-top:45px;
text-align:center;
color:#fff;
-webkit-box-ordinal-group:4;
-ms-flex-order:3
}

.footer .footer__inner .follow-us p{
font-weight:700;
}

.footer .footer__inner .follow-us ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
justify-content:center;
padding-top:10px;
-webkit-box-align:center;
-webkit-box-pack:center;
-ms-flex-align:center;
-ms-flex-pack:center
}

.footer .footer__inner .follow-us ul li{
line-height:0;
width:8vw;
-ms-flex-negative:0;
flex-shrink:0
}

.footer .footer__inner .follow-us ul li img{
width:100%;
height:auto
}

.header{
position:relative;
background:#3e3a39
}

.header .header__inner{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
justify-content:center;
max-width:1200px;
margin:0 auto;
padding:3.33333vw 15px;
-webkit-box-align:center;
-webkit-box-pack:center;
-ms-flex-align:center;
-ms-flex-pack:center
}

.header .header__inner .logo{
line-height:0;
width:26.66667vw
}

.header .header__inner .logo img{
width:100%;
height:auto
}

.header .header__inner .sub-title{
line-height:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
width:33.33333vw;
margin-top:1.33333vw;
-webkit-box-align:center;
-ms-flex-align:center
}

.header .header__inner .sub-title img{
width:100%;
height:auto
}

.header .header__inner .utility{
margin-left:auto
}

.header .header__inner .utility .utility__inner{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
-webkit-box-align:center;
-ms-flex-align:center
}

.header .header__inner .utility .utility__inner .utility__cart{
margin-right:15px
}

.header .header__inner .utility .utility__inner .utility__cart a{
font-family:YakuHanJP,TsukuARdGothic-Regular,-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",sans-serif;
font-weight:700;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
justify-content:center;
padding:7px 20px;
color:#fff;
border-radius:4px;
background:#c8aca0;
-webkit-box-align:center;
-webkit-box-pack:center;
-ms-flex-align:center;
-ms-flex-pack:center
}

.header .header__inner .utility .utility__inner .utility__cart .icon{
line-height:0;
width:27px;
height:25px;
margin-right:12px
}

.header .header__inner .utility .utility__inner .utility__cart .icon img{
width:100%;
height:auto
}

.header .header__inner .utility .utility__inner .utility__mypage{
line-height:0;
width:32px
}

.header .header__inner .utility .utility__inner .utility__mypage img{
width:100%;
height:auto
}

.header .navigation{
position:fixed;
z-index:3;
top:-100%;
left:0;
overflow-y:auto;
width:100%;
height:100%;
-webkit-transition:.5s ease-out;
transition:.5s ease-out;
-webkit-transform:translate(0,0);
transform:translate(0,0);
-webkit-overflow-scrolling:touch
}

.header .navigation .navigation__inner{
overflow-y:auto;
width:100%;
height:100%;
padding:15.33333vw 6.13333vw 0;
text-align:center;
background:rgba(62,58,57,.9)
}

.header .navigation .navigation__inner a{
color:#fff
}

.header .global-navigation a{
position:relative;
display:inline-block;
width:100%;
padding:2vw 0
}

.header .global-navigation a:after{
position:absolute;
bottom:-8px;
left:0;
width:100%;
height:2px;
content:"";
-webkit-transition:-webkit-transform .45s cubic-bezier(0,1.01,.91,1);
transition:-webkit-transform .45s cubic-bezier(0,1.01,.91,1);
transition:transform .45s cubic-bezier(0,1.01,.91,1);
transition:transform .45s cubic-bezier(0,1.01,.91,1),-webkit-transform .45s cubic-bezier(0,1.01,.91,1);
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transform-origin:right center;
transform-origin:right center;
background:#3e3a39
}

.header .global-navigation a.category--parent{
font-size:13px;
font-size:1.3rem;
margin-bottom:1.73333vw;
letter-spacing:calc(13px * .001 * 200);
border:1px solid #fff
}

.header .global-navigation a.category--parent:before{
position:absolute;
top:50%;
left:15.33333vw;
display:block;
display:block;
width:18px;
height:18px;
content:"";
-webkit-transform:translate(0,-50%);
transform:translate(0,-50%);
background:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2765.67%27%20height%3D%2765.67%27%20viewBox%3D%270%200%2065.67%2065.67%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2{fill%3Anone%3Bstroke%3A%23fff%3Bstroke-width%3A5.67px%3B}.cls-1{stroke-miterlimit%3A10%3B}.cls-2{stroke-linecap%3Around%3Bstroke-linejoin%3Around%3B}%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eアセット%207%3C%2Ftitle%3E%3Cg%20id%3D%27レイヤー_2%27%20data-name%3D%27レイヤー%202%27%3E%3Cg%20id%3D%27レイヤー_1-2%27%20data-name%3D%27レイヤー%201%27%3E%3Ccircle%20class%3D%27cls-1%27%20cx%3D%2732.83%27%20cy%3D%2732.83%27%20r%3D%2730%27%2F%3E%3Cpolygon%20class%3D%27cls-2%27%20points%3D%2747.34%2032.84%2024.84%2045.56%2024.84%2020.11%2047.34%2032.84%27%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
background-size:18px auto
}

.header .global-navigation li ul{
margin-bottom:5px;
text-align:left
}

.header .global-navigation li ul li{
font-size:12px;
font-size:1.2rem;
letter-spacing:calc(12px * .001 * 300)
}

.header .global-navigation li ul li a:before{
margin-right:5px;
content:"»"
}

.header .about-navigation{
padding:4vw 0 0 15.33333vw;
text-align:left
}

.header .about-navigation a{
font-size:10px;
font-size:1rem;
position:relative;
display:inline-block;
width:100%;
padding:2vw 0 2vw 9.6vw;
letter-spacing:calc(10px * .001 * 200)
}

.header .about-navigation a:before{
position:absolute;
top:50%;
left:0;
display:block;
display:block;
width:18px;
height:18px;
content:"";
-webkit-transform:translate(0,-50%);
transform:translate(0,-50%);
background:url(data:image/svg+xml;
utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2765.67%27%20height%3D%2765.67%27%20viewBox%3D%270%200%2065.67%2065.67%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2{fill%3Anone%3Bstroke%3A%23fff%3Bstroke-width%3A5.67px%3B}.cls-1{stroke-miterlimit%3A10%3B}.cls-2{stroke-linecap%3Around%3Bstroke-linejoin%3Around%3B}%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eアセット%207%3C%2Ftitle%3E%3Cg%20id%3D%27レイヤー_2%27%20data-name%3D%27レイヤー%202%27%3E%3Cg%20id%3D%27レイヤー_1-2%27%20data-name%3D%27レイヤー%201%27%3E%3Ccircle%20class%3D%27cls-1%27%20cx%3D%2732.83%27%20cy%3D%2732.83%27%20r%3D%2730%27%2F%3E%3Cpolygon%20class%3D%27cls-2%27%20points%3D%2747.34%2032.84%2024.84%2045.56%2024.84%2020.11%2047.34%2032.84%27%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
background-size:18px auto
}

.menu{
position:absolute;
z-index:5;
top:50%;
right:0;
width:13.33333vw;
height:13.33333vw;
-webkit-transform:translate(0,-50%);
transform:translate(0,-50%)
}

.menu .menu__label{
display:block;
width:100%;
height:100%
}

.menu .menu__line{
position:absolute;
left:3.73333vw;
display:block;
width:6.66667vw;
height:.53333vw;
-webkit-transition:.3s ease-out;
transition:.3s ease-out;
border-radius:1px;
background:#fff
}

.menu .menu__line:nth-child(1){
top:3.33333vw
}

.menu .menu__line:nth-child(2){
top:6.66667vw
}

.menu .menu__line:nth-child(3){
top:10vw
}

.menu-state{
display:none
}

.menu-state:checked~.navigation{
will-change:transform
}

.menu-state:checked~.menu .menu__line:nth-child(1){
-webkit-transform:translateY(1.6vw) rotate(45deg);
transform:translateY(1.6vw) rotate(45deg)
}

.menu-state:checked~.menu .menu__line:nth-child(2){
-webkit-transform:translateY(-1.6vw) rotate(-45deg);
transform:translateY(-1.6vw) rotate(-45deg)
}

.menu-state:checked~.menu .menu__line:nth-child(3){
opacity:0
}

.side{
flex:0 0 273px;
order:1;
width:273px;
margin-top:-75px;
/* padding:45px 25px 25px 25px; */
color:#fff;
background:#c8aca0;
-webkit-box-flex:0;
-webkit-box-ordinal-group:2;
-ms-flex:0 0 273px;
-ms-flex-order:1;
position: fixed;
overflow-y: auto;
height: 100%;
}
.side .side_inner {
  padding:45px 25px 25px 25px;
  min-height: 1125px;
}
.side .side_container {
  
}

.side .logo{
line-height:0;
width:26.66667vw
}

.side .logo img{
width:100%;
height:auto
}

.side .side__item{
margin-bottom:30px
}

.side h3{
font-size:21px;
font-size:2.1rem;
line-height:1;
text-align:center;
letter-spacing:calc(21px * .001 * 300)
}

.side a{
color:#fff
}

.side nav{
margin-top:15px;
padding:17px 0 0;
border-top:1px dashed #fff
}

.side nav .head-en{
font-size:14px;
font-size:1.4rem;
font-weight:700;
letter-spacing:calc(14px * .001 * 300)
}

.side nav .small{
font-size:10px;
font-size:1rem;
display:block
}

.side nav .category--parent{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
padding-left:35px;
-webkit-box-align:center;
-ms-flex-align:center
}

.side nav .category--parent:before{
position:absolute;
top:50%;
left:0;
display:block;
display:block;
width:18px;
height:18px;
content:"";
-webkit-transform:translate(0,-50%);
transform:translate(0,-50%);
background:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2765.67%27%20height%3D%2765.67%27%20viewBox%3D%270%200%2065.67%2065.67%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2{fill%3Anone%3Bstroke%3A%23fff%3Bstroke-width%3A5.67px%3B}.cls-1{stroke-miterlimit%3A10%3B}.cls-2{stroke-linecap%3Around%3Bstroke-linejoin%3Around%3B}%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eアセット%207%3C%2Ftitle%3E%3Cg%20id%3D%27レイヤー_2%27%20data-name%3D%27レイヤー%202%27%3E%3Cg%20id%3D%27レイヤー_1-2%27%20data-name%3D%27レイヤー%201%27%3E%3Ccircle%20class%3D%27cls-1%27%20cx%3D%2732.83%27%20cy%3D%2732.83%27%20r%3D%2730%27%2F%3E%3Cpolygon%20class%3D%27cls-2%27%20points%3D%2747.34%2032.84%2024.84%2045.56%2024.84%2020.11%2047.34%2032.84%27%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
background-size:18px auto
}

.side nav li{
margin-bottom:15px
}

.side nav li ul{
font-size:10px;
font-size:1rem;
padding:15px 25px 0
}

.side nav li ul li{
padding-bottom:10px;
border-bottom:1px solid #fff
}

.side nav li ul a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
-webkit-box-align:center;
-ms-flex-align:center
}

.side nav li ul a:before{
margin-right:10px;
content:"»"
}

.free-shipping{
padding:10px 15px;
border:1px solid #fff
}

.free-shipping .free-shipping__main{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:5px;
padding-bottom:5px;
border-bottom:1px solid #fff;
-webkit-box-align:center;
-webkit-box-pack:center;
-ms-flex-align:center;
-ms-flex-pack:center
}




.side .free-shipping {
        
}
.free-shipping .free-shipping__main .icon{
  width:38px;
  margin-left:8px
}
.free-shipping .free-shipping__main .icon img{
  width:100%;
  height:auto
  }
.side .free-shipping__main_cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left:30px
}
.side .free-shipping__main_whiteBar {
  display: inline-block;
  background-color: #fff;
  font-size: 10px;
  letter-spacing: 0.1em;
  color: #C6AA9F;
  border-radius: 8px;
  margin-bottom: 2px;
  padding: 0 13px;
  font-weight: 500;
}
.side .free-shipping__main_txt {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.04em;
}
.side .free-shipping__main_biggest {
  font-size: 21px;
  letter-spacing: 0.3em;
  font-weight: bold;
  line-height: 1.4;
}
.side .free-shipping__main_caution {
  font-size: 10px;
  padding-right: 4px;
  letter-spacing: 0.12em;
}
.side .free-shipping__bottom {
  font-size: 10px;
  text-align: center;
  line-height: 1.6;
  letter-spacing: 0.1em;
}
.side .free-shipping__bottom_bold {
  font-weight: 500;
}
.side .free-shipping__bottom a{
  border-bottom: 1px solid #fff;
}

.official_bnr{
	padding-top:30px;
	text-align:center;
}

.official_bnr span{
	margin-top:15px;
	font-size:12px;
}

.head-en{
line-height:1
}
.products h3{
background-color:#fff;
padding:5px 0;
margin:10px 0 30px;
font-size:15px;
letter-spacing:3px;
text-align:center;
}
.products h3.products_ttl {
  background-color: transparent;
  /* font-weight: 500; */
  letter-spacing: 0.3em;
  margin-bottom: 26px;
}

.products h3.products_ttl .products_ttl_main {
  display: block;
  font-size: 20px;
  font-weight: 800;
}
.products h3.products_ttl .products_ttl_min {
  display: block;
  font-size: 10px;
  font-weight: 600;
}
.top_category h3.top_category_ttl {
  background-color: transparent;
  /* font-weight: 500; */
  letter-spacing: 0.3em;
  margin-bottom: 26px;
}

.top_category h3.top_category_ttl .top_category_ttl_main {
  display: block;
  font-size: 20px;
  font-weight: 800;
}
.top_category h3.top_category_ttl .top_category_ttl_min {
  display: block;
  font-size: 10px;
  font-weight: 600;
}


.products-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex-wrap:wrap;
margin-left:-5px;
-ms-flex-wrap:wrap
}

.products-list .list__item{
position:relative;
width:calc((100vw - 40px)/ 2);
margin:0 5px 10px;
background:#fff
}

.products-list .list__item:before{
font-size:10px;
font-size:1rem;
position:absolute;
top:0;
right:0;
display:block;
min-width:21.46667vw;
padding:5px;
content:attr(data-category-label) "";
text-align:center;
color:#fff;
background:#3e3a39
}

.products-list .list__item .item__head{
padding:30px 10px 10px
}

.products-list .list__item .item__head .item__name{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 3px;
-webkit-box-align:center;
-webkit-box-pack:justify;
-ms-flex-align:center;
-ms-flex-pack:justify
}

.products-list .list__item .item__head .item__name .head-en{
font-size:16px;
font-weight:700;
line-height:1.4;
width:21.33333vw;
letter-spacing:calc(16px * .001 * 200);
word-break:break-all
}

.products-list .list__item .item__head .item__name figure{
display:block;
width:16.26667vw;
-ms-flex-negative:0;
flex-shrink:0
}

.products-list .list__item .item__head .item__name figure img{
width:100%;
height:auto
}

.products-list .list__item .item__head .item__area{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
justify-content:space-between;
margin:5px 0;
padding:5px 3px;
border-top:1px solid #000;
border-bottom:1px solid #000;
-webkit-box-align:center;
-webkit-box-pack:justify;
-ms-flex-align:center;
-ms-flex-pack:justify
}

.products-list .list__item .item__head .item__area p{
font-size:11px;
font-size:1.1rem;
font-weight:700;
letter-spacing:calc(11px * .001 * 200)
}

.products-list .list__item .item__head .item__area .area__flag{
width:5.33333vw
}

.products-list .list__item .item__head .item__area .area__flag img{
width:100%;
height:auto
}

.products-list .list__item .item__head .item__plantation{
font-size:10px;
font-size:1rem;
padding:0 3px
}

.products-list .list__item .item__feature{
font-size:10px;
font-size:1rem;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
justify-content:center;
padding:5px 0;
color:#fff;
background:#3e3a39;
-webkit-box-align:center;
-webkit-box-pack:center;
-ms-flex-align:center;
-ms-flex-pack:center
}

.products-list .list__item .item__feature[data-roast=deep]{
background:#443730
}

.products-list .list__item .item__feature[data-roast=medium]{
background:#7f5b4c
}

.products-list .list__item .item__feature[data-roast=shallow]{
background:#967d66
}

.products-list .list__item .item__feature .feature__rate{
margin-left:15px;
padding-left:11px;
border-left:1px solid #fff
}

.products-list .list__item .item__feature .feature__rate dl{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
-webkit-box-align:center;
-ms-flex-align:center
}

.products-list .list__item .item__feature .feature__rate dl dt{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
justify-content:space-between;
margin-right:10px;
-webkit-box-align:center;
-webkit-box-pack:justify;
-ms-flex-align:center;
-ms-flex-pack:justify
}

.products-list .list__item .item__feature .feature__rate dl dt:after{
display:inline-block;
margin-left:10px;
content:":"
}

.products-list .list__item .item__feature .feature__rate .rate__wrap .rate__item{
font-size:10px;
position:relative;
display:inline-block;
width:50px;
height:10px
}

.products-list .list__item .item__feature .feature__rate .rate__wrap .rate__item:after,.products-list .list__item .item__feature .feature__rate .rate__wrap .rate__item:before{
line-height:10px;
position:absolute;
top:0;
left:0;
display:inline-block;
height:10px;
content:"★★★★★";
color:#fff
}

.products-list .list__item .item__feature .feature__rate .rate__wrap .rate__item:before{
content:"☆☆☆☆☆"
}

.products-list .list__item .item__feature .feature__rate .rate__wrap .rate__item:after{
overflow:hidden;
white-space:nowrap
}

.products-list .list__item .item__feature .feature__rate .rate__wrap .rate__item.rate0:after{
width:0
}

.products-list .list__item .item__feature .feature__rate .rate__wrap .rate__item.rate1:after{
width:10px
}

.products-list .list__item .item__feature .feature__rate .rate__wrap .rate__item.rate2:after{
width:20px
}

.products-list .list__item .item__feature .feature__rate .rate__wrap .rate__item.rate3:after{
width:30px
}

.products-list .list__item .item__feature .feature__rate .rate__wrap .rate__item.rate4:after{
width:40px
}

.products-list .list__item .item__feature .feature__rate .rate__wrap .rate__item.rate5:after{
width:50px
}

.products-list .list__item .item__spec{
font-size:10px;
font-size:1rem;
padding:4px 7px 5px;
color:#fff;
background:#3e3a39
}

.products-list .list__item .item__spec h2{
font-size:10px;
font-size:1rem
}

.products-list .list__item .item__spec .price{
margin:4px 2px 0;
padding-top:5px;
text-align:center;
border-top:1px dashed #fff
}

.products-list .list__item[data-category=single-origin]:before{
background:#dca700
}

.products-list .list__item[data-category=high-quality]:before{
background:#f15a5a
}

.products-list .list__item[data-category=none]:before{
display:none
}

.products-list .list__item.list__item--img figure img{
width:100%;
height:auto
}

.hero{
position:relative;
height:auto
}

.free-shipping-side{
font-size:10px;
font-size:1rem;
position:fixed;
z-index:2;
top:100px;
right:0;
padding:10px 20px 10px 25px;
color:#fff;
border:none;
border-radius:40px 0 0 40px;
background:#3e3a39
}

.free-shipping-side span{
font-size:20.5px;
font-size:2.05rem;
font-weight:700;
letter-spacing:calc(20.5px * .001 * 300)
}

.hero .slick-arrow{
font-size:0;
position:absolute;
z-index:1;
top:50%;
-webkit-transform:translate(0,-50%);
transform:translate(0,-50%)
}

.hero .slick-arrow:before{
position:absolute;
top:50%;
width:20px;
height:20px;
margin-top:-10px;
content:"";
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
border:0
}

.hero .slick-arrow.slick-prev{
left:48px
}

.hero .slick-arrow.slick-prev:before{
left:0;
border-bottom:solid 3px #3e3a39;
border-left:solid 3px #3e3a39
}

.hero .slick-arrow.slick-next{
right:48px
}

.hero .slick-arrow.slick-next:before{
right:0;
border-top:solid 3px #3e3a39;
border-right:solid 3px #3e3a39
}

.hero .hero__item{
width:100%;
height:auto
}

.hero .hero__item .hero__item__inner{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
max-width:670px;
height:100%;
margin:0 auto;
padding:16vw 0 46.66667vw;
-webkit-box-align:center;
-webkit-box-direction:normal;
-webkit-box-orient:vertical;
-webkit-box-pack:center;
-ms-flex-align:center;
-ms-flex-direction:column;
-ms-flex-pack:center
}

.hero .hero__item[data-slide="1"],.hero .hero__item[data-slide="2"],.hero .hero__item[data-slide="3"]{
background:url(../img/top/img_slide-01.png) no-repeat center center/cover
}

.hero .hero__item[data-slide="1"] .copy img,.hero .hero__item[data-slide="2"] .copy img,.hero .hero__item[data-slide="3"] .copy img{
width:100%;
height:auto
}

.hero .hero__item[data-slide="1"] .copy .copy__main,.hero .hero__item[data-slide="2"] .copy .copy__main,.hero .hero__item[data-slide="3"] .copy .copy__main{
width:56vw
}

.hero .hero__item[data-slide="1"] .copy .copy__text,.hero .hero__item[data-slide="2"] .copy .copy__text,.hero .hero__item[data-slide="3"] .copy .copy__text{
width:66.66667vw;
margin:6.66667vw 0 5.33333vw
}

.hero .hero__item[data-slide="1"] .copy .copy__logo,.hero .hero__item[data-slide="2"] .copy .copy__logo,.hero .hero__item[data-slide="3"] .copy .copy__logo{
width:24vw
}

.hero .hero__item[data-slide="1"] .btns,.hero .hero__item[data-slide="2"] .btns,.hero .hero__item[data-slide="3"] .btns{
font-size:15px;
font-size:1.5rem;
font-weight:700;
position:absolute;
bottom:0;
left:0;
width:100%;
padding:15px 0 20px;
text-align:center;
letter-spacing:calc(15px * .001 * 300);
color:#fff;
background:#3e3a39
}

.hero .hero__item[data-slide="1"] .btns .btn,.hero .hero__item[data-slide="2"] .btns .btn,.hero .hero__item[data-slide="3"] .btns .btn{
margin-top:10px
}

.hero .hero__item[data-slide="1"] .btns .btn a,.hero .hero__item[data-slide="2"] .btns .btn a,.hero .hero__item[data-slide="3"] .btns .btn a{
position:relative;
display:inline-block;
padding:2vw 17.33333vw 2vw 8vw;
color:#fff;
border:1px solid #fff
}

.hero .hero__item[data-slide="1"] .btns .btn a:after,.hero .hero__item[data-slide="2"] .btns .btn a:after,.hero .hero__item[data-slide="3"] .btns .btn a:after{
position:absolute;
top:50%;
right:7px;
display:block;
display:block;
width:18px;
height:18px;
content:"";
-webkit-transform:translate(0,-50%);
transform:translate(0,-50%);
background:url(data:image/svg+xml;
utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2765.67%27%20height%3D%2765.67%27%20viewBox%3D%270%200%2065.67%2065.67%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2{fill%3Anone%3Bstroke%3A%23fff%3Bstroke-width%3A5.67px%3B}.cls-1{stroke-miterlimit%3A10%3B}.cls-2{stroke-linecap%3Around%3Bstroke-linejoin%3Around%3B}%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eアセット%207%3C%2Ftitle%3E%3Cg%20id%3D%27レイヤー_2%27%20data-name%3D%27レイヤー%202%27%3E%3Cg%20id%3D%27レイヤー_1-2%27%20data-name%3D%27レイヤー%201%27%3E%3Ccircle%20class%3D%27cls-1%27%20cx%3D%2732.83%27%20cy%3D%2732.83%27%20r%3D%2730%27%2F%3E%3Cpolygon%20class%3D%27cls-2%27%20points%3D%2747.34%2032.84%2024.84%2045.56%2024.84%2020.11%2047.34%2032.84%27%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
background-size:18px auto
}

.filter{
font-size:12px;
font-size:1.2rem;
font-weight:700;
letter-spacing:calc(12px * .001 * 200)
}

.filter .filter__category li{
width:100%;
margin-bottom:4vw
}

.filter .filter__category li a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
width:100%;
height:8vw;
padding:0 1.33333vw;
background:#fff;
-webkit-box-align:center;
-ms-flex-align:center
}

.filter .filter__category li a.current{
color:#fff;
background:#3e3a39
}

.filter .filter__category li a:before{
margin-right:10px;
content:"»"
}

.filter .filter__roast{
margin-bottom:4vw;
padding:15px;
background:#fff
}

.filter .filter__roast dt{
font-size:12px;
font-size:1.2rem;
text-align:center
}

.filter .filter__roast ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
justify-content:center;
-webkit-box-align:center;
-webkit-box-pack:justify;
-ms-flex-align:center;
-ms-flex-pack:justify;
gap: 10px;
}

.filter .filter__roast ul li{
width:100%;
margin-right:5px
}

.filter .filter__roast ul li:last-child{
margin-right:0
}

.filter .filter__roast ul li a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:45px;
color:#fff;
background:#3e3a39;
-webkit-box-align:center;
-webkit-box-pack:center;
-ms-flex-align:center;
-ms-flex-pack:center
}

.filter .filter__roast ul li a:before{
margin-right:10px;
content:"»"
}
.filter.coffee_gift_filter  ul li a span {
  font-size: 13px;
  text-align: center;
  line-height: 1.3;
}

.page-top .free-shipping__wrap{
padding:10px;
color:#fff;
background:#c8aca0
}

.page-top .free-shipping__wrap .free-shipping{
width:66.66667vw;
margin:0 auto
}

.page-top .free-shipping__wrap .free-shipping p{
font-size:11px;
font-size:1.1rem
}

.page-top .content__body .main-content .category li{
margin:0 0 15px
}

.page-top .content__body .main-content .category li img{
width:100%;
height:auto
}

.page-top .content__body .main-content .category li .category__detail{
position:relative;
padding:12px 40px 12px 12px;
color:#fff;
background:#3e3a39
}

.page-top .content__body .main-content .category li .category__detail h2{
font-size:13px;
font-size:1.3rem;
margin-bottom:2px;
letter-spacing:calc(13px * .001 * 300)
}

.delivery .teiki_bn{
margin-bottom:30px;

}

.page-top .content__body .main-content .category li .category__detail p{
font-size:1rem
}

.page-top .content__body .main-content .category li .category__detail:after{
position:absolute;
top:50%;
right:18px;
display:block;
display:block;
width:18px;
height:18px;
content:"";
-webkit-transform:translate(0,-50%);
transform:translate(0,-50%);
background:url(data:image/svg+xml;
utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2765.67%27%20height%3D%2765.67%27%20viewBox%3D%270%200%2065.67%2065.67%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2{fill%3Anone%3Bstroke%3A%23fff%3Bstroke-width%3A5.67px%3B}.cls-1{stroke-miterlimit%3A10%3B}.cls-2{stroke-linecap%3Around%3Bstroke-linejoin%3Around%3B}%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eアセット%207%3C%2Ftitle%3E%3Cg%20id%3D%27レイヤー_2%27%20data-name%3D%27レイヤー%202%27%3E%3Cg%20id%3D%27レイヤー_1-2%27%20data-name%3D%27レイヤー%201%27%3E%3Ccircle%20class%3D%27cls-1%27%20cx%3D%2732.83%27%20cy%3D%2732.83%27%20r%3D%2730%27%2F%3E%3Cpolygon%20class%3D%27cls-2%27%20points%3D%2747.34%2032.84%2024.84%2045.56%2024.84%2020.11%2047.34%2032.84%27%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
background-size:18px auto
}

.page-top .content__body .main-content .delivery .delivery__head{
margin-bottom:15px;
padding:20px;
background:url(../img/top/bg_delivery-head_sp.jpg) repeat center center/cover
}

.page-top .content__body .main-content .delivery .delivery__head .delivery__head__inner{
font-family:YakuHanJP,TsukuARdGothic-Regular,-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",sans-serif;
font-weight:700;
position:relative;
padding:18px 25px;
background:#fff
}

.page-top .content__body .main-content .delivery .delivery__head .delivery__head__inner h2{
line-height:1;
width:62.66667vw;
margin-bottom:10px
}

.page-top .content__body .main-content .delivery .delivery__head .delivery__head__inner h3{
line-height:1;
margin-bottom:10px
}

.page-top .content__body .main-content .delivery .delivery__head .delivery__head__inner p{
font-size:10px;
font-size:1rem
}

.page-top .content__body .main-content .delivery .delivery__head .delivery__head__inner img{
width:100%;
height:auto
}

.page-top .content__body .main-content .delivery .delivery__head .delivery__head__inner .delivery__head__mark{
position:absolute;
right:-4vw;
bottom:2.66667vw;
width:22.13333vw
}

.page-category .main-content .hero{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:flex-end;
height:375px;
padding:0 0 8vw 6.66667vw;
color:#fff;
background-position:center center;
background-size:cover;
-webkit-box-align:end;
-ms-flex-align:end
}

.page-category .main-content .hero h1{
font-size:25px;
font-size:2.5rem;
letter-spacing:calc(25px * .001 * 200)
}

.page-category .main-content .hero h1 span{
font-size:16.5px;
font-size:1.65rem;
display:block;
margin-top:15px;
letter-spacing:calc(16.5px * .001 * 200)
}

.page-category .main-content .description{
font-size:12px;
font-size:1.2rem;
line-height:1.8;
margin-bottom:5.33333vw;
letter-spacing:calc(12px * .001 * 200)
}

.page-single .main-content .hero{

	display:none;


}

.page-single .attention{

	background-color:#CC3300;

	color:#fff;

	padding:10px;

	text-align:center;

	margin:20px;

	display: block;

	font-weight:bold;

	font-size:18px;


}

.product-detail{
margin-bottom:3.33333vw
}
.product-detail_top_btn {
  display: block;
  width: 76px;
  height: 76px;
  position: fixed;
  top: 120px;
  right: 40px;
}
.product-detail_top_btn img {
  width: 100%;
  height: auto;
}

.product-detail h1{
font-size:12px;
font-size:1.2rem;
margin-bottom:4vw;
padding:4vw;
background:#fff
}

.product-detail .detail__inner .detail__info{
position:relative;
margin-bottom:4vw
}

.product-detail .detail__inner .detail__info:before{
font-size:16px;
font-size:1.6rem;
position:absolute;
top:0;
right:0;
display:block;
min-width:21.46667vw;
padding:10px;
content:attr(data-category-label) "";
text-align:center;
color:#fff;
background:#3e3a39
}

.product-detail .detail__inner .detail__info[data-category=single-origin]:before{
background:#dca700
}

.product-detail .detail__inner .detail__info[data-category=high-quality]:before{
background:#f15a5a
}

.product-detail .detail__inner .detail__info[data-category=none]:before{
display:none
}

.product-detail .detail__inner .detail__info figure img{
width:100%;
height:auto
}

.product-detail .detail__inner .detail__info .item__head{
padding:45px 20px 10px;
background:#fff
}

.product-detail .detail__inner .detail__info .item__head .item__name{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 3px;
-webkit-box-align:center;
-webkit-box-pack:justify;
-ms-flex-align:center;
-ms-flex-pack:justify
}

.product-detail .detail__inner .detail__info .item__head .item__name .head-en{
font-size:32.5px;
font-size:3.25rem;
font-weight:700;
line-height:1.4;
letter-spacing:calc(16px * .001 * 200)
}

.product-detail .detail__inner .detail__info .item__head .item__name figure img{
width:100%;
height:auto
}

.product-detail .detail__inner .detail__info .item__head .item__area{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
justify-content:space-between;
margin:5px 0;
padding:10px 3px;
border-top:1px solid #000;
border-bottom:1px solid #000;
-webkit-box-align:center;
-webkit-box-pack:justify;
-ms-flex-align:center;
-ms-flex-pack:justify
}

.product-detail .detail__inner .detail__info .item__head .item__area p{
font-size:23px;
font-size:2.3rem;
font-weight:700;
letter-spacing:calc(11px * .001 * 200)
}

.product-detail .detail__inner .detail__info .item__head .item__area .area__flag{
width:10.66667vw
}

.product-detail .detail__inner .detail__info .item__head .item__area .area__flag img{
width:100%;
height:auto
}

.product-detail .detail__inner .detail__info .item__head .item__plantation{
font-size:16px;
font-size:1.6rem;
font-weight:700;
padding:0 3px
}

.product-detail .detail__inner .item__feature{
font-size:15.6px;
font-size:1.56rem;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
justify-content:center;
padding:10px 0;
color:#fff;
background:#3e3a39;
-webkit-box-align:center;
-webkit-box-pack:center;
-ms-flex-align:center;
-ms-flex-pack:center
}

.product-detail .detail__inner .item__feature[data-roast=deep]{
background:#443730
}

.product-detail .detail__inner .item__feature[data-roast=medium]{
background:#7f5b4c
}

.product-detail .detail__inner .item__feature[data-roast=shallow]{
background:#967d66
}

.product-detail .detail__inner .item__feature .feature__rate{
margin-left:25px;
padding-left:20px;
border-left:1px solid #fff
}

.product-detail .detail__inner .item__feature .feature__rate dl{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
-webkit-box-align:center;
-ms-flex-align:center
}

.product-detail .detail__inner .item__feature .feature__rate dl dt{
font-size:14.3px;
font-size:1.43rem;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
justify-content:space-between;
margin-right:20px;
-webkit-box-align:center;
-webkit-box-pack:justify;
-ms-flex-align:center;
-ms-flex-pack:justify
}

.product-detail .detail__inner .item__feature .feature__rate dl dt:after{
display:inline-block;
margin-left:20px;
content:":"
}

.product-detail .detail__inner .item__feature .feature__rate .rate__wrap .rate__item{
font-size:14px;
position:relative;
display:inline-block;
width:70px;
height:14px
}

.product-detail .detail__inner .item__feature .feature__rate .rate__wrap .rate__item:after,.product-detail .detail__inner .item__feature .feature__rate .rate__wrap .rate__item:before{
line-height:14px;
position:absolute;
top:0;
left:0;
display:inline-block;
height:14px;
content:"★★★★★";
letter-spacing:calc(14px * .001 * 200);
color:#fff
}

.product-detail .detail__inner .item__feature .feature__rate .rate__wrap .rate__item:before{
content:"☆☆☆☆☆"
}

.product-detail .detail__inner .item__feature .feature__rate .rate__wrap .rate__item:after{
overflow:hidden;
white-space:nowrap
}

.product-detail .detail__inner .item__feature .feature__rate .rate__wrap .rate__item.rate0:after{
width:0
}

.product-detail .detail__inner .item__feature .feature__rate .rate__wrap .rate__item.rate1:after{
width:16.8px
}

.product-detail .detail__inner .item__feature .feature__rate .rate__wrap .rate__item.rate2:after{
width:33.6px
}

.product-detail .detail__inner .item__feature .feature__rate .rate__wrap .rate__item.rate3:after{
width:50.4px
}

.product-detail .detail__inner .item__feature .feature__rate .rate__wrap .rate__item.rate4:after{
width:67.2px
}

.product-detail .detail__inner .item__feature .feature__rate .rate__wrap .rate__item.rate5:after{
width:84px
}

.product-detail .detail__inner .item__thumb{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex-wrap:wrap;
align-items:center;
margin-top:4vw;
margin-bottom:-10px;
-webkit-box-align:center;
-ms-flex-align:center;
-ms-flex-wrap:wrap
}

.product-detail .detail__inner .item__thumb li{
width:20.53333vw;
margin:0 10px 10px 0
}

.product-detail .detail__inner .item__thumb li:nth-child(4n){
margin-right:0
}

.product-detail .detail__inner .item__thumb li img{
width:100%;
height:auto
}

.product-detail .detail__inner .detail__spec .spec__description{
margin-bottom:4vw;
padding:4vw;
background:#fff
}

.product-detail .detail__inner .detail__spec .spec__description h2{
font-size:15.5px;
font-size:1.55rem;
margin-bottom:6.66667vw
}

.product-detail .detail__inner .detail__spec .spec__description h5{
font-size:15.5px;
font-size:1.55rem;
margin-bottom:6.66667vw
}

.product-detail .detail__inner .detail__spec .spec__description p{
font-size:12px;
font-size:1.2rem;
margin-bottom:6.66667vw
}

.product-detail .detail__inner .detail__spec .spec__description p:last-child{
margin-bottom:0
}

.product-detail .detail__inner .detail__spec dl.spec__condition dt{

background-color:#CC3300;


}

.product-detail .detail__inner .detail__spec dl{

	display:-webkit-box;

	display:-ms-flexbox;

	display:flex;

	align-items:center;

	width:100%;

	margin-bottom:10px;

	-webkit-box-align:center;

	-ms-flex-align:center

}

.product-detail .detail__inner .detail__spec dl dt{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
justify-content:center;
width:33.86667vw;
padding:5px 0;
color:#fff;
background:#4a525f;
-webkit-box-align:center;
-webkit-box-pack:center;
-ms-flex-align:center;
-ms-flex-negative:0;
-ms-flex-pack:center;
flex-shrink:0
}

.product-detail .detail__inner .detail__spec dl dd{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
justify-content:center;
width:100%;
padding:5px 0;
background:#fff;
-webkit-box-align:center;
-webkit-box-pack:center;
-ms-flex-align:center;
-ms-flex-pack:center
}

.product-detail .detail__inner .detail__spec dl.spec__price dd{
font-size:16px;
font-size:1.6rem;
font-weight:700;
align-items:flex-end;
color:#f15a5a;
-webkit-box-align:end;
-ms-flex-align:end
}

.product-detail .detail__inner .detail__spec dl.spec__price dd span{
font-size:10px;
font-size:1rem
}

.product-detail .detail__inner .detail__spec dl.spec__condition dd{
padding:5px 2.13333vw 5px 4.53333vw
}

.product-detail .detail__inner .detail__spec dl.spec__condition dd span{
width:2.4vw
}

.product-detail .detail__inner .detail__spec dl.spec__condition dd span img{
width:100%;
height:auto
}

.product-detail .detail__inner .detail__spec dl.spec__condition select{
width:100%;
 cursor: pointer;

}

.product-detail .detail__inner .detail__spec dl.spec__volume dd{
justify-content:flex-start;
padding:0;
background:0 0;
-webkit-box-pack:start;
-ms-flex-pack:start
}

.product-detail .detail__inner .detail__spec dl.spec__volume dd span{
font-weight:700
}

.product-detail .detail__inner .detail__spec dl.spec__volume .volume{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
justify-content:space-between;
width:37.33333vw;
margin-right:2.66667vw;
padding:5px 2.13333vw 5px 4.53333vw;
background:#fff;
-webkit-box-align:center;
-webkit-box-pack:justify;
-ms-flex-align:center;
-ms-flex-pack:justify
}

.product-detail .detail__inner .detail__spec dl.spec__volume .volume input{
width:13.86667vw;
text-align:center;
border:1px solid #000;
border-radius:6px
}

.product-detail .detail__inner .detail__spec dl.spec__volume .volume .volume__controller{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
justify-content:center;
-webkit-box-align:center;
-webkit-box-pack:center;
-ms-flex-align:center;
-ms-flex-pack:center
}

.product-detail .detail__inner .detail__spec dl.spec__volume .volume .volume__controller .controller__item{
width:4.8vw;
margin:0 1.06667vw
}

.product-detail .detail__inner .detail__spec dl.spec__volume .volume .volume__controller .controller__item img{
width:100%;
height:auto
}

.product-detail .detail__inner .detail__spec .textbox{
margin-bottom:6.66667vw
}

.product-detail .detail__inner .detail__spec .textbox:last-child{
margin-bottom:0
}

.product-detail .detail__inner .detail__spec .text-link{
font-size:12px;
font-size:1.2rem;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
justify-content:center;
margin:10px 0;
-webkit-box-align:center;
-webkit-box-pack:center;
-ms-flex-align:center;
-ms-flex-pack:center
}

.product-detail .detail__inner .detail__spec .text-link li{
margin:0 3.33333vw
}

.product-detail .detail__inner .detail__spec .text-link li a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
color:#000;
-webkit-box-align:center;
-ms-flex-align:center
}

.product-detail .detail__inner .detail__spec .text-link li a:before{
margin-right:10px;
content:"»"
}

.product-detail .detail__inner .detail__spec .free-shipping{
font-size:16px;
font-size:1.6rem;
padding:10px;
color:#fff;
border:none;
background:#c8aca0
}

.product-detail .detail__inner .detail__spec .free-shipping span{
font-size:10px;
font-size:1rem
}

.btn__cart{
width:100%
}

.btn__cart button{
font-size:18px;
font-size:1.8rem;
font-weight:700;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:13.86667vw;
color:#fff;
background:#3e3a39;
-webkit-box-align:center;
-webkit-box-pack:center;
-ms-flex-align:center;
-ms-flex-pack:center
}

.btn__cart .icon{
font-size:0;
width:6.4vw;
margin-right:5.33333vw
}

.btn__cart .icon img{
width:100%;
height:auto
}

.page-free .main-content .hero{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:flex-end;
height:375px;
padding:0 0 8vw 6.66667vw;
color:#fff;
background-position:center center;
background-size:cover;
-webkit-box-align:end;
-ms-flex-align:end
}

.page-free .main-content .hero h1{
font-size:25px;
font-size:2.5rem;
letter-spacing:calc(25px * .001 * 200)
}

.page-free .main-content .hero h1 span{
font-size:16.5px;
font-size:1.65rem;
display:block;
margin-top:15px;
letter-spacing:calc(16.5px * .001 * 200)
}

.page-free .main-content .content-section{
margin-bottom:4vw;
padding:4vw;
background-color:#fff
}

.page-free .main-content .content-section h2{
font-size:15.5px;
font-size:1.55rem;
margin-bottom:6.66667vw
}

.page-free .main-content .description{
font-size:12px;
font-size:1.2rem;
line-height:1.8;
margin-bottom:5.33333vw;
letter-spacing:calc(12px * .001 * 200)
}

.about-specialty-coffee .main-content .content-section .content-section__body figure{
margin-bottom:6.66667vw
}

.about-specialty-coffee .main-content .content-section .content-section__body figure img{
width:100%;
height:auto
}

.about-specialty-coffee .main-content .content-section .content-section__body .body__text{
font-size:12px;
font-size:1.2rem;
line-height:1.8
}

.about-specialty-coffee .main-content .content-section .content-section__body .body__text p{
font-size:12px;
font-size:1.2rem;
margin-bottom:6.66667vw
}

.about-specialty-coffee .main-content .content-section .content-section__body .body__text p:last-child{
margin-bottom:0
}

.coffee-brewing-method .content-section .method-images{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
justify-content:space-between;
width:100%;
margin-bottom:4vw;
-webkit-box-pack:justify;
-ms-flex-pack:justify
}

.coffee-brewing-method .content-section .method-images li{
width:calc(50% - 1vw / 2)
}

.coffee-brewing-method .content-section .method-images figure img{
width:100%;
height:auto
}

.coffee-brewing-method .content-section .method-point{
font-weight:700;
justify-content:space-between;
margin-bottom:4.66667vw;
padding:4vw;
color:#fff;
background-color:#c6aa9f;
-webkit-box-pack:justify;
-ms-flex-pack:justify
}

.coffee-brewing-method .content-section .method-point h3{
font-size:14px;
font-size:1.4rem;
position:relative;
margin-bottom:4vw;
text-align:center;
letter-spacing:4px
}

.coffee-brewing-method .content-section .method-point h3:after{
position:absolute;
top:calc(1.4rem * 1.875);
left:50%;
width:7rem;
content:"";
-webkit-transform:translate(-50%,0);
transform:translate(-50%,0);
border-top:2px solid #fff
}

.coffee-brewing-method .content-section .method-point .method-point__detail{
font-size:11px;
font-size:1.1rem
}

.coffee-brewing-method .content-section .method-point .method-point__detail dl{
display:-webkit-box;
display:-ms-flexbox;
display:flex
}

.coffee-brewing-method .content-section .method-point .method-point__detail dl:last-child{
margin-bottom:0
}

.coffee-brewing-method .content-section .method-steps .method-steps__list .list__item{
position:relative;
margin-bottom:10.66667vw
}

.coffee-brewing-method .content-section .method-steps .method-steps__list .list__item h4{
text-align:center;
color:#c6aa9f
}

.coffee-brewing-method .content-section .method-steps .method-steps__list .list__item .steps__detail dt{
font-weight:700
}

.coffee-brewing-method .content-section .method-steps .method-steps__list .list__item:last-child{
margin-bottom:0
}

.coffee-brewing-method .content-section .method-steps .method-steps__list .list__item:after{
position:absolute;
bottom:-8vw;
left:50%;
width:17px;
height:20px;
content:"";
-webkit-transform:translate(-50%,0);
transform:translate(-50%,0);
background-image:url(../img/free/icn_arrow.svg)
}

.coffee-brewing-method .content-section .method-steps .method-steps__list .list__item:last-child:after{
content:none;
background-image:none
}

.how-to-make-iced-coffee .main-content .hero{
height:calc(100vw * 700 / 1850);
background-size:contain
}

.how-to-make-iced-coffee .main-content .hero h1{
display:none
}

.how-to-make-iced-coffee .main-content .content-section p{
font-size:12px;
font-size:1.2rem;
font-weight:700;
line-height:1.8;
letter-spacing:calc(12px * .001 * 100)
}

.how-to-make-iced-coffee .main-content .content-section .toc{
font-size:12px;
font-size:1.2rem;
font-weight:700;
margin-top:4vw;
padding:4vw;
letter-spacing:calc(12px * .001 * 100);
color:#fff;
background-color:#3e3a39
}

.how-to-make-iced-coffee .main-content .content-section .howtomake-section{
margin-top:10.66667vw
}

.how-to-make-iced-coffee .main-content .content-section .howtomake-section h3{
font-size:18px;
font-size:1.8rem;
margin-bottom:2vw;
padding-bottom:2vw;
letter-spacing:calc(18px * .001 * 100);
border-bottom:1px dashed #3e3a39
}

.how-to-make-iced-coffee .main-content .content-section .howtomake-section p{
font-size:14px;
font-size:1.4rem;
letter-spacing:calc(14px * .001 * 100)
}

.how-to-make-iced-coffee .main-content .content-section .howtomake-section .howtomake-points{
margin-top:4vw;
margin-bottom:4.66667vw;
color:#fff
}

.how-to-make-iced-coffee .main-content .content-section .howtomake-section .howtomake-points .howtomake-points__detail{
margin-bottom:4vw;
padding:2.66667vw;
background-color:#c6aa9f
}

.how-to-make-iced-coffee .main-content .content-section .howtomake-section .howtomake-points .howtomake-points__detail dt{
font-weight:700
}

.how-to-make-iced-coffee .main-content .content-section .howtomake-section .howtomake-points .howtomake-points__detail dd{
font-size:12px;
font-size:1.2rem
}

.how-to-make-iced-coffee .main-content .content-section .howtomake-section .howtomake-steps .howtomake-steps__detail{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
-ms-flex-wrap:wrap
}

.how-to-make-iced-coffee .main-content .content-section .howtomake-section .howtomake-steps .howtomake-steps__detail li{
width:calc(50% - 5px)
}

.how-to-make-iced-coffee .main-content .content-section .howtomake-section .howtomake-steps .howtomake-steps__detail li figure img{
width:100%;
height:auto
}

.how-to-make-iced-coffee .main-content .content-section .howtomake-section .howtomake-steps .howtomake-steps__detail li h4{
font-size:14px;
font-size:1.4rem;
line-height:2.2;
margin-bottom:3.33333vw;
text-align:center;
color:#fff;
background-color:#3e3a39
}

.how-to-make-iced-coffee .main-content .content-section .howtomake-section .howtomake-steps .howtomake-steps__detail li p{
font-size:12px;
font-size:1.2rem;
font-weight:400;
line-height:1.8;
letter-spacing:0
}

.about-gift .main-content .hero{
height:calc(100vw * 830 / 1850);
background-size:contain
}

.about-gift .main-content .hero h1{
/*display:none*/
}

/* .about-gift .main-content .content-section h3{
font-size:18px;
font-size:1.8rem;
margin-top:6vw;
margin-bottom:4vw;
padding-bottom:1.6vw;
letter-spacing:calc(18px * .001 * 100);
border-bottom:1px dashed #3e3a39
}

.about-gift .main-content .content-section h3:first-of-type{
margin-top:0
}

.about-gift .main-content .content-section p{
font-size:14px;
font-size:1.4rem;
font-weight:700;
line-height:2;
margin-top:4.66667vw;
letter-spacing:calc(14px * .001 * 100)
}

.about-gift .main-content .content-section p .small{
font-size:10px;
font-size:1rem;
font-weight:400;
line-height:1.8;
display:inline-block;
letter-spacing:0
}

.about-gift .main-content .content-section p:first-of-type{
margin-top:0
}

.about-gift .main-content .content-section figure{
margin-top:5.33333vw;
margin-bottom:3.33333vw
}

.about-gift .main-content .content-section figure img{
width:100%;
height:auto
}

.about-gift .main-content .content-section figure+h3{
margin-top:0
} */

.about-gift .main-content .content-section .contact-information{
color:#fff
}

.about-gift .main-content .content-section .contact-information dl{
font-weight:700;
margin-top:4.66667vw;
padding:2vw;
text-align:center;
background-color:#c6aa9f
}

.about-gift .main-content .content-section .contact-information dl dt{
margin-bottom:1.33333vw;
padding-bottom:1.6vw;
border-bottom:1px dashed #fff
}

.about-gift .main-content .content-section .contact-information dl dd a{
color:#fff
}

.about-gift .main-content .content-section .contact-information dl:first-of-type dt{
margin-bottom:2.66667vw
}

.page-common{
background:#fff
}

.page-common select{
border:1px solid #ccc
}

.page-common textarea{
border:1px solid #ccc
}

.page-common input[type=tel]{
font-size:1rem;
line-height:1.1;
height:20px;
border:1px solid #c4ccce;
border-radius:2px!important;
-webkit-box-shadow:none;
box-shadow:none
}
@media (min-width:768px){
.sp{
display:none
}

.content .content__body{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin:0 auto
}

.content .content__body .main-content{
width:auto;
-ms-flex-negative:0;
flex-shrink:0
}

.content .content__body .main-content .main-content__inner{
width:925px;
margin:0 auto;
padding:25px 50px 60px
}

.footer{
min-width:1200px
}

.footer .footer__inner{
flex-direction:row;
height:150px;
padding:0 50px;
-webkit-box-direction:normal;
-webkit-box-orient:horizontal;
-ms-flex-direction:row
}

.footer .footer__inner .logo{
order:1;
width:175px;
margin:0 90px 0 25px;
-webkit-box-ordinal-group:2;
-ms-flex-order:1
}

.footer .footer__inner .navigation{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
order:2;
-webkit-box-ordinal-group:3;
-ms-flex-order:2
}

.footer .footer__inner .navigation ul{
display:block
}

.footer .footer__inner .navigation ul.navigation--right{
margin-left:50px
}

.footer .footer__inner .navigation ul li{
margin:0 0 15px
}

.footer .footer__inner .navigation ul li:last-child{
margin-bottom:0
}

.footer .footer__inner .navigation ul li a:before{
margin-right:3px
}

.footer .footer__inner .follow-us{
margin-top:0;
margin-left:auto
}

.footer .footer__inner .follow-us ul li{
width:30px
}

.header{
min-width:1200px
}

.header .header__inner{
min-width:1200px;
height:75px;
padding:0 50px
}

.header .header__inner .logo{
width:175px
}

.header .header__inner .sub-title{
width:215px;
margin-top:10px
}

.header .global-navigation a.category--parent:before{
width:20px;
height:20px;
background-size:20px auto
}

.header .about-navigation a:before{
width:20px;
height:20px;
background-size:20px auto
}

.menu{
display:none
}

.side{
z-index:1
}

.side .logo{
width:175px;
margin:0 auto 60px
}

.side nav .category--parent:before{
width:20px;
height:20px;
background-size:20px auto
}

.products-list{
margin-left:-7.5px
}

.products-list .list__item{
flex:0 0 265px;
width:265px;
margin:0 7.5px 25px;
-webkit-box-flex:0;
-ms-flex:0 0 265px
}

.products-list .list__item:nth-child(3n){
margin-right:0
}

.products-list .list__item:before{
min-width:94px
}

.products-list .list__item .item__head{
padding:30px 17px 15px
}

.products-list .list__item .item__head .item__name .head-en{
font-size:25px;
font-size:2.5rem;
width:130px;
letter-spacing:calc(25px * .001 * 200)
}

.products-list .list__item .item__head .item__name figure{
width:94px
}

.products-list .list__item .item__head .item__area{
margin:8px 0 10px;
padding:10px 3px;
border-width:2px
}

.products-list .list__item .item__head .item__area p{
font-size:18px;
font-size:1.8rem;
letter-spacing:calc(18px * .001 * 200)
}

.products-list .list__item .item__head .item__area .area__flag{
width:31px
}

.products-list .list__item .item__head .item__plantation{
font-size:12px;
font-size:1.2rem
}

.products-list .list__item .item__feature{
font-size:12px;
font-size:1.2rem;
padding:10px 0
}

.products-list .list__item .item__feature .feature__rate dl dt{
margin-right:20px
}

.products-list .list__item .item__feature .feature__rate dl dt:after{
margin-left:20px
}

.products-list .list__item .item__spec{
font-size:12px;
font-size:1.2rem;
padding:7px 12px 10px
}

.products-list .list__item .item__spec h2{
font-size:12px;
font-size:1.2rem
}

.products-list .list__item .item__spec .price{
margin:7px 4px 0;
padding-top:10px
}

.hero{
width:calc(100vw - 273px);
min-width:927px;
height:400px
}

.hero .hero__item{
height:400px
}

.hero .hero__item .hero__item__inner{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
height:100%;
padding:0;
-webkit-box-align:center;
-webkit-box-direction:normal;
-webkit-box-orient:horizontal;
-webkit-box-pack:justify;
-ms-flex-align:center;
-ms-flex-direction:row;
-ms-flex-pack:justify
}

.hero .hero__item[data-slide="1"] .copy .copy__main,.hero .hero__item[data-slide="2"] .copy .copy__main,.hero .hero__item[data-slide="3"] .copy .copy__main{
width:210px
}

.hero .hero__item[data-slide="1"] .copy .copy__text,.hero .hero__item[data-slide="2"] .copy .copy__text,.hero .hero__item[data-slide="3"] .copy .copy__text{
width:250px;
margin:25px 0 20px
}

.hero .hero__item[data-slide="1"] .copy .copy__logo,.hero .hero__item[data-slide="2"] .copy .copy__logo,.hero .hero__item[data-slide="3"] .copy .copy__logo{
width:90px
}

.hero .hero__item[data-slide="1"] .btns,.hero .hero__item[data-slide="2"] .btns,.hero .hero__item[data-slide="3"] .btns{
font-size:18px;
font-size:1.8rem;
position:static;
width:auto;
margin:auto 0 50px;
padding:0;
text-align:right;
letter-spacing:calc(18px * .001 * 300);
color:#3e3a39;
background:0 0
}

.hero .hero__item[data-slide="1"] .btns .btn,.hero .hero__item[data-slide="2"] .btns .btn,.hero .hero__item[data-slide="3"] .btns .btn{
margin-top:25px
}

.hero .hero__item[data-slide="1"] .btns .btn a,.hero .hero__item[data-slide="2"] .btns .btn a,.hero .hero__item[data-slide="3"] .btns .btn a{
padding:10px 90px 10px 40px;
color:#3e3a39;
border-width:2px;
border-color:#3e3a39
}

.hero .hero__item[data-slide="1"] .btns .btn a:after,.hero .hero__item[data-slide="2"] .btns .btn a:after,.hero .hero__item[data-slide="3"] .btns .btn a:after{
width:20px;
height:20px;
background-size:20px auto
}

.hero .hero__item[data-slide="1"] .btns .btn a:after,.hero .hero__item[data-slide="2"] .btns .btn a:after,.hero .hero__item[data-slide="3"] .btns .btn a:after{
right:12px;
display:block;
width:18px;
height:18px;
-webkit-transform:translate(0,-50%);
transform:translate(0,-50%);
background:url(data:image/svg+xml;
utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2765.67%27%20height%3D%2765.67%27%20viewBox%3D%270%200%2065.67%2065.67%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2{fill%3Anone%3Bstroke%3A%233e3a39%3Bstroke-width%3A5.67px%3B}.cls-1{stroke-miterlimit%3A10%3B}.cls-2{stroke-linecap%3Around%3Bstroke-linejoin%3Around%3B}%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eアセット%207%3C%2Ftitle%3E%3Cg%20id%3D%27レイヤー_2%27%20data-name%3D%27レイヤー%202%27%3E%3Cg%20id%3D%27レイヤー_1-2%27%20data-name%3D%27レイヤー%201%27%3E%3Ccircle%20class%3D%27cls-1%27%20cx%3D%2732.83%27%20cy%3D%2732.83%27%20r%3D%2730%27%2F%3E%3Cpolygon%20class%3D%27cls-2%27%20points%3D%2747.34%2032.84%2024.84%2045.56%2024.84%2020.11%2047.34%2032.84%27%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
background-size:18px auto
}

.filter .filter__category{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
margin-bottom:20px;
padding:18px 0 8px;
background:#fff;
-webkit-box-align:center;
-webkit-box-pack:center;
-ms-flex-align:center;
-ms-flex-pack:center;
-ms-flex-wrap:wrap
}

.filter .filter__category li{
width:auto;
margin-bottom:10px
}

.filter .filter__category li:first-child{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
-webkit-box-align:center;
-ms-flex-align:center
}

.filter .filter__category li:first-child:before{
content:"|"
}

.filter .filter__category li a{
height:auto;
padding:0 0 0 15px
}

.filter .filter__category li a.current{
color:#333;
background:0 0
}

.filter .filter__category li a:before{
margin-right:7px
}

.filter .filter__category li a:after{
margin-left:15px;
content:"|"
}

.filter .filter__roast{
font-size:14px;
font-size:1.4rem;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:50px;
padding:30px;
-webkit-box-align:center;
-webkit-box-pack:center;
-ms-flex-align:center;
-ms-flex-pack:center;
gap: 30px;
}

.filter .filter__roast dt{
font-size:18px;
font-size:1.8rem;
width: fit-content;
}

.filter .filter__roast dd {
  flex: 1;
}

.filter .filter__roast ul li{
/* width:200px; */
width: 140px;
margin-right:20px
}

.filter .filter__roast ul li a:before{
margin-right:7px
}

.page-top .content__body .main-content .category ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex-wrap:wrap;
justify-content:center;
margin:0 auto;
-webkit-box-pack:center;
-ms-flex-pack:center;
-ms-flex-wrap:wrap
}

.page-top .content__body .main-content .category li{
flex:0 1 400px;
margin:0 25px 25px 0;
-webkit-box-flex:0;
-ms-flex:0 1 400px
}

.page-top .content__body .main-content .category li:nth-child(2n){
margin-right:0
}

.page-top .content__body .main-content .category li .category__detail{
padding:12px
}

.page-top .content__body .main-content .category li .category__detail h2{
font-size:15px;
font-size:1.5rem;
letter-spacing:calc(15px * .001 * 300)
}

.page-top .content__body .main-content .category li .category__detail:after{
width:20px;
height:20px;
background-size:20px auto
}

.page-top .content__body .main-content .category li .category__detail:after{
right:20px
}

.page-top .content__body .main-content .delivery .delivery__head{
margin-bottom:25px;
padding:17px 130px;
background:url(../img/top/bg_delivery-head.jpg) repeat center center/cover
}

.page-top .content__body .main-content .delivery .delivery__head .delivery__head__inner{
padding:25px 43px
}

.page-top .content__body .main-content .delivery .delivery__head .delivery__head__inner h2{
width:470px;
margin-bottom:25px
}

.page-top .content__body .main-content .delivery .delivery__head .delivery__head__inner p{
font-size:14px;
font-size:1.4rem
}

.page-top .content__body .main-content .delivery .delivery__head .delivery__head__inner .delivery__head__mark{
right:-42px;
bottom:20px;
width:170px
}

.page-category .main-content .hero{
min-width:auto;
height:350px;
padding:0 0 50px 50px
}

.page-category .main-content .hero h1{
font-size:36px;
font-size:3.6rem;
letter-spacing:calc(36px * .001 * 200)
}

.page-category .main-content .hero h1 span{
font-size:24px;
font-size:2.4rem;
margin-top:20px;
letter-spacing:calc(24px * .001 * 200)
}

.page-category .main-content .description{
margin-bottom:35px
}

.page-single .main-content .hero{
display:block;
min-width:auto;
height:0;
padding:0
}

.product-detail{
margin-bottom:50px
}

.product-detail h1{
font-size:21px;
font-size:2.1rem;
margin-bottom:25px;
padding:15px 25px
}

.product-detail .detail__inner{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
justify-content:space-between;
-webkit-box-pack:justify;
-ms-flex-pack:justify
}

.product-detail .detail__inner .detail__info{
width:400px;
margin-bottom:25px
}

.product-detail .detail__inner .detail__info:before{
min-width:145px
}

.product-detail .detail__inner .detail__info .item__head{
padding:45px 25px 15px
}

.product-detail .detail__inner .detail__info .item__head .item__name .head-en{
font-size:37.77px;
font-size:3.777rem;
letter-spacing:calc(25px * .001 * 200)
}

.product-detail .detail__inner .detail__info .item__head .item__area{
margin:8px 0 10px;
border-width:2px
}

.product-detail .detail__inner .detail__info .item__head .item__area p{
font-size:27px;
font-size:2.7rem;
letter-spacing:calc(18px * .001 * 200)
}

.product-detail .detail__inner .detail__info .item__head .item__area .area__flag{
width:50px
}

.product-detail .detail__inner .detail__info .item__head .item__plantation{
font-size:18.6px;
font-size:1.86rem
}

.product-detail .detail__inner .item__feature{
font-size:18.13px;
font-size:1.813rem;
padding:10px 0
}

.product-detail .detail__inner .item__feature .feature__rate dl dt{
font-size:16px;
font-size:1.6rem;
margin-right:25px
}

.product-detail .detail__inner .item__feature .feature__rate dl dt:after{
margin-left:25px
}

.product-detail .detail__inner .item__thumb{
margin-top:25px;
margin-bottom:-13px
}

.product-detail .detail__inner .item__thumb li{
width:90px;
margin:0 13px 13px 0
}

.product-detail .detail__inner .detail__spec{
width:400px
}

.product-detail .detail__inner .detail__spec .spec__description{
margin-bottom:25px;
padding:15px
}

.product-detail .detail__inner .detail__spec .spec__description h2{
font-size:18px;
font-size:1.8rem;
margin-bottom:25px
}

.product-detail .detail__inner .detail__spec .spec__description h5{
font-size:18px;
font-size:1.8rem;
margin-bottom:25px
}

.product-detail .detail__inner .detail__spec .spec__description p{
margin-bottom:25px
}

.product-detail .detail__inner .detail__spec dl{
margin-bottom:14px
}

.product-detail .detail__inner .detail__spec dl dt{
width:146px
}

.product-detail .detail__inner .detail__spec dl.spec__price dd{
font-size:18px;
font-size:1.8rem
}

.product-detail .detail__inner .detail__spec dl.spec__price dd span{
font-size:12px;
font-size:1.2rem
}

.product-detail .detail__inner .detail__spec dl.spec__condition dd{
padding:5px 10px 5px 20px
}

.product-detail .detail__inner .detail__spec dl.spec__condition dd span{
width:10px
}

.product-detail .detail__inner .detail__spec dl.spec__volume .volume{
width:163px;
margin-right:16px;
padding:5px 10px 5px 20px
}

.product-detail .detail__inner .detail__spec dl.spec__volume .volume input{
width:60px
}

.product-detail .detail__inner .detail__spec dl.spec__volume .volume .volume__controller .controller__item{
width:20px;
margin:0 5px
}

.product-detail .detail__inner .detail__spec .textbox{
margin-bottom:25px
}

.product-detail .detail__inner .detail__spec .text-link{
justify-content:flex-start;
margin:14px 0;
-webkit-box-pack:start;
-ms-flex-pack:start
}

.product-detail .detail__inner .detail__spec .text-link li{
margin:0
}

.product-detail .detail__inner .detail__spec .text-link li:first-child{
margin-right:27px
}

.product-detail .detail__inner .detail__spec .free-shipping{
font-size:18px;
font-size:1.8rem;
padding:10px 15px
}

.product-detail .detail__inner .detail__spec .free-shipping span{
font-size:12px;
font-size:1.2rem
}

.btn__cart button{
font-size:21px;
font-size:2.1rem;
height:60px
}

.btn__cart .icon{
width:28px;
margin-right:23px
}

.page-free .main-content .hero{
height:350px;
padding:0 0 50px 50px
}

.page-free .main-content .hero h1{
font-size:36px;
font-size:3.6rem;
letter-spacing:calc(36px * .001 * 200)
}

.page-free .main-content .hero h1 span{
font-size:24px;
font-size:2.4rem;
margin-top:20px;
letter-spacing:calc(24px * .001 * 200)
}

.page-free .main-content .content-section{
width:825px;
margin:0 auto 25px;
padding:35px 35px 35px 25px
}

.page-free .main-content .content-section h2{
font-size:18px;
font-size:1.8rem;
margin-bottom:25px
}

.page-free .main-content .description{
margin-bottom:35px
}

.about-specialty-coffee .main-content .content-section .content-section__body{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex-direction:row-reverse;
justify-content:space-between;
margin:30px auto 0;
-webkit-box-direction:reverse;
-webkit-box-orient:horizontal;
-webkit-box-pack:justify;
-ms-flex-direction:row-reverse;
-ms-flex-pack:justify
}

.about-specialty-coffee .main-content .content-section .content-section__body figure{
width:390px;
margin-bottom:0
}

.about-specialty-coffee .main-content .content-section .content-section__body .body__text{
width:340px
}

.about-specialty-coffee .main-content .content-section .content-section__body .body__text p{
margin-bottom:25px
}

.coffee-brewing-method .content-section .method-images{
margin-bottom:30px
}

.coffee-brewing-method .content-section .method-images li{
width:calc(50% - 15px / 2)
}

.coffee-brewing-method .content-section .method-point{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom:35px;
padding:25px 0 25px 50px
}

.coffee-brewing-method .content-section .method-point h3{
font-size:18px;
font-size:1.8rem;
margin-top:20px;
margin-bottom:0
}

.coffee-brewing-method .content-section .method-point h3:after{
top:calc(16px * 1.875);
left:0;
width:100%;
-webkit-transform:translate(0,0);
transform:translate(0,0)
}

.coffee-brewing-method .content-section .method-point .method-point__detail{
font-size:14px;
font-size:1.4rem;
width:550px
}

.coffee-brewing-method .content-section .method-point .method-point__detail dl{
line-height:1;
margin-bottom:15px;
letter-spacing:calc(14px * .001 * 200)
}

.coffee-brewing-method .content-section .method-steps .method-steps__list .list__item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom:40px
}

.coffee-brewing-method .content-section .method-steps .method-steps__list .list__item h4{
font-size:15px;
font-size:1.5rem;
width:165px;
margin-top:22px;
letter-spacing:calc(15px * .001 * 200)
}

.coffee-brewing-method .content-section .method-steps .method-steps__list .list__item .steps__detail dt{
font-size:16px;
font-size:1.6rem;
line-height:1;
margin-bottom:15px
}

.coffee-brewing-method .content-section .method-steps .method-steps__list .list__item:after{
bottom:-20px;
left:70px;
-webkit-transform:translate(0,0);
transform:translate(0,0)
}

.how-to-make-iced-coffee .main-content .hero{
height:350px;
background-size:cover
}

.how-to-make-iced-coffee .main-content .content-section p{
font-size:16px;
font-size:1.6rem;
line-height:2;
letter-spacing:calc(16px * .001 * 100)
}

.how-to-make-iced-coffee .main-content .content-section .toc{
font-size:16px;
font-size:1.6rem;
line-height:2;
margin:30px auto 0;
padding:25px 0 25px 40px;
letter-spacing:calc(16px * .001 * 100)
}

.how-to-make-iced-coffee .main-content .content-section .howtomake-section{
margin-top:40px
}

.how-to-make-iced-coffee .main-content .content-section .howtomake-section h3{
margin-bottom:12px;
padding-bottom:15px;
letter-spacing:calc(18px * .001 * 200)
}

.how-to-make-iced-coffee .main-content .content-section .howtomake-section p{
letter-spacing:calc(14px * .001 * 350)
}

.how-to-make-iced-coffee .main-content .content-section .howtomake-section .howtomake-points{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
justify-content:space-between;
margin-top:30px;
margin-bottom:35px;
-webkit-box-pack:justify;
-ms-flex-pack:justify
}

.how-to-make-iced-coffee .main-content .content-section .howtomake-section .howtomake-points .howtomake-points__detail{
width:350px;
margin-bottom:0;
padding:13px 20px 16px
}

.how-to-make-iced-coffee .main-content .content-section .howtomake-section .howtomake-points .howtomake-points__detail dt{
font-size:15px;
font-size:1.5rem;
margin-bottom:15px;
letter-spacing:calc(15px * .001 * 100)
}

.how-to-make-iced-coffee .main-content .content-section .howtomake-section .howtomake-steps .howtomake-steps__detail{
justify-content:flex-start;
-webkit-box-pack:start;
-ms-flex-pack:start
}

.how-to-make-iced-coffee .main-content .content-section .howtomake-section .howtomake-steps .howtomake-steps__detail li{
width:180px;
margin-right:15px
}

.how-to-make-iced-coffee .main-content .content-section .howtomake-section .howtomake-steps .howtomake-steps__detail li h4{
margin-bottom:26px
}

.how-to-make-iced-coffee .main-content .content-section .howtomake-section .howtomake-steps .howtomake-steps__detail li p{
padding:0 6px
}

.how-to-make-iced-coffee .main-content .content-section .howtomake-section .howtomake-steps .howtomake-steps__detail li:last-child{
margin-right:0
}

.about-gift .main-content .hero{
height:350px;
background-size:cover
}

/* .about-gift .main-content .content-section h3{
margin-top:45px;
margin-bottom:30px;
padding-bottom:12px
}

.about-gift .main-content .content-section p{
font-size:16px;
font-size:1.6rem;
margin-top:35px;
letter-spacing:calc(16px * .001 * 100)
}

.about-gift .main-content .content-section p .small{
font-size:12px;
font-size:1.2rem
}

.about-gift .main-content .content-section figure{
margin-top:40px;
margin-bottom:25px
} */

.about-gift .main-content .content-section .contact-information{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
justify-content:space-between;
margin-top:35px;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content: center;
}

.about-gift .main-content .content-section .contact-information dl{
width:350px;
margin-top:0;
padding:15px
}

.about-gift .main-content .content-section .contact-information dl dt{
margin-bottom:10px;
padding-bottom:12px
}

.about-gift .main-content .content-section .contact-information dl:first-of-type dt{
margin-bottom:0px;
padding-bottom: 0;
border-bottom: none;
position: relative;
}

.about-gift .main-content .content-section .contact-information dl:first-of-type dt a {
  color: #fff;
  font-size: 16px;
  letter-spacing: 3px;
}

.about-gift .main-content .content-section .contact-information dl:first-of-type dt::before{
  position:absolute;
  top:50%;
  left:0;
  display:block;
  display:block;
  width:18px;
  height:18px;
  content:"";
  -webkit-transform:translate(0,-50%);
  transform:translate(0,-50%);
  background:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2765.67%27%20height%3D%2765.67%27%20viewBox%3D%270%200%2065.67%2065.67%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2{fill%3Anone%3Bstroke%3A%23fff%3Bstroke-width%3A5.67px%3B}.cls-1{stroke-miterlimit%3A10%3B}.cls-2{stroke-linecap%3Around%3Bstroke-linejoin%3Around%3B}%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eアセット%207%3C%2Ftitle%3E%3Cg%20id%3D%27レイヤー_2%27%20data-name%3D%27レイヤー%202%27%3E%3Cg%20id%3D%27レイヤー_1-2%27%20data-name%3D%27レイヤー%201%27%3E%3Ccircle%20class%3D%27cls-1%27%20cx%3D%2732.83%27%20cy%3D%2732.83%27%20r%3D%2730%27%2F%3E%3Cpolygon%20class%3D%27cls-2%27%20points%3D%2747.34%2032.84%2024.84%2045.56%2024.84%2020.11%2047.34%2032.84%27%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  background-size:18px auto
}

.page-common .main-content{
width:925px;
margin:0 auto
}

}
@media (min-width:768px) and (min-width:768px){
.hero .hero__item[data-slide="1"] .btns .btn a:after,.hero .hero__item[data-slide="2"] .btns .btn a:after,.hero .hero__item[data-slide="3"] .btns .btn a:after{
width:20px;
height:20px;
background-size:20px auto
}

}
@media (min-width:1000px){
body{
min-width:1100px
}

}

.inputtext02 a{

	color:#4169e1;

	font-weight:bold;

	padding:0 10px;

	font-size;
14px;


}


.c-youtube {

  position: relative;

  width: 100%;

  padding-top: 56.25%;

  margin-bottom:50px;


}

.c-youtube iframe {

  position: absolute;

  top: 0;

  right: 0;

  width: 100%;

  height: 100%;


}

.howtocap{

	margin-bottom:30px;

	font-weight: bold;


}


@media (max-width:767px){

html{
font-size:calc(1000vw / 375)
}

.content .content__body .main-content{
padding-top:60px;
line-height:200%;
}
.menucart {
    position: absolute;
    right: 60px;
    top: 15px;
}
.menucart img{
width:35px;
}
.utility__inner {
    display: flex;
    margin: -50px 0 0 30px;
    text-align: center;
}
.utility__mypage img{
    width: 50px;
    margin: 0 0 30px 50px;
}
.pc{
display:none
}

.menu-state:checked~.navigation{
-webkit-transform:translate(0,100%);
transform:translate(0,100%)
}

.products-list .list__item:nth-child(2n){
margin-right:0
}

.hero .slick-arrow{
display:none
}

.hero .hero__item[data-slide="2"],.hero .hero__item[data-slide="3"]{
display:none
}

/* iOSでのデフォルトスタイルをリセット */
input[type="radio"] {

    position: relative;

    -webkit-appearance: button;

    appearance: button;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    width: 24px;

    height: 24px;

    content: "";

    background-color: #FFFFFF;

    border: 1px solid #999999;

    -webkit-border-radius: 24px;

    border-radius: 24px;

    -webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);

    box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);

    vertical-align: middle;

    cursor: pointer;


}


input[type="radio"]:checked:after {

    display: block;

    position: absolute;

    top: 5px;

    left: 5px;

    content: "";

    width: 12px;

    height: 12px;

    background: #CC0000;

    -webkit-border-radius: 12px;

    border-radius: 12px;


}


}

@media screen{
[hidden~=screen]{
display:inherit
}
[hidden~=screen]:not(:active):not(:focus):not(:target){
position:absolute!important;
clip:rect(0 0 0 0)!important
}

}



/*
* 美味しいコーヒーの淹れ方
*/

  .oishi-coffee-irekata .content-section {
      padding: 35px 35px 5px 35px !important;
      margin-bottom: 0 !important;
    }
  
  .oishi-coffee-irekata{
    letter-spacing: 0.19em;

  }
  .oishi-coffee-irekata .c-youtube{
    margin-bottom: 30px;
  }
  .oishi-coffee-irekata h2,
  .oishi-coffee-irekata h3{
    text-align:center;
  }
  .oishi-coffee-irekata h2{
    font-size:19px !important;
  }
  .oishi-coffee-irekata h3{
    font-size:18px;
    font-weight:600;
  }
  .oishi-coffee-irekata .method-images li:first-child{
    width:fit-content;
  }
  .oishi-coffee-irekata .method-images li:last-child{
    width:60%;
  }
  .oishi-coffee-irekata .method-images{
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
    margin-top:40px;
    margin-bottom:40px !important;
  }
  .left-txt{
    padding-top:29px;
    font-size:18px;
    font-weight:600;
    line-height: 1.85;
  }
  .left-txt p{
    text-align:center;
  }
  .right-tbl table{
    width:100%;
    border-spacing: 0;
    font-size:15px;
    letter-spacing:0.1em;
    font-weight: 600;
  }
  .right-tbl table th,
  .right-tbl table td{
    padding:1px 0;
  }
  .right-tbl table th{
    background-color:#3E3A39;
    color:#fff;
    line-height: 2;
    text-align: center;
    width: 33.33333333%;
    font-weight:600;
  }
  
  .right-tbl table td{
    border:1px solid #3E3A39;
    border-top:none;
    border-right:none;
    line-height: 2;
    text-align: center;
  }
  .right-tbl table td:last-child{
    border-right:1px solid #3E3A39;
  }
  .oishi-coffee-irekata .section_border{
    width:100%;
  }
  
  .input_tx {
    border: solid 1px #ccc;
  }
  
  .simpleBlackBtn{
    display: flex;
    align-items: center;
    padding: 7px 20px;
    background-color: #333;
    color: #fff;
    border-radius:4px;
    letter-spacing: 0.03em;
  }
  .simpleBlackBtn:hover{
    opacity: 0.7;
  }


  /*  new 商品並び 22-11-11 */
  /* ▼不要スタイルの打ち消し▼ */
  @media (min-width: 768px){
    .products-list {
        margin-left: 0;
    }
  }
  /* ▲不要スタイルの打ち消し▲ */
  
  /* @media screen and (min-width:825px) { */
    .products-list{
      column-gap: 15px;
      row-gap: 25px;
    }
    .products-list .list__item{
      flex: inherit;
      margin: 0 !important;
      width: 195px; /* (100% - 45px) / 4 */
    }
  /* } */
  @media screen and (min-widht:600px) and (max-width:824px){
    
  }

  
  
  /*
  * 23-0420 特商法 送料テーブル
  */
  div#guidecolumn table.souryo-table thead  tr > th:first-child{
    width: 100px;
  }
  div#guidecolumn table.souryo-table thead tr > th:last-child{
    width: 100px;
  }
  div#guidecolumn table.souryo-table th {
    background-color: #eee !important;
    text-align: center;
  }
  div#guidecolumn table.souryo-table th,
  div#guidecolumn table.souryo-table td {
    padding: 10px;
    border-left: 1px solid #969696;
    border-bottom: 1px solid #969696 !important;
  }
  div#guidecolumn table.souryo-table thead th{
    border-top: 1px solid #969696;
  }
  div#guidecolumn table.souryo-table thead tr > th:last-child {
    border-right: 1px solid #969696;
  }
  div#guidecolumn table.souryo-table tbody tr > td:last-child {
    border-right: 1px solid #969696;
  }
  div#guidecolumn table.souryo-table td > span {
    display: inline-block;
  }
  
  .recommendBlock.main-content__inner {
    padding-top: 55px !important;
    padding-bottom: 65px !important;
  }
  
  .rakingBlock.main-content__inner {
    padding-top: 0 !important;
    padding-bottom: 65px !important;
  }
  .rakingBlock .products h3.products_ttl {
    margin-bottom: 13px;
  }
  
  .rakingBlock .list__item {
    background: none;
  }
  .rankingBlock_item_icon {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 4px;
    background: none;
    position: relative;
    padding-right: 0.8em;
    width: fit-content;
    margin: 0 auto;
  }
  .rankingBlock_item_icon::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  }
  
  .rakingBlock .list__item:nth-of-type(1) .rankingBlock_item_icon::after {
    content: '1';
  }
  .rakingBlock .list__item:nth-of-type(2) .rankingBlock_item_icon::after {
    content: '2';
  }
  .rakingBlock .list__item:nth-of-type(3) .rankingBlock_item_icon::after {
    content: '3';
  }
  .rakingBlock .list__item:nth-of-type(4) .rankingBlock_item_icon::after {
    content: '4';
  }
  .rakingBlock .list__item:nth-of-type(5) .rankingBlock_item_icon::after {
    content: '5';
  }
  .rakingBlock .list__item:nth-of-type(6) .rankingBlock_item_icon::after {
    content: '6';
  }
  .rakingBlock .list__item:nth-of-type(7) .rankingBlock_item_icon::after {
    content: '7';
  }
  .rakingBlock .list__item:nth-of-type(8) .rankingBlock_item_icon::after {
    content: '8';
  }
  .rakingBlock .list__item:nth-of-type(9) .rankingBlock_item_icon::after {
    content: '9';
  }
  
  .top_categoryBlock_wrapper {
    background-color: #fff;
    padding-top: 60px;
    padding-bottom: 96px;
  }
  .top_categoryBlock.main-content__inner {
    padding-top: 0 !important;
    padding-bottom: 0px !important;
  }

  /* .rakingBlock .products h3 {
    background-color: #fff;
    padding: 5px 0;
    margin: 10px 0 30px;
    font-size: 15px;
    letter-spacing: 3px;
    text-align: center;
  } */
  
  .newsBlock.main-content__inner {
    padding-top: 62px !important;
    padding-bottom: 0;
  }
  .newsBlock_cont {
    padding: 28px 53px 32px;
    margin-bottom: 62px;
    border-top: 1px solid;
    border-bottom: 1px solid;
  }
  .newsBlock_head {
    padding-bottom: 20px;
  }
  .newsBlock_head h3 {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    letter-spacing: 0.3em;
  }
  .newsBlock_body {
    display: flex;
    flex-direction: column;
    row-gap: 14px;
  }
  .newsBlock_item {
    font-size: 12px;
    letter-spacing: 0.1em;
    display: flex;
    column-gap: 27px;
    font-weight: 400;
  }
  .newsBlock_item span {
    display: block;
  }
  .newsBlock_item p,
  .newsBlock_item a {
    display: block;
    flex: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .newsBlock_item > a {
    border-bottom: 1px;
  }
  .newsBlock_item p a {
    display: inline-block;
  }
  .top_2banners {
    display: flex;
    column-gap: 22px;
  }
  .top_2banners_bn {
    display: block;
    width: calc(100% - 11px);
    height: auto;
  }
  .top_2banners_bn:hover {
    opacity: 0.84;
  }
  .top_2banners_bn img {
    display: block;
    width: 100%;
  }
  .top_teiki_bn {

  }
  .top_work_bn {
  }
  
  .top_category > h3 {
    background-color: #fff;
    padding: 5px 0;
    margin: 10px 0 30px;
    font-size: 15px;
    letter-spacing: 3px;
    text-align: center;
  }

  .top_category_list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 15px;
    row-gap: 15px;
  }

  .top_cate_item {
    display: block;
    width: calc((100% - 45px) / 4);
    padding-top: calc((100% - 45px) / 4);
    position: relative;
  }
  .top_cate_item > a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    row-gap: 2px;
  }

  .top_cate_item_heading {
    color: #fff;
    width: 100%;
    font-size: 16px;
    text-align: left;
    letter-spacing: 0.22em;
    font-weight: 700;
    padding-left: 13px;
    line-height: 1.2;
    padding-bottom: 2px;
  }


  .top_cate_item_desc {
    width: 100%;
    color: #fff;
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.1em;
    line-height: 1.7;
    font-weight: 300;
    padding-left: 13px;
    padding-bottom: 11px;
  }
  .side__insta {
    display: flex;
    width: 200px;
    margin-bottom: 30px;
    align-items: center;
    column-gap: 15px;
  }
  .side__insta p {
    font-size: 12px;
    letter-spacing: 0.1em;
    padding-bottom: 1px;
  }
  .side__insta img {
    display: block;
    width: 28px;
  }