@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&family=Shippori+Mincho:wght@400;500;600;700;800&display=optional");
@media screen and (min-width: 1024px) {
[data-tb],
[data-sp] {
display: none !important;
}
[data-pc] {
display: inline-block !important;
}
}
@media screen and (min-width: 750px) and (max-width: 1024px) {
[data-pc],
[data-sp] {
display: none !important;
}
[data-tb] {
display: inline-block !important;
}
}
@media screen and (max-width: 750px) {
[data-tb],
[data-pc] {
display: none !important;
}
[data-sp] {
display: inline-block !important;
}
}
[data-target] {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: opacity,-webkit-transform, -webkit-filter;
transition-property: opacity,-webkit-transform, -webkit-filter;
transition-property: transform, opacity,filter;
transition-property: transform, opacity,filter, -webkit-transform, -webkit-filter;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
opacity: 0;
will-change: transform, opacity;
}
[data-target].action {
opacity: 1;
}
[data-target][data-mask-right], [data-target][data-mask-left], [data-target][data-mask-up], [data-target][data-mask-down] {
-webkit-transition-duration: 0.6s;
transition-duration: 0.6s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: clip-path;
transition-property: clip-path;
-webkit-transition-delay: 0s;
transition-delay: 0s;
display: inline-block;
visibility: hidden;
opacity: 1;
}
[data-target][data-mask-right].action, [data-target][data-mask-left].action, [data-target][data-mask-up].action, [data-target][data-mask-down].action {
visibility: visible;
clip-path: inset(0);
}
[data-target][data-mask-right] {
clip-path: inset(0 99.99% 0 0);
}
[data-target][data-mask-left] {
clip-path: inset(0 0 0 99.99%);
}
[data-target][data-mask-up] {
clip-path: inset(99.99% 0 0 0);
}
[data-target][data-mask-down] {
clip-path: inset(0 0 99.99% 0);
}
[data-target][data-nomotion] {
-webkit-transition: none;
transition: none;
opacity: 1;
}
[data-target][data-slideup] {
-webkit-transform: translateY(1.3888888889vw) scale(1);
transform: translateY(1.3888888889vw) scale(1);
}
[data-target][data-slideup].action {
-webkit-transform: translateY(0);
transform: translateY(0);
}
[data-target][data-slidedown] {
-webkit-transform: translateY(-1.3888888889vw) scale(1);
transform: translateY(-1.3888888889vw) scale(1);
}
[data-target][data-slidedown].action {
-webkit-transform: translateY(0);
transform: translateY(0);
}
[data-target][data-slideleft] {
-webkit-transform: translateX(1.3888888889vw) scale(1);
transform: translateX(1.3888888889vw) scale(1);
}
[data-target][data-slideleft].action {
-webkit-transform: translateX(0);
transform: translateX(0);
}
[data-target][data-slideright] {
-webkit-transform: translateX(-1.3888888889vw) scale(1);
transform: translateX(-1.3888888889vw) scale(1);
}
[data-target][data-slideright].action {
-webkit-transform: translateX(0);
transform: translateX(0);
}
[data-target][data-scaleup] {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: 1.2s;
transition-duration: 1.2s;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
[data-target][data-scaleup].action {
-webkit-transform: scale(1);
transform: scale(1);
}
[data-target][data-blur] {
-webkit-transition-duration: 1s;
transition-duration: 1s;
-webkit-filter: blur(6px);
filter: blur(6px);
}
[data-target][data-blur].action {
-webkit-filter: blur(0px);
filter: blur(0px);
}
[data-target][data-draw] {
-webkit-transition: none;
transition: none;
-webkit-mask-image: url(//kikubijin.co.jp/wp/wp-content/themes/kikubijin/assets/img/common/mask.png);
mask-image: url(//kikubijin.co.jp/wp/wp-content/themes/kikubijin/assets/img/common/mask.png);
-webkit-mask-position: 0% 0%;
mask-position: 0% 0%;
-webkit-mask-size: 400% 400%;
mask-size: 400% 400%;
}
[data-target][data-draw].action {
-webkit-animation: mask-playzero 3.2s 0s steps(1) forwards;
animation: mask-playzero 3.2s 0s steps(1) forwards;
}
[data-lzy] {
opacity: 0;
}
[data-lzy].action {
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-delay: 0s;
transition-delay: 0s;
opacity: 1;
}
#difineSVG {
display: none;
}
.loop_slider {
width: 100%;
position: relative;
overflow: hidden;
}
.loop_slider.active .slider {
-webkit-animation-play-state: running !important;
animation-play-state: running !important;
}
.loop_slider .slider_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-column-gap: 0.6944444444vw;
-moz-column-gap: 0.6944444444vw;
column-gap: 0.6944444444vw;
z-index: 1;
}
.loop_slider .slider {
-webkit-animation-play-state: paused !important;
animation-play-state: paused !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 0.6944444444vw;
-moz-column-gap: 0.6944444444vw;
column-gap: 0.6944444444vw;
position: relative;
z-index: 1;
will-change: transform;
}
.loop_slider .slider:first-child {
-webkit-animation: slider_loop 90s linear infinite;
animation: slider_loop 90s linear infinite;
}
.loop_slider .slider:nth-child(2) {
-webkit-animation: slider_loop2 90s -60s linear infinite;
animation: slider_loop2 90s -60s linear infinite;
}
.loop_slider .slider:last-child {
-webkit-animation: slider_loop3 90s -30s linear infinite;
animation: slider_loop3 90s -30s linear infinite;
}
.loop_slider .slider.reverse:first-child {
animation-direction: reverse;
}
.loop_slider .slider.reverse:nth-child(2) {
animation-direction: reverse;
}
.loop_slider .slider.reverse:last-child {
animation-direction: reverse;
}
.loop_slider .slider figure {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
z-index: 1;
}
.loop_slider img {
max-width: initial;
display: block;
}
.logo {
width: 3.1944444444vw;
display: block;
}
i.circle {
background-color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 2.0833333333vw;
height: 2.0833333333vw;
border-radius: 100%;
}
i.circle svg {
width: 0.3472222222vw;
height: 0.4861111111vw;
fill: #333333;
}
i.circle.black {
background-color: #333333;
}
i.circle.black svg {
fill: #ffffff;
}
i.circle.reverse svg {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.line_obj {
position: relative;
padding-top: 4.1666666667vw;
}
.line_obj:before {
background-color: #cccccc;
content: "";
display: block;
width: 4.1666666667vw;
height: 1px;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
.bg_grad {
position: relative;
}
.bg_grad:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(240, 243, 243, 0)), to(rgb(240, 243, 243)));
background: linear-gradient(to bottom, rgba(240, 243, 243, 0) 0%, rgb(240, 243, 243) 100%);
content: "";
display: block;
width: 100%;
height: calc(100% + 32.9166666667vw);
position: absolute;
bottom: 0;
left: 0;
pointer-events: none;
z-index: -1;
}
.banner_contact {
width: 97.2222222222vw;
height: 20.8333333333vw;
margin: auto;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
row-gap: 1.1111111111vw;
color: #ffffff;
overflow: hidden;
z-index: 5;
}
.banner_contact:before {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-delay: 0s;
transition-delay: 0s;
background: url(//kikubijin.co.jp/wp/wp-content/themes/kikubijin/assets/img/common/bg_contact.webp);
background-size: cover;
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
z-index: -1;
}
.banner_contact strong {
font-size: 1.9444444444vw;
font-weight: 400;
}
.banner_contact span {
font-family: "Cardo", serif;
letter-spacing: 0.1em;
font-size: calc(1em - 2px);
font-size: 0.9722222222vw;
}
@media screen and (min-width: 750px) {
.banner_contact:hover:before {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
}
.sns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-column-gap: 2.7777777778vw;
-moz-column-gap: 2.7777777778vw;
column-gap: 2.7777777778vw;
}
.sns dt {
font-family: "Cardo", serif;
letter-spacing: 0.1em;
font-size: calc(1em - 2px);
font-size: 0.9722222222vw;
letter-spacing: 0;
}
.sns dd {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 1.5277777778vw;
-moz-column-gap: 1.5277777778vw;
column-gap: 1.5277777778vw;
}
.sns dd a {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-delay: 0s;
transition-delay: 0s;
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
display: block;
}
@media screen and (min-width: 750px) {
.sns dd a:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
.sns dd .fb {
background-image: url(//kikubijin.co.jp/wp/wp-content/themes/kikubijin/assets/img/common/ic_fb.png);
width: 0.7638888889vw;
height: 1.6666666667vw;
}
.sns dd .ig {
background-image: url(//kikubijin.co.jp/wp/wp-content/themes/kikubijin/assets/img/common/ic_ig.png);
width: 1.6666666667vw;
height: 1.6666666667vw;
}
.sns dd .line {
background-image: url(//kikubijin.co.jp/wp/wp-content/themes/kikubijin/assets/img/common/ic_line.png);
width: 1.6666666667vw;
height: 1.6666666667vw;
}
.gnavi {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 2.0833333333vw;
-moz-column-gap: 2.0833333333vw;
column-gap: 2.0833333333vw;
font-size: 1.1111111111vw;
}
.gnavi .nav {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
letter-spacing: 0.125em;
}
@media screen and (min-width: 750px) {
.gnavi .nav:hover {
color: #cccccc;
}
}
.gnavi .nav.active {
color: #cccccc;
}
.gnavi .btn_cart {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-delay: 0s;
transition-delay: 0s;
background: url(//kikubijin.co.jp/wp/wp-content/themes/kikubijin/assets/img/common/ic_cart.png) no-repeat 0 0;
background-size: 100% 100%;
content: "";
display: block;
width: 1.1111111111vw;
height: 1.1805555556vw;
}
@media screen and (min-width: 750px) {
.gnavi .btn_cart:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
.snavi {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 1.6666666667vw;
line-height: 1;
}
.snavi a {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
@media screen and (min-width: 750px) {
.snavi a:hover {
color: #cccccc;
}
}
.snavi a.active {
color: #cccccc;
}
.pankuzu {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
max-width: 100vw;
position: absolute;
left: 50%;
top: 9.7222222222vw;
padding-left: 9.7222222222vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 1.3888888889vw;
-moz-column-gap: 1.3888888889vw;
column-gap: 1.3888888889vw;
}
.pankuzu li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 1.3888888889vw;
-moz-column-gap: 1.3888888889vw;
column-gap: 1.3888888889vw;
}
.pankuzu li:after {
background-color: #333333;
content: "";
width: 1px;
height: 0.6944444444vw;
margin-top: 0.1388888889vw;
}
.pankuzu li.current {
color: #cccccc;
}
.pankuzu li.current:after {
display: none;
}
.pankuzu li a {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
@media screen and (min-width: 750px) {
.pankuzu li a:hover {
color: #cccccc;
}
}
.page_header {
width: 96.6666666667vw;
margin: auto;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 0 5.2777777778vw;
}
.page_header.with_img {
padding: 5.1388888889vw 0 0;
margin-bottom: 12.0833333333vw;
display: block;
}
.page_header.with_img .page_title {
position: absolute;
top: 0;
right: 5.4166666667vw;
}
.page_header.with_img figure {
width: 83.3333333333vw;
height: 41.6666666667vw;
}
.page_header.with_img figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.page_footer {
width: 86.1111111111vw;
margin: 6.9444444444vw auto 0;
position: relative;
}
.about_menu {
width: 97.2222222222vw;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 11.1111111111vw;
}
.about_menu a {
width: 50%;
height: 20.8333333333vw;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
row-gap: 1.3888888889vw;
color: #ffffff;
padding-top: 1.3888888889vw;
}
.about_menu a figure {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: -1;
}
.about_menu a figure img {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-delay: 0s;
transition-delay: 0s;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.about_menu a .txt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
row-gap: 1.1111111111vw;
}
.about_menu a .txt span {
font-family: "Cardo", serif;
letter-spacing: 0.1em;
font-size: calc(1em - 2px);
font-size: 0.9722222222vw;
}
.about_menu a .txt strong {
font-size: 1.9444444444vw;
font-weight: 400;
}
@media screen and (min-width: 750px) {
.about_menu a:hover figure img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
.basic_container {
width: 55.5555555556vw;
margin: auto;
padding: 6.9444444444vw 0 12.0833333333vw;
}
.basic_container .basic_title {
margin-bottom: 2.7777777778vw;
}
.basic_contents .basic_unit {
border-top: 1px solid #cccccc;
padding-top: 2.7777777778vw;
}
.basic_unit {
line-height: 1.5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 1.3888888889vw;
}
.basic_unit hr {
background-color: #cccccc;
border: none;
height: 1px;
margin: 1.3888888889vw 0;
}
.basic_unit h1,
.basic_unit h2,
.basic_unit h3,
.basic_unit h4,
.basic_unit h5,
.basic_unit h6 {
font-weight: bold;
}
.basic_unit h2 {
font-size: 1.3888888889vw;
}
.basic_unit h3 {
font-size: 1.25vw;
}
.basic_unit h4 {
font-size: 1.1111111111vw;
}
.basic_unit h5 {
font-size: 0.9722222222vw;
}
.basic_unit h6 {
font-size: 0.8333333333vw;
}
.basic_unit a {
text-decoration: underline;
color: #176ddd;
}
@media screen and (min-width: 750px) {
.basic_unit a:hover {
text-decoration: none;
}
}
.basic_unit ul,
.basic_unit ol {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 0.3472222222vw;
}
.basic_unit ul li,
.basic_unit ol li {
margin-left: 1.3888888889vw;
}
.basic_unit ul li {
list-style: disc;
}
.basic_unit ol li {
list-style: decimal;
}
section {
position: relative;
}
.sec_inner {
width: 86.1111111111vw;
position: relative;
margin: auto;
}
.column_unit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.column_unit .txt {
width: 100%;
line-height: 1.75;
}
.column_unit.reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.separate_image {
width: calc(100% - 2.7777777778vw);
height: 27.7777777778vw;
margin: 15.2777777778vw auto;
overflow: hidden;
}
.separate_image img {
width: 100%;
max-width: initial;
}
.parallax_wrap {
position: relative;
overflow: hidden;
display: block;
width: 100%;
height: 100%;
}
.parallax_wrap img {
max-width: initial;
width: 100%;
}
.categories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 1.3888888889vw;
-moz-column-gap: 1.3888888889vw;
column-gap: 1.3888888889vw;
padding-bottom: 2.7777777778vw;
margin-bottom: 6.9444444444vw;
border-bottom: 1px solid #cccccc;
}
.categories li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 1.3888888889vw;
-moz-column-gap: 1.3888888889vw;
column-gap: 1.3888888889vw;
}
.categories li:after {
content: "/";
}
.categories li:last-of-type:after {
display: none;
}
.categories li a {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
@media screen and (min-width: 750px) {
.categories li a:hover {
color: #cccccc;
}
}
.categories li a.active {
color: #cccccc;
}
.pagenate {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pagenate.bt {
border-top: 1px solid #cccccc;
padding-top: 4.1666666667vw;
}
.pagenate.bb {
border-bottom: 1px solid #cccccc;
padding-bottom: 4.1666666667vw;
}
.wp-pagenavi {
font-family: "Cardo", serif;
letter-spacing: 0.1em;
font-size: calc(1em - 2px);
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: 2.7777777778vw;
-moz-column-gap: 2.7777777778vw;
column-gap: 2.7777777778vw;
padding: 0 10.4166666667vw;
}
.wp-pagenavi .page {
font-size: 1.3888888889vw;
}
.wp-pagenavi .current {
color: #cccccc;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
position: absolute;
top: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 0.625vw;
-moz-column-gap: 0.625vw;
column-gap: 0.625vw;
margin-top: -1.0416666667vw;
}
.wp-pagenavi .previouspostslink {
left: 0;
}
.wp-pagenavi .nextpostslink {
right: 0;
}
.news_list {
display: grid;
grid-template-columns: repeat(4, 1fr);
-webkit-column-gap: 4.6527777778vw;
-moz-column-gap: 4.6527777778vw;
column-gap: 4.6527777778vw;
row-gap: 5.5555555556vw;
}
.thumb_news {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 1.3888888889vw;
}
.thumb_news .img {
aspect-ratio: 1/1;
position: relative;
overflow: hidden;
}
.thumb_news .img img {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-delay: 0s;
transition-delay: 0s;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
vertical-align: bottom;
}
.thumb_news .img.noimage {
border: 1px solid #cccccc;
}
.thumb_news .txt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 0.9722222222vw;
}
.thumb_news .txt .date {
letter-spacing: 0.05em;
}
.thumb_news .txt .title {
line-height: 1.5;
}
@media screen and (min-width: 750px) {
.thumb_news:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
.thumb_sake {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 0.9722222222vw;
position: relative;
}
.thumb_sake.soldout:before {
background-color: #666666;
content: "在庫なし";
width: 5vw;
height: 5vw;
border-radius: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 0.8333333333vw;
font-weight: bold;
color: #ffffff;
text-align: center;
position: absolute;
top: -1.6666666667vw;
left: 1.1805555556vw;
z-index: 5;
pointer-events: none;
}
.thumb_sake .award {
position: absolute;
top: -1.6666666667vw;
right: 1.1805555556vw;
width: 5vw;
z-index: 5;
pointer-events: none;
}
.thumb_sake .img {
position: relative;
overflow: hidden;
}
.thumb_sake .img img {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-delay: 0s;
transition-delay: 0s;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
vertical-align: bottom;
}
.thumb_sake .txt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 0.9722222222vw;
}
.thumb_sake .txt .title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-column-gap: 1.25vw;
-moz-column-gap: 1.25vw;
column-gap: 1.25vw;
}
.thumb_sake .txt .title strong {
font-size: 1.8055555556vw;
font-weight: 400;
}
.thumb_sake .txt .title span {
font-family: "Cardo", serif;
letter-spacing: 0.1em;
font-size: calc(1em - 2px);
}
.thumb_sake .txt .excerpt {
line-height: 1.6;
}
@media screen and (min-width: 750px) {
.thumb_sake:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
.form_unit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-column-gap: 4.1666666667vw;
-moz-column-gap: 4.1666666667vw;
column-gap: 4.1666666667vw;
margin-bottom: 1.6666666667vw;
}
.form_unit .label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
font-weight: bold;
-webkit-column-gap: 1.3888888889vw;
-moz-column-gap: 1.3888888889vw;
column-gap: 1.3888888889vw;
width: 22.9166666667vw;
margin-top: 0.3472222222vw;
}
.form_unit .label em {
background-color: #ebebeb;
width: 3.6111111111vw;
height: 1.8055555556vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 0.9722222222vw;
font-style: normal;
font-weight: 400;
}
.form_unit .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 2.0833333333vw;
-moz-column-gap: 2.0833333333vw;
column-gap: 2.0833333333vw;
}
.form_unit .form {
width: calc(100% - 22.9166666667vw);
}
.form_unit .form.hide {
display: none;
}
.form_unit .form input,
.form_unit .form textarea,
.form_unit .form select {
border: 1px solid #cccccc;
padding: 0 1.3888888889vw;
min-height: 2.7777777778vw;
width: 34.7222222222vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0.2777777778vw;
}
.form_unit .form input:focus,
.form_unit .form textarea:focus,
.form_unit .form select:focus {
border-color: #333333;
}
.form_unit .form textarea {
padding: 1.0416666667vw 1.3888888889vw;
line-height: 1.5;
}
.form_unit .form .wpcf7-list-item {
margin: 0;
}
.form_unit .form.short {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 1.6666666667vw;
-moz-column-gap: 1.6666666667vw;
column-gap: 1.6666666667vw;
}
.form_unit .form.short input {
width: 8.3333333333vw;
}
.form_unit .form.short strong {
font-size: 1.3888888889vw;
}
.form_unit .form.checkboxes .wpcf7-form-control {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-column-gap: 1.1111111111vw;
-moz-column-gap: 1.1111111111vw;
column-gap: 1.1111111111vw;
row-gap: 1.1111111111vw;
}
.form_unit .form.checkboxes .has-free-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 1.1111111111vw;
-moz-column-gap: 1.1111111111vw;
column-gap: 1.1111111111vw;
}
.form_unit .form.checkboxes .has-free-text .wpcf7-free-text {
background: none;
border: none;
border-bottom: 1px solid #f0f3f3;
padding: 0.6944444444vw 0;
border-radius: 0;
font-size: 1.1111111111vw;
width: 100%;
min-height: initial;
}
.form_unit .form.checkboxes label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 0.5555555556vw;
-moz-column-gap: 0.5555555556vw;
column-gap: 0.5555555556vw;
position: relative;
cursor: pointer;
}
.form_unit .form.checkboxes label:before {
background-color: #ffffff;
content: "";
display: block;
width: 1.3194444444vw;
height: 1.3194444444vw;
border-radius: 0.2777777778vw;
border: 1px solid #cccccc;
}
.form_unit .form.checkboxes label .wpcf7-list-item-label {
white-space: nowrap;
}
.form_unit .form.checkboxes label input {
display: none;
}
.form_unit .form.checkboxes label input:checked + :before {
background-color: #333333;
content: "";
width: 0.8333333333vw;
height: 0.8333333333vw;
border-radius: 100%;
position: absolute;
top: 0.3125vw;
left: 0.3125vw;
z-index: 5;
}
.form_unit .wpcf7-not-valid-tip {
font-size: 0.8333333333vw;
margin-top: 0.8333333333vw;
}
.form_unit .conf_form {
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-delay: 0s;
transition-delay: 0s;
width: 34.7222222222vw;
line-height: 2;
opacity: 0;
visibility: hidden;
position: absolute;
}
.form_unit .conf_form.active {
position: relative;
opacity: 1;
visibility: visible;
}
.check_privacy {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 4.1666666667vw;
}
.check_privacy label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 0.5555555556vw;
-moz-column-gap: 0.5555555556vw;
column-gap: 0.5555555556vw;
position: relative;
cursor: pointer;
}
.check_privacy label:before {
background-color: #ffffff;
content: "";
display: block;
width: 1.3194444444vw;
height: 1.3194444444vw;
border-radius: 0.2777777778vw;
border: 1px solid #cccccc;
}
.check_privacy label input {
display: none;
}
.check_privacy label input:checked + :before {
background-color: #333333;
content: "";
width: 0.8333333333vw;
height: 0.8333333333vw;
border-radius: 100%;
position: absolute;
top: 0.3125vw;
left: 0.3125vw;
z-index: 5;
}
.check_privacy a {
text-decoration: underline;
}
@media screen and (min-width: 750px) {
.check_privacy a:hover {
text-decoration: none;
}
}
.join_confirm {
margin-bottom: 5.5555555556vw;
}
.join_confirm .lead {
margin-bottom: 2.2222222222vw;
}
.join_confirm .unit {
background-color: rgba(207, 207, 207, 0.1254901961);
border-radius: 1.1111111111vw;
padding: 2.7777777778vw;
margin-bottom: 1.1111111111vw;
line-height: 1.8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 2.2222222222vw;
}
.join_confirm .unit:last-of-type {
margin-bottom: 0;
}
.join_confirm .check_privacy {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
font-size: 0.8333333333vw;
margin-bottom: 0;
}
.join_confirm .check_privacy .wpcf7-list-item {
margin: 0;
}
.join_confirm a {
text-decoration: underline;
}
@media screen and (min-width: 750px) {
.join_confirm a:hover {
text-decoration: none;
}
}
.comp_unit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
row-gap: 2.7777777778vw;
}
.comp_unit p {
text-align: center;
font-size: 1.3888888889vw;
line-height: 1.5;
}
.buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: 2.0833333333vw;
-moz-column-gap: 2.0833333333vw;
column-gap: 2.0833333333vw;
}
.btn_circle {
font-family: "Cardo", serif;
letter-spacing: 0.1em;
font-size: calc(1em - 2px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 0.6944444444vw;
-moz-column-gap: 0.6944444444vw;
column-gap: 0.6944444444vw;
}
.btn_circle .circle {
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.btn_circle.with_line {
font-size: 1.25vw;
-webkit-column-gap: 0.9722222222vw;
-moz-column-gap: 0.9722222222vw;
column-gap: 0.9722222222vw;
}
.btn_circle.with_line span {
position: relative;
}
.btn_circle.with_line span:after {
background-color: #333333;
content: "";
display: block;
width: 100%;
height: 1px;
position: absolute;
bottom: -0.6944444444vw;
left: 0;
}
@media screen and (min-width: 750px) {
a.btn_circle:hover .circle {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
.btn_radius {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-delay: 0s;
transition-delay: 0s;
background-color: #333333;
color: #ffffff;
width: 18.0555555556vw;
height: 3.4722222222vw;
border-radius: 9999px;
position: relative;
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 1.7361111111vw;
}
.btn_radius .circle {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-delay: 0s;
transition-delay: 0s;
position: absolute;
top: 50%;
right: 0.6944444444vw;
margin-top: -1.0416666667vw;
pointer-events: none;
}
.btn_radius .circle svg {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
@media screen and (min-width: 750px) {
.btn_radius:hover {
background-color: #f0f3f3;
color: #333333;
}
.btn_radius:hover .circle {
background-color: #333333;
}
.btn_radius:hover .circle svg {
fill: #f0f3f3;
}
}
.btn_radius.disable {
background-color: #f0f3f3;
pointer-events: none;
color: #333333;
}
.btn_radius.input {
padding-left: 0;
}
.btn_radius.input input {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-delay: 0s;
transition-delay: 0s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 1.7361111111vw;
width: 100%;
height: 100%;
text-align: left;
}
.btn_radius.input .wpcf7-spinner {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
top: 50%;
left: -4.8611111111vw;
}
.btn_radius.input.back .circle {
right: auto;
left: 0.6944444444vw;
}
.btn_radius.input.back input {
padding-right: 1.7361111111vw;
padding-left: 0;
text-align: right;
}
@media screen and (min-width: 750px) {
.btn_radius.input:hover input {
color: #333333;
}
}
.btn_radius.reverse {
background-color: #f0f3f3;
color: #333333;
}
.btn_radius.reverse .circle {
background-color: #333333;
}
.btn_radius.reverse .circle svg {
fill: #f0f3f3;
}
@media screen and (min-width: 750px) {
.btn_radius.reverse:hover {
background-color: #333333;
color: #ffffff;
}
.btn_radius.reverse:hover .circle {
background-color: #ffffff;
}
.btn_radius.reverse:hover .circle svg {
fill: #333333;
}
}
.page_title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
row-gap: 2.6388888889vw;
}
.page_title strong {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-size: 2.5vw;
font-weight: 400;
}
.page_title span {
font-family: "Cardo", serif;
letter-spacing: 0.1em;
font-size: calc(1em - 2px);
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
.basic_title {
font-size: 2.0833333333vw;
}
.sec_title {
position: absolute;
top: -1.3888888889vw;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-column-gap: 1.0416666667vw;
-moz-column-gap: 1.0416666667vw;
column-gap: 1.0416666667vw;
}
.sec_title strong {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-size: 2.2222222222vw;
font-weight: 400;
margin-top: 1.3888888889vw;
line-height: 1.5;
}
.sec_title span {
font-family: "Cardo", serif;
letter-spacing: 0.1em;
font-size: calc(1em - 2px);
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-size: 0.9722222222vw;
}
@media screen and (min-width: 750.1px) {
.only-sp {
display: none;
}
}
@media screen and (min-width: 1440px) {
[data-target][data-slideup] {
-webkit-transform: translateY(20px) scale(1);
transform: translateY(20px) scale(1);
}
[data-target][data-slidedown] {
-webkit-transform: translateY(-20px) scale(1);
transform: translateY(-20px) scale(1);
}
[data-target][data-slideleft] {
-webkit-transform: translateX(20px) scale(1);
transform: translateX(20px) scale(1);
}
[data-target][data-slideright] {
-webkit-transform: translateX(-20px) scale(1);
transform: translateX(-20px) scale(1);
}
.loop_slider .slider_wrap {
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
.loop_slider .slider {
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
.logo {
width: 40px;
height: 185px;
}
i.circle {
width: 30px;
height: 30px;
}
i.circle svg {
width: 5px;
height: 7px;
}
.line_obj {
padding-top: 60px;
}
.line_obj:before {
width: 60px;
}
.bg_grad:before {
height: calc(100% + 474px);
}
.banner_contact {
row-gap: 16px;
}
.banner_contact strong {
font-size: 28px;
}
.banner_contact span {
font-size: 14px;
}
.sns {
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
}
.sns dt {
font-size: 14px;
}
.sns dd {
-webkit-column-gap: 22px;
-moz-column-gap: 22px;
column-gap: 22px;
}
.sns dd .fb {
width: 11px;
height: 24px;
}
.sns dd .ig {
width: 24px;
height: 24px;
}
.sns dd .line {
width: 24px;
height: 24px;
}
.gnavi {
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
font-size: 16px;
}
.gnavi .btn_cart {
width: 16px;
height: 17px;
}
.snavi {
row-gap: 24px;
}
.pankuzu {
max-width: 1440px;
top: 140px;
padding-left: 140px;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
.pankuzu li {
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
.pankuzu li:after {
height: 10px;
margin-top: 2px;
}
.page_header {
width: 1392px;
padding: 0 76px;
}
.page_header.with_img {
padding: 74px 0 0;
margin-bottom: 174px;
}
.page_header.with_img .page_title {
right: 78px;
}
.page_header.with_img figure {
width: calc(100% - 200px);
}
.page_header.with_img figure img {
max-width: initial;
width: calc((var(--vw) * 100 - 1440px) * 0.5 + 100%);
position: absolute;
top: 0;
right: 0;
}
.page_footer {
width: 1240px;
margin: 100px auto 0;
}
.about_menu {
width: 1400px;
margin-bottom: 160px;
}
.about_menu a {
height: 300px;
row-gap: 20px;
padding-top: 20px;
}
.about_menu a .txt {
row-gap: 16px;
}
.about_menu a .txt span {
font-size: 14px;
}
.about_menu a .txt strong {
font-size: 28px;
}
.basic_container {
width: 800px;
padding: 100px 0 174px;
}
.basic_container .basic_title {
margin-bottom: 40px;
}
.basic_contents .basic_unit {
padding-top: 40px;
}
.basic_unit {
row-gap: 20px;
}
.basic_unit hr {
margin: 20px 0;
}
.basic_unit h2 {
font-size: 20px;
}
.basic_unit h3 {
font-size: 18px;
}
.basic_unit h4 {
font-size: 16px;
}
.basic_unit h5 {
font-size: 14px;
}
.basic_unit h6 {
font-size: 12px;
}
.basic_unit ul,
.basic_unit ol {
row-gap: 5px;
}
.basic_unit ul li,
.basic_unit ol li {
margin-left: 20px;
}
.sec_inner {
width: 1240px;
}
.separate_image {
width: calc(100% - 40px);
margin: 220px auto;
}
.categories {
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
padding-bottom: 40px;
margin-bottom: 100px;
}
.categories li {
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
.pagenate.bt {
padding-top: 60px;
}
.pagenate.bb {
padding-bottom: 60px;
}
.wp-pagenavi {
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
padding: 0 150px;
}
.wp-pagenavi .page {
font-size: 20px;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
-webkit-column-gap: 9px;
-moz-column-gap: 9px;
column-gap: 9px;
margin-top: -15px;
}
.news_list {
-webkit-column-gap: 67px;
-moz-column-gap: 67px;
column-gap: 67px;
row-gap: 80px;
}
.thumb_news {
row-gap: 20px;
}
.thumb_news .txt {
row-gap: 14px;
}
.thumb_sake {
row-gap: 14px;
}
.thumb_sake.soldout:before {
width: 72px;
height: 72px;
font-size: 12px;
top: -24px;
left: 17px;
}
.thumb_sake .award {
top: -24px;
right: 17px;
width: 72px;
}
.thumb_sake .txt {
row-gap: 14px;
}
.thumb_sake .txt .title {
-webkit-column-gap: 18px;
-moz-column-gap: 18px;
column-gap: 18px;
}
.thumb_sake .txt .title strong {
font-size: 26px;
}
.form_unit {
-webkit-column-gap: 60px;
-moz-column-gap: 60px;
column-gap: 60px;
margin-bottom: 24px;
}
.form_unit .label {
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
width: 330px;
margin-top: 5px;
}
.form_unit .label em {
width: 52px;
height: 26px;
font-size: 14px;
}
.form_unit .row {
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
.form_unit .form {
width: calc(100% - 330px);
}
.form_unit .form input,
.form_unit .form textarea,
.form_unit .form select {
padding: 0 20px;
min-height: 40px;
width: 500px;
border-radius: 4px;
}
.form_unit .form textarea {
padding: 15px 20px;
}
.form_unit .form.short {
-webkit-column-gap: 24px;
-moz-column-gap: 24px;
column-gap: 24px;
}
.form_unit .form.short input {
width: 120px;
}
.form_unit .form.short strong {
font-size: 20px;
}
.form_unit .form.checkboxes .wpcf7-form-control {
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
row-gap: 16px;
}
.form_unit .form.checkboxes .has-free-text {
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
}
.form_unit .form.checkboxes .has-free-text .wpcf7-free-text {
padding: 10px 0;
font-size: 16px;
}
.form_unit .form.checkboxes label {
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
}
.form_unit .form.checkboxes label:before {
width: 19px;
height: 19px;
border-radius: 4px;
}
.form_unit .form.checkboxes label input:checked + :before {
width: 12px;
height: 12px;
top: 4.5px;
left: 4.5px;
}
.form_unit .wpcf7-not-valid-tip {
font-size: 12px;
margin-top: 12px;
}
.form_unit .conf_form {
width: 500px;
}
.check_privacy {
margin-top: 60px;
}
.check_privacy label {
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
}
.check_privacy label:before {
width: 19px;
height: 19px;
border-radius: 4px;
}
.check_privacy label input:checked + :before {
width: 12px;
height: 12px;
top: 4.5px;
left: 4.5px;
}
.join_confirm {
margin-bottom: 80px;
}
.join_confirm .lead {
margin-bottom: 32px;
}
.join_confirm .unit {
border-radius: 16px;
padding: 40px;
margin-bottom: 16px;
row-gap: 32px;
}
.join_confirm .check_privacy {
font-size: 12px;
}
.comp_unit {
row-gap: 40px;
}
.comp_unit p {
font-size: 20px;
}
.buttons {
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
.btn_circle {
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
.btn_circle.with_line {
font-size: 18px;
-webkit-column-gap: 14px;
-moz-column-gap: 14px;
column-gap: 14px;
}
.btn_circle.with_line span:after {
bottom: -10px;
}
.btn_radius {
width: 260px;
height: 50px;
padding-left: 25px;
}
.btn_radius .circle {
right: 10px;
margin-top: -15px;
}
.btn_radius.input input {
padding-left: 25px;
}
.btn_radius.input .wpcf7-spinner {
left: -70px;
}
.btn_radius.input.back .circle {
left: 10px;
}
.btn_radius.input.back input {
padding-right: 25px;
}
.page_title {
row-gap: 38px;
}
.page_title strong {
font-size: 36px;
}
.basic_title {
font-size: 30px;
}
.sec_title {
top: -20px;
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
}
.sec_title strong {
font-size: 32px;
margin-top: 20px;
}
.sec_title span {
font-size: 14px;
}
}
@media screen and (max-width: 750px) {
[data-target][data-slideup] {
-webkit-transform: translateY(5.3333333333vw) scale(1);
transform: translateY(5.3333333333vw) scale(1);
}
[data-target][data-slidedown] {
-webkit-transform: translateY(-5.3333333333vw) scale(1);
transform: translateY(-5.3333333333vw) scale(1);
}
[data-target][data-slideleft] {
-webkit-transform: translateX(5.3333333333vw) scale(1);
transform: translateX(5.3333333333vw) scale(1);
}
[data-target][data-slideright] {
-webkit-transform: translateX(-5.3333333333vw) scale(1);
transform: translateX(-5.3333333333vw) scale(1);
}
.loop_slider .slider_wrap {
-webkit-column-gap: 2.6666666667vw;
-moz-column-gap: 2.6666666667vw;
column-gap: 2.6666666667vw;
}
.loop_slider .slider {
-webkit-column-gap: 2.6666666667vw;
-moz-column-gap: 2.6666666667vw;
column-gap: 2.6666666667vw;
}
.loop_slider .slider:first-child {
-webkit-animation: slider_loop_sp 60s -30s linear infinite;
animation: slider_loop_sp 60s -30s linear infinite;
}
.loop_slider .slider:last-child {
-webkit-animation: slider_loop2_sp 60s linear infinite;
animation: slider_loop2_sp 60s linear infinite;
}
.logo {
width: 12.5333333333vw;
height: 58.1333333333vw;
}
i.circle {
width: 8vw;
height: 8vw;
}
i.circle svg {
width: 1.3333333333vw;
height: 1.8666666667vw;
}
.line_obj {
padding-top: 10.6666666667vw;
}
.line_obj:before {
width: 16vw;
}
.bg_grad:before {
height: calc(100% + 126.4vw);
}
.banner_contact {
width: 100%;
height: 80vw;
row-gap: 5.3333333333vw;
}
.banner_contact:before {
background-image: url(//kikubijin.co.jp/wp/wp-content/themes/kikubijin/assets/img/common/bg_contact_sp.webp);
}
.banner_contact strong {
font-size: 6.9333333333vw;
font-weight: 400;
}
.banner_contact span {
font-size: 3.2vw;
}
.sns {
-webkit-column-gap: 10.6666666667vw;
-moz-column-gap: 10.6666666667vw;
column-gap: 10.6666666667vw;
}
.sns dt {
font-size: 3.2vw;
}
.sns dd {
-webkit-column-gap: 5.8666666667vw;
-moz-column-gap: 5.8666666667vw;
column-gap: 5.8666666667vw;
}
.sns dd .fb {
width: 2.9333333333vw;
height: 6.4vw;
}
.sns dd .ig {
width: 6.4vw;
height: 6.4vw;
}
.sns dd .line {
width: 6.4vw;
height: 6.4vw;
}
.gnavi {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-column-gap: 8vw;
-moz-column-gap: 8vw;
column-gap: 8vw;
font-size: 3.7333333333vw;
}
.gnavi .btn_cart {
width: 4.2666666667vw;
height: 4.5333333333vw;
}
.snavi {
row-gap: 5.3333333333vw;
}
.pankuzu {
-webkit-transform: translateX(0);
transform: translateX(0);
max-width: initial;
left: 0;
top: 48vw;
padding-left: 5.3333333333vw;
-webkit-column-gap: 2.6666666667vw;
-moz-column-gap: 2.6666666667vw;
column-gap: 2.6666666667vw;
font-size: 2.6666666667vw;
}
.pankuzu li {
-webkit-column-gap: 2.6666666667vw;
-moz-column-gap: 2.6666666667vw;
column-gap: 2.6666666667vw;
white-space: nowrap;
}
.pankuzu li:after {
height: 2.6666666667vw;
margin-top: 0.5333333333vw;
}
.pankuzu li.current {
text-overflow: ellipsis;
overflow: hidden;
display: block;
padding-right: 2.6666666667vw;
}
.page_header {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 19.7333333333vw 6.4vw 0;
}
.page_header.with_img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
margin-bottom: 26.6666666667vw;
}
.page_header.with_img .page_title {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
position: relative;
top: 0;
right: 0;
padding: 0 5.3333333333vw;
margin-bottom: 26.6666666667vw;
}
.page_header.with_img figure {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
height: 80vw;
width: 100%;
}
.page_header.with_img figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.page_footer {
width: 100%;
margin: 13.8666666667vw auto 0;
}
.about_menu {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 10.6666666667vw;
}
.about_menu a {
width: 100%;
height: 80vw;
row-gap: 5.3333333333vw;
padding-top: 5.3333333333vw;
}
.about_menu a .txt {
row-gap: 4.2666666667vw;
}
.about_menu a .txt span {
font-size: 3.2vw;
}
.about_menu a .txt strong {
font-size: 6.9333333333vw;
}
.basic_container {
width: 100%;
padding: 26.6666666667vw 6.4vw;
}
.basic_container .basic_title {
margin-bottom: 10.6666666667vw;
}
.basic_contents .basic_unit {
padding-top: 10.6666666667vw;
}
.basic_unit {
row-gap: 5.3333333333vw;
}
.basic_unit hr {
margin: 5.3333333333vw 0;
}
.basic_unit h2 {
font-size: 4.8vw;
}
.basic_unit h3 {
font-size: 4.2666666667vw;
}
.basic_unit h4 {
font-size: 3.7333333333vw;
}
.basic_unit h5 {
font-size: 3.2vw;
}
.basic_unit h6 {
font-size: 2.6666666667vw;
}
.basic_unit ul,
.basic_unit ol {
row-gap: 1.3333333333vw;
}
.basic_unit ul li,
.basic_unit ol li {
margin-left: 5.3333333333vw;
}
.sec_inner {
width: 100%;
padding: 0 5.3333333333vw;
}
.column_unit {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: initial;
-ms-flex-pack: initial;
justify-content: initial;
row-gap: 10.6666666667vw;
}
.column_unit.reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.separate_image {
width: 100%;
height: 80vw;
margin: 29.3333333333vw auto;
}
.separate_image img {
max-width: initial;
width: 100%;
height: 130%;
-o-object-fit: cover;
object-fit: cover;
}
.categories {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-column-gap: 5.3333333333vw;
-moz-column-gap: 5.3333333333vw;
column-gap: 5.3333333333vw;
row-gap: 5.3333333333vw;
padding-bottom: 10.6666666667vw;
margin-bottom: 16vw;
}
.categories li {
-webkit-column-gap: 5.3333333333vw;
-moz-column-gap: 5.3333333333vw;
column-gap: 5.3333333333vw;
}
.pagenate.bt {
padding-top: 16vw;
}
.pagenate.bb {
padding-bottom: 16vw;
}
.wp-pagenavi {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: 5.3333333333vw;
-moz-column-gap: 5.3333333333vw;
column-gap: 5.3333333333vw;
padding: 0 26.6666666667vw;
width: 100%;
}
.wp-pagenavi .page {
font-size: 3.2vw;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
-webkit-column-gap: 2.4vw;
-moz-column-gap: 2.4vw;
column-gap: 2.4vw;
margin-top: -4vw;
}
.wp-pagenavi .previouspostslink {
left: 6.4vw;
}
.wp-pagenavi .nextpostslink {
right: 6.4vw;
}
.news_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
row-gap: 16vw;
}
.thumb_news {
row-gap: 5.3333333333vw;
}
.thumb_news .txt {
row-gap: 3.7333333333vw;
}
.thumb_sake {
row-gap: 3.7333333333vw;
}
.thumb_sake.soldout:before {
width: 19.2vw;
height: 19.2vw;
font-size: 2.6666666667vw;
top: -6.4vw;
left: 4.5333333333vw;
}
.thumb_sake .award {
top: -6.4vw;
right: 4.5333333333vw;
width: 19.2vw;
}
.thumb_sake .txt {
row-gap: 3.7333333333vw;
}
.thumb_sake .txt .title {
-webkit-column-gap: 4.8vw;
-moz-column-gap: 4.8vw;
column-gap: 4.8vw;
line-height: 1.5;
}
.thumb_sake .txt .title strong {
font-size: 6.4vw;
}
.form_unit {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 3.2vw;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
margin-bottom: 6.4vw;
}
.form_unit .label {
-webkit-column-gap: 5.3333333333vw;
-moz-column-gap: 5.3333333333vw;
column-gap: 5.3333333333vw;
width: 100%;
margin-top: 1.3333333333vw;
}
.form_unit .label em {
width: 13.8666666667vw;
height: 6.9333333333vw;
font-size: 3.2vw;
}
.form_unit .row {
-webkit-column-gap: 8vw;
-moz-column-gap: 8vw;
column-gap: 8vw;
}
.form_unit .form {
width: 100%;
}
.form_unit .form input,
.form_unit .form textarea,
.form_unit .form select {
padding: 4vw 5.3333333333vw;
min-height: 10.6666666667vw;
width: 100%;
border-radius: 1.0666666667vw;
}
.form_unit .form textarea {
padding: 4vw 5.3333333333vw;
}
.form_unit .form.short {
-webkit-column-gap: 6.4vw;
-moz-column-gap: 6.4vw;
column-gap: 6.4vw;
}
.form_unit .form.short input {
width: 100%;
}
.form_unit .form.short strong {
font-size: 4.8vw;
}
.form_unit .form.checkboxes .wpcf7-form-control {
-webkit-column-gap: 4.2666666667vw;
-moz-column-gap: 4.2666666667vw;
column-gap: 4.2666666667vw;
row-gap: 4.2666666667vw;
}
.form_unit .form.checkboxes .has-free-text {
-webkit-column-gap: 4.2666666667vw;
-moz-column-gap: 4.2666666667vw;
column-gap: 4.2666666667vw;
}
.form_unit .form.checkboxes .has-free-text .wpcf7-free-text {
padding: 2.6666666667vw 0;
font-size: 3.7333333333vw;
}
.form_unit .form.checkboxes label {
-webkit-column-gap: 2.1333333333vw;
-moz-column-gap: 2.1333333333vw;
column-gap: 2.1333333333vw;
}
.form_unit .form.checkboxes label:before {
width: 5.0666666667vw;
height: 5.0666666667vw;
border-radius: 1.0666666667vw;
}
.form_unit .form.checkboxes label input:checked + :before {
width: 3.2vw;
height: 3.2vw;
top: 1.2vw;
left: 1.2vw;
z-index: 5;
}
.form_unit .wpcf7-not-valid-tip {
font-size: 2.6666666667vw;
margin-top: 3.2vw;
}
.form_unit .conf_form {
width: 100%;
}
.check_privacy {
line-height: 1.2;
margin-top: 16vw;
}
.check_privacy label {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-column-gap: 2.1333333333vw;
-moz-column-gap: 2.1333333333vw;
column-gap: 2.1333333333vw;
}
.check_privacy label:before {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 5.0666666667vw;
height: 5.0666666667vw;
border-radius: 1.0666666667vw;
}
.check_privacy label input:checked + :before {
width: 3.2vw;
height: 3.2vw;
top: 1.2vw;
left: 1.2vw;
}
.buttons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
row-gap: 6.4vw;
}
.btn_circle {
-webkit-column-gap: 2.6666666667vw;
-moz-column-gap: 2.6666666667vw;
column-gap: 2.6666666667vw;
}
.btn_circle span {
line-height: 1;
padding-top: 2px;
}
.btn_circle.with_line {
font-size: 4.2666666667vw;
-webkit-column-gap: 3.7333333333vw;
-moz-column-gap: 3.7333333333vw;
column-gap: 3.7333333333vw;
}
.btn_circle.with_line span {
padding-top: 0;
}
.btn_circle.with_line span:after {
bottom: -1.8666666667vw;
}
.btn_radius {
width: 100%;
height: 13.3333333333vw;
padding-left: 6.6666666667vw;
}
.btn_radius .circle {
right: 3.2vw;
margin-top: -4vw;
}
.btn_radius.input input {
padding-left: 6.6666666667vw;
}
.btn_radius.input .wpcf7-spinner {
left: -18.6666666667vw;
}
.btn_radius.input.back .circle {
left: 5.3333333333vw;
}
.btn_radius.input.back input {
padding-right: 6.6666666667vw;
}
.page_title {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
row-gap: 0;
-webkit-column-gap: 6.9333333333vw;
-moz-column-gap: 6.9333333333vw;
column-gap: 6.9333333333vw;
}
.page_title strong {
font-size: 9.0666666667vw;
white-space: nowrap;
}
.page_title span {
font-size: 3.2vw;
white-space: nowrap;
}
.basic_title {
font-size: 6.4vw;
}
.sec_title {
margin-bottom: 11.2vw;
position: relative;
top: 0;
right: 0;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-column-gap: 4.2666666667vw;
-moz-column-gap: 4.2666666667vw;
column-gap: 4.2666666667vw;
}
.sec_title strong {
font-size: 6.9333333333vw;
margin-top: 5.3333333333vw;
white-space: nowrap;
}
.sec_title span {
font-size: 3.2vw;
white-space: nowrap;
}
.only-pc {
display: none;
}
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, a, dl, dt, dd, ol, ul, li, button, input, textarea, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main, time, mark, audio, video {
margin: 0;
padding: 0;
border: none;
outline: none;
font-size: 100%;
vertical-align: baseline;
background: transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
display: block;
}
html {
font-size: 62.5%;
}
body {
-webkit-text-size-adjust: 100%;
line-height: 1;
font-size: 1.6rem;
color: #000;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
img {
border-style: none;
max-width: 100%;
height: auto;
}
progress {
vertical-align: baseline;
}
svg:not(:root) {
overflow: hidden;
}
audio, canvas, progress, video {
display: inline-block;
}
button, [type=button], [type=reset], [type=submit], [role=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;
margin: 0;
}
optgroup {
font-weight: bold;
}
button, input {
overflow: visible;
}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
outline: 1px dotted ButtonText;
}
button, html [type=button], [type=reset], [type=submit] {
-webkit-appearance: button;
}
button, select {
text-transform: none;
}
button, input, select, textarea {
background-color: transparent;
border-style: none;
color: inherit;
}
select {
-moz-appearance: none;
-webkit-appearance: none;
}
select::-ms-expand {
display: none;
}
select::-ms-value {
color: currentColor;
}
legend {
border: 0;
color: inherit;
display: table;
max-width: 100%;
white-space: normal;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
a {
text-decoration: none;
color: inherit;
}
a:active, a:hover {
outline-width: 0;
}
a, area, button, [role=button], input:not([type=range]), label, select, summary, textarea {
-ms-touch-action: manipulation;
touch-action: manipulation;
}
ol, ul, li {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th {
font-weight: normal;
}
hr {
display: block;
height: 0;
border: 0;
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
code, kbd, pre, samp {
font-family: Consolas, "Courier New", Courier, Monaco, monospace;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
content: none;
}
@-webkit-keyframes slider_loop {
0% {
-webkit-transform: translate3d(200%, 0, 0);
transform: translate3d(200%, 0, 0);
}
to {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slider_loop {
0% {
-webkit-transform: translate3d(200%, 0, 0);
transform: translate3d(200%, 0, 0);
}
to {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@-webkit-keyframes slider_loop2 {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
-webkit-transform: translate3d(-200%, 0, 0);
transform: translate3d(-200%, 0, 0);
}
}
@keyframes slider_loop2 {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
-webkit-transform: translate3d(-200%, 0, 0);
transform: translate3d(-200%, 0, 0);
}
}
@-webkit-keyframes slider_loop3 {
0% {
-webkit-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
}
to {
-webkit-transform: translate3d(-300%, 0, 0);
transform: translate3d(-300%, 0, 0);
}
}
@keyframes slider_loop3 {
0% {
-webkit-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
}
to {
-webkit-transform: translate3d(-300%, 0, 0);
transform: translate3d(-300%, 0, 0);
}
}
@-webkit-keyframes slider_loop_sp {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slider_loop_sp {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@-webkit-keyframes slider_loop2_sp {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(-200%, 0, 0);
transform: translate3d(-200%, 0, 0);
}
}
@keyframes slider_loop2_sp {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(-200%, 0, 0);
transform: translate3d(-200%, 0, 0);
}
}
@-webkit-keyframes menubar {
0% {
clip-path: inset(0);
}
50% {
clip-path: inset(0 0 0 99.99%);
}
50.1% {
clip-path: inset(0 99.99% 0 0);
}
100% {
clip-path: inset(0);
}
}
@keyframes menubar {
0% {
clip-path: inset(0);
}
50% {
clip-path: inset(0 0 0 99.99%);
}
50.1% {
clip-path: inset(0 99.99% 0 0);
}
100% {
clip-path: inset(0);
}
}
@-webkit-keyframes re2026HeaderFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes re2026HeaderFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes re2026ArrowMoveRightLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
49% {
opacity: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
50% {
opacity: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
51% {
opacity: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
52% {
opacity: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes re2026ArrowMoveRightLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
49% {
opacity: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
50% {
opacity: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
51% {
opacity: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
52% {
opacity: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
html {
overflow-y: scroll;
}
html.noscroll {
overflow: hidden;
}
html.noscroll body {
overflow: scroll;
}
html.noscroll #btnMenu,
html.noscroll #btnCart {
-webkit-transform: translateX(calc(var(--scrollbarWidth) * -1));
transform: translateX(calc(var(--scrollbarWidth) * -1));
}
html.noscroll .pankuzu {
-webkit-transform: translateX(calc(-50% + var(--scrollbarWidth) * -0.5));
transform: translateX(calc(-50% + var(--scrollbarWidth) * -0.5));
}
body {
font-family: "Shippori Mincho", "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
font-size: 1.1111111111vw;
color: #333333;
width: 100%;
}
.grecaptcha-badge {
visibility: hidden;
}
#loading {
-webkit-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-delay: 0s;
transition-delay: 0s;
background-color: #ffffff;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
}
#loading.hide {
opacity: 0;
visibility: hidden;
}
#globalHeader {
position: fixed;
top: 0;
left: 0;
z-index: 10;
padding: 0 3.4722222222vw 0 2.7777777778vw;
}
#globalHeader .inner {
width: 93.0555555556vw;
margin: auto;
position: relative;
}
#globalHeader .logo {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-delay: 0s;
transition-delay: 0s;
opacity: 0;
visibility: hidden;
width: 3.1944444444vw;
position: absolute;
top: 2.4305555556vw;
left: 0;
}
#globalHeader .logo.active {
opacity: 1;
visibility: visible;
}
#globalHeader .sp_img_preload {
display: none !important;
}
[data-parent=sake] #globalHeader {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 7.7083333333vw;
padding: 0;
background-color: #FFFFFF;
}
[data-parent=sake] #globalHeader .logo {
width: 2.5vw;
height: auto;
top: 2.4305555556vw;
left: 3.4722222222vw;
-webkit-transition: none;
transition: none;
}
[data-parent=sake].is-scroll-header-out #globalHeader {
position: fixed;
-webkit-animation: re2026HeaderFadeIn 1s ease forwards;
animation: re2026HeaderFadeIn 1s ease forwards;
}
@media screen and (min-width: 750.1px) {
[data-parent=sake].is-scroll-header-out #globalHeader .logo {
width: 11.3194444444vw;
height: 3.0555555556vw;
top: 2.3611111111vw;
left: 3.8194444444vw;
overflow: hidden;
background-image: url(//kikubijin.co.jp/wp/wp-content/themes/kikubijin/assets/img/common/logo-store-sp.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 100%;
text-indent: 100%;
white-space: nowrap;
text-align: left;
}
}
#globalNavi {
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-delay: 0s;
transition-delay: 0s;
overflow: scroll;
background-color: rgba(14, 34, 46, 0.6);
position: fixed;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
overflow: hidden;
}
#globalNavi.active {
overflow-y: scroll;
opacity: 1;
visibility: visible;
}
#globalNavi.active .inner {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
#globalNavi .inner {
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: translateX(20%);
transform: translateX(20%);
background-color: #ffffff;
width: 37.6388888889vw;
height: 100%;
margin-left: auto;
opacity: 0;
padding: 5.0694444444vw 5.7638888889vw 0 4.3055555556vw;
}
#globalNavi .re2026-gnavi {
padding-bottom: 2.0138888889vw;
margin-bottom: 2.3611111111vw;
border-bottom: 1px solid #F5F5F5;
}
#globalNavi .re2026-gnavi .re2026-gnavi__title {
line-height: 1.5;
margin-bottom: 1.3888888889vw;
font-size: 1.25vw;
}
#globalNavi .re2026-gnavi .re2026-gnavi__home_link {
line-height: 1.5;
margin-bottom: 0.6944444444vw;
font-size: 1.1111111111vw;
}
#globalNavi .re2026-gnavi .re2026-gnavi__home_link a {
display: block;
-webkit-transition: color 0.8s ease;
transition: color 0.8s ease;
}
#globalNavi .re2026-gnavi .re2026-gnavi__home_link a:active, #globalNavi .re2026-gnavi .re2026-gnavi__home_link a:hover {
color: #CCCCCC;
}
#globalNavi .re2026-gnavi .re2026-gnavi__list {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
#globalNavi .re2026-gnavi .re2026-gnavi__list li {
padding: 0.3125vw 0;
line-height: 1.5;
font-size: 1.1111111111vw;
}
#globalNavi .re2026-gnavi .re2026-gnavi__list li a {
display: block;
-webkit-transition: color 0.8s ease;
transition: color 0.8s ease;
}
#globalNavi .re2026-gnavi .re2026-gnavi__list li a:active, #globalNavi .re2026-gnavi .re2026-gnavi__list li a:hover {
color: #CCCCCC;
}
#globalNavi .main {
position: relative;
padding-left: 6.7361111111vw;
}
#globalNavi .main .logo {
position: absolute;
left: 0;
top: 0;
width: 2.9166666667vw;
height: auto;
}
#globalNavi .sub {
padding-left: 6.7361111111vw;
}
#globalNavi .sub .u1 {
margin-bottom: 3.0555555556vw;
}
#globalNavi .sub .u2 .sns {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
#globalNavi .sub .snavi {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-column-gap: 4.1666666667vw;
-moz-column-gap: 4.1666666667vw;
column-gap: 4.1666666667vw;
row-gap: 1.1111111111vw;
font-size: 0.8333333333vw;
}
#btnMenu {
position: fixed;
top: 2.4305555556vw;
right: 4.1666666667vw;
width: 2.1527777778vw;
height: 3.6111111111vw;
z-index: 999;
}
#btnMenu span {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-delay: 0s;
transition-delay: 0s;
background-color: #333333;
width: 1.9444444444vw;
height: 1px;
position: absolute;
clip-path: inset(0);
}
#btnMenu span:nth-child(1) {
top: 1.4583333333vw;
left: 0;
}
#btnMenu span:nth-child(2) {
top: 1.9444444444vw;
left: 0.2083333333vw;
}
#btnMenu span:nth-child(3) {
top: 2.4305555556vw;
left: 0;
}
@media screen and (min-width: 750px) {
#btnMenu:hover span:nth-child(1) {
left: 0.1041666667vw;
}
#btnMenu:hover span:nth-child(2) {
left: 0.1041666667vw;
}
#btnMenu:hover span:nth-child(3) {
left: 0.1041666667vw;
}
}
#btnMenu.active {
top: 2.3611111111vw;
right: 2.3958333333vw;
}
#btnMenu.active span:nth-child(1) {
-webkit-animation: menubar 0.6s ease forwards;
animation: menubar 0.6s ease forwards;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 1.9444444444vw;
left: 0.1041666667vw;
}
#btnMenu.active span:nth-child(2) {
-webkit-transition-duration: 0.6s;
transition-duration: 0.6s;
clip-path: inset(0 0 0 99.99%);
}
#btnMenu.active span:nth-child(3) {
-webkit-animation: menubar 0.6s ease forwards;
animation: menubar 0.6s ease forwards;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 1.9444444444vw;
left: 0.1041666667vw;
}
[data-parent=sake] #btnMenu {
position: absolute;
top: 1.8055555556vw;
}
[data-parent=sake].is-scroll-header-out #btnMenu {
position: fixed;
-webkit-animation: re2026HeaderFadeIn 1s ease forwards;
animation: re2026HeaderFadeIn 1s ease forwards;
}
#btnCart {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: background;
transition-property: background;
-webkit-transition-delay: 0s;
transition-delay: 0s;
position: fixed;
top: 2.4305555556vw;
right: 7.7777777778vw;
z-index: 10;
width: 3.6111111111vw;
height: 3.6111111111vw;
border: 1px solid #333333;
border-radius: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#btnCart:before {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-delay: 0s;
transition-delay: 0s;
background: url(//kikubijin.co.jp/wp/wp-content/themes/kikubijin/assets/img/common/ic_cart.png) no-repeat 0 0;
background-size: 100% 100%;
content: "";
display: block;
width: 1.1111111111vw;
height: 1.1805555556vw;
margin-top: -0.2083333333vw;
}
@media screen and (min-width: 750px) {
#btnCart:hover {
background-color: #333333;
}
#btnCart:hover:before {
-webkit-filter: brightness(0%) invert(100%);
filter: brightness(0%) invert(100%);
}
}
[data-parent=sake] #btnCart {
position: absolute;
top: 1.9444444444vw;
}
[data-parent=sake].is-scroll-header-out #btnCart {
position: fixed;
-webkit-animation: re2026HeaderFadeIn 1s ease forwards;
animation: re2026HeaderFadeIn 1s ease forwards;
}
#globalFooter {
position: relative;
margin-top: 9.4444444444vw;
}
#globalFooter:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(240, 243, 243, 0)), to(rgb(240, 243, 243)));
background: linear-gradient(to bottom, rgba(240, 243, 243, 0) 0%, rgb(240, 243, 243) 100%);
content: "";
display: block;
width: 100%;
height: 67.7083333333vw;
position: absolute;
bottom: 0;
left: 0;
pointer-events: none;
z-index: -1;
}
#globalFooter .inner {
width: 86.1111111111vw;
position: relative;
margin: auto;
padding: 4.0277777778vw 0 5.1388888889vw;
border-top: 1px solid #cccccc;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#globalFooter .main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 4.4444444444vw;
-moz-column-gap: 4.4444444444vw;
column-gap: 4.4444444444vw;
}
#globalFooter .main .logo {
width: 4.1666666667vw;
height: auto;
}
#globalFooter .sub {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 1.875vw;
}
#globalFooter .sub .unit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
#globalFooter .sub .u1 {
font-size: 0.9722222222vw;
padding-bottom: 3.2638888889vw;
border-bottom: 1px solid #cccccc;
-webkit-column-gap: 6.9444444444vw;
-moz-column-gap: 6.9444444444vw;
column-gap: 6.9444444444vw;
}
#globalFooter .sub .u1 .address {
line-height: 1.6;
margin-bottom: -0.2777777778vw;
}
#globalFooter .sub .u2 .copyright {
font-family: "Cardo", serif;
letter-spacing: 0.1em;
font-size: calc(1em - 2px);
font-size: 0.8333333333vw;
letter-spacing: 0;
}
#wrapper {
overflow: clip;
}
#container.under {
padding-top: 12.0833333333vw;
}
@media screen and (min-width: 1440px) {
html.noscroll #btnMenu,
html.noscroll #btnCart {
-webkit-transform: translateX(calc(var(--scrollbarWidth) * -1));
transform: translateX(calc(var(--scrollbarWidth) * -1));
}
body {
font-size: 16px;
}
#globalHeader {
padding: 0 50px 0 40px;
}
#globalHeader .inner {
width: 1340px;
}
#globalHeader .logo {
width: 46px;
top: 35px;
}
[data-parent=sake] #globalHeader {
height: 111px;
padding: 0;
}
[data-parent=sake] #globalHeader .logo {
width: 36px;
height: auto;
top: 35px;
left: 50px;
}
[data-parent=sake].is-scroll-header-out #globalHeader .logo {
width: 163px;
height: 44px;
top: 34px;
left: 55px;
}
#globalNavi .inner {
width: 542px;
padding: 73px 83px 0 62px;
}
#globalNavi .re2026-gnavi {
padding-bottom: 29px;
margin-bottom: 34px;
}
#globalNavi .re2026-gnavi .re2026-gnavi__title {
margin-bottom: 20px;
font-size: 18px;
}
#globalNavi .re2026-gnavi .re2026-gnavi__home_link {
margin-bottom: 10px;
font-size: 16px;
}
#globalNavi .re2026-gnavi .re2026-gnavi__list li {
padding: 4.5px 0;
font-size: 16px;
}
#globalNavi .main {
padding-left: 97px;
}
#globalNavi .main .logo {
width: 42px;
}
#globalNavi .sub {
padding-left: 97px;
}
#globalNavi .sub .u1 {
margin-bottom: 44px;
}
#globalNavi .sub .snavi {
-webkit-column-gap: 60px;
-moz-column-gap: 60px;
column-gap: 60px;
row-gap: 16px;
font-size: 12px;
}
#btnMenu {
top: 35px;
right: 60px;
width: 31px;
height: 52px;
}
#btnMenu span {
width: 28px;
}
#btnMenu span:nth-child(1) {
top: 21px;
}
#btnMenu span:nth-child(2) {
top: 28px;
left: 3px;
}
#btnMenu span:nth-child(3) {
top: 35px;
}
}
@media screen and (min-width: 1440px) and (min-width: 750px) {
#btnMenu:hover span:nth-child(1) {
left: 1.5px;
}
#btnMenu:hover span:nth-child(2) {
left: 1.5px;
}
#btnMenu:hover span:nth-child(3) {
left: 1.5px;
}
}
@media screen and (min-width: 1440px) {
#btnMenu.active {
top: 34px;
right: 34.5px;
}
#btnMenu.active span:nth-child(1) {
top: 28px;
left: 1.5px;
}
#btnMenu.active span:nth-child(3) {
top: 28px;
left: 1.5px;
}
[data-parent=sake] #btnMenu {
top: 26px;
}
#btnCart {
top: 35px;
right: 112px;
width: 52px;
height: 52px;
}
#btnCart:before {
width: 16px;
height: 17px;
margin-top: -3px;
}
[data-parent=sake] #btnCart {
top: 28px;
}
#globalFooter {
margin-top: 136px;
}
#globalFooter:before {
height: 975px;
}
#globalFooter .inner {
width: 1240px;
padding: 58px 0 74px;
}
#globalFooter .main {
-webkit-column-gap: 64px;
-moz-column-gap: 64px;
column-gap: 64px;
}
#globalFooter .main .logo {
width: 60px;
}
#globalFooter .sub {
row-gap: 27px;
}
#globalFooter .sub .u1 {
font-size: 14px;
padding-bottom: 47px;
-webkit-column-gap: 100px;
-moz-column-gap: 100px;
column-gap: 100px;
}
#globalFooter .sub .u1 .address {
margin-bottom: -4px;
}
#globalFooter .sub .u2 .copyright {
font-size: 12px;
}
#container.under {
padding-top: 174px;
}
}
@media screen and (max-width: 750px) {
html.noscroll #btnMenu,
html.noscroll #btnCart {
-webkit-transform: translateX(0);
transform: translateX(0);
}
html.noscroll .pankuzu {
-webkit-transform: translateX(0);
transform: translateX(0);
}
body {
font-size: 3.7333333333vw;
}
#globalHeader {
padding: 0 5.3333333333vw 0 2.6666666667vw;
position: absolute;
}
#globalHeader .inner {
width: 100%;
}
#globalHeader .logo {
width: 8vw;
top: 5.3333333333vw;
}
[data-parent=sake] #globalHeader {
position: absolute;
height: 17.8666666667vw;
padding: 0;
}
[data-parent=sake] #globalHeader .logo {
width: 32.8vw;
height: 8.8vw;
top: 4.8vw;
left: 5.3333333333vw;
overflow: hidden;
background-image: url(//kikubijin.co.jp/wp/wp-content/themes/kikubijin/assets/img/common/logo-store-sp.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 100%;
text-indent: 100%;
white-space: nowrap;
text-align: left;
}
#globalNavi .inner {
width: 100%;
height: auto;
padding: 5.3333333333vw 5.3333333333vw 24vw;
}
#globalNavi .re2026-gnavi {
padding-bottom: 5.8666666667vw;
margin-bottom: 6.4vw;
}
#globalNavi .re2026-gnavi .re2026-gnavi__title {
line-height: 1.5;
margin-bottom: 4.8vw;
font-size: 4.2666666667vw;
}
#globalNavi .re2026-gnavi .re2026-gnavi__home_link {
line-height: 1.5;
margin-bottom: 2.1333333333vw;
font-size: 3.7333333333vw;
}
#globalNavi .re2026-gnavi .re2026-gnavi__home_link a:active, #globalNavi .re2026-gnavi .re2026-gnavi__home_link a:hover {
color: currentColor;
}
#globalNavi .re2026-gnavi .re2026-gnavi__list {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
#globalNavi .re2026-gnavi .re2026-gnavi__list li {
padding: 1.0666666667vw 0;
line-height: 1.5;
font-size: 3.7333333333vw;
}
#globalNavi .re2026-gnavi .re2026-gnavi__list li a:active, #globalNavi .re2026-gnavi .re2026-gnavi__list li a:hover {
color: currentColor;
}
#globalNavi .main {
position: relative;
padding-left: 0;
padding: 12.2666666667vw 5.3333333333vw 0;
}
#globalNavi .main .logo {
display: none;
}
#globalNavi .sub {
padding-left: 5.3333333333vw;
}
#globalNavi .sub .u1 {
margin-bottom: 6.6666666667vw;
padding-right: 5.3333333333vw;
}
#globalNavi .sub .u2 .sns {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
#globalNavi .sub .snavi {
line-height: 1.5;
-webkit-column-gap: 6.1333333333vw;
-moz-column-gap: 6.1333333333vw;
column-gap: 6.1333333333vw;
row-gap: 2.4vw;
font-size: 3.2vw;
}
#btnMenu {
top: 6.4vw;
right: 5.3333333333vw;
width: 5.6vw;
height: 5.6vw;
}
#btnMenu span {
width: 5.0666666667vw;
}
#btnMenu span:nth-child(1) {
top: 1.6vw;
}
#btnMenu span:nth-child(2) {
top: 2.9333333333vw;
left: 0.8vw;
}
#btnMenu span:nth-child(3) {
top: 4.2666666667vw;
}
#btnMenu.active {
top: 6.4vw;
right: 5.3333333333vw;
}
#btnMenu.active span:nth-child(1) {
top: 2.9333333333vw;
left: 0.4vw;
}
#btnMenu.active span:nth-child(3) {
top: 2.9333333333vw;
left: 0.4vw;
}
#btnCart {
top: 5.3333333333vw;
right: 14.6666666667vw;
width: 8.5333333333vw;
height: 8.5333333333vw;
}
#btnCart:before {
width: 3.4666666667vw;
height: 3.7333333333vw;
margin-top: -0.8vw;
}
#globalFooter {
margin-top: 18.6666666667vw;
}
#globalFooter:before {
height: 260vw;
}
#globalFooter .inner {
width: 100%;
padding: 0 5.3333333333vw 12vw;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 17.0666666667vw;
border: none;
}
#globalFooter .main {
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-top: 1px solid #cccccc;
padding-top: 8.8vw;
}
#globalFooter .main .logo {
width: 10.6666666667vw;
}
#globalFooter .main .gnavi {
-webkit-column-gap: 6.4vw;
-moz-column-gap: 6.4vw;
column-gap: 6.4vw;
}
#globalFooter .sub {
row-gap: 9.8666666667vw;
}
#globalFooter .sub .unit {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: initial;
-ms-flex-align: initial;
align-items: initial;
row-gap: 11.2vw;
}
#globalFooter .sub .u1 {
font-size: 3.2vw;
padding-bottom: 9.8666666667vw;
row-gap: 9.8666666667vw;
}
#globalFooter .sub .u1 .snavi {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
#globalFooter .sub .u1 .address {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-bottom: 0;
border-bottom: 1px solid #cccccc;
padding-bottom: 9.8666666667vw;
}
#globalFooter .sub .u2 .copyright {
text-align: center;
font-size: 2.6666666667vw;
}
#wrapper {
overflow: hidden;
}
#container.under {
padding-top: 60vw;
}
}
[data-parent=top] .column_unit .txt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 2.0833333333vw;
}
[data-parent=top] .column_unit .txt h3 {
font-size: 1.9444444444vw;
line-height: 1.4;
}
[data-parent=top] .column_unit .txt .en {
font-family: "Cardo", serif;
letter-spacing: 0.1em;
font-size: calc(1em - 2px);
}
[data-parent=top] .column_unit .btn_circle {
font-size: 1.3888888889vw;
}
[data-parent=top] .mv {
position: relative;
height: 111.6666666667vw;
margin-bottom: 13.0555555556vw;
}
[data-parent=top] .mv .bg {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute;
top: 0;
left: 50%;
width: 100%;
height: 100%;
max-width: 100vw;
z-index: 0;
pointer-events: none;
}
[data-parent=top] .mv .bg div {
height: 100%;
}
[data-parent=top] .mv .bg figure {
position: absolute;
overflow: hidden;
}
[data-parent=top] .mv .bg figure .parallax {
overflow: hidden;
}
[data-parent=top] .mv .bg figure img {
width: 100%;
}
[data-parent=top] .mv .bg .i1 {
width: 37.2916666667vw;
height: 64.4444444444vw;
top: 1.3888888889vw;
left: 1.3888888889vw;
}
[data-parent=top] .mv .bg .i2 {
width: 34.0277777778vw;
height: 22.7083333333vw;
top: 1.3888888889vw;
right: 1.3888888889vw;
}
[data-parent=top] .mv .bg .i3 {
width: 14.5138888889vw;
height: 21.4583333333vw;
top: 31.1111111111vw;
right: 20.9027777778vw;
}
[data-parent=top] .mv .bg .i4 {
width: 17.6388888889vw;
height: 27.1527777778vw;
top: 31.1111111111vw;
right: 1.3888888889vw;
}
[data-parent=top] .mv .bg .i5 {
width: 14.9305555556vw;
height: 23.125vw;
top: 71.875vw;
left: 3.4722222222vw;
}
[data-parent=top] .mv .bg .i6 {
width: 15.2777777778vw;
height: 23.125vw;
top: 71.875vw;
left: 19.0277777778vw;
}
[data-parent=top] .mv .bg .i7 {
width: 58.0555555556vw;
height: 39.7916666667vw;
top: 71.875vw;
right: 0;
}
[data-parent=top] .mv .lead {
font-family: "Cardo", serif;
letter-spacing: 0.1em;
font-size: calc(1em - 2px);
width: 24.3055555556vw;
font-size: 1.1111111111vw;
line-height: 1.75;
color: #ccc;
position: absolute;
top: 56.1111111111vw;
left: 50%;
margin-left: 14.5833333333vw;
}
[data-parent=top] .mv .sec_inner {
width: 93.0555555556vw;
margin: auto;
height: 100vh;
max-height: 62.5vw;
z-index: 5;
}
[data-parent=top] .mv .sec_inner .logo {
position: absolute;
top: 50%;
left: 50%;
width: 6.3888888889vw;
margin: -9.7222222222vw 0 0 -3.8888888889vw;
}
[data-parent=top] .mv .sec_inner .gnavi {
position: absolute;
bottom: 2.7777777778vw;
left: 0;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
[data-parent=top] .flower .obj {
position: absolute;
top: 4.8611111111vw;
right: -4.8611111111vw;
width: 28.125vw;
height: 17.9166666667vw;
}
[data-parent=top] .flower .column_unit {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-column-gap: 16.6666666667vw;
-moz-column-gap: 16.6666666667vw;
column-gap: 16.6666666667vw;
}
[data-parent=top] .flower .column_unit .img {
width: 24.4444444444vw;
}
[data-parent=top] .flower .column_unit .txt {
width: 24.3055555556vw;
-webkit-column-gap: 2.7777777778vw;
-moz-column-gap: 2.7777777778vw;
column-gap: 2.7777777778vw;
}
[data-parent=top] .sake .sec_inner {
padding-bottom: 5.5555555556vw;
}
[data-parent=top] .sake .obj {
position: absolute;
top: 4.3055555556vw;
right: -4.1666666667vw;
width: 19.5833333333vw;
height: 16.875vw;
}
[data-parent=top] .sake .column_unit {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-column-gap: 19.4444444444vw;
-moz-column-gap: 19.4444444444vw;
column-gap: 19.4444444444vw;
margin-bottom: 5.5555555556vw;
}
[data-parent=top] .sake .column_unit .txt {
width: 25vw;
row-gap: 2.7777777778vw;
}
[data-parent=top] .sake .column_unit .img {
width: 23.6111111111vw;
}
[data-parent=top] .sake .sake_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-column-gap: 6.4583333333vw;
-moz-column-gap: 6.4583333333vw;
column-gap: 6.4583333333vw;
row-gap: 5.5555555556vw;
margin-top: -0.6944444444vw;
padding-right: 2.2222222222vw;
}
[data-parent=top] .sake .sake_list .thumb_top_sake:nth-child(1) {
display: none;
}
[data-parent=top] .sake .sake_list .thumb_top_sake:nth-child(3n+4) {
margin-top: 0;
}
[data-parent=top] .sake .sake_list .thumb_top_sake:nth-child(3n+3) {
margin-top: -5.5555555556vw;
}
[data-parent=top] .sake .sake_list .thumb_top_sake:nth-child(3n+2) {
margin-top: -11.1111111111vw;
}
[data-parent=top] .sake .thumb_top_sake {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
position: relative;
}
[data-parent=top] .sake .thumb_top_sake .sake_title {
position: absolute;
top: 0;
right: -2.4305555556vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
row-gap: 1.5972222222vw;
}
[data-parent=top] .sake .thumb_top_sake .sake_title strong {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-size: 1.9444444444vw;
font-weight: 400;
letter-spacing: 0.04em;
}
[data-parent=top] .sake .thumb_top_sake .sake_title span {
font-family: "Cardo", serif;
letter-spacing: 0.1em;
font-size: calc(1em - 2px);
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: upright;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
[data-parent=top] .sake .thumb_top_sake .sake_img {
width: 23.6111111111vw;
height: 37.5vw;
-ms-flex-negative: 0;
flex-shrink: 0;
}
[data-parent=top] .sake .thumb_top_sake .sake_img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
[data-parent=top] .sake .thumb_top_sake .sake_txt {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-delay: 0s;
transition-delay: 0s;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 5;
-ms-flex-negative: 0;
flex-shrink: 0;
opacity: 0;
visibility: hidden;
color: #ffffff;
padding: 3.125vw;
line-height: 1.75;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
row-gap: 5vw;
}
[data-parent=top] .sake .thumb_top_sake .sake_txt .icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 1.5277777778vw;
-moz-column-gap: 1.5277777778vw;
column-gap: 1.5277777778vw;
}
[data-parent=top] .sake .thumb_top_sake .sake_txt .icons .icon {
background-color: #ffffff;
-webkit-mask-position: 0 0;
mask-position: 0 0;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
display: block;
}
[data-parent=top] .sake .thumb_top_sake .sake_txt .icons .icon.kiku {
-webkit-mask-image: url(//kikubijin.co.jp/wp/wp-content/themes/kikubijin/assets/img/sake/ic_kiku.svg);
mask-image: url(//kikubijin.co.jp/wp/wp-content/themes/kikubijin/assets/img/sake/ic_kiku.svg);
width: 2.5vw;
height: 2.5vw;
}
[data-parent=top] .sake .thumb_top_sake .sake_txt .icons .icon.fune {
-webkit-mask-image: url(//kikubijin.co.jp/wp/wp-content/themes/kikubijin/assets/img/sake/ic_fune.svg);
mask-image: url(//kikubijin.co.jp/wp/wp-content/themes/kikubijin/assets/img/sake/ic_fune.svg);
width: 2.9166666667vw;
height: 7.0138888889vw;
}
[data-parent=top] .sake .thumb_top_sake .sake_txt .icons .icon.shizuku {
-webkit-mask-image: url(//kikubijin.co.jp/wp/wp-content/themes/kikubijin/assets/img/sake/ic_shizuku.svg);
mask-image: url(//kikubijin.co.jp/wp/wp-content/themes/kikubijin/assets/img/sake/ic_shizuku.svg);
width: 3.4722222222vw;
height: 3.4722222222vw;
}
@media screen and (min-width: 750px) {
[data-parent=top] .sake .thumb_top_sake:hover .sake_txt {
opacity: 1;
visibility: visible;
}
}
[data-parent=top] .sake .button {
position: absolute;
bottom: 0;
right: 0;
}
[data-parent=top] .about {
margin-bottom: 12.0138888889vw;
}
[data-parent=top] .about .obj {
position: absolute;
top: 12.8472222222vw;
right: -5.5555555556vw;
width: 15.6944444444vw;
height: 15.9722222222vw;
}
[data-parent=top] .about .about_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 6.9444444444vw;
padding-top: 6.9444444444vw;
}
[data-parent=top] .about .column_unit {
-webkit-column-gap: 8.5416666667vw;
-moz-column-gap: 8.5416666667vw;
column-gap: 8.5416666667vw;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-column-gap: 4.8611111111vw;
-moz-column-gap: 4.8611111111vw;
column-gap: 4.8611111111vw;
}
[data-parent=top] .about .column_unit .txt {
width: 29.1666666667vw;
padding-top: 2.7777777778vw;
}
[data-parent=top] .about .column_unit .txt:before {
width: 100%;
}
[data-parent=top] .about .column_unit .img {
width: 38.1944444444vw;
}
[data-parent=top] .about_2 {
margin-bottom: 11.1111111111vw;
}
[data-parent=top] .about_2 .column_unit {
-webkit-column-gap: 8.5416666667vw;
-moz-column-gap: 8.5416666667vw;
column-gap: 8.5416666667vw;
}
[data-parent=top] .about_2 .column_unit .txt {
width: 24.3055555556vw;
padding-top: 2.7777777778vw;
}
[data-parent=top] .about_2 .column_unit .txt:before {
width: 100%;
}
[data-parent=top] .about_2 .column_unit .img {
width: 60.2083333333vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 0.6944444444vw;
-moz-column-gap: 0.6944444444vw;
column-gap: 0.6944444444vw;
margin-right: -6.9444444444vw;
}
[data-parent=top] .about_2 .column_unit .img .i1 {
width: 41.4583333333vw;
}
[data-parent=top] .about_2 .column_unit .img .i2 {
width: 18.0555555556vw;
}
[data-parent=top] .news {
background-color: #f0f3f3;
margin-bottom: 11.5972222222vw;
padding: 8.125vw 0;
}
[data-parent=top] .news .obj {
position: absolute;
top: 3.4722222222vw;
right: -3.4722222222vw;
width: 15.8333333333vw;
height: 21.3194444444vw;
}
[data-parent=top] .news .column_unit {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
[data-parent=top] .news .btn_circle {
font-size: inherit;
}
[data-parent=top] .news .news_index {
width: 57.8472222222vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-bottom: 1px solid #cccccc;
}
[data-parent=top] .news .news_index a {
display: block;
position: relative;
border-top: 1px solid #cccccc;
padding-top: 2.0833333333vw;
padding-bottom: 2.0833333333vw;
}
[data-parent=top] .news .news_index a dl {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[data-parent=top] .news .news_index a dl dt {
font-family: "Cardo", serif;
letter-spacing: 0.1em;
font-size: calc(1em - 2px);
margin-bottom: 0.6944444444vw;
}
[data-parent=top] .news .news_index a dl dd {
line-height: 1.5;
}
@media screen and (min-width: 750px) {
[data-parent=top] .news .news_index a:hover dl {
opacity: 0.4;
}
}
[data-parent=top] .news .button {
position: relative;
z-index: 5;
}
[data-parent=top] .for_c {
margin-bottom: 2.7777777778vw;
}
[data-parent=top] .for_c .banner_for-c {
background: url(//kikubijin.co.jp/wp/wp-content/themes/kikubijin/assets/img/top/bg_for_c.webp) no-repeat 0 0;
background-size: 100% 100%;
width: 83.3333333333vw;
height: 10.4166666667vw;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: 5.5555555556vw;
-moz-column-gap: 5.5555555556vw;
column-gap: 5.5555555556vw;
color: #ffffff;
}
[data-parent=top] .for_c .banner_for-c dt {
font-size: 2.0833333333vw;
}
[data-parent=top] .for_c .banner_for-c dd {
line-height: 1.75;
}
[data-parent=about] .statement {
padding-bottom: 6.25vw;
margin-bottom: 11.3194444444vw;
}
[data-parent=about] .statement .column_unit .img {
width: 51.3888888889vw;
}
[data-parent=about] .statement .column_unit .txt {
width: 24.3055555556vw;
}
[data-parent=about] .menu {
padding-bottom: 13.8888888889vw;
}
[data-parent=about] .menu nav {
display: grid;
grid-template-columns: repeat(3, 1fr);
-webkit-column-gap: 5.5555555556vw;
-moz-column-gap: 5.5555555556vw;
column-gap: 5.5555555556vw;
}
[data-parent=about] .menu nav a {
display: block;
}
[data-parent=about] .menu nav a figure {
margin-bottom: 2.4305555556vw;
position: relative;
overflow: hidden;
}
[data-parent=about] .menu nav a figure img {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-delay: 0s;
transition-delay: 0s;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
[data-parent=about] .menu nav a .txt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
[data-parent=about] .menu nav a .txt strong {
font-weight: 400;
font-size: 1.9444444444vw;
display: inline-block;
line-height: 1;
}
[data-parent=about] .menu nav a:nth-child(3) {
margin-top: 11.1111111111vw;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
[data-parent=about] .menu nav a:nth-child(2) {
margin-top: 5.5555555556vw;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
[data-parent=about] .menu nav a:nth-child(1) {
margin-top: 0;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
@media screen and (min-width: 750px) {
[data-parent=about] .menu nav a:hover figure img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
[data-parent=about][data-child=brewing] .statement {
padding-bottom: 11.1111111111vw;
margin-bottom: 18.3333333333vw;
}
[data-parent=about][data-child=brewing] .statement .column_unit {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
[data-parent=about][data-child=brewing] .shibori .img {
display: grid;
grid-template-columns: repeat(2, 1fr);
-webkit-column-gap: 2.9861111111vw;
-moz-column-gap: 2.9861111111vw;
column-gap: 2.9861111111vw;
width: 58.5416666667vw;
}
[data-parent=about][data-child=brewing] .shibori .img .unit {
position: relative;
}
[data-parent=about][data-child=brewing] .shibori .img .unit .name {
font-size: 1.8055555556vw;
margin-top: 1.3888888889vw;
}
[data-parent=about][data-child=brewing] .shibori .img .unit .obj {
position: absolute;
}
[data-parent=about][data-child=brewing] .shibori .img .u1 .obj {
width: 5.1388888889vw;
bottom: 5.9027777778vw;
left: -2.4305555556vw;
}
[data-parent=about][data-child=brewing] .shibori .img .u2 .obj {
width: 6.9444444444vw;
top: 3.125vw;
right: -2.4305555556vw;
}
[data-parent=about][data-child=brewing] .shibori .txt {
width: 24.3055555556vw;
}
[data-parent=about][data-child=brewing] .separate_image {
margin-top: 16.6666666667vw;
}
[data-parent=about][data-child=brewing] .type .obj {
position: absolute;
top: 0;
right: -6.9444444444vw;
pointer-events: none;
z-index: -1;
}
[data-parent=about][data-child=brewing] .type .column_unit {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-column-gap: 9.7222222222vw;
-moz-column-gap: 9.7222222222vw;
column-gap: 9.7222222222vw;
}
[data-parent=about][data-child=brewing] .type .img {
width: 33.3333333333vw;
}
[data-parent=about][data-child=brewing] .type .txt {
width: 24.3055555556vw;
}
[data-parent=about][data-child=brewing] .sizuku {
margin-bottom: 8.3333333333vw;
}
[data-parent=about][data-child=brewing] .sizuku .obj {
width: 23.0555555556vw;
}
[data-parent=about][data-child=brewing] .sizuku .sec_inner {
padding-bottom: 6.9444444444vw;
border-bottom: 1px solid #cccccc;
}
[data-parent=about][data-child=brewing] .fune {
padding-bottom: 13.8888888889vw;
}
[data-parent=about][data-child=brewing] .fune .obj {
width: 34.6527777778vw;
top: 9.4444444444vw;
}
[data-parent=about][data-child=brewing] .fune .column_unit {
margin-bottom: 6.9444444444vw;
}
[data-parent=about][data-child=brewing] .fune .gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-column-gap: 6.3888888889vw;
-moz-column-gap: 6.3888888889vw;
column-gap: 6.3888888889vw;
}
[data-parent=about][data-child=brewing] .fune .gallery .i1 {
width: 18.0555555556vw;
}
[data-parent=about][data-child=brewing] .fune .gallery .i2 {
width: 56.6666666667vw;
}
[data-parent=about][data-child=cherished] .statement {
padding-bottom: 14.8611111111vw;
}
[data-parent=about][data-child=cherished] .statement .column_unit .img {
width: 51.3888888889vw;
}
[data-parent=about][data-child=cherished] .statement .column_unit .txt {
margin-top: 23.1944444444vw;
}
[data-parent=about][data-child=cherished] .uta {
padding-bottom: 13.8888888889vw;
}
[data-parent=about][data-child=cherished] .uta .txt_uta {
width: 24.3055555556vw;
position: absolute;
top: 0;
left: 0;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 2.7777777778vw;
font-size: 1.6666666667vw;
letter-spacing: 0.107em;
}
[data-parent=about][data-child=cherished] .uta .txt_uta .ruby {
position: relative;
display: inline-block;
}
[data-parent=about][data-child=cherished] .uta .txt_uta .ruby em {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-style: normal;
font-size: 0.8333333333vw;
position: absolute;
top: 50%;
right: -1.0416666667vw;
white-space: nowrap;
letter-spacing: 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
letter-spacing: 0.1em;
}
[data-parent=about][data-child=cherished] .uta .column_unit {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
[data-parent=about][data-child=cherished] .uta .column_unit .img {
width: 50.2083333333vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
[data-parent=about][data-child=cherished] .uta .column_unit .img .i1 {
width: 16.1805555556vw;
}
[data-parent=about][data-child=cherished] .uta .column_unit .img .i2 {
width: 33.3333333333vw;
}
[data-parent=about][data-child=cherished] .uta .column_unit .txt {
width: 24.3055555556vw;
}
[data-parent=about][data-child=history] .yabekawa {
padding-bottom: 3.8888888889vw;
margin-bottom: 9.4444444444vw;
}
[data-parent=about][data-child=history] .yabekawa:after {
background: -webkit-gradient(linear, left top, left bottom, from(rgb(240, 243, 243)), to(rgb(255, 255, 255)));
background: linear-gradient(to bottom, rgb(240, 243, 243) 0%, rgb(255, 255, 255) 100%);
content: "";
display: block;
width: 100%;
height: 10vw;
position: absolute;
bottom: 0;
left: 0;
pointer-events: none;
z-index: -1;
}
[data-parent=about][data-child=history] .yabekawa .si1 {
margin-bottom: 0;
}
[data-parent=about][data-child=history] .yabekawa .column_unit {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-column-gap: 2.2916666667vw;
-moz-column-gap: 2.2916666667vw;
column-gap: 2.2916666667vw;
}
[data-parent=about][data-child=history] .yabekawa .column_unit .txt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: auto;
-webkit-column-gap: 4.1666666667vw;
-moz-column-gap: 4.1666666667vw;
column-gap: 4.1666666667vw;
}
[data-parent=about][data-child=history] .yabekawa .column_unit .txt p {
width: 24.3055555556vw;
}
[data-parent=about][data-child=history] .yabekawa .column_unit .img {
width: 19.4444444444vw;
-ms-flex-negative: 0;
flex-shrink: 0;
mix-blend-mode: multiply;
}
[data-parent=about][data-child=history] .hakusyu .column_unit {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-column-gap: 4.1666666667vw;
-moz-column-gap: 4.1666666667vw;
column-gap: 4.1666666667vw;
}
[data-parent=about][data-child=history] .hakusyu .column_unit .txt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 52.7777777778vw;
-webkit-column-gap: 4.1666666667vw;
-moz-column-gap: 4.1666666667vw;
column-gap: 4.1666666667vw;
}
[data-parent=about][data-child=history] .hakusyu .column_unit .txt p {
width: 24.3055555556vw;
}
[data-parent=about][data-child=history] .hakusyu .column_unit .txt blockquote {
color: #555;
border: 1px solid #cccccc;
border-radius: 0.2777777778vw;
width: 24.3055555556vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 2.0833333333vw 2.0833333333vw 2.0833333333vw 2.7777777778vw;
margin-top: -1.3888888889vw;
}
[data-parent=about][data-child=history] .hakusyu .column_unit .img {
width: 17.0833333333vw;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-top: 3.8194444444vw;
}
[data-parent=about][data-child=history] .hand {
margin-bottom: 15.2777777778vw;
}
[data-parent=about][data-child=history] .hand .column_unit .txt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-column-gap: 4.1666666667vw;
-moz-column-gap: 4.1666666667vw;
column-gap: 4.1666666667vw;
}
[data-parent=about][data-child=history] .hand .column_unit .txt p {
width: 24.3055555556vw;
}
[data-parent=about][data-child=history] .hand .loop_slider {
margin-top: 6.9444444444vw;
}
[data-parent=about][data-child=history] .hand .loop_slider figure {
width: 27.7777777778vw;
height: 41.6666666667vw;
}
[data-parent=about][data-child=history] .community {
padding-bottom: 13.8888888889vw;
}
[data-parent=about][data-child=history] .community .column_unit {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-bottom: 9.0277777778vw;
}
[data-parent=about][data-child=history] .community .column_unit .img {
width: 51.3888888889vw;
}
[data-parent=about][data-child=history] .community .column_unit .txt {
width: 24.3055555556vw;
}
[data-parent=about][data-child=history] .community .gallery {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
[data-parent=about][data-child=history] .community .gallery .i1 {
width: 51.3888888889vw;
}
[data-parent=about][data-child=history] .community .gallery .obj {
width: 34.8611111111vw;
position: absolute;
top: 16.1111111111vw;
left: -1.5277777778vw;
}
[data-parent=sake][data-child=index] #container {
padding-top: 15vw;
padding-bottom: 0;
}
[data-parent=sake][data-child=index] #btnCart {
top: 2.0833333333vw;
}
[data-parent=sake][data-child=index] #btnMenu {
top: 2.0833333333vw;
}
[data-parent=sake][data-child=index] .page_header {
margin-bottom: 5.5555555556vw;
}
[data-parent=sake][data-child=index] .sake_index .sec_inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 6.9444444444vw;
}
[data-parent=sake][data-child=index] .sake_index .sake_section {
border-top: 1px solid #cccccc;
padding-top: 1.3888888889vw;
}
[data-parent=sake][data-child=index] .sake_index .category_name {
font-size: 2.2222222222vw;
margin-bottom: 4.1666666667vw;
}
[data-parent=sake][data-child=index] .sake_index .sake_list {
display: grid;
grid-template-columns: repeat(3, 1fr);
-webkit-column-gap: 7.6388888889vw;
-moz-column-gap: 7.6388888889vw;
column-gap: 7.6388888889vw;
row-gap: 5.5555555556vw;
}
[data-parent=sake][data-child=index] .sake_index .sake_list.col4 {
grid-template-columns: repeat(4, 1fr);
-webkit-column-gap: 2.7777777778vw;
-moz-column-gap: 2.7777777778vw;
column-gap: 2.7777777778vw;
}
[data-parent=sake][data-child=detail] #container {
padding-top: 15vw;
}
[data-parent=sake][data-child=detail] .btn_purchase {
display: none;
}
[data-parent=sake][data-child=detail] .page_header {
margin-bottom: 12.9861111111vw;
}
[data-parent=sake][data-child=detail] .p_name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 0.8333333333vw;
margin-bottom: 2.7777777778vw;
}
[data-parent=sake][data-child=detail] .p_name strong {
font-size: 2.0833333333vw;
font-weight: 400;
line-height: 1.3;
}
[data-parent=sake][data-child=detail] .p_name span {
font-family: "Cardo", serif;
letter-spacing: 0.1em;
font-size: calc(1em - 2px);
font-size: 0.9722222222vw;
}
[data-parent=sake][data-child=detail] .p_detail {
display: grid;
grid-template-columns: repeat(2, 1fr);
row-gap: 0.6944444444vw;
-webkit-column-gap: 6.25vw;
-moz-column-gap: 6.25vw;
column-gap: 6.25vw;
}
[data-parent=sake][data-child=detail] .p_detail .p_detail_unit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 0.6944444444vw;
}
[data-parent=sake][data-child=detail] .p_detail dl {
font-size: 0.9722222222vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: 1.3;
}
[data-parent=sake][data-child=detail] .p_detail dl dt {
font-weight: bold;
width: 7.2916666667vw;
}
[data-parent=sake][data-child=detail] .p_detail dl dd {
width: calc(100% - 7.2916666667vw);
}
[data-parent=sake][data-child=detail] .order {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 2.4305555556vw;
}
[data-parent=sake][data-child=detail] .order .note {
font-size: 0.8333333333vw;
line-height: 1.5;
}
[data-parent=sake][data-child=detail] .o_unit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 1.1111111111vw;
}
[data-parent=sake][data-child=detail] .price_unit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-column-gap: 0.3472222222vw;
-moz-column-gap: 0.3472222222vw;
column-gap: 0.3472222222vw;
}
[data-parent=sake][data-child=detail] .price_unit .size {
font-size: 1.3888888889vw;
line-height: 1;
}
[data-parent=sake][data-child=detail] .price_unit .price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-column-gap: 0.2083333333vw;
-moz-column-gap: 0.2083333333vw;
column-gap: 0.2083333333vw;
line-height: 1;
margin-bottom: -0.1388888889vw;
}
[data-parent=sake][data-child=detail] .price_unit .price .yen {
font-size: 1.3888888889vw;
}
[data-parent=sake][data-child=detail] .price_unit .price .tax {
font-size: 1.1111111111vw;
}
[data-parent=sake][data-child=detail] .price_unit .price strong {
font-size: 1.9444444444vw;
font-weight: 400;
margin-bottom: -0.1388888889vw;
}
[data-parent=sake][data-child=detail] .ec_button > div {
width: 100% !important;
}
[data-parent=sake][data-child=detail] .cartjs_box {
width: 30.5555555556vw;
}
[data-parent=sake][data-child=detail] .cartjs_box form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table table {
border: none !important;
width: 100% !important;
margin: 0 !important;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table tbody {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
row-gap: 2.7777777778vw;
-webkit-column-gap: 1.3888888889vw;
-moz-column-gap: 1.3888888889vw;
column-gap: 1.3888888889vw;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table tbody.single {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_product_num,
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_option {
border: 1px solid #cccccc;
border-radius: 0.6944444444vw;
height: 3.4722222222vw;
font-size: 1.3888888889vw;
overflow: hidden;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_product_num th,
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_option th {
display: none;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_product_num td,
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_option td {
border: none !important;
padding: 0 !important;
width: 100%;
height: 100%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_sales_price {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_sales_price th {
display: none;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_sales_price td {
border: none !important;
padding: 0 !important;
color: #333333 !important;
font-size: 1.9444444444vw;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_sales_price td span {
font-size: 1.1111111111vw;
font-weight: normal;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_product_num {
width: auto;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_product_num div {
width: 100%;
height: 100%;
gap: 0 !important;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_product_num input {
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
width: 4.1666666667vw !important;
text-align: center;
padding-bottom: 1px;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_product_num button {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-delay: 0s;
transition-delay: 0s;
width: 3.4722222222vw;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
padding-bottom: 1px;
}
@media screen and (min-width: 750px) {
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_product_num button:hover {
background-color: #333333;
color: #ffffff;
}
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_option {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_option td {
position: relative;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_option td:before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-filter: brightness(0%);
filter: brightness(0%);
background: url(//kikubijin.co.jp/wp/wp-content/themes/kikubijin/assets/img/common/ic_arrow_right.png) no-repeat 0 0;
background-size: 100% 100%;
content: "";
display: block;
width: 0.3472222222vw;
height: 0.4861111111vw;
position: absolute;
top: 50%;
right: 1.3888888889vw;
margin-top: -0.2777777778vw;
pointer-events: none;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_option select {
display: block;
text-align: center;
width: 100%;
height: 100%;
padding: 0 2.7777777778vw 1px 1.3888888889vw;
outline: none;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_cart_in {
margin: 0 !important;
text-align: initial !important;
position: absolute;
bottom: 0;
right: 0;
width: 18.0555555556vw;
}
[data-parent=sake][data-child=detail] .cartjs_box .cart_soldout {
margin-top: 2.0833333333vw;
}
[data-parent=sake][data-child=detail] .cartjs_box .cart_soldout .btn_radius {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
}
[data-parent=sake][data-child=detail] .introduction {
padding-bottom: 6.9444444444vw;
margin-bottom: 8.3333333333vw;
}
[data-parent=sake][data-child=detail] .introduction .column_unit .txt {
width: 31.25vw;
}
[data-parent=sake][data-child=detail] .introduction .column_unit .img {
width: 41.6666666667vw;
}
[data-parent=sake][data-child=detail] .introduction .product_unit {
background-color: #ffffff;
border-radius: 0.4166666667vw;
margin-top: 6.9444444444vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 3.8888888889vw 3.8888888889vw 3.8888888889vw 5.5555555556vw;
}
[data-parent=sake][data-child=detail] .separate_image {
margin-top: 6.9444444444vw;
margin-bottom: 6.9444444444vw;
}
[data-parent=sake][data-child=detail] .product_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 6.9444444444vw;
}
[data-parent=sake][data-child=detail] .product_section .sec_inner {
border-bottom: 1px solid #cccccc;
padding-bottom: 6.9444444444vw;
}
[data-parent=sake][data-child=detail] .product_section:last-child .sec_inner {
padding-bottom: 0;
border: none;
}
[data-parent=sake][data-child=detail] .product_section .column_unit {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-column-gap: 8.3333333333vw;
-moz-column-gap: 8.3333333333vw;
column-gap: 8.3333333333vw;
}
[data-parent=sake][data-child=detail] .product_section .column_unit .img {
width: 34.7222222222vw;
}
[data-parent=sake][data-child=detail] .product_section .column_unit .txt {
width: 24.3055555556vw;
}
[data-parent=sake][data-child=detail] .product_section .column_unit h3 {
font-size: 1.6666666667vw;
line-height: 1.5;
margin-bottom: 2.7777777778vw;
}
[data-parent=sake][data-child=detail] .story .uta {
color: #555;
margin-bottom: 4.1666666667vw;
border: 1px solid #cccccc;
border-radius: 0.2777777778vw;
padding: 2.7777777778vw 3.125vw 2.7777777778vw 3.125vw;
}
[data-parent=sake][data-child=detail] .awards .column_unit .txt {
width: 27.7777777778vw;
}
[data-parent=sake][data-child=detail] .feature .column_unit {
margin-top: -3.4722222222vw;
padding-top: 4.8611111111vw;
-webkit-column-gap: 3.9583333333vw;
-moz-column-gap: 3.9583333333vw;
column-gap: 3.9583333333vw;
}
[data-parent=sake][data-child=detail] .feature .column_unit .img {
width: 38.1944444444vw;
}
[data-parent=sake][data-child=detail] .feature .column_unit .txt {
padding-top: 2.7777777778vw;
}
[data-parent=sake][data-child=detail] .feature .column_unit .txt:before {
width: 100%;
}
[data-parent=sake][data-child=detail] .feature .feature_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 6.9444444444vw;
}
[data-parent=sake][data-child=detail] .product_detail .sec_inner {
background-color: #f9f9f9;
border-radius: 0.4166666667vw;
padding: 4.1666666667vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
[data-parent=sake][data-child=detail] .product_detail #productSwiper {
margin-bottom: 0.6944444444vw;
}
[data-parent=sake][data-child=detail] .product_detail #productThumbSwiper .swiper-slide {
width: 3.4722222222vw;
height: 3.4722222222vw;
cursor: pointer;
}
[data-parent=sake][data-child=detail] .product_detail #productThumbSwiper .swiper-slide img {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-delay: 0s;
transition-delay: 0s;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
[data-parent=sake][data-child=detail] .product_detail #productThumbSwiper .swiper-slide.swiper-slide-thumb-active img {
opacity: 0.6;
}
[data-parent=sake][data-child=detail] .product_detail .gallery {
width: 41.6666666667vw;
}
[data-parent=sake][data-child=detail] .product_detail .detail {
width: calc(100% - 47.2222222222vw);
}
[data-parent=sake][data-child=detail] .product_detail .detail .intro {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 2.7777777778vw;
padding-bottom: 2.7777777778vw;
margin-bottom: 2.7777777778vw;
border-bottom: 1px solid #cccccc;
}
[data-parent=sake][data-child=detail] .product_detail .detail .p_name {
margin-bottom: 0;
}
[data-parent=sake][data-child=detail] .product_detail .detail .pu1 .price_unit {
font-weight: bold;
}
[data-parent=sake][data-child=detail] .product_detail .detail .pu1 .price_unit .sep {
font-size: 1.9444444444vw;
font-weight: 400;
line-height: 0.6;
}
[data-parent=sake][data-child=detail] .product_detail .detail .pu1 .note {
font-size: 0.9722222222vw;
margin-top: 0.6944444444vw;
line-height: 1.5;
}
[data-parent=sake][data-child=detail] .product_detail .detail .pu1 .note a {
color: #176ddd;
}
@media screen and (min-width: 750px) {
[data-parent=sake][data-child=detail] .product_detail .detail .pu1 .note a:hover {
text-decoration: underline;
}
}
[data-parent=sake][data-child=detail] .product_detail .detail .description {
line-height: 1.75;
}
[data-parent=sake][data-child=detail] .page_footer {
padding-bottom: 7.6388888889vw;
}
[data-parent=news][data-child=index] #container {
padding-bottom: 13.5416666667vw;
}
[data-parent=news][data-child=index] .page_header {
margin-bottom: 2.7777777778vw;
}
[data-parent=news][data-child=detail] #container {
padding-bottom: 7.9861111111vw;
}
[data-parent=news][data-child=detail] .page_header {
margin-bottom: -0.6944444444vw;
}
[data-parent=news][data-child=detail] .post_header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
row-gap: 2.7777777778vw;
position: relative;
padding-top: 2.7777777778vw;
margin-bottom: 7.9166666667vw;
}
[data-parent=news][data-child=detail] .post_header:before {
background-color: #cccccc;
content: "";
display: block;
width: 4.1666666667vw;
height: 1px;
position: absolute;
top: 0;
left: 50%;
margin-left: -2.0833333333vw;
}
[data-parent=news][data-child=detail] .post_header h1 {
font-size: 1.6666666667vw;
line-height: 1.5;
}
[data-parent=news][data-child=detail] .post_header .info {
letter-spacing: 0.05em;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 0.8333333333vw;
}
[data-parent=news][data-child=detail] .post_header .info .category {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 1.3888888889vw;
-moz-column-gap: 1.3888888889vw;
column-gap: 1.3888888889vw;
}
[data-parent=news][data-child=detail] .post_contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: 7.6388888889vw;
-moz-column-gap: 7.6388888889vw;
column-gap: 7.6388888889vw;
}
[data-parent=news][data-child=detail] .post_contents .txt {
line-height: 1.5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 1.3888888889vw;
}
[data-parent=news][data-child=detail] .post_contents .txt h1,
[data-parent=news][data-child=detail] .post_contents .txt h2,
[data-parent=news][data-child=detail] .post_contents .txt h3,
[data-parent=news][data-child=detail] .post_contents .txt h4,
[data-parent=news][data-child=detail] .post_contents .txt h5,
[data-parent=news][data-child=detail] .post_contents .txt h6 {
font-weight: bold;
}
[data-parent=news][data-child=detail] .post_contents .txt h2 {
font-size: 1.6666666667vw;
}
[data-parent=news][data-child=detail] .post_contents .txt h3 {
font-size: 1.3888888889vw;
}
[data-parent=news][data-child=detail] .post_contents .txt h4 {
font-size: 1.25vw;
}
[data-parent=news][data-child=detail] .post_contents .txt h5 {
font-size: 1.1111111111vw;
}
[data-parent=news][data-child=detail] .post_contents .txt h6 {
font-size: 0.9722222222vw;
}
[data-parent=news][data-child=detail] .post_contents .txt a {
text-decoration: underline;
color: #176ddd;
}
@media screen and (min-width: 750px) {
[data-parent=news][data-child=detail] .post_contents .txt a:hover {
text-decoration: none;
}
}
[data-parent=news][data-child=detail] .post_contents .txt .wp-block-embed__wrapper {
position: relative;
width: 100%;
aspect-ratio: 16/9;
}
[data-parent=news][data-child=detail] .post_contents .txt .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
[data-parent=news][data-child=detail] .post_contents .txt ul li,
[data-parent=news][data-child=detail] .post_contents .txt ol li {
margin-left: 1.3888888889vw;
}
[data-parent=news][data-child=detail] .post_contents .txt ul li {
list-style: disc;
}
[data-parent=news][data-child=detail] .post_contents .txt ol li {
list-style: decimal;
}
[data-parent=news][data-child=detail] .post_contents .gallery {
max-width: 54.1666666667vw;
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 2.7777777778vw;
}
[data-parent=company] .about {
padding-bottom: 10vw;
margin-bottom: 15.2777777778vw;
}
[data-parent=company] .about .img {
width: 41.6666666667vw;
-ms-flex-negative: 0;
flex-shrink: 0;
}
[data-parent=company] .about .txt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 0.3472222222vw;
}
[data-parent=company] .about .txt dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: 2;
}
[data-parent=company] .about .txt dl dt {
font-weight: bold;
width: 8.0555555556vw;
-ms-flex-negative: 0;
flex-shrink: 0;
}
[data-parent=company] .about .txt dl dd {
width: 100%;
}
[data-parent=company] .access {
margin-bottom: 7.6388888889vw;
}
[data-parent=company] .access .column_unit {
-webkit-column-gap: 9.1666666667vw;
-moz-column-gap: 9.1666666667vw;
column-gap: 9.1666666667vw;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
[data-parent=company] .access .txt {
line-height: 2.25;
}
[data-parent=company] .access .map {
width: 52.7777777778vw;
}
[data-parent=company] .access .map .gmap {
width: 100%;
margin-bottom: 3.0555555556vw;
}
[data-parent=company] .access .map .gmap iframe {
width: 52.7777777778vw;
height: 37.7083333333vw;
}
[data-parent=company] .access .map p {
line-height: 1.5;
margin-bottom: 1.5277777778vw;
}
[data-parent=company] .notice {
padding-bottom: 14.2361111111vw;
}
[data-parent=company] .notice p {
text-align: center;
color: #666666;
padding: 2.3611111111vw 0;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
[data-parent=contact] #globalFooter {
margin-top: 0;
}
[data-parent=contact] #globalFooter:before {
height: 37.7777777778vw;
}
[data-parent=contact] #container {
padding-bottom: 15.5555555556vw;
}
[data-parent=contact] .page_header {
margin-bottom: -5.5555555556vw;
}
[data-parent=contact] .form_txt {
width: 24.3055555556vw;
}
[data-parent=contact] .form_txt h2 {
font-size: 1.6666666667vw;
margin-bottom: 2.7777777778vw;
}
[data-parent=contact] .form_txt p {
line-height: 2;
}
[data-parent=contact] .form_txt span {
color: #176ddd;
}
[data-parent=contact] .mail {
margin-bottom: 6.9444444444vw;
}
[data-parent=contact] .mail .sec_inner {
border-bottom: 1px solid #cccccc;
padding-bottom: 11.25vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-column-gap: 8.5416666667vw;
-moz-column-gap: 8.5416666667vw;
column-gap: 8.5416666667vw;
}
[data-parent=contact] .mail .mailaddress {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-delay: 0s;
transition-delay: 0s;
background-color: #f9f9f9;
width: 31.9444444444vw;
height: 7.6388888889vw;
border-radius: 0.4166666667vw;
border: 1px solid #cccccc;
font-size: 1.6666666667vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (min-width: 750px) {
[data-parent=contact] .mail .mailaddress:hover {
color: #176ddd;
}
}
[data-parent=contact] .corporation {
margin-bottom: 6.9444444444vw;
}
[data-parent=contact] .form_contents .sec_inner {
padding-left: 9.7222222222vw;
}
[data-parent=contact] .form_contents .buttons {
margin-top: 2.7777777778vw;
padding-right: 4.8611111111vw;
}
[data-parent=contact] #formLead.hide {
display: none;
}
[data-parent=contact] .form_contents .form_container {
opacity: 0;
visibility: hidden;
position: absolute;
}
[data-parent=contact] .form_contents .form_container.active {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-delay: 0s;
transition-delay: 0s;
position: relative;
opacity: 1;
visibility: visible;
}
[data-parent=contact] .form_contents #privacyPolicy.hide {
display: none;
}
[data-parent=contact] .form_contents .buttons {
display: none;
}
[data-parent=contact] .form_contents .buttons.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
[data-parent=contact] .form_contents #step2 {
margin-top: 6.9444444444vw;
}
[data-parent=contact] .form_contents #complete {
display: block;
margin: 6.9444444444vw 0;
padding-right: 4.8611111111vw;
}
[data-parent=contact] .form_contents #complete .contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
row-gap: 1.6666666667vw;
text-align: center;
line-height: 2;
}
[data-parent=contact] .form_contents #complete .contents h3 {
font-weight: bold;
font-size: 1.3888888889vw;
}
[data-parent=contact] .form_contents .wpcf7-response-output {
display: none;
}
#re2026-store_navi {
z-index: 11;
position: absolute;
left: 50%;
top: 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: 2.0833333333vw;
-moz-column-gap: 2.0833333333vw;
column-gap: 2.0833333333vw;
height: 7.7083333333vw;
background-color: transparent;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.is-scroll-header-out #re2026-store_navi {
position: fixed;
-webkit-animation: re2026HeaderFadeIn 1s ease forwards;
animation: re2026HeaderFadeIn 1s ease forwards;
}
#re2026-store_navi .title {
position: relative;
line-height: 1.5;
padding-right: 2.0833333333vw;
font-size: 1.0416666667vw;
font-weight: 500;
white-space: nowrap;
}
#re2026-store_navi .title a {
display: block;
-webkit-transition: color 0.8s ease;
transition: color 0.8s ease;
}
#re2026-store_navi .title a:active, #re2026-store_navi .title a:hover {
color: #CCCCCC;
}
#re2026-store_navi .title::after {
position: absolute;
right: 0;
top: 50%;
content: "";
display: block;
width: 1px;
height: 1em;
background: #333333;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
#re2026-store_navi .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-column-gap: 2.4305555556vw;
-moz-column-gap: 2.4305555556vw;
column-gap: 2.4305555556vw;
line-height: 1.5;
font-size: 1.0416666667vw;
font-weight: 500;
}
#re2026-store_navi .list li a {
white-space: nowrap;
display: block;
-webkit-transition: color 0.8s ease;
transition: color 0.8s ease;
}
#re2026-store_navi .list li a:active, #re2026-store_navi .list li a:hover {
color: #CCCCCC;
}
#re2026-store_navi .list .all {
font-size: 1.1111111111vw;
}
#re2026-store_home_kv {
padding-bottom: 5.5555555556vw;
}
#re2026-store_home_kv .sec_inner {
width: 80.5555555556vw;
}
#re2026-store_home_kv .sec_inner > *:firt-child {
margin-top: 0 !important;
}
#re2026-store_home_kv .sec_inner > *:last-child {
margin-bottom: 0 !important;
}
#re2026-store_home_kv_inner {
width: 80.5555555556vw;
margin-left: auto;
margin-right: auto;
margin-bottom: 4.8611111111vw;
}
#re2026-store_home_kv_inner > *:firt-child {
margin-top: 0 !important;
}
#re2026-store_home_kv_inner > *:last-child {
margin-bottom: 0 !important;
}
#re2026-store_home_kv_swiper {
--swiper-theme-color: #AAAAAA;
--swiper-pagination-bullet-inactive-color: #AAAAAA;
--swiper-pagination-bullet-width: 0.6944444444vw;
--swiper-pagination-bullet-height: 0.6944444444vw;
--swiper-pagination-bullet-horizontal-gap: 0.8333333333vw;
position: relative;
padding-bottom: 3.2638888889vw;
margin-bottom: 4.8611111111vw;
}
#re2026-store_home_kv_swiper .swiper-slide a {
display: block;
}
#re2026-store_home_kv_swiper .swiper-slide figure,
#re2026-store_home_kv_swiper .swiper-slide picture {
position: relative;
overflow: hidden;
display: block;
width: 100%;
height: auto;
aspect-ratio: 2.116/1;
background-color: #CCCCCC;
}
#re2026-store_home_kv_swiper .swiper-slide figure img,
#re2026-store_home_kv_swiper .swiper-slide picture img {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#re2026-store_home_kv_swiper .swiper-pagination {
z-index: 2;
position: absolute;
left: 0;
right: 0;
bottom: 0 !important;
text-align: center;
}
#re2026-store_home_message {
text-align: center;
}
#re2026-store_home_message .title {
line-height: 1.5;
margin-bottom: 0.6944444444vw;
font-size: 2.6388888889vw;
font-weight: 400;
}
#re2026-store_home_message .text {
line-height: 1.7;
font-size: 1.0416666667vw;
}
.re2026-section {
padding: 7.6388888889vw 0;
}
.re2026-section:last-child {
padding-bottom: 3.125vw;
}
.re2026-section > *:firt-child {
margin-top: 0 !important;
}
.re2026-section > *:last-child {
margin-bottom: 0 !important;
}
.re2026-section.--gray {
background-color: #F5F7F7;
}
.re2026-section.--sake-detail {
padding-top: 0;
padding-bottom: 5.9722222222vw;
}
.re2026-section.--cta {
padding-bottom: 0;
}
.re2026-section .sec_inner {
width: 80.5555555556vw;
}
.re2026-section .sec_inner > *:firt-child {
margin-top: 0 !important;
}
.re2026-section .sec_inner > *:last-child {
margin-bottom: 0 !important;
}
@media screen and (min-width: 750.1px) {
.re2026-section.--sake-detail .sec_inner {
width: 87.5vw;
padding-right: 3.4722222222vw;
}
}
.re2026-img_column_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 7.9861111111vw;
}
.re2026-img_column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-webkit-column-gap: 7.2222222222vw;
-moz-column-gap: 7.2222222222vw;
column-gap: 7.2222222222vw;
}
.re2026-img_column.--reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.re2026-img_column .body {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex-preferred-size: auto;
flex-basis: auto;
min-width: 0;
}
.re2026-img_column .body > *:last-child {
margin-bottom: 0 !important;
}
.re2026-img_column .body .title {
line-height: 1.4;
margin-bottom: 1.875vw;
font-size: 1.5277777778vw;
}
.re2026-img_column .body .text {
line-height: 1.7;
font-size: 1.0416666667vw;
}
.re2026-img_column .body .text p {
margin-bottom: 1.7em;
}
.re2026-img_column .body .text > *:last-child {
margin-bottom: 0 !important;
}
.re2026-img_column .img {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 34.7222222222vw;
flex-basis: 34.7222222222vw;
width: 34.7222222222vw;
}
.re2026-img_column .img img {
width: 100%;
height: auto;
}
.re2026-no_result {
margin-bottom: 3.4722222222vw;
}
.re2026-sake_list_button .button {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
}
.re2026-sake_list_button .button .btn_circle.with_line {
font-size: 1.1111111111vw;
}
.re2026-section_hgroup {
margin-bottom: 2.0833333333vw;
}
.re2026-section_hgroup > *:last-child {
margin-bottom: 0 !important;
}
.re2026-section_hgroup .title {
line-height: 1.5;
margin-bottom: 0.6944444444vw;
font-size: 1.9444444444vw;
font-weight: 400;
}
.re2026-section_hgroup .summary {
line-height: 2;
margin-bottom: 0.6944444444vw;
font-size: 1.1111111111vw;
}
.re2026-sake_taxonomy_kv_section .sec_inner {
width: 100vw;
padding-left: 9.9305555556vw;
}
.re2026-sake_taxonomy_kv_section .sec_inner > *:firt-child {
margin-top: 0 !important;
}
.re2026-sake_taxonomy_kv_section .sec_inner > *:last-child {
margin-bottom: 0 !important;
}
.re2026-sake_taxonomy_kv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-webkit-column-gap: 6.1111111111vw;
-moz-column-gap: 6.1111111111vw;
column-gap: 6.1111111111vw;
}
.re2026-sake_taxonomy_kv .body {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex-preferred-size: auto;
flex-basis: auto;
min-width: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: strech;
-ms-flex-align: strech;
align-items: strech;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.re2026-sake_taxonomy_kv .title {
line-height: 1.5;
margin-bottom: 1.3194444444vw;
font-weight: 400;
font-size: 2.6388888889vw;
}
.re2026-sake_taxonomy_kv .text {
line-height: 1.9;
font-size: 1.1111111111vw;
}
.re2026-sake_taxonomy_kv .text p {
margin-bottom: 1.9em;
}
.re2026-sake_taxonomy_kv .text > *:last-child {
margin-bottom: 0 !important;
}
.re2026-sake_taxonomy_kv .img {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 56.3888888889vw;
flex-basis: 56.3888888889vw;
width: 56.3888888889vw;
}
.re2026-sake_taxonomy_kv .img img {
width: 100%;
height: auto;
}
.re2026-sake_items_result {
margin-bottom: 2.0138888889vw;
}
.re2026-sake_items_result .no {
line-height: 1.5;
margin-right: 0.6944444444vw;
font-size: 3.3333333333vw;
font-style: normal;
}
.re2026-sake_items_result .text {
line-height: 1.5;
font-size: 1.5277777778vw;
font-weight: 400;
}
.re2026-sake_items_unit .inner,
.re2026-sake_items_unit a.inner {
position: relative;
display: block;
}
.re2026-sake_items_unit .inner > *:last-child,
.re2026-sake_items_unit a.inner > *:last-child {
margin-bottom: 0 !important;
}
.re2026-sake_items_unit.soldout .thumb:before {
z-index: 5;
position: absolute;
left: 0.6944444444vw;
top: 0.6944444444vw;
background-color: #AFAFAF;
content: "在庫なし";
width: 4.3055555556vw;
height: 4.3055555556vw;
border-radius: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 0.8333333333vw;
font-weight: bold;
color: #ffffff;
text-align: center;
pointer-events: none;
}
.re2026-sake_items_unit.--rank.soldout .thumb:before {
top: auto;
bottom: 0.6944444444vw;
}
.re2026-sake_items_unit .scene {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-column-gap: 0.6944444444vw;
-moz-column-gap: 0.6944444444vw;
column-gap: 0.6944444444vw;
margin-bottom: 1.3888888889vw;
}
.re2026-sake_items_unit .scene li {
padding: 0.3472222222vw 0;
}
.re2026-sake_items_unit .scene li .tag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1.5;
padding: 0.1388888889vw 0.6944444444vw 0.2083333333vw;
font-size: 1.1111111111vw;
font-weight: 500;
background-color: #E5EAED;
border-radius: 3.4722222222vw;
}
.re2026-sake_items_unit .thumb_wrap {
position: relative;
}
.re2026-sake_items_unit .rank {
z-index: 2;
position: absolute;
left: 0;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 3.8194444444vw;
height: 3.8194444444vw;
font-size: 1.25vw;
background-color: #333333;
color: #FFFFFF;
}
.re2026-sake_items_unit .award {
z-index: 2;
position: absolute;
right: 0.6944444444vw;
top: 0.6944444444vw;
width: 4.3055555556vw;
}
.re2026-sake_items_unit .award img {
width: 100%;
height: auto;
}
.re2026-sake_items_unit .thumb {
position: relative;
overflow: hidden;
width: 100%;
height: auto;
aspect-ratio: 1/1;
margin-bottom: 1.25vw;
}
.re2026-sake_items_unit .thumb img {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.re2026-sake_items_unit .body > *:last-child {
margin-bottom: 0 !important;
}
.re2026-sake_items_unit .category {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-column-gap: 0.6944444444vw;
-moz-column-gap: 0.6944444444vw;
column-gap: 0.6944444444vw;
margin-bottom: 0.3472222222vw;
}
.re2026-sake_items_unit .category li {
padding: 0.3472222222vw 0;
}
.re2026-sake_items_unit .category li .tag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1.5;
padding: 0.1388888889vw 0.6944444444vw 0.2083333333vw;
font-size: 0.9027777778vw;
font-weight: 500;
background-color: #E5EAED;
border-radius: 3.4722222222vw;
}
.re2026-sake_items_unit .name {
line-height: 1.5;
margin-bottom: 0.3472222222vw;
font-size: 1.3888888889vw;
font-weight: 400;
}
.re2026-sake_items_unit .summary {
line-height: 1.7;
margin-bottom: 0.3472222222vw;
font-size: 0.9722222222vw;
}
.re2026-sake_items_unit .price.is-hide {
display: none;
}
.re2026-sake_items_unit .price em {
line-height: 1.5;
margin-right: 0.2em;
font-size: 1.25vw;
font-weight: 400;
font-style: normal;
}
.re2026-sake_items_unit .price span {
line-height: 1.25;
font-size: 0.8333333333vw;
font-weight: 400;
}
.re2026-sake_items_unit .inner:active .thumb img, .re2026-sake_items_unit .inner:hover .thumb img,
.re2026-sake_items_unit a.inner:active .thumb img,
.re2026-sake_items_unit a.inner:hover .thumb img {
-webkit-transform: translate(-50%, -50%) scale(1.1);
transform: translate(-50%, -50%) scale(1.1);
}
.--sub_rank .re2026-sake_items_unit .rank {
width: 2.7083333333vw;
height: 2.7083333333vw;
font-size: 1.0416666667vw;
}
.--sub_rank .re2026-sake_items_unit .thumb {
margin-bottom: 0.9027777778vw;
}
.--sub_rank .re2026-sake_items_unit .name {
line-height: 1.6;
margin-bottom: 0.4166666667vw;
font-size: 1.1111111111vw;
font-weight: 400;
}
.--sub_rank .re2026-sake_items_unit .summary {
line-height: 1.7;
margin-bottom: 0.0694444444vw;
font-size: 0.9027777778vw;
}
.re2026-sake_items_list {
display: grid;
grid-template-columns: repeat(3, 1fr);
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-webkit-column-gap: 5.9027777778vw;
-moz-column-gap: 5.9027777778vw;
column-gap: 5.9027777778vw;
row-gap: 4.8611111111vw;
margin-bottom: 4.1666666667vw;
}
.re2026-taxonomy_list {
display: grid;
grid-template-columns: repeat(3, 1fr);
-webkit-column-gap: 1.9444444444vw;
-moz-column-gap: 1.9444444444vw;
column-gap: 1.9444444444vw;
row-gap: 1.9444444444vw;
}
.re2026-taxonomy_list .unit a {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 10.4166666667vw;
overflow: hidden;
background-color: #CCCCCC;
color: #FFFFFF;
}
.re2026-taxonomy_list .unit a span {
z-index: 2;
position: relative;
}
.re2026-taxonomy_list .unit a .img {
z-index: 1;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.re2026-taxonomy_list .unit a .img img {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.re2026-taxonomy_list .unit a .circle {
z-index: 2;
position: absolute;
right: 1.1805555556vw;
top: 50%;
margin-top: -1.0416666667vw;
}
.re2026-taxonomy_list .unit a:active .img img, .re2026-taxonomy_list .unit a:hover .img img {
-webkit-transform: translate(-50%, -50%) scale(1.1);
transform: translate(-50%, -50%) scale(1.1);
}
.re2026-gift_lapping {
margin-bottom: 2.3611111111vw;
}
.re2026-gift_lapping .inner,
.re2026-gift_lapping a.inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
background-color: #F5F7F6;
}
.re2026-gift_lapping .inner .body,
.re2026-gift_lapping a.inner .body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-negative: 1;
flex-shrink: 1;
width: 50%;
padding: 5.625vw 6.8055555556vw 5.625vw 5.625vw;
}
.re2026-gift_lapping .inner .body > *:last-child,
.re2026-gift_lapping a.inner .body > *:last-child {
margin-bottom: 0 !important;
}
.re2026-gift_lapping .inner .title,
.re2026-gift_lapping a.inner .title {
line-height: 1.5;
margin-bottom: 0.9027777778vw;
font-size: 1.8055555556vw;
font-weight: 400;
}
.re2026-gift_lapping .inner .text,
.re2026-gift_lapping a.inner .text {
line-height: 1.6;
margin-bottom: 0.9027777778vw;
font-size: 1.0416666667vw;
}
.re2026-gift_lapping .inner .img,
.re2026-gift_lapping a.inner .img {
position: relative;
-ms-flex-negative: 1;
flex-shrink: 1;
width: 50%;
height: auto;
aspect-ratio: 12/7;
overflow: hidden;
}
.re2026-gift_lapping .inner .img img,
.re2026-gift_lapping a.inner .img img {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.re2026-shop_info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: 1.9444444444vw;
-moz-column-gap: 1.9444444444vw;
column-gap: 1.9444444444vw;
margin-bottom: 2.3611111111vw;
}
.re2026-shop_info .banner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
width: 100%;
min-height: 100%;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.re2026-shop_info .banner .inner,
.re2026-shop_info .banner a.inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
width: 100%;
height: 100%;
padding: 2.7777777778vw 4.6527777778vw;
-webkit-column-gap: 2.0833333333vw;
-moz-column-gap: 2.0833333333vw;
column-gap: 2.0833333333vw;
background-color: #F5F7F6;
}
.re2026-shop_info .banner .inner::before,
.re2026-shop_info .banner a.inner::before {
display: block;
content: "";
width: 3.6111111111vw;
margin-top: 0.4166666667vw;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.re2026-shop_info .banner .body {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.re2026-shop_info .banner .title {
line-height: 1.5;
margin-bottom: 0.6944444444vw;
font-size: 1.5277777778vw;
font-weight: 400;
}
.re2026-shop_info .banner .text {
line-height: 1.7;
max-width: 23.75vw;
font-size: 1.0416666667vw;
}
.re2026-shop_info .banner.--postage .inner {
padding-left: 5.625vw;
}
.re2026-shop_info .banner.--postage .inner::before {
height: 2.3611111111vw;
background-image: url(//kikubijin.co.jp/wp/wp-content/themes/kikubijin/assets/img/common/ic_track.png);
}
.re2026-shop_info .banner.--payment .inner::before {
height: 2.2916666667vw;
background-image: url(//kikubijin.co.jp/wp/wp-content/themes/kikubijin/assets/img/common/ic_credit_card.png);
}
.re2026-shop_about {
width: 80.5555555556vw;
margin-top: 4.8611111111vw;
margin-bottom: 4.8611111111vw;
margin-left: auto;
margin-right: auto;
}
.re2026-shop_about .inner,
.re2026-shop_about a.inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
height: 13.8888888889vw;
overflow: hidden;
padding: 1.3888888889vw 6.25vw 1.3888888889vw 4.7222222222vw;
background-color: #CCCCCC;
}
.re2026-shop_about .inner .img,
.re2026-shop_about a.inner .img {
z-index: 1;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.re2026-shop_about .inner .img img,
.re2026-shop_about a.inner .img img {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.re2026-shop_about .inner .label,
.re2026-shop_about a.inner .label {
z-index: 2;
position: relative;
line-height: 1.5;
font-size: 1.8055555556vw;
font-weight: 400;
color: #FFFFFF;
}
.re2026-shop_about .inner .circle,
.re2026-shop_about a.inner .circle {
z-index: 2;
position: absolute;
top: 50%;
right: 2.0833333333vw;
margin-top: -1.0416666667vw;
}
.re2026-shop_about .inner:active .img img, .re2026-shop_about .inner:hover .img img,
.re2026-shop_about a.inner:active .img img,
.re2026-shop_about a.inner:hover .img img {
-webkit-transform: translate(-50%, -50%) scale(1.1);
transform: translate(-50%, -50%) scale(1.1);
}
.re2026-brand_to_store {
width: 86.1111111111vw;
margin-top: 6.3194444444vw;
margin-bottom: 8.3333333333vw;
margin-left: auto;
margin-right: auto;
}
.re2026-brand_to_store .inner,
.re2026-brand_to_store a.inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
height: 13.8888888889vw;
overflow: hidden;
padding: 1.3888888889vw 6.25vw 1.3888888889vw 5.5555555556vw;
background-color: #CCCCCC;
}
.re2026-brand_to_store .inner .img,
.re2026-brand_to_store a.inner .img {
z-index: 1;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.re2026-brand_to_store .inner .img img,
.re2026-brand_to_store a.inner .img img {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.re2026-brand_to_store .inner .label,
.re2026-brand_to_store a.inner .label {
z-index: 2;
position: relative;
line-height: 1.5;
font-size: 2.0833333333vw;
font-weight: 400;
color: #101514;
}
.re2026-brand_to_store .inner .circle,
.re2026-brand_to_store a.inner .circle {
z-index: 2;
position: absolute;
top: 50%;
right: 2.0833333333vw;
margin-top: -1.0416666667vw;
}
.re2026-brand_to_store .inner:active .img img, .re2026-brand_to_store .inner:hover .img img,
.re2026-brand_to_store a.inner:active .img img,
.re2026-brand_to_store a.inner:hover .img img {
-webkit-transform: translate(-50%, -50%) scale(1.1);
transform: translate(-50%, -50%) scale(1.1);
}
.re2026-brand_to_store + .separate_image {
margin-top: 0 !important;
}
.re2026-puchase {
z-index: 9;
position: fixed;
right: 2.0833333333vw;
bottom: 2.0833333333vw;
width: 18.4027777778vw;
padding: 1.4583333333vw 1.6666666667vw 1.3194444444vw;
background-color: #FFFFFF;
-webkit-box-shadow: 0 0.2083333333vw 1.3888888889vw rgba(0, 0, 0, 0.16);
box-shadow: 0 0.2083333333vw 1.3888888889vw rgba(0, 0, 0, 0.16);
border-radius: 0.6944444444vw;
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s ease, visibility 0s linear 0s;
transition: opacity 0.3s ease, visibility 0s linear 0s;
}
.re2026-puchase.is-closed {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s ease, visibility 0s linear 0.3s;
transition: opacity 0.3s ease, visibility 0s linear 0.3s;
pointer-events: none;
}
.re2026-puchase .title {
line-height: 1.4;
font-size: 1.1111111111vw;
font-weight: 500;
}
.re2026-puchase .cart {
margin-bottom: 0;
}
.re2026-puchase .cart .cartjs_box {
width: 100%;
}
.re2026-puchase .cart .cartjs_box .cartjs_product_table {
margin-bottom: 0.7638888889vw;
}
.re2026-puchase .cart .cartjs_box .cartjs_product_table tbody {
row-gap: 0;
}
.re2026-puchase .cart .cartjs_box .cartjs_product_table .cartjs_sales_price td {
line-height: 1.5;
font-size: 1.1111111111vw;
font-weight: 300 !important;
}
.re2026-puchase .cart .cartjs_box .cartjs_product_table .cartjs_sales_price td span {
margin-left: 0.2083333333vw;
font-size: 0.5555555556vw;
font-weight: 300 !important;
}
.re2026-puchase .cart .cartjs_box .cartjs_product_table .cartjs_product_num {
display: none;
}
.re2026-puchase .cart .cartjs_box .cartjs_product_table .cartjs_option {
display: none;
}
.re2026-puchase .cart .cartjs_box .cartjs_cart_in {
position: relative;
width: 100%;
max-width: 22.9166666667vw;
}
.re2026-puchase .cart .cartjs_box .cartjs_cart_in .btn_radius {
width: 100%;
height: 2.6388888889vw;
}
.re2026-puchase .cart .cartjs_box .cartjs_cart_in .btn_radius .circle {
right: 0.4166666667vw;
width: 1.8055555556vw;
height: 1.8055555556vw;
margin-top: -0.9027777778vw;
}
.re2026-puchase .cart .cartjs_box .cart_soldout {
position: relative;
width: 100%;
max-width: 22.9166666667vw;
margin-top: 0;
}
.re2026-puchase .cart .cartjs_box .cart_soldout .btn_radius {
width: 100%;
height: 2.6388888889vw;
}
.re2026-puchase .cart .cartjs_box .cartjs_product_info {
display: none;
}
.re2026-puchase .inner_jump_button {
padding-top: 0.5208333333vw;
}
.re2026-puchase .inner_jump_button a {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
line-height: 1.5;
padding: 0.4861111111vw 2.5694444444vw 0.5555555556vw 1.3194444444vw;
font-weight: 500;
font-size: 0.9722222222vw;
background-color: #FFFFFF;
border: 1px solid #E3E3E3;
border-radius: 3.4722222222vw;
-webkit-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.re2026-puchase .inner_jump_button a .circle {
position: absolute;
right: 0.3472222222vw;
top: 50%;
width: 1.8055555556vw;
height: 1.8055555556vw;
margin-top: -0.9027777778vw;
background-color: #333333;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.re2026-puchase .inner_jump_button a .circle svg {
fill: #FFFFFF;
-webkit-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.re2026-puchase .inner_jump_button a:active, .re2026-puchase .inner_jump_button a:hover {
background-color: #333333;
color: #FFFFFF;
}
.re2026-puchase .inner_jump_button a:active .circle, .re2026-puchase .inner_jump_button a:hover .circle {
background-color: #FFFFFF;
}
.re2026-puchase .inner_jump_button a:active .circle svg, .re2026-puchase .inner_jump_button a:hover .circle svg {
fill: #333333;
}
.re2026-puchase .close {
position: absolute;
right: 1.0763888889vw;
top: 1.1458333333vw;
width: 0.4861111111vw;
height: 0.4861111111vw;
cursor: pointer;
}
.re2026-puchase .close::before, .re2026-puchase .close::after {
position: absolute;
content: "";
display: block;
width: 0.6944444444vw;
height: 1px;
background-color: rgba(16, 16, 16, 0.32);
}
.re2026-puchase .close::before {
left: 0;
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: left center;
transform-origin: left center;
}
.re2026-puchase .close::after {
right: 0;
top: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: right center;
transform-origin: right center;
}
.re2026-sake_detail_summary {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-webkit-column-gap: 3.1944444444vw;
-moz-column-gap: 3.1944444444vw;
column-gap: 3.1944444444vw;
}
.re2026-sake_detail_summary .img {
position: sticky;
left: 0;
top: 7.7083333333vw;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex-preferred-size: auto;
flex-basis: auto;
min-width: 0;
}
.re2026-sake_detail_summary .img img {
width: 100%;
height: auto;
}
.re2026-sake_detail_summary .img .visual {
position: relative;
width: 100%;
height: auto;
aspect-ratio: 1.54/1;
overflow: hidden;
}
.re2026-sake_detail_summary .img .visual img {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.re2026-sake_detail_summary .img #productSwiper {
margin-bottom: 1.3888888889vw;
}
.re2026-sake_detail_summary .img #productSwiper .swiper-slide {
width: 100%;
height: auto;
}
.re2026-sake_detail_summary .img #productSwiper .swiper-slide figure {
position: relative;
height: 0;
padding-top: 65%;
overflow: hidden;
}
.re2026-sake_detail_summary .img #productSwiper .swiper-slide img {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.re2026-sake_detail_summary .img #productThumbSwiper .swiper-slide {
width: 100%;
height: auto;
}
.re2026-sake_detail_summary .img #productThumbSwiper .swiper-slide figure {
position: relative;
height: 0;
padding-top: 65%;
overflow: hidden;
}
.re2026-sake_detail_summary .img #productThumbSwiper .swiper-slide img {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.re2026-sake_detail_summary .body {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 35.2083333333vw;
flex-basis: 35.2083333333vw;
width: 35.2083333333vw;
}
.re2026-sake_detail_summary .body > *:last-child {
margin-bottom: 0 !important;
}
.re2026-sake_detail_summary .body .item {
padding-top: 0.3472222222vw;
margin-bottom: 3.8194444444vw;
}
.re2026-sake_detail_summary .body .item > *:last-child {
margin-bottom: 0 !important;
}
.re2026-sake_detail_summary .body .item .name {
line-height: 1.4;
margin-bottom: 0.6041666667vw;
font-size: 2.6388888889vw;
font-weight: 300;
}
.re2026-sake_detail_summary .body .item .cart {
margin-bottom: 0.8333333333vw;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table {
margin-bottom: 1.1111111111vw;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table tbody {
-webkit-column-gap: 1.0416666667vw;
-moz-column-gap: 1.0416666667vw;
column-gap: 1.0416666667vw;
row-gap: 2.7777777778vw;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_sales_price td {
line-height: 1.5;
font-size: 1.7361111111vw;
font-weight: 300 !important;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_sales_price td span {
margin-left: 0.3472222222vw;
font-size: 0.8333333333vw;
font-weight: 300;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_product_num {
width: 100%;
height: auto;
background-color: transparent;
border: none;
border-radius: 0;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_product_num td {
background-color: #FFFFFF;
border: 1px solid #cccccc !important;
border-radius: 0.4861111111vw;
width: 100%;
max-width: 10.625vw;
height: 2.5vw;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_product_num button {
width: 100%;
min-width: 2.4305555556vw;
max-width: 2.4305555556vw;
padding: 0 0.3472222222vw 0.048em !important;
background: transparent;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_product_num button:active, .re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_product_num button:hover {
color: currentColor;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_product_num input {
width: 100% !important;
padding-bottom: 0.048em !important;
border-left: 0;
border-right: 0;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_option {
border-radius: 0.4861111111vw;
background-color: #FFFFFF;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: 2.6388888889vw;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_option td {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_option td::before {
right: 1.0416666667vw;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_option select {
padding-top: 0.0694444444vw;
padding-right: 4.8611111111vw;
padding-bottom: 0.1388888889vw;
font-size: 1.1111111111vw;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_cart_in {
position: relative;
width: 100%;
max-width: 22.9166666667vw;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_cart_in .btn_radius {
width: 100%;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cart_soldout {
position: relative;
width: 100%;
max-width: 22.9166666667vw;
margin-top: 0;
}
.re2026-sake_detail_summary .body .item .note {
line-height: 1.65;
font-size: 0.8333333333vw;
color: #747479;
}
.re2026-sake_detail_summary .body .summary .category {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-column-gap: 0.6944444444vw;
-moz-column-gap: 0.6944444444vw;
column-gap: 0.6944444444vw;
margin-bottom: 1.0069444444vw;
}
.re2026-sake_detail_summary .body .summary .category li {
padding: 0.3472222222vw 0;
}
.re2026-sake_detail_summary .body .summary .category li .tag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1.5;
padding: 0.1388888889vw 0.6944444444vw 0.2083333333vw;
font-size: 0.9027777778vw;
font-weight: 500;
background-color: #E5EAED;
border-radius: 3.4722222222vw;
}
.re2026-sake_detail_summary .body .summary .copy {
line-height: 1.5;
margin-bottom: 0.5069444444vw;
font-size: 1.5277777778vw;
font-weight: 400;
}
.re2026-sake_detail_summary .body .summary .text {
line-height: 1.7;
font-size: 1.0416666667vw;
margin-bottom: 2.0833333333vw;
}
.re2026-sake_detail_summary .body .summary .text p {
margin-bottom: 1.7em;
}
.re2026-sake_detail_summary .body .summary .text > *:last-child {
margin-bottom: 0 !important;
}
.re2026-sake_detail_summary .body .summary .table {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-webkit-column-gap: 1.3888888889vw;
-moz-column-gap: 1.3888888889vw;
column-gap: 1.3888888889vw;
}
.re2026-sake_detail_summary .body .summary .table .table_unit {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
max-width: calc(50% - 0.6944444444vw);
min-width: calc(50% - 0.6944444444vw);
border-top: 1px solid #E3E3E3;
}
.re2026-sake_detail_summary .body .summary .table .table_unit dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-webkit-column-gap: 1.0416666667vw;
-moz-column-gap: 1.0416666667vw;
column-gap: 1.0416666667vw;
padding-top: 0.6944444444vw;
padding-bottom: 0.6944444444vw;
border-bottom: 1px solid #E3E3E3;
}
.re2026-sake_detail_summary .body .summary .table .table_unit dl dt {
max-width: 6em;
min-width: 6em;
line-height: 1.4;
font-size: 0.8333333333vw;
font-weight: 400;
}
.re2026-sake_detail_summary .body .summary .table .table_unit dl dd {
width: 100%;
line-height: 1.4;
font-size: 0.8333333333vw;
}
.re2026-sake_detail_summary .body .summary .table .table_unit.u1 dl dt {
max-width: 5em;
min-width: 5em;
}
.re2026-sake_detail_summary.--no_swiper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.re2026-sake_detail_summary.--no_swiper .img {
position: relative;
left: auto;
top: auto;
}
.re2026-sake_detail_taste {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-webkit-column-gap: 9.9305555556vw;
-moz-column-gap: 9.9305555556vw;
column-gap: 9.9305555556vw;
}
.re2026-sake_detail_taste .body {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex-preferred-size: auto;
flex-basis: auto;
min-width: 0;
}
.re2026-sake_detail_taste .body > *:last-child {
margin-bottom: 0 !important;
}
.re2026-sake_detail_taste .body .title {
line-height: 1.3;
margin-bottom: 1.1805555556vw;
font-size: 1.9444444444vw;
font-weight: 400;
}
.re2026-sake_detail_taste .body .text {
line-height: 1.7;
font-size: 1.0416666667vw;
}
.re2026-sake_detail_taste .body .text p {
margin-bottom: 1.7em;
}
.re2026-sake_detail_taste .body .text > *:last-child {
margin-bottom: 0 !important;
}
.re2026-sake_detail_taste .score {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 34.7222222222vw;
flex-basis: 34.7222222222vw;
width: 34.7222222222vw;
padding: 4.8611111111vw 3.125vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 2.0833333333vw;
background-color: #FFFFFF;
}
.re2026-sake_detail_taste .score .score_unit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-webkit-column-gap: 0.8611111111vw;
-moz-column-gap: 0.8611111111vw;
column-gap: 0.8611111111vw;
}
.re2026-sake_detail_taste .score .score_unit .left,
.re2026-sake_detail_taste .score .score_unit .right {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 5em;
flex-basis: 5em;
width: 5em;
line-height: 1.5;
font-size: 0.9027777778vw;
}
.re2026-sake_detail_taste .score .score_unit .left {
text-align: right;
}
.re2026-sake_detail_taste .score .score_unit .right {
text-align: left;
}
.re2026-sake_detail_taste .score .score_unit .value {
position: relative;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex-preferred-size: auto;
flex-basis: auto;
min-width: 0;
height: 1.25vw;
}
.re2026-sake_detail_taste .score .score_unit .value::before {
z-index: 2;
top: 50%;
left: 50%;
position: absolute;
content: "";
display: block;
width: 1vw;
height: 1vw;
margin-top: -0.5vw;
background-color: #FFFFFF;
border: 1px solid #9A9A9A;
border-radius: 100%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.re2026-sake_detail_taste .score .score_unit .value::after {
z-index: 1;
top: 50%;
left: 0;
position: absolute;
content: "";
display: block;
width: 100%;
height: 1px;
background-color: #E3E3E3;
}
.re2026-sake_detail_taste .score .score_unit .value[data-taste-score="1"]::before {
left: 0;
margin-left: 0.5vw;
}
.re2026-sake_detail_taste .score .score_unit .value[data-taste-score="2"]::before {
left: 25%;
margin-left: calc(0.5vw - 3px);
}
.re2026-sake_detail_taste .score .score_unit .value[data-taste-score="3"]::before {
left: 50%;
}
.re2026-sake_detail_taste .score .score_unit .value[data-taste-score="4"]::before {
left: 75%;
margin-left: calc(-0.5vw + 3px);
}
.re2026-sake_detail_taste .score .score_unit .value[data-taste-score="5"]::before {
left: 100%;
margin-left: -0.5vw;
}
.re2026-sake_detail_award {
display: grid;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
grid-template-columns: 1fr 34.7222222222vw;
grid-template-rows: auto 1fr;
-webkit-column-gap: 9.9305555556vw;
-moz-column-gap: 9.9305555556vw;
column-gap: 9.9305555556vw;
}
.re2026-sake_detail_award .hgroup {
grid-column: 1;
grid-row: 1;
}
.re2026-sake_detail_award .img {
grid-column: 2;
grid-row: 1/span 2;
}
.re2026-sake_detail_award .history {
grid-column: 1;
grid-row: 2;
}
.re2026-sake_detail_award .hgroup {
margin-bottom: 2.3611111111vw;
}
.re2026-sake_detail_award .hgroup > *:last-child {
margin-bottom: 0 !important;
}
.re2026-sake_detail_award .hgroup .title {
line-height: 1.3;
margin-bottom: 1.25vw;
font-size: 1.9444444444vw;
font-weight: 400;
}
.re2026-sake_detail_award .hgroup .summary {
line-height: 1.7;
margin-bottom: 1.25vw;
font-size: 1.0416666667vw;
}
.re2026-sake_detail_award .img {
width: 100%;
}
.re2026-sake_detail_award .img img {
width: 100%;
height: auto;
}
.re2026-sake_detail_award .history {
border-top: 1px solid #E3E3E3;
}
.re2026-sake_detail_award .history dl {
display: grid;
grid-template-columns: 8em 1fr;
-webkit-column-gap: 1.1111111111vw;
-moz-column-gap: 1.1111111111vw;
column-gap: 1.1111111111vw;
line-height: 1.3;
padding: 0.7638888889vw 0;
border-bottom: 1px solid #E3E3E3;
font-size: 0.9722222222vw;
}
.re2026-sake_detail_award .history dl dt {
letter-spacing: 0.15em;
}
.re2026-sake_detail_origin {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-webkit-column-gap: 9.9305555556vw;
-moz-column-gap: 9.9305555556vw;
column-gap: 9.9305555556vw;
margin-bottom: 6.3888888889vw;
}
.re2026-sake_detail_origin .body {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex-preferred-size: auto;
flex-basis: auto;
min-width: 0;
}
.re2026-sake_detail_origin .body > *:last-child {
margin-bottom: 0 !important;
}
.re2026-sake_detail_origin .body .hgroup {
margin-bottom: 1.1805555556vw;
}
.re2026-sake_detail_origin .body .hgroup > *:last-child {
margin-bottom: 0 !important;
}
.re2026-sake_detail_origin .body .hgroup .title {
line-height: 1.3;
margin-bottom: 1.1805555556vw;
font-size: 1.9444444444vw;
font-weight: 400;
}
.re2026-sake_detail_origin .body .poem {
padding: 1.6666666667vw 1.6666666667vw 1.3194444444vw;
margin-bottom: 2.2916666667vw;
background-color: #F5F7F7;
}
.re2026-sake_detail_origin .body .poem blockquote {
line-height: 1.8;
padding: 1.25vw 1.25vw 1.1111111111vw;
font-size: 1.25vw;
}
.re2026-sake_detail_origin .body .poem blockquote:last-child {
padding-bottom: 1.5972222222vw;
}
.re2026-sake_detail_origin .body .poem figcaption {
line-height: 1.3;
font-size: 0.9722222222vw;
text-align: right;
}
.re2026-sake_detail_origin .body .text {
line-height: 1.7;
font-size: 1.0416666667vw;
}
.re2026-sake_detail_origin .body .text p {
margin-bottom: 1.7em;
}
.re2026-sake_detail_origin .body .text > *:last-child {
margin-bottom: 0 !important;
}
.re2026-sake_detail_origin .img {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 34.7222222222vw;
flex-basis: 34.7222222222vw;
width: 34.7222222222vw;
}
.re2026-sake_detail_origin .img img {
width: 100%;
height: auto;
}
.re2026-sake_detail_voice_wrap > *:last-child {
margin-bottom: 0 !important;
}
.re2026-sake_detail_voice_wrap .hgroup {
margin-bottom: 1.25vw;
}
.re2026-sake_detail_voice_wrap .hgroup > *:last-child {
margin-bottom: 0 !important;
}
.re2026-sake_detail_voice_wrap .hgroup .title {
line-height: 1.3;
margin-bottom: 1.1805555556vw;
font-size: 1.9444444444vw;
font-weight: 400;
}
.re2026-sake_detail_voice {
padding: 3.0555555556vw 2.8472222222vw 5.4166666667vw;
background-color: #F5F7F7;
}
.swiper-slide .re2026-sake_detail_voice {
min-height: 100%;
}
.re2026-sake_detail_voice > *:last-child {
margin-bottom: 0 !important;
}
.re2026-sake_detail_voice .head {
margin-bottom: 1.5277777778vw;
}
.re2026-sake_detail_voice .head > *:last-child {
margin-bottom: 0 !important;
}
.re2026-sake_detail_voice .head .title {
line-height: 1.4;
margin-bottom: 0.1388888889vw;
font-weight: 400;
font-size: 1.5277777778vw;
}
.re2026-sake_detail_voice .head .profile {
line-height: 2.3;
margin-bottom: 0.1388888889vw;
font-size: 0.9027777778vw;
color: #333333;
opacity: 0.6;
text-indent: -0.5em;
}
.re2026-sake_detail_voice .text {
line-height: 1.8;
font-size: 1.0416666667vw;
}
.re2026-product_swiper {
--swiper-theme-color: #AAAAAA;
--swiper-pagination-bullet-inactive-color: #AAAAAA;
--swiper-pagination-bullet-width: 0.6944444444vw;
--swiper-pagination-bullet-height: 0.6944444444vw;
--swiper-pagination-bullet-horizontal-gap: 0.8333333333vw;
position: relative;
padding-bottom: 5.3472222222vw;
margin-bottom: 4.1666666667vw;
}
.re2026-product_swiper .swiper-slide {
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none;
}
.re2026-product_swiper .swiper-slide [data-slideup] {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.re2026-product_swiper .ctrl {
position: absolute;
right: 0;
bottom: 0;
width: 7.3611111111vw;
height: 2.0833333333vw;
margin-bottom: 0.2777777778vw;
}
.re2026-product_swiper .ctrl .swiper-button-prev,
.re2026-product_swiper .ctrl .swiper-button-next {
position: absolute;
top: auto;
bottom: 0;
width: 2.0833333333vw;
height: 2.0833333333vw;
overflow: hidden;
cursor: pointer;
}
.re2026-product_swiper .ctrl .swiper-button-prev::after,
.re2026-product_swiper .ctrl .swiper-button-next::after {
display: none;
}
.re2026-product_swiper .ctrl .swiper-button-prev::before,
.re2026-product_swiper .ctrl .swiper-button-next::before {
position: absolute;
left: 0;
top: 0;
content: "";
display: block;
width: 2.0833333333vw;
height: 2.0833333333vw;
background-image: url(//kikubijin.co.jp/wp/wp-content/themes/kikubijin/assets/img/common/swiper_arrow.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 100%;
}
.re2026-product_swiper .ctrl .swiper-button-prev {
right: auto;
left: 0;
}
.re2026-product_swiper .ctrl .swiper-button-prev:not(.swiper-button-disabled):active::before, .re2026-product_swiper .ctrl .swiper-button-prev:not(.swiper-button-disabled):hover::before {
-webkit-animation: re2026ArrowMoveRightLeft 1.5s linear;
animation: re2026ArrowMoveRightLeft 1.5s linear;
}
.re2026-product_swiper .ctrl .swiper-button-next {
right: 0;
left: auto;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.re2026-product_swiper .ctrl .swiper-button-next:not(.swiper-button-disabled):active::before, .re2026-product_swiper .ctrl .swiper-button-next:not(.swiper-button-disabled):hover::before {
-webkit-animation: re2026ArrowMoveRightLeft 1.5s linear;
animation: re2026ArrowMoveRightLeft 1.5s linear;
}
.re2026-product_swiper .swiper-pagination {
z-index: 2;
position: absolute;
left: calc(var(--swiper-pagination-bullet-horizontal-gap) * -1) !important;
bottom: 0.4861111111vw !important;
width: calc(100% - 7.3611111111vw) !important;
text-align: left;
}
.re2026-product_sp_swiper {
--swiper-theme-color: #AAAAAA;
--swiper-pagination-bullet-inactive-color: #AAAAAA;
--swiper-pagination-bullet-width: 0.6944444444vw;
--swiper-pagination-bullet-height: 0.6944444444vw;
--swiper-pagination-bullet-horizontal-gap: 0.8333333333vw;
position: relative;
padding-bottom: 0;
margin-bottom: 4.1666666667vw;
}
@media screen and (min-width: 750.1px) {
.re2026-product_sp_swiper .swiper-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-webkit-column-gap: 5.9027777778vw;
-moz-column-gap: 5.9027777778vw;
column-gap: 5.9027777778vw;
row-gap: 4.8611111111vw;
}
}
@media screen and (min-width: 750.1px) {
.re2026-product_sp_swiper.--voice .swiper-wrapper {
-webkit-column-gap: 3.6111111111vw;
-moz-column-gap: 3.6111111111vw;
column-gap: 3.6111111111vw;
}
}
@media screen and (min-width: 750.1px) {
.re2026-product_sp_swiper.--sub_rank .swiper-wrapper {
grid-template-columns: repeat(5, 1fr);
-webkit-column-gap: 2.4305555556vw;
-moz-column-gap: 2.4305555556vw;
column-gap: 2.4305555556vw;
row-gap: 2.4305555556vw;
}
}
.re2026-product_sp_swiper .swiper-slide {
height: auto;
}
@media screen and (min-width: 750.1px) {
.re2026-product_sp_swiper .ctrl {
display: none;
}
}
.re2026-product_sp_swiper .ctrl {
position: absolute;
right: 0;
bottom: 0;
width: 7.3611111111vw;
height: 0.6944444444vw;
margin-bottom: 0.2777777778vw;
}
.re2026-product_sp_swiper .ctrl .swiper-button-prev {
position: absolute;
top: auto;
right: auto;
left: 0;
bottom: 0;
width: 2.0833333333vw;
height: 0.6944444444vw;
background-image: url(//kikubijin.co.jp/wp/wp-content/themes/kikubijin/assets/img/common/swiper_arrow.png);
background-repeat: no-repeat;
background-position: left bottom;
background-size: 100%;
}
.re2026-product_sp_swiper .ctrl .swiper-button-prev::after {
display: none;
}
.re2026-product_sp_swiper .ctrl .swiper-button-next {
position: absolute;
top: auto;
right: 0;
left: auto;
bottom: 0;
width: 2.0833333333vw;
height: 0.6944444444vw;
background-image: url(//kikubijin.co.jp/wp/wp-content/themes/kikubijin/assets/img/common/swiper_arrow.png);
background-repeat: no-repeat;
background-position: left bottom;
background-size: 100%;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.re2026-product_sp_swiper .ctrl .swiper-button-next::after {
display: none;
}
@media screen and (min-width: 750.1px) {
.re2026-product_sp_swiper .swiper-pagination {
display: none;
}
}
.re2026-product_sp_swiper .swiper-pagination {
z-index: 2;
position: absolute;
left: calc(var(--swiper-pagination-bullet-horizontal-gap) * -1) !important;
bottom: 0 !important;
width: calc(100% - 7.3611111111vw) !important;
text-align: left;
}
.re2026-breadcrumb {
display: none;
}
@media screen and (min-width: 1440px) {
[data-parent=top] .column_unit .txt {
row-gap: 30px;
}
[data-parent=top] .column_unit .txt h3 {
font-size: 28px;
}
[data-parent=top] .column_unit .btn_circle {
font-size: 20px;
}
[data-parent=top] .mv {
margin-bottom: 188px;
}
[data-parent=top] .mv .lead {
width: 350px;
font-size: 16px;
}
[data-parent=top] .mv .sec_inner .logo {
width: 92px;
margin: -140px 0 0 -56px;
}
[data-parent=top] .flower .obj {
top: 70px;
right: -70px;
width: 405px;
height: 258px;
}
[data-parent=top] .flower .column_unit {
-webkit-column-gap: 240px;
-moz-column-gap: 240px;
column-gap: 240px;
}
[data-parent=top] .flower .column_unit .img {
width: 352px;
}
[data-parent=top] .flower .column_unit .txt {
width: 350px;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
}
[data-parent=top] .sake .sec_inner {
padding-bottom: 80px;
}
[data-parent=top] .sake .obj {
top: 62px;
right: -60px;
width: 282px;
height: 243px;
}
[data-parent=top] .sake .column_unit {
-webkit-column-gap: 280px;
-moz-column-gap: 280px;
column-gap: 280px;
margin-bottom: 80px;
}
[data-parent=top] .sake .column_unit .txt {
width: 360px;
row-gap: 40px;
}
[data-parent=top] .sake .column_unit .img {
width: 340px;
}
[data-parent=top] .sake .sake_list {
-webkit-column-gap: 93px;
-moz-column-gap: 93px;
column-gap: 93px;
row-gap: 80px;
margin-top: -10px;
padding-right: 32px;
}
[data-parent=top] .sake .sake_list .thumb_top_sake:nth-child(1) {
display: none;
}
[data-parent=top] .sake .sake_list .thumb_top_sake:nth-child(3n+4) {
margin-top: 0;
}
[data-parent=top] .sake .sake_list .thumb_top_sake:nth-child(3n+3) {
margin-top: -80px;
}
[data-parent=top] .sake .sake_list .thumb_top_sake:nth-child(3n+2) {
margin-top: -160px;
}
[data-parent=top] .sake .thumb_top_sake .sake_title {
right: -35px;
row-gap: 23px;
}
[data-parent=top] .sake .thumb_top_sake .sake_title strong {
font-size: 28px;
}
[data-parent=top] .sake .thumb_top_sake .sake_img {
width: 340px;
height: 540px;
}
[data-parent=top] .sake .thumb_top_sake .sake_txt {
padding: 45px;
row-gap: 72px;
}
[data-parent=top] .sake .thumb_top_sake .sake_txt .icons {
-webkit-column-gap: 22px;
-moz-column-gap: 22px;
column-gap: 22px;
}
[data-parent=top] .sake .thumb_top_sake .sake_txt .icons .icon.kiku {
width: 36px;
height: 36px;
}
[data-parent=top] .sake .thumb_top_sake .sake_txt .icons .icon.fune {
width: 42px;
height: 101px;
}
[data-parent=top] .sake .thumb_top_sake .sake_txt .icons .icon.shizuku {
width: 50px;
height: 50px;
}
[data-parent=top] .about {
margin-bottom: 173px;
}
[data-parent=top] .about .obj {
top: 185px;
right: -80px;
width: 226px;
height: 230px;
}
[data-parent=top] .about .about_list {
row-gap: 100px;
padding-top: 100px;
}
[data-parent=top] .about .column_unit {
-webkit-column-gap: 123px;
-moz-column-gap: 123px;
column-gap: 123px;
-webkit-column-gap: 70px;
-moz-column-gap: 70px;
column-gap: 70px;
}
[data-parent=top] .about .column_unit .txt {
width: 420px;
padding-top: 40px;
}
[data-parent=top] .about .column_unit .img {
width: 550px;
}
[data-parent=top] .about_2 {
margin-bottom: 160px;
}
[data-parent=top] .about_2 .column_unit {
-webkit-column-gap: 123px;
-moz-column-gap: 123px;
column-gap: 123px;
}
[data-parent=top] .about_2 .column_unit .txt {
width: 350px;
padding-top: 40px;
}
[data-parent=top] .about_2 .column_unit .img {
width: 867px;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
margin-right: -100px;
}
[data-parent=top] .about_2 .column_unit .img .i1 {
width: 597px;
}
[data-parent=top] .about_2 .column_unit .img .i2 {
width: 260px;
}
[data-parent=top] .news {
margin-bottom: 167px;
padding: 117px 0;
}
[data-parent=top] .news .obj {
top: 50px;
right: -50px;
width: 228px;
height: 307px;
}
[data-parent=top] .news .news_index {
width: 833px;
}
[data-parent=top] .news .news_index a {
padding-top: 30px;
padding-bottom: 30px;
}
[data-parent=top] .news .news_index a dl dt {
margin-bottom: 10px;
}
[data-parent=top] .for_c {
margin-bottom: 40px;
}
[data-parent=top] .for_c .banner_for-c {
width: 1200px;
height: 150px;
-webkit-column-gap: 80px;
-moz-column-gap: 80px;
column-gap: 80px;
}
[data-parent=top] .for_c .banner_for-c dt {
font-size: 30px;
}
[data-parent=about] .statement {
padding-bottom: 90px;
margin-bottom: 163px;
}
[data-parent=about] .statement .column_unit .img {
width: 740px;
}
[data-parent=about] .statement .column_unit .txt {
width: 350px;
}
[data-parent=about] .menu {
padding-bottom: 200px;
}
[data-parent=about] .menu nav {
-webkit-column-gap: 80px;
-moz-column-gap: 80px;
column-gap: 80px;
}
[data-parent=about] .menu nav a figure {
margin-bottom: 35px;
}
[data-parent=about] .menu nav a .txt strong {
font-size: 28px;
}
[data-parent=about] .menu nav a:nth-child(3) {
margin-top: 160px;
}
[data-parent=about] .menu nav a:nth-child(2) {
margin-top: 80px;
}
[data-parent=about] .menu nav a:nth-child(1) {
margin-top: 0;
}
[data-parent=about][data-child=brewing] .statement {
padding-bottom: 160px;
margin-bottom: 264px;
}
[data-parent=about][data-child=brewing] .shibori .img {
-webkit-column-gap: 43px;
-moz-column-gap: 43px;
column-gap: 43px;
width: 843px;
}
[data-parent=about][data-child=brewing] .shibori .img .unit .name {
font-size: 26px;
margin-top: 20px;
}
[data-parent=about][data-child=brewing] .shibori .img .u1 .obj {
width: 74px;
bottom: 85px;
left: -35px;
}
[data-parent=about][data-child=brewing] .shibori .img .u2 .obj {
width: 100px;
top: 45px;
right: -35px;
}
[data-parent=about][data-child=brewing] .shibori .txt {
width: 350px;
}
[data-parent=about][data-child=brewing] .separate_image {
margin-top: 240px;
}
[data-parent=about][data-child=brewing] .type .obj {
right: -100px;
}
[data-parent=about][data-child=brewing] .type .column_unit {
-webkit-column-gap: 140px;
-moz-column-gap: 140px;
column-gap: 140px;
}
[data-parent=about][data-child=brewing] .type .img {
width: 480px;
}
[data-parent=about][data-child=brewing] .type .txt {
width: 350px;
}
[data-parent=about][data-child=brewing] .sizuku {
margin-bottom: 120px;
}
[data-parent=about][data-child=brewing] .sizuku .obj {
width: 332px;
}
[data-parent=about][data-child=brewing] .sizuku .sec_inner {
padding-bottom: 100px;
}
[data-parent=about][data-child=brewing] .fune {
padding-bottom: 200px;
}
[data-parent=about][data-child=brewing] .fune .obj {
width: 499px;
top: 136px;
}
[data-parent=about][data-child=brewing] .fune .column_unit {
margin-bottom: 100px;
}
[data-parent=about][data-child=brewing] .fune .gallery {
-webkit-column-gap: 92px;
-moz-column-gap: 92px;
column-gap: 92px;
}
[data-parent=about][data-child=brewing] .fune .gallery .i1 {
width: 260px;
}
[data-parent=about][data-child=brewing] .fune .gallery .i2 {
width: 816px;
}
[data-parent=about][data-child=cherished] .statement {
padding-bottom: 214px;
}
[data-parent=about][data-child=cherished] .statement .column_unit .img {
width: 740px;
}
[data-parent=about][data-child=cherished] .statement .column_unit .txt {
margin-top: 334px;
}
[data-parent=about][data-child=cherished] .uta {
padding-bottom: 200px;
}
[data-parent=about][data-child=cherished] .uta .txt_uta {
width: 350px;
row-gap: 40px;
font-size: 24px;
}
[data-parent=about][data-child=cherished] .uta .txt_uta .ruby em {
font-size: 12px;
right: -15px;
}
[data-parent=about][data-child=cherished] .uta .column_unit .img {
width: 723px;
}
[data-parent=about][data-child=cherished] .uta .column_unit .img .i1 {
width: 233px;
}
[data-parent=about][data-child=cherished] .uta .column_unit .img .i2 {
width: 480px;
}
[data-parent=about][data-child=cherished] .uta .column_unit .txt {
width: 350px;
}
[data-parent=about][data-child=history] .yabekawa {
padding-bottom: 56px;
margin-bottom: 136px;
}
[data-parent=about][data-child=history] .yabekawa:after {
height: 144px;
}
[data-parent=about][data-child=history] .yabekawa .column_unit {
-webkit-column-gap: 33px;
-moz-column-gap: 33px;
column-gap: 33px;
}
[data-parent=about][data-child=history] .yabekawa .column_unit .txt {
-webkit-column-gap: 60px;
-moz-column-gap: 60px;
column-gap: 60px;
}
[data-parent=about][data-child=history] .yabekawa .column_unit .txt p {
width: 350px;
}
[data-parent=about][data-child=history] .yabekawa .column_unit .img {
width: 280px;
}
[data-parent=about][data-child=history] .hakusyu .column_unit {
-webkit-column-gap: 60px;
-moz-column-gap: 60px;
column-gap: 60px;
}
[data-parent=about][data-child=history] .hakusyu .column_unit .txt {
width: 760px;
-webkit-column-gap: 60px;
-moz-column-gap: 60px;
column-gap: 60px;
}
[data-parent=about][data-child=history] .hakusyu .column_unit .txt p {
width: 350px;
}
[data-parent=about][data-child=history] .hakusyu .column_unit .txt blockquote {
border-radius: 4px;
width: 350px;
padding: 30px 30px 30px 40px;
margin-top: -20px;
}
[data-parent=about][data-child=history] .hakusyu .column_unit .img {
width: 246px;
padding-top: 55px;
}
[data-parent=about][data-child=history] .hand {
margin-bottom: 220px;
}
[data-parent=about][data-child=history] .hand .column_unit .txt {
-webkit-column-gap: 60px;
-moz-column-gap: 60px;
column-gap: 60px;
}
[data-parent=about][data-child=history] .hand .column_unit .txt p {
width: 350px;
}
[data-parent=about][data-child=history] .hand .loop_slider {
margin-top: 100px;
}
[data-parent=about][data-child=history] .hand .loop_slider figure {
width: 400px;
height: 600px;
}
[data-parent=about][data-child=history] .community {
padding-bottom: 200px;
}
[data-parent=about][data-child=history] .community .column_unit {
margin-bottom: 130px;
}
[data-parent=about][data-child=history] .community .column_unit .img {
width: 740px;
}
[data-parent=about][data-child=history] .community .column_unit .txt {
width: 350px;
}
[data-parent=about][data-child=history] .community .gallery .i1 {
width: 740px;
}
[data-parent=about][data-child=history] .community .gallery .obj {
width: 502px;
top: 232px;
left: -22px;
}
[data-parent=sake][data-child=index] #container {
padding-top: 216px;
padding-bottom: 0;
}
[data-parent=sake][data-child=index] #btnCart {
top: 30px;
}
[data-parent=sake][data-child=index] #btnMenu {
top: 30px;
}
[data-parent=sake][data-child=index] .page_header {
margin-bottom: 80px;
}
[data-parent=sake][data-child=index] .sake_index .sec_inner {
row-gap: 100px;
}
[data-parent=sake][data-child=index] .sake_index .sake_section {
padding-top: 20px;
}
[data-parent=sake][data-child=index] .sake_index .category_name {
font-size: 32px;
margin-bottom: 60px;
}
[data-parent=sake][data-child=index] .sake_index .sake_list {
-webkit-column-gap: 110px;
-moz-column-gap: 110px;
column-gap: 110px;
row-gap: 80px;
}
[data-parent=sake][data-child=index] .sake_index .sake_list.col4 {
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
}
[data-parent=sake][data-child=detail] #container {
padding-top: 216px;
}
[data-parent=sake][data-child=detail] .page_header {
margin-bottom: 187px;
}
[data-parent=sake][data-child=detail] .p_name {
row-gap: 12px;
margin-bottom: 40px;
}
[data-parent=sake][data-child=detail] .p_name strong {
font-size: 30px;
}
[data-parent=sake][data-child=detail] .p_name span {
font-size: 14px;
}
[data-parent=sake][data-child=detail] .p_detail {
row-gap: 10px;
-webkit-column-gap: 90px;
-moz-column-gap: 90px;
column-gap: 90px;
}
[data-parent=sake][data-child=detail] .p_detail .p_detail_unit {
row-gap: 10px;
}
[data-parent=sake][data-child=detail] .p_detail dl {
font-size: 14px;
}
[data-parent=sake][data-child=detail] .p_detail dl dt {
width: 105px;
}
[data-parent=sake][data-child=detail] .p_detail dl dd {
width: calc(100% - 105px);
}
[data-parent=sake][data-child=detail] .order {
row-gap: 35px;
}
[data-parent=sake][data-child=detail] .order .note {
font-size: 12px;
}
[data-parent=sake][data-child=detail] .o_unit {
row-gap: 16px;
}
[data-parent=sake][data-child=detail] .price_unit {
-webkit-column-gap: 5px;
-moz-column-gap: 5px;
column-gap: 5px;
}
[data-parent=sake][data-child=detail] .price_unit .size {
font-size: 20px;
}
[data-parent=sake][data-child=detail] .price_unit .price {
-webkit-column-gap: 3px;
-moz-column-gap: 3px;
column-gap: 3px;
margin-bottom: -2px;
}
[data-parent=sake][data-child=detail] .price_unit .price .yen {
font-size: 20px;
}
[data-parent=sake][data-child=detail] .price_unit .price .tax {
font-size: 16px;
}
[data-parent=sake][data-child=detail] .price_unit .price strong {
font-size: 28px;
margin-bottom: -2px;
}
[data-parent=sake][data-child=detail] .cartjs_box {
width: 440px;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table tbody {
row-gap: 40px;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_product_num,
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_option {
border-radius: 10px;
height: 50px;
font-size: 20px;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_sales_price td {
font-size: 28px;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_sales_price td span {
font-size: 16px;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_product_num input {
width: 60px !important;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_product_num button {
width: 50px;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_option td:before {
width: 5px;
height: 7px;
right: 20px;
margin-top: -4px;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_option select {
padding: 0 40px 1px 20px;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_cart_in {
width: 260px;
}
[data-parent=sake][data-child=detail] .cartjs_box .cart_soldout {
margin-top: 30px;
}
[data-parent=sake][data-child=detail] .introduction {
padding-bottom: 100px;
margin-bottom: 120px;
}
[data-parent=sake][data-child=detail] .introduction .column_unit .txt {
width: 450px;
}
[data-parent=sake][data-child=detail] .introduction .column_unit .img {
width: 600px;
}
[data-parent=sake][data-child=detail] .introduction .product_unit {
border-radius: 6px;
margin-top: 100px;
padding: 56px 56px 56px 80px;
}
[data-parent=sake][data-child=detail] .separate_image {
margin-top: 100px;
margin-bottom: 100px;
}
[data-parent=sake][data-child=detail] .product_container {
row-gap: 100px;
}
[data-parent=sake][data-child=detail] .product_section .sec_inner {
padding-bottom: 100px;
}
[data-parent=sake][data-child=detail] .product_section .column_unit {
-webkit-column-gap: 120px;
-moz-column-gap: 120px;
column-gap: 120px;
}
[data-parent=sake][data-child=detail] .product_section .column_unit .img {
width: 500px;
}
[data-parent=sake][data-child=detail] .product_section .column_unit .txt {
width: 350px;
}
[data-parent=sake][data-child=detail] .product_section .column_unit h3 {
font-size: 24px;
margin-bottom: 40px;
}
[data-parent=sake][data-child=detail] .story .uta {
margin-bottom: 60px;
border-radius: 4px;
padding: 40px 45px 40px 45px;
}
[data-parent=sake][data-child=detail] .awards .column_unit .txt {
width: 400px;
}
[data-parent=sake][data-child=detail] .feature .column_unit {
margin-top: -50px;
padding-top: 70px;
-webkit-column-gap: 57px;
-moz-column-gap: 57px;
column-gap: 57px;
}
[data-parent=sake][data-child=detail] .feature .column_unit .img {
width: 550px;
}
[data-parent=sake][data-child=detail] .feature .column_unit .txt {
padding-top: 40px;
}
[data-parent=sake][data-child=detail] .feature .feature_list {
row-gap: 100px;
}
[data-parent=sake][data-child=detail] .product_detail .sec_inner {
border-radius: 6px;
padding: 60px;
}
[data-parent=sake][data-child=detail] .product_detail #productSwiper {
margin-bottom: 10px;
}
[data-parent=sake][data-child=detail] .product_detail #productThumbSwiper .swiper-slide {
width: 50px;
height: 50px;
}
[data-parent=sake][data-child=detail] .product_detail .gallery {
width: 600px;
}
[data-parent=sake][data-child=detail] .product_detail .detail {
width: calc(100% - 680px);
}
[data-parent=sake][data-child=detail] .product_detail .detail .intro {
row-gap: 40px;
padding-bottom: 40px;
margin-bottom: 40px;
}
[data-parent=sake][data-child=detail] .product_detail .detail .pu1 .price_unit .sep {
font-size: 28px;
}
[data-parent=sake][data-child=detail] .product_detail .detail .pu1 .note {
font-size: 14px;
margin-top: 10px;
}
[data-parent=sake][data-child=detail] .page_footer {
padding-bottom: 110px;
}
[data-parent=news][data-child=index] #container {
padding-bottom: 195px;
}
[data-parent=news][data-child=index] .page_header {
margin-bottom: 40px;
}
[data-parent=news][data-child=detail] #container {
padding-bottom: 115px;
}
[data-parent=news][data-child=detail] .page_header {
margin-bottom: -10px;
}
[data-parent=news][data-child=detail] .post_header {
row-gap: 40px;
padding-top: 40px;
margin-bottom: 114px;
}
[data-parent=news][data-child=detail] .post_header:before {
width: 60px;
margin-left: -30px;
}
[data-parent=news][data-child=detail] .post_header h1 {
font-size: 24px;
}
[data-parent=news][data-child=detail] .post_header .info {
row-gap: 12px;
}
[data-parent=news][data-child=detail] .post_header .info .category {
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
[data-parent=news][data-child=detail] .post_contents {
-webkit-column-gap: 110px;
-moz-column-gap: 110px;
column-gap: 110px;
}
[data-parent=news][data-child=detail] .post_contents .txt {
row-gap: 20px;
}
[data-parent=news][data-child=detail] .post_contents .txt h2 {
font-size: 24px;
}
[data-parent=news][data-child=detail] .post_contents .txt h3 {
font-size: 20px;
}
[data-parent=news][data-child=detail] .post_contents .txt h4 {
font-size: 18px;
}
[data-parent=news][data-child=detail] .post_contents .txt h5 {
font-size: 16px;
}
[data-parent=news][data-child=detail] .post_contents .txt h6 {
font-size: 14px;
}
[data-parent=news][data-child=detail] .post_contents .txt ul li,
[data-parent=news][data-child=detail] .post_contents .txt ol li {
margin-left: 20px;
}
[data-parent=news][data-child=detail] .post_contents .gallery {
max-width: 780px;
row-gap: 40px;
}
[data-parent=company] .about {
padding-bottom: 144px;
margin-bottom: 220px;
}
[data-parent=company] .about .img {
width: 600px;
}
[data-parent=company] .about .txt {
row-gap: 5px;
}
[data-parent=company] .about .txt dl dt {
width: 116px;
}
[data-parent=company] .access {
margin-bottom: 110px;
}
[data-parent=company] .access .column_unit {
-webkit-column-gap: 132px;
-moz-column-gap: 132px;
column-gap: 132px;
}
[data-parent=company] .access .map {
width: 760px;
}
[data-parent=company] .access .map .gmap {
margin-bottom: 44px;
}
[data-parent=company] .access .map .gmap iframe {
width: 760px;
height: 543px;
}
[data-parent=company] .access .map p {
margin-bottom: 22px;
}
[data-parent=company] .notice {
padding-bottom: 205px;
}
[data-parent=company] .notice p {
padding: 34px 0;
}
[data-parent=contact] #globalFooter:before {
height: 544px;
}
[data-parent=contact] #container {
padding-bottom: 224px;
}
[data-parent=contact] .page_header {
margin-bottom: -80px;
}
[data-parent=contact] .form_txt {
width: 350px;
}
[data-parent=contact] .form_txt h2 {
font-size: 24px;
margin-bottom: 40px;
}
[data-parent=contact] .mail {
margin-bottom: 100px;
}
[data-parent=contact] .mail .sec_inner {
padding-bottom: 162px;
-webkit-column-gap: 123px;
-moz-column-gap: 123px;
column-gap: 123px;
}
[data-parent=contact] .mail .mailaddress {
width: 460px;
height: 110px;
border-radius: 6px;
font-size: 24px;
}
[data-parent=contact] .corporation {
margin-bottom: 100px;
}
[data-parent=contact] .form_contents .sec_inner {
padding-left: 140px;
}
[data-parent=contact] .form_contents .buttons {
margin-top: 40px;
padding-right: 70px;
}
[data-parent=contact] .form_contents #step2 {
margin-top: 100px;
}
[data-parent=contact] .form_contents #complete {
margin: 100px 0;
padding-right: 70px;
}
[data-parent=contact] .form_contents #complete .contents {
row-gap: 24px;
}
[data-parent=contact] .form_contents #complete .contents h3 {
font-size: 20px;
}
#re2026-store_navi {
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
height: 111px;
}
#re2026-store_navi .title {
padding-right: 30px;
font-size: 15px;
}
#re2026-store_navi .list {
-webkit-column-gap: 35px;
-moz-column-gap: 35px;
column-gap: 35px;
font-size: 15px;
}
#re2026-store_navi .list .all {
font-size: 16px;
}
#re2026-store_home_kv {
padding-bottom: 80px;
}
#re2026-store_home_kv .sec_inner {
width: 1160px;
}
#re2026-store_home_kv_inner {
width: 1160px;
margin-bottom: 70px;
}
#re2026-store_home_kv_inner > *:firt-child {
margin-top: 0 !important;
}
#re2026-store_home_kv_inner > *:last-child {
margin-bottom: 0 !important;
}
#re2026-store_home_kv_swiper {
--swiper-pagination-bullet-width: 10px;
--swiper-pagination-bullet-height: 10px;
--swiper-pagination-bullet-horizontal-gap: 12px;
padding-bottom: 47px;
margin-bottom: 70px;
}
#re2026-store_home_message .title {
margin-bottom: 10px;
font-size: 38px;
}
#re2026-store_home_message .text {
font-size: 15px;
}
.re2026-section {
padding: 110px 0;
}
.re2026-section:last-child {
padding-bottom: 45px;
}
.re2026-section.--sake-detail {
padding-bottom: 86px;
}
.re2026-section.--cta {
padding-bottom: 0;
}
.re2026-section .sec_inner {
width: 1160px;
}
.re2026-section.--sake-detail .sec_inner {
width: 1260px;
padding-right: 50px;
}
.re2026-img_column_wrap {
row-gap: 115px;
}
.re2026-img_column {
-webkit-column-gap: 104px;
-moz-column-gap: 104px;
column-gap: 104px;
}
.re2026-img_column .body {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex-preferred-size: auto;
flex-basis: auto;
min-width: 0;
}
.re2026-img_column .body .title {
margin-bottom: 27px;
font-size: 22px;
}
.re2026-img_column .body .text {
font-size: 15px;
}
.re2026-img_column .body .text p {
margin-bottom: 1.7em;
}
.re2026-img_column .img {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 500px;
flex-basis: 500px;
width: 500px;
}
.re2026-no_result {
margin-bottom: 50px;
}
.re2026-sake_list_button .button .btn_circle.with_line {
font-size: 16px;
}
.re2026-section_hgroup {
margin-bottom: 30px;
}
.re2026-section_hgroup .title {
margin-bottom: 10px;
font-size: 28px;
}
.re2026-section_hgroup .summary {
margin-bottom: 10px;
font-size: 16px;
}
.re2026-sake_taxonomy_kv_section .sec_inner {
width: 1440px;
padding-left: 143px;
}
.re2026-sake_taxonomy_kv {
-webkit-column-gap: 88px;
-moz-column-gap: 88px;
column-gap: 88px;
}
.re2026-sake_taxonomy_kv .title {
margin-bottom: 19px;
font-size: 38px;
}
.re2026-sake_taxonomy_kv .text p {
font-size: 16px;
}
.re2026-sake_taxonomy_kv .img {
-ms-flex-preferred-size: 812px;
flex-basis: 812px;
width: 812px;
}
.re2026-sake_items_result {
margin-bottom: 29px;
}
.re2026-sake_items_result .no {
margin-right: 10px;
font-size: 48px;
}
.re2026-sake_items_result .text {
font-size: 22px;
}
.re2026-sake_items_unit.soldout .thumb:before {
left: 10px;
top: 10px;
width: 62px;
height: 62px;
font-size: 12px;
}
.re2026-sake_items_unit.--rank.soldout .thumb:before {
top: auto;
bottom: 10px;
}
.re2026-sake_items_unit .scene {
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
margin-bottom: 20px;
}
.re2026-sake_items_unit .scene li {
padding: 5px 0;
}
.re2026-sake_items_unit .scene li .tag {
padding: 2px 10px 3px;
font-size: 16px;
border-radius: 50px;
}
.re2026-sake_items_unit .rank {
width: 55px;
height: 55px;
font-size: 18px;
}
.re2026-sake_items_unit .award {
right: 10px;
top: 10px;
width: 62px;
}
.re2026-sake_items_unit .thumb {
margin-bottom: 18px;
}
.re2026-sake_items_unit .category {
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
margin-bottom: 5px;
}
.re2026-sake_items_unit .category li {
padding: 5px 0;
}
.re2026-sake_items_unit .category li .tag {
padding: 2px 10px 3px;
font-size: 13px;
border-radius: 50px;
}
.re2026-sake_items_unit .name {
margin-bottom: 5px;
font-size: 20px;
}
.re2026-sake_items_unit .summary {
margin-bottom: 5px;
font-size: 14px;
}
.re2026-sake_items_unit .price em {
margin-right: 0.2em;
font-size: 18px;
}
.re2026-sake_items_unit .price span {
font-size: 12px;
}
.--sub_rank .re2026-sake_items_unit .rank {
width: 39px;
height: 39px;
font-size: 15px;
}
.--sub_rank .re2026-sake_items_unit .thumb {
margin-bottom: 13px;
}
.--sub_rank .re2026-sake_items_unit .name {
margin-bottom: 6px;
font-size: 16px;
}
.--sub_rank .re2026-sake_items_unit .summary {
margin-bottom: 1px;
font-size: 13px;
}
.re2026-sake_items_list {
-webkit-column-gap: 85px;
-moz-column-gap: 85px;
column-gap: 85px;
row-gap: 70px;
margin-bottom: 60px;
}
.re2026-sake_items_sub_rank {
-webkit-column-gap: 35px;
-moz-column-gap: 35px;
column-gap: 35px;
row-gap: 35px;
margin-bottom: 60px;
}
.re2026-taxonomy_list {
-webkit-column-gap: 28px;
-moz-column-gap: 28px;
column-gap: 28px;
row-gap: 28px;
}
.re2026-taxonomy_list .unit a {
height: 150px;
}
.re2026-taxonomy_list .unit a .circle {
right: 17px;
margin-top: -15px;
}
.re2026-gift_lapping {
margin-bottom: 34px;
}
.re2026-gift_lapping .inner .body,
.re2026-gift_lapping a.inner .body {
padding: 81px 98px 81px 81px;
}
.re2026-gift_lapping .inner .title,
.re2026-gift_lapping a.inner .title {
margin-bottom: 13px;
font-size: 26px;
}
.re2026-gift_lapping .inner .text,
.re2026-gift_lapping a.inner .text {
margin-bottom: 13px;
font-size: 15px;
}
.re2026-shop_info {
-webkit-column-gap: 28px;
-moz-column-gap: 28px;
column-gap: 28px;
margin-bottom: 34px;
}
.re2026-shop_info .banner .inner,
.re2026-shop_info .banner a.inner {
padding: 40px 67px;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
.re2026-shop_info .banner .inner::before,
.re2026-shop_info .banner a.inner::before {
width: 52px;
margin-top: 6px;
}
.re2026-shop_info .banner .title {
margin-bottom: 10px;
font-size: 22px;
}
.re2026-shop_info .banner .text {
max-width: 342px;
font-size: 15px;
}
.re2026-shop_info .banner.--postage .inner {
padding-left: 81px;
}
.re2026-shop_info .banner.--postage .inner::before {
height: 34px;
}
.re2026-shop_info .banner.--payment .inner::before {
height: 33px;
background-image: url(//kikubijin.co.jp/wp/wp-content/themes/kikubijin/assets/img/common/ic_credit_card.png);
}
.re2026-shop_about {
width: 1160px;
margin-top: 70px;
margin-bottom: 70px;
}
.re2026-shop_about .inner,
.re2026-shop_about a.inner {
height: 200px;
padding: 20px 90px 20px 68px;
}
.re2026-shop_about .inner .label,
.re2026-shop_about a.inner .label {
font-size: 26px;
}
.re2026-shop_about .inner .circle,
.re2026-shop_about a.inner .circle {
right: 30px;
margin-top: -15px;
}
.re2026-brand_to_store {
width: 1220px;
margin-top: 91px;
margin-bottom: 300px;
}
.re2026-brand_to_store .inner,
.re2026-brand_to_store a.inner {
height: 200px;
padding: 20px 90px 20px 80px;
}
.re2026-brand_to_store .inner .label,
.re2026-brand_to_store a.inner .label {
font-size: 30px;
}
.re2026-brand_to_store .inner .circle,
.re2026-brand_to_store a.inner .circle {
right: 30px;
margin-top: -15px;
}
.re2026-brand_to_store + .separate_image {
margin-top: 0 !important;
}
.re2026-puchase {
right: 30px;
bottom: 30px;
width: 265px;
padding: 21px 24px 19px;
-webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16);
box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16);
border-radius: 10px;
}
.re2026-puchase .title {
font-size: 16px;
}
.re2026-puchase .cart .cartjs_box {
width: 100%;
}
.re2026-puchase .cart .cartjs_box .cartjs_product_table {
margin-bottom: 11px;
}
.re2026-puchase .cart .cartjs_box .cartjs_product_table .cartjs_sales_price td {
font-size: 16px;
font-weight: 300 !important;
}
.re2026-puchase .cart .cartjs_box .cartjs_product_table .cartjs_sales_price td span {
margin-left: 3px;
font-size: 8px;
}
.re2026-puchase .cart .cartjs_box .cartjs_cart_in {
width: 100%;
max-width: 330px;
}
.re2026-puchase .cart .cartjs_box .cartjs_cart_in .btn_radius {
height: 38px;
}
.re2026-puchase .cart .cartjs_box .cartjs_cart_in .btn_radius .circle {
right: 6px;
width: 26px;
height: 26px;
margin-top: -13px;
}
.re2026-puchase .cart .cartjs_box .cart_soldout {
width: 100%;
max-width: 330px;
margin-top: 0;
}
.re2026-puchase .cart .cartjs_box .cart_soldout .btn_radius {
width: 100%;
height: 38px;
}
.re2026-puchase .inner_jump_button {
padding-top: 7.5px;
}
.re2026-puchase .inner_jump_button a {
padding: 7px 37px 8px 19px;
font-size: 14px;
border-radius: 50px;
}
.re2026-puchase .inner_jump_button a .circle {
right: 5px;
width: 26px;
height: 26px;
margin-top: -13px;
}
.re2026-puchase .close {
right: 15.5px;
top: 16.5px;
width: 7px;
height: 7px;
}
.re2026-puchase .close::before, .re2026-puchase .close::after {
width: 10px;
height: 1px;
}
.re2026-puchase .close::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.re2026-puchase .close::after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.re2026-sake_detail_summary {
-webkit-column-gap: 46px;
-moz-column-gap: 46px;
column-gap: 46px;
}
.re2026-sake_detail_summary .img {
top: 111px;
}
.re2026-sake_detail_summary .img #productSwiper {
margin-bottom: 20px;
}
.re2026-sake_detail_summary .body {
-ms-flex-preferred-size: 507px;
flex-basis: 507px;
width: 507px;
}
.re2026-sake_detail_summary .body .item {
padding-top: 5px;
margin-bottom: 55px;
}
.re2026-sake_detail_summary .body .item .name {
margin-bottom: 8.7px;
font-size: 38px;
}
.re2026-sake_detail_summary .body .item .cart {
margin-bottom: 12px;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table {
margin-bottom: 16px;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table tbody {
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
row-gap: 40px;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_sales_price td {
font-size: 25px;
font-weight: 300 !important;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_sales_price td span {
margin-left: 5px;
font-size: 12px;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_product_num {
width: 100%;
height: auto;
border: none;
border-radius: 0;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_product_num td {
border: 1px solid #cccccc !important;
border-radius: 7px;
width: 100%;
max-width: 153px;
height: 36px;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_product_num button {
width: 100%;
min-width: 35px;
max-width: 35px;
padding: 0 5px 0.048em !important;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_product_num input {
width: 100% !important;
border-left: 0;
border-right: 0;
padding-bottom: 0.048em !important;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_option {
border-radius: 7px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: 38px;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_option td {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_option td::before {
right: 15px;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_option select {
padding-top: 1px;
padding-right: 70px;
padding-bottom: 2px;
font-size: 16px;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_cart_in {
max-width: 330px;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cart_soldout {
max-width: 330px;
margin-top: 0;
}
.re2026-sake_detail_summary .body .item .note {
font-size: 12px;
}
.re2026-sake_detail_summary .body .summary .category {
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
margin-bottom: 14.5px;
}
.re2026-sake_detail_summary .body .summary .category li {
padding: 5px 0;
}
.re2026-sake_detail_summary .body .summary .category li .tag {
padding: 2px 10px 3px;
font-size: 13px;
border-radius: 50px;
}
.re2026-sake_detail_summary .body .summary .copy {
margin-bottom: 7.3px;
font-size: 22px;
}
.re2026-sake_detail_summary .body .summary .text {
font-size: 15px;
margin-bottom: 30px;
}
.re2026-sake_detail_summary .body .summary .table {
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
.re2026-sake_detail_summary .body .summary .table .table_unit {
max-width: calc(50% - 10px);
min-width: calc(50% - 10px);
}
.re2026-sake_detail_summary .body .summary .table .table_unit dl {
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
padding-top: 10px;
padding-bottom: 10px;
}
.re2026-sake_detail_summary .body .summary .table .table_unit dl dt {
font-size: 12px;
}
.re2026-sake_detail_summary .body .summary .table .table_unit dl dd {
font-size: 12px;
}
.re2026-sake_detail_taste {
-webkit-column-gap: 143px;
-moz-column-gap: 143px;
column-gap: 143px;
}
.re2026-sake_detail_taste .body .title {
margin-bottom: 17px;
font-size: 28px;
}
.re2026-sake_detail_taste .body .text {
font-size: 15px;
}
.re2026-sake_detail_taste .score {
-ms-flex-preferred-size: 500px;
flex-basis: 500px;
width: 500px;
padding: 70px 45px;
row-gap: 30px;
}
.re2026-sake_detail_taste .score .score_unit {
-webkit-column-gap: 12.4px;
-moz-column-gap: 12.4px;
column-gap: 12.4px;
}
.re2026-sake_detail_taste .score .score_unit .left,
.re2026-sake_detail_taste .score .score_unit .right {
font-size: 13px;
}
.re2026-sake_detail_taste .score .score_unit .value {
height: 18px;
}
.re2026-sake_detail_taste .score .score_unit .value::before {
width: 14.4px;
height: 14.4px;
margin-top: -7.2px;
}
.re2026-sake_detail_taste .score .score_unit .value[data-taste-score="1"]::before {
margin-left: 7.2px;
}
.re2026-sake_detail_taste .score .score_unit .value[data-taste-score="2"]::before {
margin-left: calc(7.2px - 3px);
}
.re2026-sake_detail_taste .score .score_unit .value[data-taste-score="4"]::before {
margin-left: calc(-7.2px + 3px);
}
.re2026-sake_detail_taste .score .score_unit .value[data-taste-score="5"]::before {
margin-left: -7.2px;
}
.re2026-sake_detail_award {
grid-template-columns: 1fr 500px;
-webkit-column-gap: 143px;
-moz-column-gap: 143px;
column-gap: 143px;
}
.re2026-sake_detail_award .hgroup {
margin-bottom: 34px;
}
.re2026-sake_detail_award .hgroup .title {
margin-bottom: 18px;
font-size: 28px;
}
.re2026-sake_detail_award .hgroup .summary {
margin-bottom: 18px;
font-size: 15px;
}
.re2026-sake_detail_award .history dl {
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
padding: 11px 0;
font-size: 14px;
}
.re2026-sake_detail_origin {
-webkit-column-gap: 143px;
-moz-column-gap: 143px;
column-gap: 143px;
margin-bottom: 92px;
}
.re2026-sake_detail_origin .body .hgroup {
margin-bottom: 17px;
}
.re2026-sake_detail_origin .body .hgroup .title {
margin-bottom: 17px;
font-size: 28px;
}
.re2026-sake_detail_origin .body .poem {
padding: 24px 24px 19px;
margin-bottom: 33px;
}
.re2026-sake_detail_origin .body .poem blockquote {
padding: 18px 18px 16px;
font-size: 18px;
}
.re2026-sake_detail_origin .body .poem blockquote:last-child {
padding-bottom: 23px;
}
.re2026-sake_detail_origin .body .poem figcaption {
font-size: 14px;
}
.re2026-sake_detail_origin .body .text {
font-size: 15px;
}
.re2026-sake_detail_origin .img {
-ms-flex-preferred-size: 500px;
flex-basis: 500px;
width: 500px;
}
.re2026-sake_detail_voice_wrap .hgroup {
margin-bottom: 18px;
}
.re2026-sake_detail_voice_wrap .hgroup .title {
margin-bottom: 17px;
font-size: 28px;
}
.re2026-sake_detail_voice {
padding: 44px 41px 78px;
}
.re2026-sake_detail_voice .head {
margin-bottom: 22px;
}
.re2026-sake_detail_voice .head .title {
margin-bottom: 2px;
font-size: 22px;
}
.re2026-sake_detail_voice .head .profile {
margin-bottom: 2px;
font-size: 13px;
}
.re2026-sake_detail_voice .text {
font-size: 15px;
}
.re2026-product_swiper {
--swiper-pagination-bullet-width: 10px;
--swiper-pagination-bullet-height: 10px;
--swiper-pagination-bullet-horizontal-gap: 12px;
padding-bottom: 77px;
margin-bottom: 60px;
}
.re2026-product_swiper .ctrl {
width: 106px;
height: 10px;
margin-bottom: 4px;
}
.re2026-product_swiper .ctrl .swiper-button-prev,
.re2026-product_swiper .ctrl .swiper-button-next {
width: 30px;
height: 30px;
}
.re2026-product_swiper .ctrl .swiper-button-prev::before,
.re2026-product_swiper .ctrl .swiper-button-next::before {
width: 30px;
height: 30px;
}
.re2026-product_swiper .swiper-pagination {
bottom: 7px !important;
width: calc(100% - 106px) !important;
}
.re2026-product_sp_swiper {
--swiper-pagination-bullet-width: 10px;
--swiper-pagination-bullet-height: 10px;
--swiper-pagination-bullet-horizontal-gap: 12px;
margin-bottom: 60px;
}
.re2026-product_sp_swiper .swiper-wrapper {
-webkit-column-gap: 85px;
-moz-column-gap: 85px;
column-gap: 85px;
row-gap: 70px;
}
.re2026-product_sp_swiper.--voice .swiper-wrapper {
-webkit-column-gap: 52px;
-moz-column-gap: 52px;
column-gap: 52px;
}
}
@media screen and (min-width: 1440px) and (min-width: 750.1px) {
.re2026-product_sp_swiper.--sub_rank .swiper-wrapper {
-webkit-column-gap: 35px;
-moz-column-gap: 35px;
column-gap: 35px;
row-gap: 35px;
}
}
@media screen and (min-width: 1440px) {
.re2026-product_sp_swiper .ctrl {
display: none;
width: 106px;
height: 10px;
margin-bottom: 4px;
}
.re2026-product_sp_swiper .ctrl .swiper-button-prev {
width: 30px;
height: 10px;
}
.re2026-product_sp_swiper .ctrl .swiper-button-next {
width: 30px;
height: 10px;
}
.re2026-product_sp_swiper .swiper-pagination {
display: none;
left: calc(var(--swiper-pagination-bullet-horizontal-gap) * -1) !important;
width: calc(100% - 106px) !important;
}
}
@media screen and (max-width: 750px) {
[data-parent=top] #globalHeader .logo {
display: none;
}
[data-parent=top] .column_unit .txt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 8vw;
}
[data-parent=top] .column_unit .txt h3 {
font-size: 5.8666666667vw;
}
[data-parent=top] .column_unit .btn_circle {
font-size: 4.8vw;
}
[data-parent=top] .mv {
height: 386.6666666667vw;
margin-bottom: 0vw;
}
[data-parent=top] .mv .bg {
max-width: initial;
}
[data-parent=top] .mv .bg figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
[data-parent=top] .mv .bg .i1 {
width: 56vw;
height: 86.6666666667vw;
top: 25.3333333333vw;
left: 2.6666666667vw;
}
[data-parent=top] .mv .bg .i2 {
width: 26.4vw;
height: 38.1333333333vw;
top: 25.3333333333vw;
right: 11.7333333333vw;
}
[data-parent=top] .mv .bg .i3 {
width: 29.8666666667vw;
height: 44.8vw;
top: 127.2vw;
right: 56.2666666667vw;
}
[data-parent=top] .mv .bg .i4 {
width: 50.1333333333vw;
height: 68.2666666667vw;
top: 127.2vw;
right: 2.6666666667vw;
}
[data-parent=top] .mv .bg .i5 {
width: 32.5333333333vw;
height: 50.4vw;
top: 232.5333333333vw;
left: 2.6666666667vw;
}
[data-parent=top] .mv .bg .i6 {
width: 33.3333333333vw;
height: 50.4vw;
top: 232.5333333333vw;
left: 36.5333333333vw;
}
[data-parent=top] .mv .bg .i7 {
width: 86.4vw;
height: 59.2vw;
top: 301.6vw;
right: 2.6666666667vw;
}
[data-parent=top] .mv .lead {
width: 58.6666666667vw;
font-size: 2.6666666667vw;
top: 185.6vw;
left: 7.7333333333vw;
margin-left: 0;
}
[data-parent=top] .mv .sec_inner {
width: 100%;
margin: auto;
height: calc(var(--vh) * 100);
max-height: 240vw;
}
[data-parent=top] .mv .sec_inner .logo {
width: 12.2666666667vw;
margin: 0;
position: absolute;
top: 5.3333333333vw;
left: 6.4vw;
}
[data-parent=top] .mv .sec_inner .gnavi {
bottom: 5.3333333333vw;
left: 5.3333333333vw;
display: none;
}
[data-parent=top] .flower .obj {
top: 106.6666666667vw;
right: 24vw;
width: 86.4vw;
height: 55.04vw;
}
[data-parent=top] .flower .sec_inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
[data-parent=top] .flower .sec_title {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
[data-parent=top] .flower .column_unit {
display: contents;
-webkit-column-gap: 64vw;
-moz-column-gap: 64vw;
column-gap: 64vw;
}
[data-parent=top] .flower .column_unit .img {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 74.6666666667vw;
margin: 0 auto 10.6666666667vw;
}
[data-parent=top] .flower .column_unit .txt {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
width: 100%;
-webkit-column-gap: 10.6666666667vw;
-moz-column-gap: 10.6666666667vw;
column-gap: 10.6666666667vw;
}
[data-parent=top] .sake .sec_inner {
padding-bottom: 0;
}
[data-parent=top] .sake .obj {
top: -8vw;
right: 17.6vw;
width: 57.3333333333vw;
height: 49.3333333333vw;
}
[data-parent=top] .sake .column_unit {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-pack: initial;
-ms-flex-pack: initial;
justify-content: initial;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
margin-bottom: 11.2vw;
}
[data-parent=top] .sake .column_unit .txt {
width: 100%;
row-gap: 11.2vw;
}
[data-parent=top] .sake .column_unit .img {
display: none;
}
[data-parent=top] .sake .sake_list {
display: grid;
grid-template-columns: repeat(2, 1fr);
direction: rtl;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: initial;
-webkit-box-direction: initial;
-ms-flex-direction: initial;
flex-direction: initial;
-webkit-column-gap: 11.2vw;
-moz-column-gap: 11.2vw;
column-gap: 11.2vw;
row-gap: 0;
margin-top: 0;
padding-right: 5.3333333333vw;
}
[data-parent=top] .sake .sake_list .thumb_top_sake:nth-child(1) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
[data-parent=top] .sake .sake_list .thumb_top_sake:nth-child(even) {
margin-top: 10.6666666667vw;
}
[data-parent=top] .sake .sake_list .thumb_top_sake:nth-child(odd) {
margin-top: 0;
}
[data-parent=top] .sake .thumb_top_sake {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
row-gap: 6.4vw;
}
[data-parent=top] .sake .thumb_top_sake .sake_title {
right: -6.6666666667vw;
row-gap: 0;
}
[data-parent=top] .sake .thumb_top_sake .sake_title strong {
font-size: 4.8vw;
margin-bottom: 6.1333333333vw;
}
[data-parent=top] .sake .thumb_top_sake .sake_title span {
font-size: 2.6666666667vw;
padding-right: 1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
[data-parent=top] .sake .thumb_top_sake .sake_img {
width: 37.3333333333vw;
height: 58.6666666667vw;
}
[data-parent=top] .sake .thumb_top_sake .sake_txt {
display: none;
}
[data-parent=top] .sake .button {
position: relative;
margin-top: 16vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
[data-parent=top] .about {
margin-bottom: 13.3333333333vw;
}
[data-parent=top] .about .obj {
top: 13.3333333333vw;
right: 21.3333333333vw;
width: 45.8666666667vw;
height: 46.9333333333vw;
}
[data-parent=top] .about .about_list {
row-gap: 16vw;
padding-top: 0;
}
[data-parent=top] .about .column_unit {
-webkit-column-gap: 13.3333333333vw;
-moz-column-gap: 13.3333333333vw;
column-gap: 13.3333333333vw;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-column-gap: 10.6666666667vw;
-moz-column-gap: 10.6666666667vw;
column-gap: 10.6666666667vw;
border-bottom: 1px solid #cccccc;
padding-bottom: 13.3333333333vw;
}
[data-parent=top] .about .column_unit .txt {
width: 100%;
padding-top: 0;
}
[data-parent=top] .about .column_unit .txt:before {
display: none;
}
[data-parent=top] .about .column_unit .txt .button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
[data-parent=top] .about .column_unit .img {
width: 100%;
}
[data-parent=top] .about_2 {
margin-bottom: 26.6666666667vw;
}
[data-parent=top] .about_2 .column_unit {
-webkit-column-gap: 13.3333333333vw;
-moz-column-gap: 13.3333333333vw;
column-gap: 13.3333333333vw;
}
[data-parent=top] .about_2 .column_unit .txt {
width: 100%;
padding-top: 0;
}
[data-parent=top] .about_2 .column_unit .txt:before {
display: none;
}
[data-parent=top] .about_2 .column_unit .txt .button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
[data-parent=top] .about_2 .column_unit .img {
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
margin-right: 0;
}
[data-parent=top] .about_2 .column_unit .img .i1 {
width: 61.3333333333vw;
}
[data-parent=top] .about_2 .column_unit .img .i2 {
width: 26.6666666667vw;
}
[data-parent=top] .news {
margin-bottom: 5.3333333333vw;
padding: 31.2vw 0 19.2vw;
}
[data-parent=top] .news .obj {
top: -13.3333333333vw;
right: 20vw;
width: 42.1333333333vw;
height: 56.8vw;
}
[data-parent=top] .news .news_index {
width: 100%;
}
[data-parent=top] .news .news_index a {
padding-top: 6.4vw;
padding-bottom: 6.4vw;
padding-right: 8vw;
position: relative;
display: block;
}
[data-parent=top] .news .news_index a:after {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
content: "＞";
position: absolute;
top: 50%;
right: 0;
}
[data-parent=top] .news .news_index a dl dt {
margin-bottom: 2.6666666667vw;
}
[data-parent=top] .news .button {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
[data-parent=top] .for_c {
margin-bottom: 5.3333333333vw;
}
[data-parent=top] .for_c .banner_for-c {
background-image: url(//kikubijin.co.jp/wp/wp-content/themes/kikubijin/assets/img/top/bg_for_c_sp.webp);
background-size: cover;
width: 100%;
height: 72vw;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
row-gap: 6.9333333333vw;
padding: 9.0666666667vw;
}
[data-parent=top] .for_c .banner_for-c dt {
font-size: 7.4666666667vw;
}
[data-parent=top] .for_c .banner_for-c dd {
font-size: 3.2vw;
}
[data-parent=about] .statement {
padding-bottom: 24vw;
margin-bottom: 24vw;
}
[data-parent=about] .statement .column_unit .img {
width: 100%;
}
[data-parent=about] .statement .column_unit .txt {
width: 100%;
}
[data-parent=about] .menu {
padding-bottom: 26.6666666667vw;
}
[data-parent=about] .menu nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
row-gap: 16vw;
padding-left: 8vw;
padding-right: 8vw;
}
[data-parent=about] .menu nav a figure {
margin-bottom: 6.4vw;
}
[data-parent=about] .menu nav a .txt strong {
font-size: 5.8666666667vw;
}
[data-parent=about] .menu nav a:nth-child(3) {
margin-top: 0;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
[data-parent=about] .menu nav a:nth-child(2) {
margin-top: 0;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
[data-parent=about] .menu nav a:nth-child(1) {
margin-top: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
[data-parent=about] .menu nav a .txt {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
[data-parent=about][data-child=brewing] .statement {
padding-bottom: 24vw;
margin-bottom: 24vw;
}
[data-parent=about][data-child=brewing] .statement .column_unit {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
[data-parent=about][data-child=brewing] .shibori .column_unit {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
[data-parent=about][data-child=brewing] .shibori .img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 5.3333333333vw;
-moz-column-gap: 5.3333333333vw;
column-gap: 5.3333333333vw;
width: 100%;
}
[data-parent=about][data-child=brewing] .shibori .img .unit {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 6.4vw;
}
[data-parent=about][data-child=brewing] .shibori .img .unit .name {
font-size: 5.8666666667vw;
margin-top: 0;
}
[data-parent=about][data-child=brewing] .shibori .img .u1 .obj {
width: 8vw;
bottom: 17.3333333333vw;
left: -2.6666666667vw;
}
[data-parent=about][data-child=brewing] .shibori .img .u2 .obj {
width: 11.7333333333vw;
top: 4vw;
right: -2.6666666667vw;
}
[data-parent=about][data-child=brewing] .shibori .txt {
width: 93.3333333333vw;
}
[data-parent=about][data-child=brewing] .separate_image {
margin-top: 26.6666666667vw;
}
[data-parent=about][data-child=brewing] .type .obj {
top: -69.3333333333vw;
right: -26.6666666667vw;
}
[data-parent=about][data-child=brewing] .type .column_unit {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-column-gap: 37.3333333333vw;
-moz-column-gap: 37.3333333333vw;
column-gap: 37.3333333333vw;
}
[data-parent=about][data-child=brewing] .type .img {
width: 100%;
}
[data-parent=about][data-child=brewing] .type .txt {
width: 100%;
}
[data-parent=about][data-child=brewing] .sizuku {
margin-bottom: 24vw;
}
[data-parent=about][data-child=brewing] .sizuku .obj {
width: 88.5333333333vw;
}
[data-parent=about][data-child=brewing] .sizuku .sec_inner {
padding-bottom: 24vw;
padding-left: 0;
padding-right: 0;
width: calc(100% - 10.6666666667vw);
}
[data-parent=about][data-child=brewing] .fune {
padding-bottom: 26.6666666667vw;
}
[data-parent=about][data-child=brewing] .fune .obj {
width: 133.0666666667vw;
top: -36.2666666667vw;
}
[data-parent=about][data-child=brewing] .fune .column_unit {
margin-bottom: 26.6666666667vw;
}
[data-parent=about][data-child=brewing] .fune .gallery {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
row-gap: 11.2vw;
}
[data-parent=about][data-child=brewing] .fune .gallery .i1 {
width: 69.3333333333vw;
}
[data-parent=about][data-child=brewing] .fune .gallery .i2 {
width: 100%;
}
[data-parent=about][data-child=cherished] .statement {
padding-bottom: 24vw;
}
[data-parent=about][data-child=cherished] .statement .column_unit .img {
width: 100%;
}
[data-parent=about][data-child=cherished] .statement .column_unit .txt {
margin-top: 0;
}
[data-parent=about][data-child=cherished] .uta {
padding-bottom: 26.6666666667vw;
}
[data-parent=about][data-child=cherished] .uta .sec_inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
row-gap: 16vw;
}
[data-parent=about][data-child=cherished] .uta .txt_uta {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: 100%;
position: relative;
margin-bottom: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
row-gap: 10.6666666667vw;
font-size: 5.3333333333vw;
}
[data-parent=about][data-child=cherished] .uta .txt_uta .ruby em {
font-size: 2.6666666667vw;
right: -4vw;
}
[data-parent=about][data-child=cherished] .uta .column_unit {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
display: contents;
}
[data-parent=about][data-child=cherished] .uta .column_unit .img {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
row-gap: 6.4vw;
}
[data-parent=about][data-child=cherished] .uta .column_unit .img .i1 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: 62.1333333333vw;
}
[data-parent=about][data-child=cherished] .uta .column_unit .img .i2 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
}
[data-parent=about][data-child=cherished] .uta .column_unit .txt {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
width: 100%;
}
[data-parent=about][data-child=history] .yabekawa {
padding-bottom: 24vw;
margin-bottom: 24vw;
}
[data-parent=about][data-child=history] .yabekawa:after {
height: 38.4vw;
}
[data-parent=about][data-child=history] .yabekawa .column_unit {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-column-gap: 8.8vw;
-moz-column-gap: 8.8vw;
column-gap: 8.8vw;
}
[data-parent=about][data-child=history] .yabekawa .column_unit .txt {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
row-gap: 6.4vw;
}
[data-parent=about][data-child=history] .yabekawa .column_unit .txt p {
width: 100%;
}
[data-parent=about][data-child=history] .yabekawa .column_unit .img {
width: 100%;
}
[data-parent=about][data-child=history] .hakusyu .column_unit {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 16vw;
-moz-column-gap: 16vw;
column-gap: 16vw;
}
[data-parent=about][data-child=history] .hakusyu .column_unit .txt {
width: 100%;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
row-gap: 10.6666666667vw;
}
[data-parent=about][data-child=history] .hakusyu .column_unit .txt p {
width: 100%;
}
[data-parent=about][data-child=history] .hakusyu .column_unit .txt p:nth-child(1) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
[data-parent=about][data-child=history] .hakusyu .column_unit .txt p:nth-child(2) {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
[data-parent=about][data-child=history] .hakusyu .column_unit .txt blockquote {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
border-radius: 1.0666666667vw;
width: 100%;
padding: 6.4vw;
margin-top: 0;
}
[data-parent=about][data-child=history] .hakusyu .column_unit .img {
width: 65.6vw;
padding-top: 0;
}
[data-parent=about][data-child=history] .hand {
margin-bottom: 26.6666666667vw;
}
[data-parent=about][data-child=history] .hand .column_unit .txt {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
row-gap: 6.4vw;
}
[data-parent=about][data-child=history] .hand .column_unit .txt p {
width: 100%;
}
[data-parent=about][data-child=history] .hand .loop_slider {
margin-top: 26.6666666667vw;
}
[data-parent=about][data-child=history] .hand .loop_slider figure {
width: 64vw;
height: auto;
}
[data-parent=about][data-child=history] .hand .loop_slider figure img {
max-width: 100%;
}
[data-parent=about][data-child=history] .community {
padding-bottom: 80vw;
}
[data-parent=about][data-child=history] .community .column_unit {
margin-bottom: 16vw;
}
[data-parent=about][data-child=history] .community .column_unit .img {
width: 100%;
}
[data-parent=about][data-child=history] .community .column_unit .txt {
width: 100%;
}
[data-parent=about][data-child=history] .community .gallery .i1 {
width: 100%;
}
[data-parent=about][data-child=history] .community .gallery .obj {
width: 133.8666666667vw;
position: absolute;
top: 48.5333333333vw;
left: -5.8666666667vw;
}
[data-parent=sake][data-child=index] #container {
padding-top: 17.8666666667vw;
padding-bottom: 0;
}
[data-parent=sake][data-child=index] #btnCart {
top: 4.8vw;
}
[data-parent=sake][data-child=index] #btnMenu {
top: 6.1333333333vw;
}
[data-parent=sake][data-child=index] .page_header {
margin-bottom: 16vw;
}
[data-parent=sake][data-child=index] .sake_index .sec_inner {
row-gap: 16vw;
}
[data-parent=sake][data-child=index] .sake_index .sake_section {
padding-top: 5.3333333333vw;
}
[data-parent=sake][data-child=index] .sake_index .category_name {
font-size: 5.8666666667vw;
margin-bottom: 16vw;
}
[data-parent=sake][data-child=index] .sake_index .sake_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
row-gap: 16vw;
padding-left: 8vw;
padding-right: 8vw;
}
[data-parent=sake][data-child=index] .sake_index .sake_list.col4 {
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
}
[data-parent=sake][data-child=index] .sake_index .sake_list.col2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
-webkit-column-gap: 5.3333333333vw;
-moz-column-gap: 5.3333333333vw;
column-gap: 5.3333333333vw;
padding: 0;
}
[data-parent=sake][data-child=index] .sake_index .sake_list.col2 .thumb_sake.soldout:before {
width: 12.2666666667vw;
height: 12.2666666667vw;
font-size: 2.1333333333vw;
top: -3.7333333333vw;
left: 1.8666666667vw;
}
[data-parent=sake][data-child=index] .sake_index .sake_list.col2 .thumb_sake .award {
top: -3.7333333333vw;
right: 2.6666666667vw;
width: 10.6666666667vw;
}
[data-parent=sake][data-child=index] .sake_index .sake_list.col2 .thumb_sake .txt .title {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 1.3333333333vw;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
[data-parent=sake][data-child=index] .sake_index .sake_list.col2 .thumb_sake .txt .title strong {
font-size: 4.8vw;
}
[data-parent=sake][data-child=index] .sake_index .sake_list.col2 .thumb_sake .txt .excerpt {
font-size: 2.6666666667vw;
}
[data-parent=sake][data-child=detail] #container {
padding-top: 17.8666666667vw;
}
[data-parent=sake][data-child=detail] #btnCart {
top: 4.8vw;
}
[data-parent=sake][data-child=detail] #btnMenu {
top: 6.1333333333vw;
}
[data-parent=sake][data-child=detail] .btn_purchase {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: opacity,visibility;
transition-property: opacity,visibility;
-webkit-transition-delay: 0s;
transition-delay: 0s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: fixed;
bottom: 8vw;
left: 0;
width: 100%;
z-index: 20;
opacity: 0;
visibility: hidden;
}
[data-parent=sake][data-child=detail] .btn_purchase.active {
opacity: 1;
visibility: visible;
}
[data-parent=sake][data-child=detail] .btn_purchase .btn_radius {
background-color: #ffffff;
border: 1px solid #cccccc;
color: #333333;
width: 69.3333333333vw;
}
[data-parent=sake][data-child=detail] .btn_purchase .btn_radius .circle {
background-color: #333333;
}
[data-parent=sake][data-child=detail] .btn_purchase .btn_radius .circle svg {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
fill: #ffffff;
}
[data-parent=sake][data-child=detail] .page_header {
margin-bottom: 24vw;
}
[data-parent=sake][data-child=detail] .p_name {
row-gap: 3.7333333333vw;
margin-bottom: 11.2vw;
}
[data-parent=sake][data-child=detail] .p_name strong {
font-size: 5.8666666667vw;
}
[data-parent=sake][data-child=detail] .p_name span {
font-size: 3.2vw;
}
[data-parent=sake][data-child=detail] .p_detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 2.6666666667vw;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
}
[data-parent=sake][data-child=detail] .p_detail .p_detail_unit {
row-gap: 2.6666666667vw;
}
[data-parent=sake][data-child=detail] .p_detail dl {
font-size: 3.2vw;
}
[data-parent=sake][data-child=detail] .p_detail dl dt {
width: 33.3333333333vw;
}
[data-parent=sake][data-child=detail] .p_detail dl dd {
width: calc(100% - 33.3333333333vw);
}
[data-parent=sake][data-child=detail] .order {
row-gap: 9.3333333333vw;
}
[data-parent=sake][data-child=detail] .order .note {
font-size: 2.6666666667vw;
}
[data-parent=sake][data-child=detail] .o_unit {
row-gap: 6.4vw;
}
[data-parent=sake][data-child=detail] .price_unit {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 3.7333333333vw;
}
[data-parent=sake][data-child=detail] .price_unit .size {
width: 100%;
font-size: 4.2666666667vw;
}
[data-parent=sake][data-child=detail] .price_unit .price {
width: 100%;
-webkit-column-gap: 0.8vw;
-moz-column-gap: 0.8vw;
column-gap: 0.8vw;
margin-bottom: -0.5333333333vw;
}
[data-parent=sake][data-child=detail] .price_unit .price .yen {
font-size: 4.2666666667vw;
}
[data-parent=sake][data-child=detail] .price_unit .price .tax {
font-size: 3.2vw;
}
[data-parent=sake][data-child=detail] .price_unit .price strong {
font-size: 5.8666666667vw;
margin-bottom: -0.5333333333vw;
}
[data-parent=sake][data-child=detail] .cartjs_box {
width: 100%;
}
[data-parent=sake][data-child=detail] .cartjs_box form {
row-gap: 6.4vw;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_info {
display: none;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table tbody {
row-gap: 5.3333333333vw;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_product_num,
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_option {
border-radius: 2.6666666667vw;
height: 10.6666666667vw;
font-size: 4.2666666667vw;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_product_num input,
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_option input {
border-radius: 0;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_sales_price {
width: calc(100% - 34.6666666667vw);
-ms-flex-negative: 0;
flex-shrink: 0;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_sales_price td {
font-size: 5.8666666667vw;
white-space: nowrap;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_sales_price td span {
font-size: 3.2vw;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_product_num {
width: 32vw;
height: 10.6666666667vw;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_product_num input {
width: 40% !important;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_product_num button {
width: 30%;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_option {
height: 10.6666666667vw;
min-width: 50%;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_option td:before {
width: 1.3333333333vw;
height: 1.8666666667vw;
right: 2.6666666667vw;
margin-top: -1.0666666667vw;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_product_table .cartjs_option select {
padding: 0 6.6666666667vw 1px 2.6666666667vw;
}
[data-parent=sake][data-child=detail] .cartjs_box .cartjs_cart_in {
position: relative;
width: 100%;
}
[data-parent=sake][data-child=detail] .cartjs_box .cart_soldout {
margin-top: 8vw;
}
[data-parent=sake][data-child=detail] .introduction {
padding-bottom: 24vw;
margin-bottom: 24vw;
}
[data-parent=sake][data-child=detail] .introduction .column_unit .txt {
width: 100%;
}
[data-parent=sake][data-child=detail] .introduction .column_unit .img {
width: 100%;
}
[data-parent=sake][data-child=detail] .introduction .product_unit {
border-radius: 1.6vw;
margin-top: 24vw;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 16vw;
padding: 6.4vw;
}
[data-parent=sake][data-child=detail] .separate_image {
margin-top: 26.6666666667vw;
margin-bottom: 26.6666666667vw;
}
[data-parent=sake][data-child=detail] .product_container {
row-gap: 24vw;
}
[data-parent=sake][data-child=detail] .product_section .sec_inner {
padding-bottom: 24vw;
padding-left: 0;
padding-right: 0;
width: calc(100% - 10.6666666667vw);
}
[data-parent=sake][data-child=detail] .product_section .column_unit {
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
}
[data-parent=sake][data-child=detail] .product_section .column_unit .img {
width: 100%;
}
[data-parent=sake][data-child=detail] .product_section .column_unit .txt {
width: 100%;
}
[data-parent=sake][data-child=detail] .product_section .column_unit h3 {
font-size: 5.8666666667vw;
margin-bottom: 10.6666666667vw;
}
[data-parent=sake][data-child=detail] .story .uta {
margin-bottom: 16vw;
border-radius: 1.0666666667vw;
padding: 6.4vw;
}
[data-parent=sake][data-child=detail] .awards .column_unit .txt {
width: 100%;
}
[data-parent=sake][data-child=detail] .feature .column_unit {
margin-top: -13.3333333333vw;
padding-top: 18.6666666667vw;
-webkit-column-gap: 15.2vw;
-moz-column-gap: 15.2vw;
column-gap: 15.2vw;
}
[data-parent=sake][data-child=detail] .feature .column_unit .img {
width: 100%;
}
[data-parent=sake][data-child=detail] .feature .column_unit .txt {
padding-top: 10.6666666667vw;
}
[data-parent=sake][data-child=detail] .feature .column_unit .txt.line_obj {
padding-top: 0;
}
[data-parent=sake][data-child=detail] .feature .column_unit .txt.line_obj:before {
display: none;
}
[data-parent=sake][data-child=detail] .feature .feature_list {
row-gap: 16vw;
}
[data-parent=sake][data-child=detail] .product_detail {
margin: 0 5.3333333333vw;
}
[data-parent=sake][data-child=detail] .product_detail .sec_inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 16vw;
border-radius: 1.6vw;
padding: 5.3333333333vw;
border: none;
}
[data-parent=sake][data-child=detail] .product_detail #productSwiper {
margin-bottom: 2.6666666667vw;
}
[data-parent=sake][data-child=detail] .product_detail #productThumbSwiper .swiper-slide {
width: 10.6666666667vw;
height: 10.6666666667vw;
}
[data-parent=sake][data-child=detail] .product_detail .gallery {
width: 100%;
}
[data-parent=sake][data-child=detail] .product_detail .detail {
width: 100%;
}
[data-parent=sake][data-child=detail] .product_detail .detail .intro {
row-gap: 10.6666666667vw;
padding-bottom: 10.6666666667vw;
margin-bottom: 10.6666666667vw;
}
[data-parent=sake][data-child=detail] .product_detail .detail .pu1 .price_unit {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 2.6666666667vw;
-moz-column-gap: 2.6666666667vw;
column-gap: 2.6666666667vw;
}
[data-parent=sake][data-child=detail] .product_detail .detail .pu1 .price_unit .price {
width: auto;
}
[data-parent=sake][data-child=detail] .product_detail .detail .pu1 .price_unit .sep {
font-size: 5.8666666667vw;
}
[data-parent=sake][data-child=detail] .product_detail .detail .pu1 .note {
font-size: 3.2vw;
margin-top: 2.6666666667vw;
}
[data-parent=sake][data-child=detail] .page_footer {
padding-bottom: 13.8666666667vw;
}
[data-parent=news][data-child=index] #container {
padding-bottom: 26.6666666667vw;
}
[data-parent=news][data-child=index] .page_header {
margin-bottom: 10.6666666667vw;
}
[data-parent=news][data-child=detail] #container {
padding-bottom: 26.6666666667vw;
}
[data-parent=news][data-child=detail] .page_header {
margin-bottom: 16vw;
}
[data-parent=news][data-child=detail] .post_header {
row-gap: 10.6666666667vw;
padding-top: 10.6666666667vw;
margin-bottom: 16vw;
}
[data-parent=news][data-child=detail] .post_header:before {
width: 16vw;
margin-left: -8vw;
}
[data-parent=news][data-child=detail] .post_header h1 {
font-size: 5.8666666667vw;
}
[data-parent=news][data-child=detail] .post_header .info {
row-gap: 3.2vw;
}
[data-parent=news][data-child=detail] .post_header .info .category {
-webkit-column-gap: 5.3333333333vw;
-moz-column-gap: 5.3333333333vw;
column-gap: 5.3333333333vw;
}
[data-parent=news][data-child=detail] .post_contents {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 16vw;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
}
[data-parent=news][data-child=detail] .post_contents .txt {
width: 100%;
row-gap: 5.3333333333vw;
}
[data-parent=news][data-child=detail] .post_contents .txt h2 {
font-size: 5.8666666667vw;
}
[data-parent=news][data-child=detail] .post_contents .txt h3 {
font-size: 4.8vw;
}
[data-parent=news][data-child=detail] .post_contents .txt h4 {
font-size: 4.2666666667vw;
}
[data-parent=news][data-child=detail] .post_contents .txt h5 {
font-size: 3.7333333333vw;
}
[data-parent=news][data-child=detail] .post_contents .txt h6 {
font-size: 3.2vw;
}
[data-parent=news][data-child=detail] .post_contents .txt ul li,
[data-parent=news][data-child=detail] .post_contents .txt ol li {
margin-left: 5.3333333333vw;
}
[data-parent=news][data-child=detail] .post_contents .gallery {
width: 100%;
max-width: initial;
row-gap: 10.6666666667vw;
}
[data-parent=company] .about {
padding-bottom: 24vw;
margin-bottom: 24vw;
}
[data-parent=company] .about .img {
width: 100%;
}
[data-parent=company] .about .txt {
row-gap: 6.4vw;
}
[data-parent=company] .about .txt dl {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 1.3333333333vw;
}
[data-parent=company] .about .txt dl dt {
width: 100%;
}
[data-parent=company] .access {
margin-bottom: 26.6666666667vw;
}
[data-parent=company] .access .column_unit {
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
-webkit-box-align: initial;
-ms-flex-align: initial;
align-items: initial;
}
[data-parent=company] .access .map {
width: 100%;
}
[data-parent=company] .access .map .gmap {
margin-bottom: 11.2vw;
}
[data-parent=company] .access .map .gmap iframe {
width: 100%;
height: 91.4666666667vw;
}
[data-parent=company] .access .map p {
margin-bottom: 0;
}
[data-parent=company] .access .map .button {
margin-top: 6.4vw;
}
[data-parent=company] .notice {
padding-bottom: 26.6666666667vw;
}
[data-parent=company] .notice p {
text-align: left;
line-height: 1.5;
padding: 6.4vw 0;
}
[data-parent=contact] #globalFooter {
margin-top: 0;
}
[data-parent=contact] #globalFooter:before {
height: 145.0666666667vw;
}
[data-parent=contact] #container {
padding-bottom: 26.6666666667vw;
}
[data-parent=contact] .page_header {
margin-bottom: 16vw;
}
[data-parent=contact] .form_txt {
width: 100%;
}
[data-parent=contact] .form_txt h2 {
font-size: 5.8666666667vw;
margin-bottom: 10.6666666667vw;
}
[data-parent=contact] .mail {
margin-bottom: 26.6666666667vw;
}
[data-parent=contact] .mail .sec_inner {
padding-bottom: 24vw;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 6.4vw;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
}
[data-parent=contact] .mail .mailaddress {
width: 100%;
height: 29.3333333333vw;
border-radius: 1.6vw;
font-size: 5.8666666667vw;
}
[data-parent=contact] .corporation {
margin-bottom: 26.6666666667vw;
}
[data-parent=contact] .form_contents .sec_inner {
padding-left: 6.4vw;
}
[data-parent=contact] .form_contents .buttons {
margin-top: 10.6666666667vw;
padding-right: 0;
}
[data-parent=contact] .form_contents #step2 {
margin-top: 26.6666666667vw;
}
[data-parent=contact] .form_contents #complete {
margin: 26.6666666667vw 0;
padding-right: 0;
}
[data-parent=contact] .form_contents #complete .contents {
row-gap: 6.4vw;
}
[data-parent=contact] .form_contents #complete .contents h3 {
font-size: 4.8vw;
}
#re2026-store_navi {
display: none;
}
#re2026-store_home_kv {
padding-bottom: 13.3333333333vw;
}
#re2026-store_home_kv .sec_inner {
width: 100%;
}
#re2026-store_home_kv_inner {
width: 100%;
margin-bottom: 14.4vw;
}
#re2026-store_home_kv_swiper {
--swiper-pagination-bullet-width: 2.1333333333vw;
--swiper-pagination-bullet-height: 2.1333333333vw;
--swiper-pagination-bullet-horizontal-gap: 2vw;
position: relative;
padding-bottom: 8vw;
margin-bottom: 14.4vw;
}
#re2026-store_home_kv_swiper .swiper-slide picture,
#re2026-store_home_kv_swiper .swiper-slide figure {
aspect-ratio: 1.1/1;
}
#re2026-store_home_message {
text-align: center;
}
#re2026-store_home_message .title {
margin-bottom: 6.4vw;
font-size: 5.8666666667vw;
}
#re2026-store_home_message .text {
line-height: 1.7;
font-size: 3.7333333333vw;
}
.re2026-section {
padding: 14.9333333333vw 0;
}
.re2026-section:last-child {
padding-bottom: 7.2vw;
}
.re2026-section.--sake-detail {
padding-bottom: 20.2666666667vw;
}
.re2026-section .sec_inner {
width: 100%;
}
.re2026-img_column_wrap {
row-gap: 14.9333333333vw;
}
.re2026-img_column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
row-gap: 4.5333333333vw;
}
.re2026-img_column.--reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.re2026-img_column .body {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: 100%;
}
.re2026-img_column .body .title {
line-height: 1.4;
margin-bottom: 4vw;
font-size: 5.3333333333vw;
}
.re2026-img_column .body .text {
font-size: 3.7333333333vw;
}
.re2026-img_column .img {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: 100%;
}
.re2026-no_result {
margin-bottom: 10.6666666667vw;
}
.re2026-sake_list_button .button .btn_circle.with_line {
-webkit-column-gap: 4vw;
-moz-column-gap: 4vw;
column-gap: 4vw;
font-size: 3.2vw;
}
.re2026-sake_list_button .button .btn_circle.with_line i.circle {
width: 6.9333333333vw;
height: 6.9333333333vw;
}
.re2026-section_hgroup {
margin-bottom: 8.8vw;
}
.re2026-section_hgroup .title {
line-height: 1.5;
margin-bottom: 2.6666666667vw;
font-size: 5.3333333333vw;
}
.re2026-section_hgroup .summary {
line-height: 1.8;
margin-bottom: 4vw;
font-size: 3.7333333333vw;
}
.re2026-sake_taxonomy_kv_section {
padding-top: 14.9333333333vw;
}
.re2026-sake_taxonomy_kv_section .sec_inner {
width: 100%;
padding-left: 5.3333333333vw;
}
.re2026-sake_taxonomy_kv {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 6.6666666667vw;
}
.re2026-sake_taxonomy_kv .title {
margin-bottom: 3.7333333333vw;
font-size: 6.4vw;
}
.re2026-sake_taxonomy_kv .text {
line-height: 1.7;
font-size: 3.7333333333vw;
}
.re2026-sake_taxonomy_kv .text p {
margin-bottom: 1.7em;
}
.re2026-sake_taxonomy_kv .img {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: calc(100% + 5.3333333333vw);
margin-right: -5.3333333333vw;
}
.re2026-sake_items_result {
margin-bottom: 4.5333333333vw;
}
.re2026-sake_items_result .no {
margin-right: 1.8666666667vw;
font-size: 7.4666666667vw;
font-weight: 600;
}
.re2026-sake_items_result .text {
font-size: 4.2666666667vw;
font-weight: 500;
}
.re2026-sake_items_unit.soldout .thumb:before {
left: 2.1333333333vw;
top: 2.1333333333vw;
width: 14.1333333333vw;
height: 14.1333333333vw;
font-size: 2.6666666667vw;
}
.re2026-sake_items_unit.--rank.soldout .thumb:before {
top: auto;
bottom: 2.1333333333vw;
}
.re2026-sake_items_unit .scene {
-webkit-column-gap: 2.6666666667vw;
-moz-column-gap: 2.6666666667vw;
column-gap: 2.6666666667vw;
margin-bottom: 5.3333333333vw;
}
.re2026-sake_items_unit .scene li {
padding: 1.3333333333vw 0;
}
.re2026-sake_items_unit .scene li .tag {
padding: 0.5333333333vw 2.6666666667vw 0.8vw;
font-size: 4.2666666667vw;
border-radius: 13.3333333333vw;
}
.re2026-sake_items_unit .rank {
width: 14.1333333333vw;
height: 14.1333333333vw;
font-size: 4.5333333333vw;
}
.re2026-sake_items_unit .award {
right: 1.6vw;
top: 1.6vw;
width: 14.4vw;
}
.re2026-sake_items_unit .thumb {
margin-bottom: 4.8vw;
}
.re2026-sake_items_unit .category {
-webkit-column-gap: 2.6666666667vw;
-moz-column-gap: 2.6666666667vw;
column-gap: 2.6666666667vw;
margin-bottom: 1.3333333333vw;
}
.re2026-sake_items_unit .category li {
padding: 1.3333333333vw 0;
}
.re2026-sake_items_unit .category li .tag {
padding: 0.5333333333vw 2.6666666667vw 0.8vw;
font-size: 3.4666666667vw;
border-radius: 13.3333333333vw;
}
.re2026-sake_items_unit .name {
margin-bottom: 1.3333333333vw;
font-size: 5.3333333333vw;
}
.re2026-sake_items_unit .summary {
line-height: 1.7;
margin-bottom: 1.3333333333vw;
font-size: 3.4666666667vw;
}
.re2026-sake_items_unit .price em {
margin-right: 0.2em;
font-size: 4.8vw;
}
.re2026-sake_items_unit .price span {
font-size: 3.2vw;
}
.re2026-sake_items_unit .inner:active .thumb img, .re2026-sake_items_unit .inner:hover .thumb img,
.re2026-sake_items_unit a.inner:active .thumb img,
.re2026-sake_items_unit a.inner:hover .thumb img {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.--sub_rank .re2026-sake_items_unit .rank {
width: 12vw;
height: 12vw;
font-size: 5.3333333333vw;
}
.--sub_rank .re2026-sake_items_unit .thumb {
margin-bottom: 3.4666666667vw;
}
.--sub_rank .re2026-sake_items_unit .name {
line-height: 1.4;
margin-bottom: 0.5333333333vw;
font-size: 5.3333333333vw;
}
.--sub_rank .re2026-sake_items_unit .summary {
line-height: 1.7;
margin-bottom: 0.2666666667vw;
font-size: 3.7333333333vw;
}
.re2026-sake_items_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
row-gap: 10.6666666667vw;
padding: 0 8vw;
margin-bottom: 10.6666666667vw;
}
.re2026-sake_items_list.--sp-slim {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
row-gap: 0vw;
padding: 0 0;
}
.re2026-sake_items_list.--sp-slim .re2026-sake_items_unit {
margin-top: 10.6666666667vw;
}
.re2026-sake_items_list.--sp-slim .re2026-sake_items_unit:nth-child(1) {
margin-top: 0;
}
.re2026-sake_items_list.--sp-slim .re2026-sake_items_unit:nth-child(-n+2) {
width: 100%;
max-width: inherit;
min-width: inherit;
margin-left: 8vw;
margin-right: 8vw;
}
.re2026-sake_items_list.--sp-slim .re2026-sake_items_unit:nth-child(n+3) {
max-width: calc(50% - 1.8666666667vw);
min-width: calc(50% - 1.8666666667vw);
}
.re2026-sake_items_list.--sp-slim .re2026-sake_items_unit:nth-child(n+3).soldout .thumb:before {
left: 1.3333333333vw;
top: 1.3333333333vw;
content: "在庫なし";
width: 11.7333333333vw;
height: 11.7333333333vw;
font-size: 2.6666666667vw;
letter-spacing: -0.05em;
}
.re2026-sake_items_list.--sp-slim .re2026-sake_items_unit:nth-child(n+3) .award {
right: 1.3333333333vw;
top: 1.3333333333vw;
width: 10.6666666667vw;
}
.re2026-sake_items_list.--sp-slim .re2026-sake_items_unit:nth-child(n+3) .thumb {
margin-bottom: 4.8vw;
}
.re2026-sake_items_list.--sp-slim .re2026-sake_items_unit:nth-child(n+3) .name {
line-height: 1.25;
margin-bottom: 1.6vw;
font-size: 4.8vw;
}
.re2026-sake_items_list.--sp-slim .re2026-sake_items_unit:nth-child(n+3) .summary {
line-height: 1.5;
font-size: 3.2vw;
}
.re2026-sake_items_list.--sp-slim .re2026-sake_items_unit:nth-child(n+3) .body {
margin-bottom: 0.2666666667vw;
}
.re2026-sake_items_list.--sp-slim .re2026-sake_items_unit:nth-child(n+3) .price {
font-size: 2.6666666667vw;
}
.re2026-sake_items_list.--sp-slim .re2026-sake_items_unit:nth-child(n+3) .price em {
font-size: 4.2666666667vw;
}
.re2026-sake_items_sub_rank_wrap {
padding: 0 0 0 8vw;
}
.re2026-taxonomy_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
row-gap: 3.2vw;
}
.re2026-taxonomy_list .unit a {
height: 19.7333333333vw;
}
.re2026-taxonomy_list .unit a .circle {
right: 4.5333333333vw;
width: 5.3333333333vw;
height: 5.3333333333vw;
margin-top: -2.6666666667vw;
}
.re2026-taxonomy_list .unit a .circle svg {
width: 0.8vw;
height: 1.12vw;
}
.re2026-taxonomy_list .unit a:active .img img, .re2026-taxonomy_list .unit a:hover .img img {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.re2026-gift_lapping {
margin-bottom: 5.3333333333vw;
}
.re2026-gift_lapping .inner,
.re2026-gift_lapping a.inner {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.re2026-gift_lapping .inner .body,
.re2026-gift_lapping a.inner .body {
width: 100%;
padding: 5.3333333333vw 4.8vw 5.3333333333vw 4.8vw;
}
.re2026-gift_lapping .inner .title,
.re2026-gift_lapping a.inner .title {
margin-bottom: 2.6666666667vw;
font-size: 5.3333333333vw;
}
.re2026-gift_lapping .inner .text,
.re2026-gift_lapping a.inner .text {
line-height: 1.7;
margin-bottom: 3.4666666667vw;
font-size: 3.7333333333vw;
}
.re2026-gift_lapping .inner .img,
.re2026-gift_lapping a.inner .img {
width: 100%;
aspect-ratio: 2.31/1;
}
.re2026-shop_info {
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
row-gap: 5.3333333333vw;
margin-bottom: 5.3333333333vw;
}
.re2026-shop_info .banner {
min-height: inherit;
}
.re2026-shop_info .banner .inner,
.re2026-shop_info .banner a.inner {
height: inherit;
padding: 5.3333333333vw 5.3333333333vw 5.3333333333vw;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
}
.re2026-shop_info .banner .inner::before,
.re2026-shop_info .banner a.inner::before {
display: none;
}
.re2026-shop_info .banner .body {
width: 100%;
}
.re2026-shop_info .banner .title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
line-height: 1.4;
margin-bottom: 2.6666666667vw;
font-size: 5.3333333333vw;
}
.re2026-shop_info .banner .title::before {
display: block;
content: "";
width: 8vw;
margin-right: 1.8666666667vw;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.re2026-shop_info .banner .text {
line-height: 1.75;
max-width: inherit;
font-size: 3.7333333333vw;
}
.re2026-shop_info .banner.--postage .inner {
padding-left: 5.3333333333vw;
}
.re2026-shop_info .banner.--postage .inner .title::before {
height: 5.3333333333vw;
background-image: url(//kikubijin.co.jp/wp/wp-content/themes/kikubijin/assets/img/common/ic_track.png);
}
.re2026-shop_info .banner.--payment .inner .title::before {
height: 5.3333333333vw;
background-image: url(//kikubijin.co.jp/wp/wp-content/themes/kikubijin/assets/img/common/ic_credit_card.png);
}
.re2026-shop_about {
width: 100%;
margin-top: 8.8vw;
margin-bottom: 8.8vw;
}
.re2026-shop_about .inner,
.re2026-shop_about a.inner {
height: 36.2666666667vw;
padding: 5.3333333333vw 24vw 5.3333333333vw 5.3333333333vw;
}
.re2026-shop_about .inner .label,
.re2026-shop_about a.inner .label {
font-size: 5.3333333333vw;
}
.re2026-shop_about .inner .circle,
.re2026-shop_about a.inner .circle {
right: 10.6666666667vw;
margin-top: -4vw;
}
.re2026-shop_about .inner:active .img img, .re2026-shop_about .inner:hover .img img,
.re2026-shop_about a.inner:active .img img,
.re2026-shop_about a.inner:hover .img img {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.re2026-brand_to_store {
width: 100%;
padding: 0 5.3333333333vw;
margin-top: 16vw;
margin-bottom: 32vw;
}
.re2026-brand_to_store .inner,
.re2026-brand_to_store a.inner {
height: 32vw;
padding: 5.3333333333vw 16vw 5.3333333333vw 6.4vw;
overflow: hidden;
}
.re2026-brand_to_store .inner .label,
.re2026-brand_to_store a.inner .label {
font-size: 5.0666666667vw;
color: #FFFFFF;
}
.re2026-brand_to_store .inner .circle,
.re2026-brand_to_store a.inner .circle {
right: 4.8vw;
margin-top: -4vw;
}
.re2026-brand_to_store .inner:active .img img, .re2026-brand_to_store .inner:hover .img img,
.re2026-brand_to_store a.inner:active .img img,
.re2026-brand_to_store a.inner:hover .img img {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.re2026-brand_to_store + .separate_image {
margin-top: 0 !important;
}
.re2026-puchase {
right: 0;
left: 0;
bottom: 0;
width: 100%;
padding: 3.7333333333vw 5.3333333333vw 3.7333333333vw;
background-color: #FFFFFF;
-webkit-box-shadow: 0;
box-shadow: 0;
border-radius: 0;
opacity: 0;
}
.re2026-puchase.active {
opacity: 1;
}
.re2026-puchase .title {
display: none;
}
.re2026-puchase .cart {
margin-bottom: 0;
}
.re2026-puchase .cart .cartjs_box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.re2026-puchase .cart .cartjs_box form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
}
.re2026-puchase .cart .cartjs_box .cartjs_product_table {
margin-bottom: 0;
}
.re2026-puchase .cart .cartjs_box .cartjs_product_table tbody {
row-gap: 0;
}
.re2026-puchase .cart .cartjs_box .cartjs_product_table .cartjs_sales_price td {
line-height: 1.5;
font-size: 4.2666666667vw;
font-weight: 600;
}
.re2026-puchase .cart .cartjs_box .cartjs_product_table .cartjs_sales_price td span {
margin-left: 0.8vw;
font-size: 3.2vw;
font-weight: 300;
}
.re2026-puchase .cart .cartjs_box .cartjs_product_table .cartjs_product_num {
display: none;
}
.re2026-puchase .cart .cartjs_box .cartjs_cart_in {
min-width: 57.0666666667vw;
max-width: 57.0666666667vw;
margin-top: 0;
}
.re2026-puchase .cart .cartjs_box .cartjs_cart_in .btn_radius {
width: 100%;
height: 10.1333333333vw;
font-size: 3.2vw;
}
.re2026-puchase .cart .cartjs_box .cartjs_cart_in .btn_radius .circle {
right: 1.6vw;
width: 6.9333333333vw;
height: 6.9333333333vw;
margin-top: -3.4666666667vw;
}
.re2026-puchase .cart .cartjs_box .cart_soldout {
min-width: 57.0666666667vw;
max-width: 57.0666666667vw;
margin-top: 0;
}
.re2026-puchase .cart .cartjs_box .cart_soldout .btn_radius {
width: 100%;
height: 10.1333333333vw;
font-size: 3.2vw;
}
.re2026-puchase .cart .cartjs_box .cartjs_product_info {
display: none;
}
.re2026-puchase .inner_jump_button {
padding-top: 0;
}
.re2026-puchase .inner_jump_button a {
line-height: 1.4;
padding: 2.9333333333vw 9.8666666667vw 2.6666666667vw 4vw;
font-size: 3.2vw;
border-radius: 13.3333333333vw;
}
.re2026-puchase .inner_jump_button a .circle {
right: 1.3333333333vw;
width: 6.9333333333vw;
height: 6.9333333333vw;
margin-top: -3.4666666667vw;
}
.re2026-puchase .inner_jump_button a:active, .re2026-puchase .inner_jump_button a:hover {
background-color: #FFFFFF;
color: #333333;
}
.re2026-puchase .inner_jump_button a:active .circle, .re2026-puchase .inner_jump_button a:hover .circle {
background-color: #333333;
}
.re2026-puchase .inner_jump_button a:active .circle svg, .re2026-puchase .inner_jump_button a:hover .circle svg {
fill: #FFFFFF;
}
.re2026-puchase .close {
display: none;
}
.re2026-sake_detail_summary {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
row-gap: 6.9333333333vw;
}
.re2026-sake_detail_summary .img {
position: relative;
left: auto;
top: auto;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%;
}
.re2026-sake_detail_summary .img #productSwiper {
width: calc(100% + 10.6666666667vw);
margin-left: -5.3333333333vw;
margin-right: -5.3333333333vw;
margin-bottom: 5.3333333333vw;
}
.re2026-sake_detail_summary .body {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%;
padding-top: 0;
max-height: inherit;
}
.re2026-sake_detail_summary .body .item {
margin-bottom: 8.2666666667vw;
}
.re2026-sake_detail_summary .body .item .name {
line-height: 1.4;
margin-bottom: 2.6666666667vw;
font-size: 5.6vw;
font-weight: 500;
}
.re2026-sake_detail_summary .body .item .cart {
margin-bottom: 3.7333333333vw;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box form {
row-gap: 0;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table {
margin-bottom: 4.5333333333vw;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table tbody {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-column-gap: 3.2vw;
-moz-column-gap: 3.2vw;
column-gap: 3.2vw;
row-gap: 8.2666666667vw;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_sales_price {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_sales_price td {
line-height: 1.4;
font-size: 4.8vw;
font-weight: 300 !important;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_sales_price td span {
margin-left: 1.0666666667vw;
font-size: 3.2vw;
font-weight: 300;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_product_num {
width: 100%;
height: auto;
border-radius: 0;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_product_num td {
border: 1px solid #cccccc !important;
border-radius: 1.8666666667vw;
width: 100%;
max-width: 40.8vw;
height: 9.6vw;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_product_num button {
width: 100%;
min-width: 9.3333333333vw;
max-width: 9.3333333333vw;
padding: 0 1.3333333333vw 0.048em !important;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_product_num input {
width: 100% !important;
border-left: 0;
border-right: 0;
padding-bottom: 0.048em !important;
font-size: 4vw;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_option {
border-radius: 1.8666666667vw;
background-color: #FFFFFF;
min-width: inherit;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: 9.6vw;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_option td {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_option td::before {
right: 2.6666666667vw;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_product_table .cartjs_option select {
padding-right: 12vw;
font-size: 3.7333333333vw;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cartjs_cart_in {
max-width: inherit;
}
.re2026-sake_detail_summary .body .item .cart .cartjs_box .cart_soldout {
position: relative;
width: 100%;
max-width: 88vw;
margin-top: 0;
}
.re2026-sake_detail_summary .body .item .note {
line-height: 1.65;
font-size: 3.2vw;
}
.re2026-sake_detail_summary .body .summary .category {
-webkit-column-gap: 2.6666666667vw;
-moz-column-gap: 2.6666666667vw;
column-gap: 2.6666666667vw;
margin-bottom: 2.9333333333vw;
}
.re2026-sake_detail_summary .body .summary .category li {
padding: 1.3333333333vw 0;
}
.re2026-sake_detail_summary .body .summary .category li .tag {
padding: 0.5333333333vw 2.6666666667vw 0.8vw;
font-size: 3.4666666667vw;
border-radius: 13.3333333333vw;
}
.re2026-sake_detail_summary .body .summary .copy {
line-height: 1.4;
margin-bottom: 3.2vw;
font-size: 4.8vw;
}
.re2026-sake_detail_summary .body .summary .text {
font-size: 3.7333333333vw;
margin-bottom: 8.8vw;
}
.re2026-sake_detail_summary .body .summary .table {
-webkit-column-gap: 2.6666666667vw;
-moz-column-gap: 2.6666666667vw;
column-gap: 2.6666666667vw;
}
.re2026-sake_detail_summary .body .summary .table .table_unit {
max-width: calc(50% - 1.3333333333vw);
min-width: calc(50% - 1.3333333333vw);
}
.re2026-sake_detail_summary .body .summary .table .table_unit dl {
-webkit-column-gap: 4vw;
-moz-column-gap: 4vw;
column-gap: 4vw;
padding-top: 1.6vw;
padding-bottom: 1.6vw;
}
.re2026-sake_detail_summary .body .summary .table .table_unit dl dt {
font-size: 3.2vw;
}
.re2026-sake_detail_summary .body .summary .table .table_unit dl dd {
font-size: 3.2vw;
}
.re2026-sake_detail_summary.--no_swiper {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
row-gap: 5.3333333333vw;
}
.re2026-sake_detail_taste {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
row-gap: 8.8vw;
}
.re2026-sake_detail_taste .body {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.re2026-sake_detail_taste .body .title {
line-height: 1.5;
margin-bottom: 2.6666666667vw;
font-size: 5.3333333333vw;
}
.re2026-sake_detail_taste .body .text {
font-size: 3.7333333333vw;
}
.re2026-sake_detail_taste .score {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%;
padding: 10.4vw 5.7333333333vw;
row-gap: 5.6vw;
}
.re2026-sake_detail_taste .score .score_unit {
-webkit-column-gap: 3.6vw;
-moz-column-gap: 3.6vw;
column-gap: 3.6vw;
}
.re2026-sake_detail_taste .score .score_unit .left,
.re2026-sake_detail_taste .score .score_unit .right {
-ms-flex-preferred-size: 3em;
flex-basis: 3em;
width: 3em;
font-size: 3.2vw;
}
.re2026-sake_detail_taste .score .score_unit .value {
height: 3.2vw;
}
.re2026-sake_detail_taste .score .score_unit .value::before {
width: 3.2vw;
height: 3.2vw;
margin-top: -1.6vw;
}
.re2026-sake_detail_taste .score .score_unit .value[data-taste-score="1"]::before {
margin-left: 1.6vw;
}
.re2026-sake_detail_taste .score .score_unit .value[data-taste-score="2"]::before {
margin-left: calc(1.6vw - 3px);
}
.re2026-sake_detail_taste .score .score_unit .value[data-taste-score="4"]::before {
margin-left: calc(-1.6vw + 3px);
}
.re2026-sake_detail_taste .score .score_unit .value[data-taste-score="5"]::before {
margin-left: -1.6vw;
}
.re2026-sake_detail_award {
display: block;
}
.re2026-sake_detail_award .hgroup {
margin-bottom: 4.5333333333vw;
}
.re2026-sake_detail_award .hgroup .title {
line-height: 1.5;
margin-bottom: 2.6666666667vw;
font-size: 5.3333333333vw;
}
.re2026-sake_detail_award .hgroup .summary {
line-height: 1.7;
margin-bottom: 4.5333333333vw;
font-size: 3.7333333333vw;
}
.re2026-sake_detail_award .img {
margin-bottom: 6.6666666667vw;
}
.re2026-sake_detail_award .history {
border-top: 0;
}
.re2026-sake_detail_award .history dl {
grid-template-columns: 7.8em 1fr;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
padding: 2.9333333333vw 0;
font-size: 3.7333333333vw;
}
.re2026-sake_detail_origin {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
row-gap: 8.8vw;
margin-bottom: 20.2666666667vw;
}
.re2026-sake_detail_origin .body {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%;
}
.re2026-sake_detail_origin .body .hgroup {
margin-bottom: 5.0666666667vw;
}
.re2026-sake_detail_origin .body .hgroup .title {
line-height: 1.5;
margin-bottom: 3.7333333333vw;
font-size: 5.3333333333vw;
}
.re2026-sake_detail_origin .body .poem {
padding: 12vw 8vw 9.8666666667vw;
margin-bottom: 6.4vw;
}
.re2026-sake_detail_origin .body .poem blockquote {
line-height: 1.7;
padding: 0 0 3.2vw;
font-size: 3.7333333333vw;
}
.re2026-sake_detail_origin .body .poem blockquote:last-child {
padding-bottom: 1.0666666667vw;
}
.re2026-sake_detail_origin .body .poem figcaption {
font-size: 3.2vw;
}
.re2026-sake_detail_origin .body .text {
font-size: 3.7333333333vw;
}
.re2026-sake_detail_origin .img {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%;
}
.re2026-sake_detail_origin .img img {
width: 100%;
height: auto;
}
.re2026-sake_detail_voice_wrap .hgroup {
margin-bottom: 5.0666666667vw;
}
.re2026-sake_detail_voice_wrap .hgroup .title {
line-height: 1.5;
margin-bottom: 3.7333333333vw;
font-size: 5.3333333333vw;
}
.re2026-sake_detail_voice {
padding: 9.6vw 5.8666666667vw 11.7333333333vw 7.4666666667vw;
}
.re2026-sake_detail_voice .head {
margin-bottom: 5.8666666667vw;
}
.re2026-sake_detail_voice .head .title {
line-height: 1.7;
margin-bottom: 1.3333333333vw;
font-size: 4.8vw;
}
.re2026-sake_detail_voice .head .profile {
line-height: 2.3;
margin-bottom: 1.3333333333vw;
font-size: 3.2vw;
}
.re2026-sake_detail_voice .text {
font-size: 3.7333333333vw;
}
.re2026-product_swiper,
.re2026-product_sp_swiper {
--swiper-pagination-bullet-width: 2.1333333333vw;
--swiper-pagination-bullet-height: 2.1333333333vw;
--swiper-pagination-bullet-horizontal-gap: 2.1333333333vw;
padding-bottom: 0;
margin-bottom: 10.6666666667vw;
position: relative;
}
.re2026-product_swiper::after,
.re2026-product_sp_swiper::after {
z-index: 4;
position: absolute;
top: 0;
bottom: 0;
right: 0;
content: "";
width: 10.6666666667vw;
height: auto;
margin-right: -5.3333333333vw;
background: -webkit-gradient(linear, left top, right top, from(transparent), to(white));
background: linear-gradient(to right, transparent, white);
opacity: 0.5;
pointer-events: none;
}
.re2026-product_swiper .swiper-slide,
.re2026-product_sp_swiper .swiper-slide {
width: 69.3333333333vw;
}
.re2026-product_swiper .swiper-slide [data-slideup],
.re2026-product_sp_swiper .swiper-slide [data-slideup] {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.re2026-product_swiper.--voice,
.re2026-product_sp_swiper.--voice {
padding-bottom: 0;
}
.re2026-product_swiper.--sub_rank .swiper-slide,
.re2026-product_sp_swiper.--sub_rank .swiper-slide {
width: 73.3333333333vw;
}
.re2026-product_swiper .ctrl,
.re2026-product_sp_swiper .ctrl {
display: none;
z-index: 5;
width: 21.3333333333vw;
height: 2.6666666667vw;
margin-bottom: 1.0666666667vw;
}
.re2026-product_swiper .ctrl .swiper-button-prev,
.re2026-product_swiper .ctrl .swiper-button-next,
.re2026-product_sp_swiper .ctrl .swiper-button-prev,
.re2026-product_sp_swiper .ctrl .swiper-button-next {
width: 8vw;
height: 2.6666666667vw;
}
.re2026-product_swiper .ctrl .swiper-button-prev::before,
.re2026-product_swiper .ctrl .swiper-button-next::before,
.re2026-product_sp_swiper .ctrl .swiper-button-prev::before,
.re2026-product_sp_swiper .ctrl .swiper-button-next::before {
width: 8vw;
height: 2.6666666667vw;
}
.re2026-product_swiper .swiper-pagination,
.re2026-product_sp_swiper .swiper-pagination {
display: none;
left: calc(var(--swiper-pagination-bullet-horizontal-gap) * -1) !important;
width: calc(100% - 21.3333333333vw) !important;
}
.re2026-breadcrumb {
display: block;
padding: 0 2rem;
margin-bottom: 3.3rem;
}
.re2026-breadcrumb ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.re2026-breadcrumb ul li {
position: relative;
line-height: 1.4;
padding-left: 3.2vw;
margin-right: 3.2vw;
font-size: 1.4rem;
font-weight: 500;
}
.re2026-breadcrumb ul li::before {
position: absolute;
left: 0;
top: 50%;
display: block;
content: "";
width: 0.2666666667vw;
height: 1em;
margin-top: -0.5em;
background-color: #333333;
}
.re2026-breadcrumb ul li:first-child {
padding-left: 0;
}
.re2026-breadcrumb ul li:first-child::before {
display: none;
}
.re2026-breadcrumb ul li:last-child {
margin-right: 0;
}
}