@charset "UTF-8";

.footer-copyright { font-size:14px;}
.discriptionL .exp,
.cntrlWrap { font-size:14px;}
.discriptionR { font-size:14px;}
.discriptionL .ttl { font-size:24px;}
*,
*::before,
*::after { -webkit-box-sizing:border-box; box-sizing:border-box;}

[tabindex="-1"]:focus:not(:focus-visible) { outline:0 !important;}
abbr[title],
abbr[data-original-title] { text-decoration:underline; -webkit-text-decoration:underline dotted; text-decoration:underline dotted; cursor:help; border-bottom:0; -webkit-text-decoration-skip-ink:none; text-decoration-skip-ink:none;}
address { font-style:normal; line-height:inherit; margin-bottom:1rem;}
blockquote { margin:0 0 1rem;}
sub,
sup { font-size:75%; line-height:0; vertical-align:baseline; position:relative;}
sub { bottom:-0.25em;}
sup { top:-0.5em;}
pre,
code,
kbd,
samp { font-size:1em;}
pre { overflow:auto; margin-top:0; margin-bottom:1rem;}
svg { overflow:hidden; vertical-align:middle;}
table { border-collapse:collapse;}
caption { caption-side:bottom;}
th { text-align:inherit;}
button { border-radius:0;}
button:focus { outline:1px dotted; outline:5px auto -webkit-focus-ring-color;}
input,
button,
select,
optgroup,
textarea { font-family:inherit; font-size:inherit; line-height:inherit; margin:0;}
button,
input { overflow:visible;}
button,
select { text-transform:none;}
select { word-wrap:normal;}
button,
[type=button],
[type=reset],
[type=submit] { -webkit-appearance:button;}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) { cursor:pointer;}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner { padding:0; border-style:none;}
input[type=radio],
input[type=checkbox] { padding:0;}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] { -webkit-appearance:listbox;}
textarea { overflow:auto; resize:vertical;}
fieldset { margin:0; padding:0; min-width:0; border:0;}
legend { color:inherit; font-size:1.5rem; line-height:inherit; white-space:normal; display:block; width:100%; max-width:100%; margin-bottom:.5rem; padding:0;}
progress { vertical-align:baseline;}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button { height:auto;}

[type=search] { outline-offset:-2px; -webkit-appearance:none;}

[type=search]::-webkit-search-decoration { -webkit-appearance:none;}

::-webkit-file-upload-button { font:inherit; -webkit-appearance:button;}
output { display:inline-block;}
summary { display:list-item; cursor:pointer;}
template { display:none;}

[hidden] { display:none !important;}
html { color:#707f87; font-size:62.5%;}
body { -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-text-size-adjust:100%; word-wrap:break-word; margin:0; width:100%; min-width:320px; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-print-color-adjust:exact; overscroll-behavior-y:none;}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section { display:block;}
ol,
ul { list-style-type:none; padding:0;}
dl,
dt,
dd,
ol,
ul,
figure,
p { margin:0;}
figure { padding:0;}
input[type=text] { -webkit-appearance:none; -moz-appearance:none; appearance:none; padding:0; border:none; border-radius:0; outline:none; background:none;}
textarea { -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none; appearance:none; padding:0; border:0; border-radius:0; outline:none; background:rgba(0,0,0,0);}
a { color:#000; text-decoration:none; border:0; outline:0; -webkit-user-select:none; -ms-user-select:none; user-select:none;}
a:hover,
a:active,
a:focus { outline:0;}
b,
em,
strong { font-weight:bolder;}
em { font-style:normal;}
img { line-height:0; vertical-align:bottom; max-width:100%; height:auto; border:0;}
button { -webkit-appearance:none; -moz-appearance:none; appearance:none; padding:0; border:none; outline:none; background-color:rgba(0,0,0,0); cursor:pointer;}
button:focus { outline:rgba(0,0,0,0);}
h1,
h2,
h3,
h4,
h5,
h6 { margin:0;}
footer { width:100%;}
footer .inner { width:90%; margin-right:auto; margin-left:auto; padding-top:30px; padding-right:0; padding-bottom:30px; padding-left:0;}
.footer-copyright { text-align:center; font-family:"Noto Sans JP"; font-weight:400; letter-spacing:.03em;}
.display-w768 { display:none;}
.display-w800,
.display-w790,
.display-w780,
.display-w770,
.display-w760,
.display-w750,
.display-w740,
.display-w730,
.display-w720,
.display-w710,
.display-w700,
.display-w690,
.display-w680,
.display-w670,
.display-w660,
.display-w650,
.display-w640,
.display-w630,
.display-w620,
.display-w610,
.display-w600,
.display-w590,
.display-w580,
.display-w570,
.display-w560,
.display-w550,
.display-w540,
.display-w530,
.display-w520,
.display-w510,
.display-w500,
.display-w490,
.display-w480,
.display-w470,
.display-w460,
.display-w450,
.display-w440,
.display-w430,
.display-w420,
.display-w410,
.display-w400,
.display-w390,
.display-w380,
.display-w370,
.display-w360,
.display-w350,
.display-w340,
.display-w330,
.display-w320 { display:none;}
html { background:#f4f5f5;}
* { font-family:"Noto Sans JP"; font-weight:500;}
.jpda-logo { width:140px; height:auto; padding-top:15px; margin-left:25px; overflow:hidden;}
.jpda-logo a { display:block; width:100%; float:left;}
.jpda-logo img { width:100%; height:auto; float:left;}
.winingProducts { width:90%; margin-right:auto; margin-left:auto; padding-top:23px; padding-bottom:20px;}
.winingDiscription { max-width:976px; width:100%; margin-left:auto; margin-right:auto; background:#fff; margin-top:2px; display:flex; justify-content:space-between;}
.winingDiscription .inner { width:95.9016%; margin-right:auto; margin-left:auto; padding-top:3.0738%; padding-bottom:3.0738%; display:flex; justify-content:space-between;}
.winingDiscription .inner:before { order:2; content:""; display:block; background-color:#eee; width:1.4px; height:100%;}
.discriptionL { order:1; width:56.6239%; color:#323232;}
.discriptionL .ttl { line-height:1.5; font-weight:500; letter-spacing:.05em; margin-top:-0.15em; margin-bottom:.5em;}
.discriptionL .exp { line-height:1.8; font-weight:400; padding-left:.2em; letter-spacing:.05em;}
.discriptionR { order:3; width:37.3932%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start; line-height:1.5;}
.discriptionR strong { font-weight:500; width:6.5em; color:#999; letter-spacing:.05em;}
.discriptionR p { width:calc(100% - 6.5em - 1em); color:#323232; letter-spacing:.05em;}
.discriptionR>strong,
.discriptionR>p { margin-top:1em;}
.discriptionR>:nth-child(1),
.discriptionR>:nth-child(2) { margin-top:0;}
.discriptionR a { color:#606d73; background:-webkit-linear-gradient(90deg, #606d73 50%, transparent 0) repeat-x; background:-moz-linear-gradient(90deg, #606d73 50%, transparent 0) repeat-x; background:-ms-linear-gradient(90deg, #606d73 50%, transparent 0) repeat-x; background:-o-linear-gradient(90deg, #606d73 50%, transparent 0) repeat-x; background:linear-gradient(90deg, #606d73 50%, transparent 0) repeat-x; background-size:3px 1px; background-position:0 1.4em; padding-bottom:.1em;}
.cntrlWrap { max-width:976px; width:100%; margin-left:auto; margin-right:auto; margin-top:2px; display:flex; justify-content:space-between; line-height:1.5; min-height:4.1429em;}
.cntrlWrap * { font-weight:500; letter-spacing:.03em; color:#707f86;}
.cntrlWrap .cnrl a,
.cntrlWrap .prev a,
.cntrlWrap .next a { background:rgba(244,245,245,0); -webkit-transition:background .4s; -moz-transition:background .4s; -ms-transition:background .4s; -o-transition:background .4s; transition:background .4s; padding-bottom:.12em;}
.cntrlWrap .cnrl a:hover,
.cntrlWrap .prev a:hover,
.cntrlWrap .next a:hover { background:rgba(244,245,245,
.5);}
.cntrlWrap .prev,
.cntrlWrap .next { width:6.4286em; background:#fff;}
.cntrlWrap .prev a,
.cntrlWrap .next a { display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.cntrlWrap .cnrl { background:#fff; width:calc(100% - 6.4286em * 2 - 4px);}
.cntrlWrap .cnrl a { width:100%; height:100%; display:flex; text-align:center; align-items:center; justify-content:center;}
.cntrlWrap .prev a:before,
.cntrlWrap .next a:after { width:.9em; height:.9em; content:""; display:block; background-position:center center; background-repeat:no-repeat; background-size:contain; position:relative; top:-0.01em;}
.cntrlWrap .prev a { padding-right:.2em; padding-left:.2em;}
.cntrlWrap .prev a:before { margin-right:.4em; background-image:url("../images/prev.svg");}
.cntrlWrap .next a { padding-left:.4em;}
.cntrlWrap .next a:after { margin-left:.45em; background-image:url("../images/next.svg");}
.slideWrap { max-width:976px; width:100%; margin-left:auto; margin-right:auto; display:flex; justify-content:space-between;}
.slider-for,
.slider-nav { padding-top:2.0492%; padding-bottom:2.0492%; background:#fff;}
.slider-for .slider-content,
.slider-nav .slider-content { width:100%; overflow:hidden;}
.slider-for .slider-content img,
.slider-nav .slider-content img { width:100%; height:auto; float:left;}
.slider-for { width:calc(80.4303% - 1px); position:relative;}
.slider-for .slider-for-inner { width:94.9045%; margin-right:auto; margin-left:auto;}
.slider-nav { width:calc(19.5697% - 1px);}
.slider-nav .slider-nav-inner { width:79.0576%; margin-right:auto; margin-left:auto;}
.slider-nav .slider-content { width:100%; cursor:pointer;}
.slick-track,
.slick-list { height:auto !important;}
.slick-track:before,
.slick-track:after { display:none;}

@media (max-width:800px) {
.hide-w800 { display:none;}
.display-w800 { display:block;}
}

@media (max-width:790px) {
.hide-w790 { display:none;}
.display-w790 { display:block;}
}

@media (max-width:780px) {
.hide-w780 { display:none;}
.display-w780 { display:block;}
}

@media (max-width:770px) {
.hide-w770 { display:none;}
.display-w770 { display:block;}
}

@media (max-width:768px) {
footer .inner { padding-top:3.9063%; padding-bottom:4.5573%;}
.hide-w768 { display:none;}
.display-w768 { display:block;}
.jpda-logo { margin-left:5.5%;}
.winingProducts { padding-bottom:0;}
.winingDiscription .inner { padding-top:2.8935%; padding-bottom:3.6169%; display:block; width:94.213%;}
.winingDiscription .inner:before { content:none;}
.discriptionL { width:100%; padding-bottom:2.8999%;}
.discriptionL .ttl { margin-bottom:.35em;}
.discriptionL .exp br { display:none;}
.discriptionR { border-top:1.4px solid #eee; width:100%; padding-top:3.0525%; padding-left:.2em;}
.discriptionR>strong,
.discriptionR>p { margin-top:.7em;}
.slideWrap { display:block;}
.slider-for { width:100%; padding-top:2.8935%; padding-bottom:2.8935%;}
.slider-for .slider-for-inner { width:94.213%;}
.slider-nav { width:100%; margin-top:2px; padding-top:2.8935%; padding-bottom:2.8935%;}
.slider-nav .slider-nav-inner { width:94.213%;}
.slider-nav .slider-nav-inner .slick-track { display:flex; align-items:flex-start; width:100%;}
.slider-nav .slider-content { width:calc(100% / 4) !important;}
}

@media (max-width:760px) {
.hide-w760 { display:none;}
.display-w760 { display:block;}
}

@media (max-width:750px) {
.hide-w750 { display:none;}
.display-w750 { display:block;}
}

@media (max-width:740px) {
.hide-w740 { display:none;}
.display-w740 { display:block;}
}

@media (max-width:730px) {
.hide-w730 { display:none;}
.display-w730 { display:block;}
}

@media (max-width:720px) {
.hide-w720 { display:none;}
.display-w720 { display:block;}
}

@media (max-width:710px) {
.hide-w710 { display:none;}
.display-w710 { display:block;}
}

@media (max-width:700px) {
.hide-w700 { display:none;}
.display-w700 { display:block;}
}

@media (max-width:690px) {
.hide-w690 { display:none;}
.display-w690 { display:block;}
}

@media (max-width:680px) {
.hide-w680 { display:none;}
.display-w680 { display:block;}
}

@media (max-width:670px) {
.hide-w670 { display:none;}
.display-w670 { display:block;}
}

@media (max-width:660px) {
.hide-w660 { display:none;}
.display-w660 { display:block;}
}

@media (max-width:650px) {
.hide-w650 { display:none;}
.display-w650 { display:block;}
}

@media (max-width:640px) {
.hide-w640 { display:none;}
.display-w640 { display:block;}
}

@media (max-width:630px) {
.hide-w630 { display:none;}
.display-w630 { display:block;}
}

@media (max-width:620px) {
.hide-w620 { display:none;}
.display-w620 { display:block;}
}

@media (max-width:610px) {
.hide-w610 { display:none;}
.display-w610 { display:block;}
}

@media (max-width:600px) {
.hide-w600 { display:none;}
.display-w600 { display:block;}
.jpda-logo { width:23.3333%; padding-top:2.5%;}
.winingProducts { padding-top:3.8333%;}
}

@media (max-width:590px) {
.hide-w590 { display:none;}
.display-w590 { display:block;}
}

@media (max-width:580px) {
.hide-w580 { display:none;}
.display-w580 { display:block;}
}

@media (max-width:570px) {
.hide-w570 { display:none;}
.display-w570 { display:block;}
}

@media (max-width:560px) {
.hide-w560 { display:none;}
.display-w560 { display:block;}
}

@media (max-width:550px) {
.hide-w550 { display:none;}
.display-w550 { display:block;}
}

@media (max-width:540px) {
.hide-w540 { display:none;}
.display-w540 { display:block;}
}

@media (max-width:530px) {
.hide-w530 { display:none;}
.display-w530 { display:block;}
}

@media (max-width:520px) {
.hide-w520 { display:none;}
.display-w520 { display:block;}
}

@media (max-width:510px) {
.hide-w510 { display:none;}
.display-w510 { display:block;}
}

@media (max-width:500px) {
.hide-w500 { display:none;}
.display-w500 { display:block;}
.discriptionL .ttl { margin-bottom:.3em;}
.discriptionR>strong,
.discriptionR>p { margin-top:.5em;}
}

@media (max-width:490px) {
.hide-w490 { display:none;}
.display-w490 { display:block;}
}

@media (max-width:480px) {
.hide-w480 { display:none;}
.display-w480 { display:block;}
}

@media (max-width:470px) {
.hide-w470 { display:none;}
.display-w470 { display:block;}
}

@media (max-width:460px) {
.hide-w460 { display:none;}
.display-w460 { display:block;}
}

@media (max-width:450px) {
.hide-w450 { display:none;}
.display-w450 { display:block;}
.winingDiscription .inner { padding-top:3.2099%; padding-bottom:4.1975%;}
.discriptionR { padding-top:3.794%;}
}

@media (max-width:440px) {
.hide-w440 { display:none;}
.display-w440 { display:block;}
}

@media (max-width:430px) {
.hide-w430 { display:none;}
.display-w430 { display:block;}
}

@media (max-width:420px) {
.hide-w420 { display:none;}
.display-w420 { display:block;}
}

@media (max-width:410px) {
.hide-w410 { display:none;}
.display-w410 { display:block;}
}

@media (max-width:400px) {
.hide-w400 { display:none;}
.display-w400 { display:block;}
.winingDiscription .inner { padding-top:3.8889%;}
.discriptionL { padding-bottom:3.7037%;}
.discriptionR { padding-top:4.321%;}
}

@media (max-width:390px) {
.hide-w390 { display:none;}
.display-w390 { display:block;}
}

@media (max-width:380px) {
.hide-w380 { display:none;}
.display-w380 { display:block;}
}

@media (max-width:370px) {
.hide-w370 { display:none;}
.display-w370 { display:block;}
}

@media (max-width:360px) {
.hide-w360 { display:none;}
.display-w360 { display:block;}
}

@media (max-width:350px) {
.footer-copyright { font-size:10px;}
.discriptionL .exp,
.cntrlWrap { font-size:11px;}
.discriptionR { font-size:12px;}
.discriptionL .ttl { font-size:16px;}
.hide-w350 { display:none;}
.display-w350 { display:block;}
}

@media (max-width:340px) {
.hide-w340 { display:none;}
.display-w340 { display:block;}
}

@media (max-width:330px) {
.hide-w330 { display:none;}
.display-w330 { display:block;}
}

@media (max-width:320px) {
.hide-w320 { display:none;}
.display-w320 { display:block;}
}

@media (min-width:351px) and (max-width:850px) {
.footer-copyright { font-size:calc(10px + (1vw - 3.5px) * .8);}
.discriptionL .exp,
.cntrlWrap { font-size:calc(11px + (1vw - 3.5px) * .6);}
.discriptionR { font-size:calc(12px + (1vw - 3.5px) * .4);}
.discriptionL .ttl { font-size:calc(16px + (1vw - 3.5px) * 1.6);}
}