/*!
Theme Name: hasumi-wine
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hasumi-wine
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

hasumi-wine is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
    color: #222222;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 1rem;
    margin: 0 auto;
}

@font-face {
    font-family: 'Classico URW T OT';
    src: url(./font/classico-urw-t-ot.ttf);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}

p {
    margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", courier, monospace;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
    background: #fff;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0;
}

ul {
    list-style: disc;
    padding: 0;
    margin: 0;
}

ol {
    list-style: decimal;
}

li {
    list-style: none;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 0;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

img {
    height: auto;
    width: 100%;
    max-width: 100%;
    display: block;
}

figure {
    margin: 1em 0;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/* Links
--------------------------------------------- */
a {
    color: #222222;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    opacity: 0.7;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
}


a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1;
    padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111;
}

select {
    border: 1px solid #ccc;
}

textarea {
    width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
    display: block;
    width: 100%;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
    display: block;
    left: auto;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
    left: auto;
}

.main-navigation li {
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

@media screen and (min-width: 37.5em) {

    .menu-toggle {
        display: none;
    }

    .main-navigation ul {
        display: flex;
    }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
    display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    text-align: end;
    flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
    display: block;
}

.post,
.page {
    margin: 0;
}

.updated:not(.published) {
    display: none;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
    margin: 0 0 1.5em;
}

.widget select {
    max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
    outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

    /*rtl:ignore*/
    float: left;

    /*rtl:ignore*/
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright {

    /*rtl:ignore*/
    float: right;

    /*rtl:ignore*/
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}

.content {
    margin: 0 auto;
    overflow: hidden;
}

.page_area {
    max-width: 1440px;
    margin: auto;
    overflow: hidden;
}

header {
    background: #fff;
    height: 127px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto;
    z-index: 99999;
}

.page_area {
    padding-top: 127px;
}

#pc_header {
    display: flex;
    max-width: 1280px;
    width: 98%;
    margin: auto;
}

@media screen and (min-width:749px) and (max-width:1440px) {
    #pc_header {
        max-width: none;
        width: 95%;
        margin: auto;
    }
}

.sp_nav {
    transform: translate(100%, 0);
}

.sp_nav {
    display: none;
}

.pc_nav {
    width: 66%;
    /*--max-width: 860px;--*/
    align-items: center;
    display: flex;

}

.pc_nav>ul.header_nav {
    display: flex;
    align-items: center;
}

/*--.pc_nav > ul.header_nav > li {
    margin-right: calc((36px/2) + (36 - (36/2))*(100vw - 375px)/(1903 - 375));
}--*/

.pc_nav>ul.header_nav>li {
    margin-right: 30px;
    height: 108px;
    margin-top: 37px;
}

.pc_nav>ul.header_nav>li>a {
    font-size: 11px;
}

.pc_nav>ul.header_nav>li>a>span {
    color: #BFD0D8;
    font-family: 'Verdana';
    font-size: 10px;
    display: block;
    line-height: 1.2;
    letter-spacing: 0.06em;
    margin-bottom: 6px;
}

@media screen and (max-width:750px) {

    .pc_nav {
        display: none;
    }

    ul.header_nav {
        display: flex;
        flex-wrap: wrap;
        margin-top: 70px;
        margin-bottom: auto;
    }

    ul.header_nav>li {
        width: 50%;
        text-align: left;
        margin-bottom: 45px;
    }

    ul.header_nav>li>a {
        color: #fff;
        font-size: 12px;
    }

    ul.header_nav>li>a>span {
        color: #FFFFFF;
        font-size: 24px;
        display: block;
        line-height: 1.2;
        font-family: 'Verdana';
        margin-bottom: 6px;
        letter-spacing: 0.06em;
    }

    .spnav_footer>.copy {
        color: #fff;
        font-size: 12px;
        text-align: center;
        margin-top: 3em;
        font-family: 'Verdana';
    }

    .spnav_footer>.sns>ul {
        display: flex;
        justify-content: center;
    }

    .spnav_footer>.sns>ul>li:nth-child(1) {
        margin-right: 12px;
    }

    .spnav_footer>.sns>ul>li {
        width: 37px;
    }


}


#pc_header .search_area {
    position: relative;
    margin: 35px 16px auto auto;
    width: 15%;
    max-width: 190px;
}

#pc_header .search_area input[type="search"] {
    border: solid 1px #555;
    border-radius: 50px;
    font-size: 10px;
    padding: 12px 25px;
    color: #555;
}

.spnav_header {
    display: flex;
    width: 100%;
}

.spnav_header>ul {
    display: flex;
}

.spnav_header>ul>li {
    width: 41px;
    margin: auto;
    margin-right: 9px;
}

.spnav_header>ul>li:nth-child(2) {
    margin-right: 16px;
}

.spnav_header>ul>li:nth-child(3) {
    margin-right: 0;
}

.sp_rogo {
    width: 60px;
    margin: 0;
    margin-right: auto;
}

@media screen and (max-width:1400px) {

    #pc_header .search_area {
        /* margin: auto 0; */
        margin: 37px auto auto;
        margin-right: 2em;
    }

    #pc_header .search_area input[type="search"] {
        padding: 1em 1em 1em 2.5em;
    }

}


#pc_header .search_area img {
    position: absolute;
    left: 10.8px;
    width: 8.6px;
    height: 8.6px;
    top: 50%;
    transform: translate(0, -50%);
}

#pc_header .my_page {
    margin: 35px 16px auto auto;
}

#pc_header .cart {
    margin: 35px 0 auto 9px;
}

#pc_header .language {
    font-family: 'Verdana';
    font-size: 12px;
    line-height: 1.25;
    margin: 50px 0 auto 32px;
    border-bottom: solid 1px #222222;
    text-align: center;
}

@media screen and (max-width:1400px) {

    #pc_header .language {
        margin-left: 2em;
    }

}

#pc_header>h1 {
    width: 71px;
    margin-right: calc((60px/2) + (60 - (70/2))*(100vw - 375px)/(1903 - 375));
}


#pc_header>h1>a,
#pc_header>h1>a>img {
    display: block;
}

#pc_header>h1>a>img {
    object-fit: contain;
}


.fv .swiper-pagination_wrap {
    position: absolute;
    background: #fff;
    width: 281px !important;
    height: 114px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    right: 0;
    left: auto !important;
    bottom: 0 !important;
    flex-wrap: wrap;
    z-index: 999;
    display: none;
}

.fv .swiper-pagination {
    position: relative;
}

.fv .swiper-pagination-bullet {
    background: transparent;
    margin: 0 !important;
    height: auto;
    opacity: 1;
    color: #BCBCBC;
    position: relative;
}

.fv .swiper-pagination-bullet {
    width: 24px;
}

.fv .swiper-pagination-bullet-active {
    color: #1D1D1D;
}

.fv .swiper-pagination-bullet::after {
    content: "";
    background: #D5D5D5;
    width: 6px;
    height: 1px;
    position: absolute;
    top: 50%;
    right: -3px;
}


.fv .swiper-pagination-bullet:last-child:after {
    display: none;
}

.fv_slide .swiper-button-prev,
.fv_slide .swiper-button-next {
    background: url(./img/icon/left-arrow.png) no-repeat !important;
    width: 7px !important;
    height: 12px !important;
    background-size: contain !important;
    position: absolute !important;
    bottom: 20%;
    top: auto;
}

.fv_slide .swiper-button-prev {
    left: 20%;
}

.fv_slide .swiper-button-next {
    right: 20%;
}

/*-.fv .swiper-pagination-bullet:nth-child(1):before {
    content: "";
    background: url(./img/icon/left-arrow.png) no-repeat;
    width: 7px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: -12px;
    transform: scale(-1, 1) translate(0, -50%);
}

.fv .swiper-pagination-bullet:last-child::before {
    content: "";
    background: url(./img/icon/left-arrow.png) no-repeat;
    width: 7px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: -12px;
    transform: translate(0, -50%);
}-*/

.fv .swiper-pagination_wrap>p {
    font-family: "Classico URW T OT";
    display: block;
    width: 100%;
    font-size: 12px;
    text-align: center;
    margin-bottom: 32px;
}


.fv .swiper-pagination_wrap .swiper-scrollbar {
    width: 100% !important;
    background: #E6E6E6 !important;
    height: 0.5px !important;
    left: 0;
    right: 0;
    top: -15%;
    bottom: auto;
}

.home .fv {
    max-width: 1400px;
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
}

.pick_wrapper.is_pc .swiper-slide {
    width: 340px !important;
    margin: 0;
    -webkit-transition: width .8s ease, height .8s ease;
    transition: width .8s ease, height .8s ease;
    height: 526px;
}

section#topics .swiper-slide img {
    aspect-ratio: 1 / 0.7;
    object-fit: contain;
}

.pick_wrapper.is_pc .swiper-slide.swiper-slide-active {
    width: 434px !important;
    margin-top: 0;
}


.pick_wrapper.is_pc .swiper-slide.swiper-slide-active img {
    max-height: none !important;
}


#home_page>.bg_color {
    background: #FAF8F5;
    padding-bottom: 142px;
}

.home .about {
    max-width: 1200px;
    margin: auto;
    padding-top: 68px;
}

.home .about>ul {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    text-align: center;
}

.home .about>ul>li:nth-child(2) {
    filter: drop-shadow(30px 10px 34px #E3DDCD);
    margin: auto;
}

.home .about>ul>li img {
    max-width: 500px;
    margin: auto;
}

.home .about ul li h3 {
    font-size: 32px;
    font-family: '游明朝', 'Yu Mincho', YuMincho, serif;
    letter-spacing: 0.3em;
    font-weight: normal;
    line-height: 1.6;
    text-align: center;
}

.home .about>ul>li>.txt {
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.16em;
    margin-top: 55px;
}

.home .flow>a {
    display: block;
    width: 968px;
    margin: auto;
    filter: drop-shadow(32px 64px 34px #4A36003D);
}

.home .flow {
    margin-top: 85px;
}

section>h2 {
    font-family: '游明朝', 'Yu Mincho', YuMincho, serif;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0.3em;
    font-weight: normal;
    margin-bottom: 50px;
}

section>h2>span {
    color: #83CDE6;
    font-size: 14px;
    letter-spacing: 0.06em;
    display: block;
    margin-bottom: 16px;
    font-family: "Verdana";
}

#topics {
    margin-top: 130px;
}

article.swiper-slide .catch {
    font-size: 16px;
    margin-top: 20px;
}

article.swiper-slide .catch a {
    line-height: 1.5;
    letter-spacing: 0.12em;
}

@media screen and (max-width:750px) {
    article.swiper-slide .catch a {
        line-height: 1.35714285714;
    }
}



article.swiper-slide .date {
    font-family: "Verdana";
    font-size: 14px;
    color: #83CDE6;
    margin-top: 20px;
    letter-spacing: 0.06em;
}

.pick_wrapper.is_pc {
    width: 95%;
    max-width: 1360px;
    margin: auto;
    margin-right: 0;
    max-height: 550px;
}

section#topics>.view_btn {
    max-width: 1200px;
    width: 95%;
    margin: auto;
    transform: translate(0, -200%);
    margin-left: 120px;
}


.swiper-button-prev,
.swiper-button-next {
    background: url(./img/icon/slide_icon.svg) no-repeat !important;
    width: 56px !important;
    height: 56px !important;
    background-size: contain !important;
    filter: drop-shadow(4px 4px 12px #00000024) !important;
}

.contents_slide_area .swiper-button-prev,
.contents_slide_area .swiper-button-next {
    background: url(./img/icon/slide_icon_sd.svg) no-repeat !important;
    width: 95px !important;
    height: 95px !important;
    background-size: contain !important;
    bottom: 0;
    top: auto;
    margin: 0;
}

.contents_slide_area .swiper-button-prev,
.contents_slide_area .swiper-button-next {
    left: 0;
    right: 0;
    margin: auto;
}

.contents_slide_area .swiper-button-prev {
    transform: translate(-40px, 0) scale(1, 1) !important;
}

.contents_slide_area .swiper-button-next {
    transform: translate(40px, 0);
}

.contents_slide_area .swiper-button-prev {
    background: url(./img/icon/slide_icon_sd_l.svg) no-repeat !important;
    transform: scale(1, 1);
}

.contents_slide_area .swiper-container {
    padding-bottom: 80px;
}



.pick_wrapper .swiper-button-prev,
.pick_wrapper .swiper-button-next {
    top: 40%;
}

.swiper-button-prev {
    transform: scale(-1, 1);
}

.pick_wrapper.is_pc .swiper-button-prev {
    transform: scale(-1, 1);
    left: 16px;
}

.pick_wrapper.is_pc .swiper-button-next {
    right: 60px;
}

.pick_wrapper.is_pc .swiper-slide {
    padding: 0 20px 0 40px;
}

.view_btn {
    margin-top: 78px;
}

.view_btn {
    position: relative;
    z-index: 999;
    text-align: center;
    margin: 2rem auto;

}

.view_btn>a {
    display: block;
    font-family: "Verdana";
    font-size: 14px;
    border-bottom: solid 2px;
    width: 160px;
    height: 35px;
    position: relative;
    letter-spacing: 0.06em;
    margin: 1rem auto;
}

.view_btn>a::after {
    content: "";
    background: url(./img/icon/arrow-round-forward.svg) no-repeat;
    width: 9.88px;
    height: 6.59px;
    position: absolute;
    right: 0;
    top: 0.3em;
}

section>h3 {
    font-family: '游明朝', 'Yu Mincho', YuMincho, serif;
    font-size: 32px;
    letter-spacing: 0.3em;
    font-weight: normal;
    margin-bottom: 50px;
    z-index: 9;
    position: relative;
    margin-left: 48px;
}

section>h3>span {
    color: #83CDE6;
    font-size: 14px;
    letter-spacing: 0.06em;
    display: block;
    margin-bottom: 9px;
    font-family: "Verdana";
}

#home_page>.bg_color>.bg_color {
    position: relative;
}

#home_page>.bg_color>.bg_color::after {
    content: "";
    background: #fff;
}

#home_page>.bg_color>.bg_color::after {
    content: "";
    background: #fff;
    position: absolute;
    width: 90%;
    max-width: 1155px;
    height: 100%;
    top: 0;
}

.home .best10 {
    padding-top: 72px;
    max-width: 1360px;
    width: 100%;
    margin: auto;
    margin-right: 0;
}


.slide_area .swiper-container {
    padding-left: 48px;
}

.slide_area .swiper-button-prev {
    transform: scale(-1, 1);
    left: 21px;
}

.slide_area .swiper-slide {
    border: solid 1px #E8E8E8;
    border-radius: 10px;
    padding: 48px 30px;
    background: #fff;
    box-sizing: border-box;
    position: relative;
    max-width: 353px;
    height: 630px;
}

.slide_area .swiper-slide>a {
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
}

.slide_area .swiper-slide>img {
    max-height: 200px;
    object-fit: contain;
}

.slide_area .swiper-slide>.title {
    font-family: '游明朝', 'Yu Mincho', YuMincho, serif;
    text-align: center;
    margin-top: 37px;
    letter-spacing: 0.12em;
    line-height: 1.5;
}

.slide_area .swiper-slide>.price {
    color: #B9B5A5;
    font-size: 20px;
    text-align: center;
    font-family: '游明朝', 'Yu Mincho', YuMincho, serif;
    margin-top: 18px;
    letter-spacing: 0.02em;
    line-height: 1.2;
}

.slide_area .swiper-slide>.catch {
    margin-top: 30px;
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.08em;
    color: #7E7E7E;
}

.slide_area~.view_btn {
    padding-left: 48px;
    margin-top: 66px;
}

#home_page>.bg_color>.bg_color .best10:last-child {
    margin-top: 96px;
    padding-bottom: 72px;
}

.home .best10.num3 {
    margin-top: 0 !important;
}

.home #search {
    margin-top: 96px;
}

.home #search ul {
    display: flex;
    flex-wrap: wrap;
}

.home #search li {
    width: calc((100% - 2.2px*2)/3);
    margin: auto;
}

.home #review {
    padding-top: 120px;
    max-width: 1360px;
    width: 90%;
    margin: auto;
    margin-right: 0;
}

.home #menu>ul {
    display: flex;
    justify-content: center;
}

.home #menu {
    margin: auto;
    /* margin-top: 96px; */
    margin-bottom: 70px;
    background: #fff;
    width: 95%;
    max-width: 1200px;
    padding: 62px 0 50px;
    box-sizing: border-box;
    border-radius: 12px;
}

.home #menu.menu__01 {
    margin-top: 96px;
    margin-bottom: 0;
    padding: 30px 0 50px;
}

.home #menu li {
    width: calc(100%/3);
    border-right: solid 1px #EAEAEA;
}

.home #menu li:last-child {
    border-right: none;
}

.home #menu li>img {
    max-height: 187px;
    object-fit: contain;
    margin-bottom: 28px;
}

.home #menu li .title {
    font-size: 20px;
    text-align: center;
    font-family: '游明朝', 'Yu Mincho', YuMincho, serif;
}

.home #menu li .catch {
    text-align: center;
    margin-top: 18px;
    line-height: 1.75;
}

.home #menu li .view_btn {
    width: fit-content;
    margin: auto;
    margin-top: 38px;
}

footer {
    background: #222222;
    padding: 50px 0 30px;
}

footer a {
    color: #fff;
}

div#pc_footer {
    display: flex;
    justify-content: space-between;
}

div#pc_footer {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: auto;
}

div#pc_footer>.logo {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    margin-left: 0;
    margin-right: 135px;
}

div#pc_footer>ul>li {
    margin-bottom: 30px;
}

div#pc_footer>ul>li:last-child {
    margin-bottom: 0;
}

div#pc_footer>ul>li>ul {
    display: flex;
}

div#pc_footer>ul>li>ul>li {
    width: calc(100%/6);
}

div#pc_footer>ul>li>ul>li>a {
    font-size: 14px;
}

div#pc_footer>ul {
    width: calc(100% - 80px - 134px - 37px*2 - 12px - 56px);
    margin: auto;
}

div#pc_footer>.sns>ul {
    display: flex;
}

div#pc_footer>.sns>ul>li {
    width: 37px;
}

div#pc_footer>.sns>ul>li:nth-child(1) {
    margin-right: 12px;
}

div#pc_footer>.sns>ul>li:nth-child(2) {
    margin-right: 56px;
}

div#pc_footer>ul>li:last-child>ul>li:nth-child(1) {
    width: calc(100%/6);
}
div#pc_footer>ul>li:last-child>ul>li:nth-child(2) {
    width: calc(100% / 10);
}

div#pc_footer>ul>li:last-child>ul>li:nth-child(4),
div#pc_footer>ul>li:last-child>ul>li:nth-child(5) {
    width: calc(100%/4);
}

footer .copy {
    color: #fff;
    font-size: 12px;
    font-family: "Verdana";
    max-width: 1200px;
    margin: auto;
    margin-top: 85px;
}

.slide_area .swiper-slide-prev {
    opacity: 0;
}

@media all and (max-width: 500px) {
    .slide_area .swiper-slide-prev {
        opacity: 1 !important;
    }
}


/*--about--*/

#about_page .fv {
    width: 100%;
}

.fv {
    position: relative;
}

.fv>h2 {
    font-size: 40px;
    color: #fff;
    font-family: '游明朝', 'Yu Mincho', YuMincho, serif;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-weight: normal;
    transform: translate(0, -50%);
    letter-spacing: 0.04em;
}

.fv>h2>span {
    font-family: "Verdana";
    display: block;
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 16px;
    letter-spacing: 0.2em;
}

ul.breadcrumbs {
    font-family: "Verdana";
    font-size: 14px;
    display: flex;
    position: absolute;
    bottom: 1em;
    color: #fff;
    max-width: 1280px;
    width: 95%;
    margin: auto;
    right: 0;
    left: 0;
}

ul.breadcrumbs>li {
    margin-right: 1.6em;
    position: relative;
    letter-spacing: 0.12em;
}

ul.breadcrumbs>li>a {
    color: #fff;
    letter-spacing: 0.12em;
}

#blog_detail_page ul.breadcrumbs>li>a,
#blog_list_page ul.breadcrumbs>li>a,
#privacy_policy_page ul.breadcrumbs>li>a,
#tokushoho_page ul.breadcrumbs>li>a,
#icon_list_page ul.breadcrumbs>li>a,
#news_list_page ul.breadcrumbs>li>a,
#personal_information_page ul.breadcrumbs>li>a,
ul.breadcrumbs.type_b>li>a {
    color: #222222;
}


ul.breadcrumbs>li::after {
    content: "/";
    position: absolute;
    right: -1em;
    top: 50%;
    transform: translate(0, -50%);
    line-height: 1;
}

ul.breadcrumbs>li:last-child:after {
    display: none;
}





.slide__fv_main .sp__zone {
    display: none;
}

.slide__fv_main .pc__zone {
    display: block;
}



.fv {
    display: none;
}
.fv.slide__fv_main {
    display: block;
}





@media screen and (max-width:750px) {

    .pick_wrapper .swiper-slide-active {
        padding-left: 0;
    }




    .slide__fv_main .sp__zone {
        display: block;
    }

    .slide__fv_main .pc__zone {
        display: none;
    }


    header {
        background: transparent;
        height: auto;
    }

    .site-main {
        padding-top: calc((200px/2) + (200 - (200/2))*(100vw - 375px)/(750 - 375));
    }

    #pc_header {
        height: calc((200px/2) + (200 - (200/2))*(100vw - 375px)/(750 - 375));
        align-items: center;
        background: #fff;
        z-index: 8;
        width: 100%;
        padding: 0 calc((50px/2) + (50 - (50/2))*(100vw - 375px)/(750 - 375));
    }

    #pc_header>h1 {
        width: calc((120px/2) + (120 - (120/2))*(100vw - 375px)/(750 - 375));
        margin: auto;
        margin-left: 10px;
    }

    #pc_header>h1>a>img {
        max-height: calc((120px/2) + (120 - (120/2))*(100vw - 375px)/(750 - 375));
    }

    .sp_menu_btn.num3 img {
        max-height: calc((20px/2) + (20 - (20/2))*(100vw - 375px)/(750 - 375));
        object-fit: contain;
    }

    .sp_menu_btn {
        height: calc((80px/2) + (80 - (80/2))*(100vw - 375px)/(750 - 375));
        width: calc((80px/2) + (80 - (80/2))*(100vw - 375px)/(750 - 375));
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
    }

    .sp_menu_btn>a {
        height: calc((80px/2) + (80 - (80/2))*(100vw - 375px)/(750 - 375));
        width: calc((80px/2) + (80 - (80/2))*(100vw - 375px)/(750 - 375));
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
    }

    .sp_menu_btn.num1 {
        margin-right: calc((20px/2) + (20 - (20/2))*(100vw - 375px)/(750 - 375));
    }

    .sp_menu_btn.num2 {
        margin-right: calc((32px/2) + (32 - (32/2))*(100vw - 375px)/(750 - 375));
    }

    .sp_menu_btn.num3 {
        background: #222222;
    }

    .sp_menu_btn a {
        display: block;
    }

    .sp_nav {
        flex-direction: column;
        justify-content: start;
        width: 100%;
        background: #222222;
        position: absolute;
        height: 100vh;
        right: 0;
        left: 0;
        top: 0;
        transform: translate(120%, 0);
        transition: .5s;
        padding: 20px 24px 27px;
        z-index: 7;
        display: flex;
        justify-content: space-between;
    }

    .sp_nav.open {
        transform: translate(0, 0);
        overflow-y: scroll;
        padding-bottom: 100px;
    }

    .sp_nav.open .search_area {
        display: block;
        width: 100% !important;
        max-width: 200px!important;
        margin: 0 auto 5% auto !important;

    }

    .sp_nav.open .search_area input[type="search"] {
        width: 100%;
    }

    .sp_nav ul.is_sp {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 65%;
    }

    .search_area {
        display: none;
    }

    .home .about>ul {
        flex-direction: column;
        width: 85%;
        margin: auto;
    }

    .home .about>ul>li>h3 {
        font-size: calc((56px/2) + (56 - (56/2))*(100vw - 375px)/(750 - 375));
    }

    .home .about>ul>li>.txt {
        margin-top: calc((80px/2) + (80 - (80/2))*(100vw - 375px)/(750 - 375));
        font-size: calc((28px/2) + (28 - (28/2))*(100vw - 375px)/(750 - 375));
    }

    .home .about>ul>li:nth-child(2) {
        margin-top: calc((100px/2) + (100 - (100/2))*(100vw - 375px)/(750 - 375));
    }

    .view_btn.is_sp {
        width: fit-content;
        margin: calc((112px/2) + (112 - (112/2))*(100vw - 375px)/(750 - 375)) auto;
    }

    .view_btn.is_sp>a {
        font-size: calc((28px/2) + (28 - (28/2))*(100vw - 375px)/(750 - 375));
        width: calc((320px/2) + (320 - (320/2))*(100vw - 375px)/(750 - 375));
        height: calc((66px/2) + (66 - (66/2))*(100vw - 375px)/(750 - 375));
    }

    .view_btn.is_sp>a::after {
        width: calc((20px/2) + (20 - (20/2))*(100vw - 375px)/(750 - 375));
        height: calc((14px/2) + (14 - (14/2))*(100vw - 375px)/(750 - 375));
        background-size: contain;
    }

    section>h2,
    section>h3 {
        font-size: calc((48px/2) + (48 - (48/2))*(100vw - 375px)/(750 - 375));
        letter-spacing: 0.2em;
        line-height: 1.6;
    }

    section>h2>span {
        font-size: calc((28px/2) + (28 - (28/2))*(100vw - 375px)/(750 - 375));
    }

    .home .flow>a {
        width: 85%;
    }

    .fv .swiper-pagination_wrap {
        width: calc((446px/2) + (446 - (446/2))*(100vw - 375px)/(750 - 375)) !important;

    }

    .pick_wrapper .swiper-container {
        padding-left: 7.5%;
    }

    .pick_wrapper {
        width: 100%;
        margin: auto;
        margin-right: 0;
    }

    article.swiper-slide .catch,
    article.swiper-slide .date,
    section>h3>span {
        font-size: calc((28px/2) + (28 - (28/2))*(100vw - 375px)/(750 - 375));
    }

    .pick_wrapper .swiper-button-next {
        right: calc((35px/2) + (35 - (35/2))*(100vw - 375px)/(750 - 375));
    }

    .pick_wrapper .swiper-button-prev {
        left: calc((30px/2) + (30 - (30/2))*(100vw - 375px)/(750 - 375));
    }

    .pick_wrapper.is_sp {
        margin-bottom: calc((160px/2) + (160 - (160/2))*(100vw - 375px)/(750 - 375));
    }

    section>h3 {
        margin: 0;
        margin-bottom: calc((72px/2) + (72 - (72/2))*(100vw - 375px)/(750 - 375));
    }

    .home .best10 {
        width: 92.5%;
    }

    .slide_area .swiper-container {
        padding-left: 0;
    }

    #home_page>.bg_color>.bg_color::after {
        width: 92.5%;
    }

    .slide_area .swiper-slide>img {
        max-width: calc((400px/2) + (400 - (400/2))*(100vw - 375px)/(750 - 375));
        margin: auto;
    }

    .slide_area .swiper-slide {
        padding: calc((48px/2) + (48 - (48/2))*(100vw - 375px)/(750 - 375));
    }

    .slide_area .swiper-slide>.title,
    .slide_area .swiper-slide>.price {
        font-size: calc((32px/2) + (32 - (32/2))*(100vw - 375px)/(750 - 375));
    }

    .slide_area .swiper-slide>.catch {
        font-size: calc((24px/2) + (24 - (24/2))*(100vw - 375px)/(750 - 375));
    }

    .product_slide .swiper-button-next {
        left: 0 !important;
        right: 0 !important;
        margin: auto;
        top: auto !important;
        bottom: calc((50px/2) + (50 - (50/2))*(100vw - 375px)/(750 - 375));
    }

    .product_slide .swiper-button-prev {
        left: 0 !important;
        right: 0 !important;
        margin: auto;
        top: auto !important;
        bottom: calc((50px/2) + (50 - (50/2))*(100vw - 375px)/(750 - 375));
        transform: translate(calc((-100px/2) + (-100 - (-100/2))*(100vw - 375px)/(750 - 375)), 0) scale(-1, 1) !important;
    }

    .slide_area~.view_btn {
        width: fit-content;
        margin: calc((80px/2) + (80 - (80/2))*(100vw - 375px)/(750 - 375)) auto;
        padding: 0;
        transform: translate(calc((-50px/2) + (-50 - (-50/2))*(100vw - 375px)/(750 - 375)), 0);
    }

    .slide_area~.view_btn>a {
        font-size: calc((28px/2) + (28 - (28/2))*(100vw - 375px)/(750 - 375));
        width: calc((320px/2) + (320 - (320/2))*(100vw - 375px)/(750 - 375));
        height: calc((66px/2) + (66 - (66/2))*(100vw - 375px)/(750 - 375));
    }

    .slide_area~.view_btn>a::after {
        width: calc((20px/2) + (20 - (20/2))*(100vw - 375px)/(750 - 375));
        height: calc((14px/2) + (14 - (14/2))*(100vw - 375px)/(750 - 375));
        background-size: contain;
    }

    .home #search ul {
        flex-direction: column;
    }

    .home #search li {
        width: calc(100% - calc((16px/2) + (16 - (16/2))*(100vw - 375px)/(750 - 375))*2);
        margin-bottom: calc((8.6px/2) + (8.6 - (8.6/2))*(100vw - 375px)/(750 - 375));
    }

    .slide_area>.review_slide .swiper-slide>img {
        width: 100%;
        max-height: none;
        max-width: none;
    }


    .slide_area>.review_slide .swiper-slide>.txt>.name {
        font-size: calc((28px/2) + (28 - (28/2))*(100vw - 375px)/(750 - 375));
    }

    .slide_area>.review_slide .swiper-slide>.txt>.date {
        display: none;
    }

    .slide_area>.review_slide .swiper-slide>.txt>.title {
        font-size: calc((32px/2) + (32 - (32/2))*(100vw - 375px)/(750 - 375));
    }

    .slide_area>.review_slide .swiper-slide>.txt>.catch {
        font-size: calc((24px/2) + (24 - (24/2))*(100vw - 375px)/(750 - 375));
    }

    .swiper-container.review_slide {
        padding-bottom: calc((270px/2) + (270 - (270/2))*(100vw - 375px)/(750 - 375));
    }

    .review_slide .swiper-button-next {
        left: 0 !important;
        right: 0 !important;
        margin: auto;
        top: auto !important;
        bottom: calc((80px/2) + (80 - (80/2))*(100vw - 375px)/(750 - 375));
        transform: translate(calc((80px/2) + (80 - (80/2))*(100vw - 375px)/(750 - 375)), 0);
    }

    .review_slide .swiper-button-prev {
        left: 0 !important;
        right: 0 !important;
        margin: auto;
        top: auto !important;
        bottom: calc((80px/2) + (80 - (80/2))*(100vw - 375px)/(750 - 375));
        transform: translate(calc((-80px/2) + (-80 - (-80/2))*(100vw - 375px)/(750 - 375)), 0) scale(-1, 1) !important;
    }

    .home .swiper-container.product_slide {
        padding-bottom: calc((270px/2) + (270 - (270/2))*(100vw - 375px)/(750 - 375));
    }

    .home .product_slide .swiper-button-prev,
    .home .product_slide .swiper-button-next {
        bottom: calc((80px/2) + (80 - (80/2))*(100vw - 375px)/(750 - 375));
    }

    .home .slide_area~.view_btn {
        margin: 0 auto;
        transform: translate(calc((-28px/2) + (-28 - (-28/2))*(100vw - 375px)/(750 - 375)), 0);
    }

    .home #menu>ul {
        flex-direction: column;
    }

    .home #menu li {
        width: 100%;
        border-bottom: solid 1pxcalc((9999px/2) + (9999 - (9999/2))*(100vw - 375px)/(750 - 375)) #EAEAEA;
        border-right: none;
        padding: calc((50px/2) + (50 - (50/2))*(100vw - 375px)/(750 - 375)) 0;
    }

    .home #menu {
        padding: 0;
        width: calc((654px/2) + (654 - (654/2))*(100vw - 375px)/(750 - 375));
    }

    .home #menu li {
        width: calc((526px/2) + (526 - (526/2))*(100vw - 375px)/(750 - 375));
        border-bottom: solid calc((1px/2) + (1 - (1/2))*(100vw - 375px)/(750 - 375)) #EAEAEA;
        border-right: none;
        padding: calc((100px/2) + (100 - (100/2))*(100vw - 375px)/(750 - 375)) 0;
        margin: auto;
    }

    .home #menu li>img {
        max-height: calc((374px/2) + (374 - (374/2))*(100vw - 375px)/(750 - 375));
        margin-bottom: calc((56px/2) + (56 - (56/2))*(100vw - 375px)/(750 - 375));
    }

    .home #menu li .title {
        font-size: calc((40px/2) + (40 - (40/2))*(100vw - 375px)/(750 - 375));
    }

    .home #menu li .catch {
        font-size: calc((31px/2) + (31 - (31/2))*(100vw - 375px)/(750 - 375));
        line-height: 1.75;
        letter-spacing: 0.08em;
    }

    .home #menu li .view_btn {
        margin-top: calc((76px/2) + (76 - (76/2))*(100vw - 375px)/(750 - 375));
    }













    .view_btn>a {
        font-size: calc((28px/2) + (28 - (28/2))*(100vw - 375px)/(750 - 375));
        width: calc((320px/2) + (320 - (320/2))*(100vw - 375px)/(750 - 375));
        height: calc((60px/2) + (60 - (60/2))*(100vw - 375px)/(750 - 375));
    }

    .view_btn.vb>a {
        width: calc((558px/2) + (558 - (558/2))*(100vw - 537px)/(750 - 375));
        height: calc((70px/2) + (70 - (70/2))*(100vw - 375px)/(750 - 375));
    }

    .view_btn>a::after {
        width: calc((19.76px/2) + (19.76 - (19.76/2))*(100vw - 375px)/(750 - 375));
        height: calc((13.18px/2) + (13.18 - (13.18/2))*(100vw - 375px)/(750 - 375));
        background-size: contain;
    }

    div#pc_footer {
        flex-direction: column;
        /*-width: calc(100% - ((24px/2) + (24 - (24/2))*(100vw - 375px)/(750 - 375))*2);-*/
        width: 85%;
        margin: auto;
    }

    div#pc_footer>ul {
        width: 100%;
    }

    div#pc_footer>ul>li {
        margin-bottom: 0;
    }

    div#pc_footer>ul>li:nth-child(1)>ul,
    div#pc_footer>ul>li:nth-child(2)>ul {
        display: flex;
        flex-wrap: wrap;
    }

    div#pc_footer>ul>li:nth-child(3)>ul {
        flex-direction: column;
    }

    div#pc_footer>ul>li:nth-child(1)>ul>li,
    div#pc_footer>ul>li:nth-child(2)>ul>li {
        width: 50%;
        margin-bottom: 1em;
    }

    div#pc_footer>ul>li:nth-child(3)>ul>li {
        width: 100%;
        margin-bottom: 1em;
    }


    div#pc_footer>ul>li:last-child>ul>li:nth-child(1),
    div#pc_footer>ul>li:last-child>ul>li:nth-child(2),
    div#pc_footer>ul>li:last-child>ul>li:nth-child(3) {
        width: 100%;
    }

    footer .copy {
        text-align: center;
    }

    div#pc_footer>.sns>ul {
        justify-content: center;
    }

    div#pc_footer>.sns>ul>li,
    div#pc_footer>.sns>ul>li:nth-child(1),
    div#pc_footer>.sns>ul>li:nth-child(2) {
        margin: 0;
    }

    div#pc_footer>.sns>ul>li:nth-child(1) {
        margin-right: 6px;
    }

    div#pc_footer>.sns>ul>li:nth-child(2) {
        margin-left: 6px;
    }


}

@media screen and (max-width:1440px) {

    .pick_wrapper.is_pc .swiper-slide.swiper-slide-active {
        width: calc((434px/2) + (434 - (434/2))*(100vw - 375px)/(1440 - 375)) !important;
    }

    .pick_wrapper.is_pc .swiper-slide {
        padding: 0 calc((20px/2) + (20 - (20/2))*(100vw - 375px)/(1440 - 375)) 0 calc((40px/2) + (40 - (40/2))*(100vw - 375px)/(1440 - 375));
    }

    .pick_wrapper.is_pc .swiper-slide {
        width: calc((340px/2) + (340 - (340/2))*(100vw - 375px)/(1440 - 375)) !important;
        height: calc((526px/2) + (526 - (526/2))*(100vw - 375px)/(1440 - 375));
    }

}



/*--about---------------------------------------------*/

#about_page>.bg_color {
    background: #FAF8F5;
    /*-padding-bottom: 142px;-*/
    position: relative;
}

#about_page>.bg_color::after {
    content: "";
    background: #fff;
    position: absolute;
    width: 90%;
    max-width: 863px;
    height: 100%;
    top: 0;
    z-index: 0;
}

#about_page #about {
    padding-top: 142px;
}

#about_page #about>ul {
    display: flex;
    justify-content: space-between;
}

#about_page #about>ul:nth-child(1)>li:nth-child(1) {
    margin-right: auto;
    margin-left: 90px;
    width: 450px;
}

#about_page #about>ul:nth-child(1)>li:nth-child(2) {
    width: 804px;
    margin-left: auto 0;
    position: relative;
}

#about_page #about>ul:nth-child(1)>li:nth-child(2)>img:nth-child(1) {
    width: 100%;
    margin: 0;
    max-width: none;
}

#about_page #about>ul:nth-child(1)>li:nth-child(2)>img:nth-child(2) {
    position: absolute;
    top: -55px;
    left: -140px;
    width: 305px;
    z-index: 1;
    transform: rotate(-28deg);
}

@media screen and (min-width:749px) and (max-width:1440px) {

    #about_page #about>ul:nth-child(1)>li:nth-child(1) {
        margin-left: calc((90px/2) + (90 - (90/2))*(100vw - 375px)/(1440 - 375));
        width: calc((450px/2) + (450 - (450/2))*(100vw - 375px)/(1440 - 375));
    }

    #about_page #about>ul:nth-child(1)>li:nth-child(2) {
        width: calc((804px/2) + (804 - (804/2))*(100vw - 375px)/(1440 - 375));
    }

    #about_page #about>ul:nth-child(1)>li:nth-child(2)>img:nth-child(2) {
        top: calc((-55px/2) + (-55 - (-55/2))*(100vw - 375px)/(1440 - 375));
        left: calc((-140px/2) + (-140 - (-140/2))*(100vw - 375px)/(1440 - 375));
        width: calc((305px/2) + (305 - (305/2))*(100vw - 375px)/(1440 - 375));
    }

}

#about_page #about>ul:nth-child(1)>li:nth-child(1)>h3 {
    font-size: 48px;
    font-family: '游明朝', 'Yu Mincho', YuMincho, serif;
    font-weight: normal;
    letter-spacing: 0.3em;
    line-height: 1.6;
    margin: auto;
}

@media screen and (max-width: 750px) {
    #about_page #about {
        padding-top: calc((116px/2) + (116 - (116/2))*(100vw - 375px)/(750 - 375));
    }
}

#about_page #about>ul:nth-child(1)>li:nth-child(1)>.txt {
    line-height: 2;
    letter-spacing: 0.16em;
    margin-top: 55px;
}

@media screen and (min-width:749px) and (max-width:1440px) {
    #about_page #about>ul:nth-child(1)>li:nth-child(1)>h3 {
        font-size: calc((48px/2) + (48 - (48/2))*(100vw - 375px)/(1440 - 375));
    }

    #about_page #about>ul:nth-child(1)>li:nth-child(1)>.txt {
        margin-top: calc((55px/2) + (55 - (55/2))*(100vw - 375px)/(1440 - 375));
        font-size: calc((16px/2) + (16 - (16/2))*(100vw - 375px)/(1440 - 375));
    }
}

#about_page #about>ul:nth-child(2) {
    max-width: 1392px;
    width: 100%;
    margin: 0 auto;
}

#about_page #about>ul:nth-child(2)>li {
    width: calc((100% - 10px*3)/4);
}

#about_page #about>ul:nth-child(2)>li>span {
    line-height: 32px;
    text-align: center;
    display: block;
    margin-top: 1.1em;
    letter-spacing: 0.16em;
}

@media screen and (max-width:749px) {

    #about_page #about>ul:nth-child(2)>li>span {
        line-height: 24px;
    }

}



#about_page>.bg_color>section {
    z-index: 1;
    position: relative;
}

#about_page #message {
    margin-top: 144px;
}

#about_page #message>ul {
    display: flex;
    justify-content: space-between;
    max-width: 1320px;
    margin-left: auto;
    margin-top: 58px;
}


#about_page #message>ul h3 {
    font-size: 40px;
    font-family: '游明朝', 'Yu Mincho', YuMincho, serif;
    font-weight: normal;
    letter-spacing: 0.3em;
    line-height: 1.8;
    white-space: nowrap;
}

#about_page #message>ul .txt {
    letter-spacing: 0.16em;
    line-height: 2;
    margin-top: 56px;
}

#about_page #message>ul .memo {
    background: #FAF8F5;
    border: solid 1px #DDD7CF;
    padding: 30px 55px;
    margin-top: 60px;
    max-width: 489px;
    box-sizing: border-box;
}

#about_page #message>ul .memo>ul {
    display: flex;
    justify-content: space-between;
}

#about_page #message>ul .memo>ul>li {
    letter-spacing: 0.08em;
    line-height: 2;
    font-size: 12px;
}

#about_page #message>ul .memo>ul>li>span {
    line-height: 2;
    font-size: 16px;
    letter-spacing: 0.16em;
}

#about_page #commitment {
    margin-top: 136px;
}

#about_page #commitment>ul>li {
    display: flex;
    justify-content: space-between;
}


#about_page #commitment>ul>li>.img {
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-top: 50px;
    margin-bottom: 45px;
}

#about_page #commitment>ul>li>.txt {
    width: 100%;
    max-width: 670px;
    margin-right: auto;
}

#about_page #commitment>ul {
    max-width: 1240px;
    margin: auto;
}

#about_page #commitment>ul>li>.txt .num {
    color: #83CDE6;
    font-size: 40px;
    font-family: '游明朝', 'Yu Mincho', YuMincho, serif;
    line-height: 1.75;
}

#about_page #commitment>ul>li>.txt h4 {
    font-weight: normal;
    font-family: '游明朝', 'Yu Mincho', YuMincho, serif;
    font-size: 24px;
    line-height: 1.3;
    letter-spacing: 0.3em;
    margin-top: 37px;
}

#about_page #commitment>ul>li>.txt .catch,
.contents_slide_area .swiper-slide .txt>.catch {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    margin-top: 37px;
    line-height: 2;
    letter-spacing: 0.08em;
}

#about_page #commitment>ul>li>.img>img {
    filter: drop-shadow(30px 10px 34px #E3DDCD);
}

#about_page #history {
    background: #F4F2EF;
    padding: 80px 0 96px;
}

@media screen and (min-width:751px) {

    #about_page #history .swiper-slide-active {
        padding-left: 80px !important;
    }

}

@media screen and (min-width:749px) and (max-width:1440px) {
    #about_page #history {
        padding: calc((104px/2) + (104 - (104/2))*(100vw - 375px)/(1440 - 375)) 0 calc((110px/2) + (110 - (110/2))*(100vw - 375px)/(1440 - 375));
        padding-left: calc((80px/2) + (80 - (80/2))*(100vw - 375px)/(1440 - 375));
    }
}

#about_page .contents_slide_area {
    margin-left: auto;
}

.contents_slide_area .swiper-slide {
    padding-top: 46px;
}

.contents_slide_area .swiper-slide>ul {
    display: flex;
    justify-content: space-between;
}

.contents_slide_area .swiper-slide .txt {
    max-width: 380px;
    margin-right: 0;
}

.contents_slide_area .swiper-slide .img {
    margin-top: 0;
    margin-left: 48px;
    margin-right: 110px;
    width: 318px;
}

@media screen and (min-width:749px) and (max-width:1440px) {

    .contents_slide_area .swiper-slide .txt {
        max-width: calc((380px/2) + (380 - (380/2))*(100vw - 375px)/(1440 - 375));
        margin-right: 0;
        width: 50%;
    }

    .contents_slide_area .swiper-slide .img {
        margin-top: 0;
        margin-left: calc((48px/2) + (48 - (48/2))*(100vw - 375px)/(1440 - 375));
        margin-right: calc((110px/2) + (110 - (110/2))*(100vw - 375px)/(1440 - 375));
        width: calc((318px/2) + (318 - (318/2))*(100vw - 375px)/(1440 - 375));
    }

}

.contents_slide_area .swiper-slide .txt>h4 {
    font-weight: normal;
    font-family: '游明朝', 'Yu Mincho', YuMincho, serif;
    font-size: 24px;
    line-height: 1.3;
    letter-spacing: 0.3em;
    margin: auto;
}

.contents_slide_area .swiper-slide>.num {
    color: #83CDE6;
    font-size: 40px;
    font-family: '游明朝', 'Yu Mincho', YuMincho, serif;
    line-height: 1.75;
    margin-bottom: 48px;
}

.contents_slide_area .swiper-pagination-progressbar {
    background: #DDD8D0;
    height: 1px !important;
}

.contents_slide_area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #988F81;
}


@media screen and (max-width:750px) {

    .is_pc {
        display: none;
    }

    ul.breadcrumbs {
        display: none;
    }

    #about_page #about>ul {
        flex-direction: column;
    }

    #about_page #about>ul:nth-child(1)>li:nth-child(1),
    #about_page #about>ul:nth-child(1)>li:nth-child(2) {
        width: 100%;
        box-sizing: border-box;
        margin-left: 24px;
    }

    #about_page #about>ul:nth-child(1)>li:nth-child(2) {
        margin-top: calc((110px/2) + (110 - (110/2))*(100vw - 375px)/(750 - 375));
    }

    #about_page #about>ul:nth-child(1)>li:nth-child(2)>img:nth-child(1) {
        width: 100%;
    }

    #about_page #about>ul:nth-child(1)>li:nth-child(2)>img:nth-child(2) {
        width: calc((340px/2) + (340 - (340/2))*(100vw - 375px)/(750 - 375));
        right: calc((48px/2) + (48 - (48/2))*(100vw - 375px)/(750 - 375));
        left: auto;
        top: calc((-95px/2) + (-95 - (-95/2))*(100vw - 375px)/(750 - 375));
    }


    #about_page #about>ul:nth-child(2)>li {
        margin: 0 auto 75px;
        font-size: 28px;
    }

    #about_page>.bg_color::after {
        background: #FAF8F5;
    }

    #about_page #message {
        position: relative;
    }

    section#message>h2 {
        margin: auto;
    }

    #about_page #message::after {
        content: "";
        width: calc((702px/2) + (702 - (702/2))*(100vw - 375px)/(750 - 375));
        height: 100%;
        background: #fff;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
    }

    #about_page #message>ul {
        flex-direction: column-reverse;
    }

    #about_page #message>ul>li:nth-child(1) {
        display: flex;
        flex-direction: column;
    }

    #about_page #message>ul .memo {
        order: 0;
        max-width: none;
        margin: 0 auto 80px;
    }

    #about_page #message>ul h3 {
        order: 1;
        letter-spacing: 0.3em;
        margin: 0 auto 66px;
    }

    #about_page #message>ul .txt {
        order: 2;
        margin: auto;
    }

    #about_page #message>ul .memo>ul>li {
        font-size: 24px;
        width: 47%;
    }

    #about_page #about>ul:nth-child(2)>li:last-child {
        margin-bottom: 0;
    }

    #about_page #commitment>ul>li {
        margin-bottom: 0;
    }

    #about_page #commitment>ul>li>.txt h4 {
        letter-spacing: 0.3em;
    }

    .contents_slide_area .swiper-slide>ul {
        flex-direction: column-reverse;
    }

    .contents_slide_area .swiper-slide .txt {
        max-width: none;
    }

    .contents_slide_area .swiper-slide .txt>h4 {
        margin: 40px auto 40px;
    }



    .contents_slide_area .swiper-slide .txt>h4 {
        letter-spacing: 0.2em;
    }

    .contents_slide .swiper-button-next {
        left: 0 !important;
        right: 0 !important;
        margin: auto;
        top: auto !important;
        transform: translate(calc((60px/2) + (60 - (60/2))*(100vw - 375px)/(750 - 375)), 0);
        -webkit-tap-highlight-color: transparent;
    }

    .contents_slide .swiper-button-prev {
        left: 0 !important;
        right: 0 !important;
        margin: auto;
        top: auto !important;
        transform: translate(calc((-80px/2) + (-80 - (-80/2))*(100vw - 375px)/(750 - 375)), 0) scale(1, 1) !important;
        -webkit-tap-highlight-color: transparent;
    }


    .contents_slide .swiper-wrapper {
        padding-bottom: 0;
    }

    #about_page #commitment>ul>li>.img {
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
    }

    #about_page #commitment {
        margin-top: calc((160px/2) + (160 - (160/2))*(100vw - 375px)/(750 - 375));
    }

    #about_page #commitment>ul>li>.txt .img.is_sp {
        filter: drop-shadow(calc((78px/2) + (78 - (78/2))*(100vw - 375px)/(750 - 375)) calc((28px/2) + (28 - (28/2))*(100vw - 375px)/(750 - 375)) calc((30px/2) + (30 - (30/2))*(100vw - 375px)/(750 - 375)) #2B1F0024);
    }

    #about_page #commitment>ul>li>.txt {
        margin-bottom: calc((107px/2) + (107 - (107/2))*(100vw - 375px)/(750 - 375));
    }

    #about_page #history {
        padding-left: 0;
    }

    .contents_slide_area .swiper-slide .img {
        margin: 0;
    }

    .contents_slide_area .swiper-slide .img {
        width: 100%;
    }

    .contents_slide_area .swiper-pagination-progressbar {
        display: none;
    }

    #about_page .contents_slide_area {
        width: 95%;
    }

    #about_page section#history>h2 {
        margin-bottom: calc((92px/2) + (92 - (92/2))*(100vw - 375px)/(750 - 375));
    }

    #about_page section#history .contents_slide_area .swiper-slide {
        padding-top: 0;
    }

    .contents_slide_area .swiper-slide>.num {
        margin-bottom: calc((20px/2) + (20 - (20/2))*(100vw - 375px)/(750 - 375));
    }


}

/*--about-end--*/

/*---product_list--------------------------------------------*/

.sort>ul {
    display: flex;
    justify-content: space-between;
    border-top: solid 1px #EAEAEA;
    border-bottom: solid 1px #EAEAEA;
    padding: 1em 7em;
}

.sort>ul>li:nth-child(2)>label {
    position: relative;
    display: block;
    padding-right: 57px;
    cursor: pointer;
}

.sort>ul>li:nth-child(2)>label>span:nth-child(2) {
    font-size: 0;
    width: 18.68px;
    height: 17.35px;
    background: url(./img/icon/sort_icon.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

ul.list_area {
    max-width: 1154px;
    width: 95%;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    margin-top: 64px;
    margin-bottom: 80px;
}

ul.list_area>li {
    width: calc((100% - 40px*2)/3);
    border: solid 1px #E8E8E8;
    padding: 48px 48px 43px;
    box-sizing: border-box;
    border-radius: 10px;
    margin-right: 40px;
    margin-bottom: 40px;
}

ul.list_area>li:nth-child(3n) {
    margin-right: 0;
}

ul.list_area>li img {
    max-height: 200px;
    object-fit: contain;
    margin-bottom: 35px;
}

ul.list_area>li span {
    display: block;
}

ul.list_area>li span.title {
    font-family: '游明朝', 'Yu Mincho', YuMincho, serif;
    text-align: center;
    margin-top: 37px;
}

ul.list_area>li span.price {
    color: #B9B5A5;
    font-size: 20px;
    text-align: center;
    font-family: '游明朝', 'Yu Mincho', YuMincho, serif;
    margin-top: 18px;
}

ul.list_area>li span.catch {
    margin-top: 30px;
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.08em;
}

@media screen and (max-width:750px) {

    ul.list_area {
        flex-direction: column;
    }

    ul.list_area>li {
        width: 100%;
        margin: auto;
        margin-bottom: calc((48px/2) + (48 - (48/2))*(100vw - 375px)/(750 - 375));
    }

    .sort>ul {
        padding-left: calc((48px/2) + (48 - (48/2))*(100vw - 375px)/(750 - 375));
        padding-right: calc((48px/2) + (48 - (48/2))*(100vw - 375px)/(750 - 375));
    }

    .sort>ul>li:nth-child(2)>label>span:nth-child(1) {
        opacity: 0;
    }

}

/*---product_list-end-------------------------------------------*/

/*---product_detail-------------------------------------------*/


#pro_detail_page>.pro {
    background: #FAF8F5;
    padding-top: calc((65px/2) + (65 - (65/2))*(100vw - 375px)/(1903 - 375));
    padding-bottom: calc((105px/2) + (105 - (105/2))*(100vw - 375px)/(1903 - 375));
}

#pro_detail_page>.pro>ul {
    max-width: calc((1152px/2) + (1152 - (1152/2))*(100vw - 375px)/(1903 - 375));
    margin: auto;
    margin-right: calc((81px/2) + (81 - (81/2))*(100vw - 375px)/(1903 - 375));
}

#pro_detail_page>.pro>ul>li:nth-child(1) {
    display: flex;
    flex-direction: row-reverse;
}

#pro_detail_page>.pro>ul>li:nth-child(1)>.slide {
    width: calc(((490px/2) + (490 - (490/2))*(100vw - 375px)/(1903 - 375)) + ((16px/2) + (16 - (16/2))*(100vw - 375px)/(1903 - 375)) + ((111px/2) + (111 - (111/2))*(100vw - 375px)/(1903 - 375)));
    display: flex;
    margin-left: calc((52px/2) + (52 - (52/2))*(100vw - 375px)/(1903 - 375));
}

#pro_detail_page>.pro>ul>li:nth-child(1)>.slide>.swiperMain {
    margin: 0;
    width: calc((490px/2) + (490 - (490/2))*(100vw - 375px)/(1903 - 375));
    margin-right: calc((16px/2) + (16 - (16/2))*(100vw - 375px)/(1903 - 375));
}

#pro_detail_page>.pro>ul>li:nth-child(1)>.slide>.swiperThumbnail {
    margin: 0;
    width: calc((111px/2) + (111 - (111/2))*(100vw - 375px)/(1903 - 375));
}

#pro_detail_page>.pro>ul>li:nth-child(1)>.slide>.swiperThumbnail .swiper-wrapper {
    flex-direction: column;
}

#pro_detail_page>.pro>ul>li:nth-child(1)>.slide>.swiperThumbnail .swiper-wrapper .swiper-slide {
    width: 100% !important;
    height: auto;
    margin-bottom: calc((12px/2) + (12 - (12/2))*(100vw - 375px)/(1903 - 375));
}

#pro_detail_page>.pro>ul>li:nth-child(1)>.name {
    width: 50%;
}

#pro_detail_page>.pro>ul>li:nth-child(1)>.name>.name {
    margin-bottom: calc((46px/2) + (46 - (46/2))*(100vw - 375px)/(1903 - 375));
}

#pro_detail_page>.pro>ul>li:nth-child(1)>.name>.price {
    margin-bottom: calc((50px/2) + (50 - (50/2))*(100vw - 375px)/(1903 - 375));
}

#pro_detail_page>.pro>ul>li:nth-child(1)>.name>.price>span:nth-child(1) {
    font-family: '游明朝', 'Yu Mincho', YuMincho, serif;
    margin-right: calc((28px/2) + (28 - (28/2))*(100vw - 375px)/(1903 - 375));
    letter-spacing: 0.12em;
}

#pro_detail_page>.pro>ul>li:nth-child(1)>.name>.price>span:nth-child(2) {
    font-family: '游明朝', 'Yu Mincho', YuMincho, serif;
    color: #B9B5A5;
    font-size: calc((40px/2) + (40 - (40/2))*(100vw - 375px)/(1903 - 375));
    letter-spacing: 0.04em;
}

#pro_detail_page>.pro>ul>li:nth-child(1)>.name>.price>span:nth-child(3) {
    font-family: '游明朝', 'Yu Mincho', YuMincho, serif;
    color: #B9B5A5;
    font-size: calc((19px/2) + (19 - (19/2))*(100vw - 375px)/(1903 - 375));
    letter-spacing: 0.04em;
}

#pro_detail_page>.pro>ul>li:nth-child(1)>.name>.option {
    display: flex;
    justify-content: space-between;
    margin-bottom: calc((30px/2) + (30 - (30/2))*(100vw - 375px)/(1903 - 375));
}

#pro_detail_page>.pro>ul>li:nth-child(1)>.name>.option>p {
    font-size: calc((14px/2) + (14 - (14/2))*(100vw - 375px)/(1903 - 375));
    margin: auto;
    margin-left: 0;
}

#pro_detail_page>.pro>ul>li:nth-child(1)>.name>.option>select {
    width: 75%;
    background: #F2F0EC;
    border: none;
    padding: 1em;
}

#pro_detail_page>.pro>ul>li:nth-child(1)>.name>ul.btn.cart {
    display: flex;
    justify-content: space-between;
    text-align: center;
    margin-bottom: calc((26px/2) + (26 - (26/2))*(100vw - 375px)/(1903 - 375));
}

#pro_detail_page>.pro>ul>li:nth-child(1)>.name>ul.btn.cart>li {
    width: calc((100% - calc((12px/2) + (12 - (12/2))*(100vw - 375px)/(1903 - 375)))/2);
    border: solid calc((1px/2) + (1 - (1/2))*(100vw - 375px)/(1903 - 375)) #30302F;
    height: calc((50px/2) + (50 - (50/2))*(100vw - 375px)/(1903 - 375));
}

#pro_detail_page>.pro>ul>li:nth-child(1)>.name>ul.btn.cart>li>label {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
    font-size: calc((14px/2) + (14 - (14/2))*(100vw - 375px)/(1903 - 375));
    cursor: pointer;
}

#pro_detail_page>.pro>ul>li:nth-child(1)>.name>ul.btn.cart>li:nth-child(2)>label {
    background: #30302F;
    color: #fff;
}

#pro_detail_page>.pro>ul>li:nth-child(1)>.name>ul.btn.cart>li:nth-child(1)>label {
    color: #30302F;
}

#pro_detail_page>.pro>ul>li:nth-child(1)>.name>ul.btn.cart>li:nth-child(1)>label>span {
    background: url(./img/icon/heart.png) no-repeat;
    width: calc((16.2px/2) + (16.2 - (16.2/2))*(100vw - 375px)/(1903 - 375));
    height: calc((14.41px/2) + (14.41 - (14.41/2))*(100vw - 375px)/(1903 - 375));
    background-size: contain;
    left: 2em;
}

#pro_detail_page>.pro>ul>li:nth-child(1)>.name>ul.btn.cart>li:nth-child(2)>label>span {
    background: url(./img/icon/cart2.png) no-repeat;
    width: calc((12.99px/2) + (12.99 - (12.99/2))*(100vw - 375px)/(1903 - 375));
    height: calc((14.41px/2) + (14.41 - (14.41/2))*(100vw - 375px)/(1903 - 375));
    background-size: contain;
    left: 3em;
}

#pro_detail_page>.pro>ul>li:nth-child(1)>.name>ul.btn.cart>li>label>span {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

#pro_detail_page>.pro>ul>li:nth-child(1)>.name>.haisou {
    display: flex;
    justify-content: flex-start;
    font-size: calc((14px/2) + (14 - (14/2))*(100vw - 375px)/(1903 - 375));
}

#pro_detail_page>.pro>ul>li:nth-child(1)>.name>.haisou>p {
    margin-right: 3em;
}

#pro_detail_page>.pro>ul>li:nth-child(2),
#pro_detail_page>.pro>ul>li:nth-child(3),
#pro_detail_page>.pro>ul>li:nth-child(4),
#pro_detail_page>.pro>ul>li h4,
#pro_detail_page>.pro>ul>li:nth-child(6) {
    display: flex;
    justify-content: space-between;
    max-width: calc((1024px/2) + (1024 - (1024/2))*(100vw - 375px)/(1903 - 375));
    margin: calc((70px/2) + (70 - (70/2))*(100vw - 375px)/(1903 - 375)) auto 0;
    margin-left: 0;
}

#pro_detail_page>.pro>ul>li:nth-child(2)>div {
    width: calc((464px/2) + (464 - (464/2))*(100vw - 375px)/(1903 - 375));
}

#pro_detail_page>.pro>ul>li h4 {
    font-size: calc((20px/2) + (20 - (20/2))*(100vw - 375px)/(1903 - 375));
    line-height: 1;
    border-bottom: solid calc((1px/2) + (1 - (1/2))*(100vw - 375px)/(1903 - 375)) #D6D2CB;
    padding-bottom: 0.85em;
    margin-bottom: 1.05em;
}

#pro_detail_page>.pro>ul>li:nth-child(2)>.catch {
    letter-spacing: 0.07em;
    line-height: 2;
}

#pro_detail_page>.pro>ul>li:nth-child(2)>.info>dl {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

#pro_detail_page>.pro>ul>li:nth-child(2)>.info>dl>dt {
    width: 40%;
}

#pro_detail_page>.pro>ul>li:nth-child(2)>.info>dl>dd {
    width: 60%;
}

#pro_detail_page>.pro>ul>li:nth-child(2)>.info>dl>dd>.info_rogo img {
    max-height: calc((23px/2) + (23 - (23/2))*(100vw - 375px)/(1903 - 375));
    object-fit: contain;
    object-position: left;
}

#pro_detail_page>.pro>ul>li:nth-child(3)>.txt1,
#pro_detail_page>.pro>ul>li:nth-child(4)>.txt2 {
    width: 100%;
}

#pro_detail_page>.pro>ul>li:nth-child(3)>.txt1>ul {
    display: flex;
    justify-content: space-between;
}

#pro_detail_page>.pro>ul>li:nth-child(3)>.txt1>ul>li:nth-child(1) {
    width: calc((534px/2) + (534 - (534/2))*(100vw - 375px)/(1903 - 375));
}

#pro_detail_page>.pro>ul>li:nth-child(3)>.txt1>ul>li:nth-child(2) {
    width: calc((438px/2) + (438 - (438/2))*(100vw - 375px)/(1903 - 375));
    padding-top: 1em;
}

#pro_detail_page>.pro>ul>li:nth-child(4)>.txt2>ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#pro_detail_page>.pro>ul>li:nth-child(4)>.txt2>ul>li {
    width: calc((501px/2) + (501 - (501/2))*(100vw - 375px)/(1903 - 375));
    margin-bottom: calc((85px/2) + (85 - (85/2))*(100vw - 375px)/(1903 - 375));
}

#pro_detail_page>.pro>ul>li:nth-child(4)>.txt2>ul>li>.txt {
    margin-top: calc((32px/2) + (32 - (32/2))*(100vw - 375px)/(1903 - 375));
}


#pro_detail_page .swiper-container.product_slide {
    position: relative;
}

#pro_detail_page>.pro>ul>li:nth-child(5)>.check .slide_area {
    transform: translate(calc((-48px/2) + (-48 - (-48/2))*(100vw - 375px)/(1903 - 375)), 0);
}

#pro_detail_page>.pro>ul>li:nth-child(5)>.check .swiper-button-next:after,
#pro_detail_page>.pro>ul>li:nth-child(5)>.check .swiper-button-prev:after {
    display: none;
}

#pro_detail_page>.pro>ul>li:nth-child(6)>.review li {
    background: #fff;
    margin-bottom: calc((22px/2) + (22 - (22/2))*(100vw - 375px)/(1903 - 375));
    padding: calc((20px/2) + (20 - (20/2))*(100vw - 375px)/(1903 - 375)) calc((30px/2) + (30 - (30/2))*(100vw - 375px)/(1903 - 375));
    border-radius: calc((8px/2) + (8 - (8/2))*(100vw - 375px)/(1903 - 375));
}

#pro_detail_page>.pro>ul>li:nth-child(6)>.review .review_bg {
    background: #F2F0EC;
    padding: calc((45px/2) + (45 - (45/2))*(100vw - 375px)/(1903 - 375)) calc((30px/2) + (30 - (30/2))*(100vw - 375px)/(1903 - 375));
}

.flex_box {
    display: flex;
}

#pro_detail_page>.pro>ul>li:nth-child(6)>.review .flex_box>.date {
    margin-left: auto;
    font-family: "Verdana";
    color: #AAAAAA;
    font-size: calc((12px/2) + (12 - (12/2))*(100vw - 375px)/(1903 - 375));
}

#pro_detail_page>.pro>ul>li:nth-child(6)>.review .flex_box>.cat {
    margin-left: calc((100px/2) + (100 - (100/2))*(100vw - 375px)/(1903 - 375));
    margin-right: calc((20px/2) + (20 - (20/2))*(100vw - 375px)/(1903 - 375));
    background: #222222;
    border-radius: calc((80px/2) + (80 - (80/2))*(100vw - 375px)/(1903 - 375));
    color: #fff;
    font-size: calc((11px/2) + (11 - (11/2))*(100vw - 375px)/(1903 - 375));
    height: calc((25px/2) + (25 - (25/2))*(100vw - 375px)/(1903 - 375));
    display: flex;
    align-items: center;
    padding: 0 1.5em;
}

#pro_detail_page>.pro>ul>li>.review .flex_box>.name {
    font-size: calc((12px/2) + (12 - (12/2))*(100vw - 375px)/(1903 - 375));
    margin: auto;
    margin-left: 0;
}

#pro_detail_page>.pro>ul>li>.review .title {
    font-size: calc((14px/2) + (14 - (14/2))*(100vw - 375px)/(1903 - 375));
    margin-top: 1em;
    padding-bottom: 1em;
    border-bottom: solid calc((1px/2) + (1 - (1/2))*(100vw - 375px)/(1903 - 375)) #E0E0E0;
}

#pro_detail_page>.pro>ul>li>.review .txt {
    padding-top: 1em;
    font-size: calc((14px/2) + (14 - (14/2))*(100vw - 375px)/(1903 - 375));
}


@media screen and (max-width:750px) {

    #pro_detail_page>.pro>ul>li:nth-child(1) {
        flex-direction: column;
    }

    #pro_detail_page>.pro>ul>li:nth-child(1)>.slide {
        width: 100%;
        margin: auto;
    }

    #pro_detail_page>.pro>ul>li:nth-child(1)>.slide {
        width: 100%;
        margin: auto;
        flex-direction: column;
    }

    #pro_detail_page>.pro>ul>li:nth-child(1)>.slide>.swiperMain {
        margin: auto;
        width: 100%;
    }

    #pro_detail_page>.pro>ul>li:nth-child(1)>.slide>.swiperThumbnail .swiper-wrapper {
        flex-direction: inherit;
    }

    #pro_detail_page>.pro>ul>li:nth-child(1)>.slide>.swiperThumbnail {
        width: 100%;
        margin-top: calc((24px/2) + (24 - (24/2))*(100vw - 375px)/(750 - 375));
    }

    #pro_detail_page>.pro>ul {
        max-width: none;
    }

    #pro_detail_page>.pro>ul>li:nth-child(1)>.slide>.swiperThumbnail .swiper-wrapper .swiper-slide {
        width: calc((100% - ((24px/2) + (24 - (24/2))*(100vw - 375px)/(750 - 375))*2)/3) !important;
        margin-right: calc((24px/2) + (24 - (24/2))*(100vw - 375px)/(750 - 375));
        margin-bottom: 0;
    }

    #pro_detail_page>.pro>ul>li:nth-child(1)>.name>.price {
        display: flex;
        flex-wrap: wrap;
    }

    #pro_detail_page>.pro>ul>li:nth-child(1)>.name {
        width: 100%;
    }

    #pro_detail_page>.pro>ul>li:nth-child(1)>.name>.price>span:nth-child(1) {
        width: 100%;
        margin-bottom: 3px;
    }

    #pro_detail_page>.pro>ul>li:nth-child(1)>.name>.price>span:nth-child(3) {
        margin: auto auto 0 0;
    }

    #pro_detail_page>.pro>ul>li:nth-child(1)>.name>.price>span:nth-child(2) {
        line-height: 1;
    }

    #pro_detail_page>.pro>ul>li:nth-child(1)>.name>.option,
    #pro_detail_page>.pro>ul>li:nth-child(1)>.name>ul.btn.cart {
        flex-direction: column;
    }

    #pro_detail_page>.pro>ul>li:nth-child(1)>.name>ul.btn.cart>li {
        width: 100%;
        height: calc((108px/2) + (108 - (108/2))*(100vw - 375px)/(750 - 375));
    }

    #pro_detail_page>.pro>ul>li:nth-child(1)>.name>ul.btn.cart>li:nth-child(1)>label>span {
        width: calc((32px/2) + (32 - (32/2))*(100vw - 375px)/(750 - 375));
        height: calc((28px/2) + (28 - (28/2))*(100vw - 375px)/(750 - 375));
    }

    #pro_detail_page>.pro>ul>li:nth-child(1)>.name>ul.btn.cart>li:nth-child(2)>label>span {
        width: calc((26px/2) + (26 - (26/2))*(100vw - 375px)/(750 - 375));
        height: calc((24px/2) + (24 - (24/2))*(100vw - 375px)/(750 - 375));
    }

    #pro_detail_page>.pro>ul>li:nth-child(2),
    #pro_detail_page>.pro>ul>li:nth-child(3),
    #pro_detail_page>.pro>ul>li:nth-child(4),
    #pro_detail_page>.pro>ul>li h4,
    #pro_detail_page>.pro>ul>li:nth-child(6) {
        flex-direction: column;
        max-width: none;
        margin: calc((120px/2) + (120 - (120/2))*(100vw - 375px)/(1903 - 375)) auto 0;
    }

    #pro_detail_page>.pro>ul>li:nth-child(2)>div,
    #pro_detail_page>.pro>ul>li:nth-child(3)>.txt1>ul>li:nth-child(1),
    #pro_detail_page>.pro>ul>li:nth-child(3)>.txt1>ul>li:nth-child(2),
    #pro_detail_page>.pro>ul>li:nth-child(4)>.txt2>ul>li {
        width: 100%;
    }

    #pro_detail_page>.pro>ul>li:nth-child(2)>.info>dl>dd>.info_rogo img {
        max-height: calc((46px/2) + (46 - (46/2))*(100vw - 375px)/(1903 - 375));
    }

    #pro_detail_page>.pro>ul>li:nth-child(2)>.info>dl>dd {
        margin: auto 0;
    }

    #pro_detail_page>.pro>ul>li:nth-child(3)>.txt1>ul {
        flex-direction: column;
    }

    #pro_detail_page>.pro>ul>li:nth-child(4)>.txt2>ul {
        flex-direction: column;
    }

    #pro_detail_page>.pro>ul>li:nth-child(5)>.check .slide_area {
        transform: translate(0, 0);
    }

    .product_slide .swiper-button-prev {
        transform: translate(calc((-100px/2) + (-100 - (-100/2))*(100vw - 375px)/(750 - 375)), 0) scale(-1, 1) !important;
    }

    .product_slide .swiper-button-next {
        transform: translate(calc((40px/2) + (40 - (40/2))*(100vw - 375px)/(750 - 375)), 0);
    }

    #pro_detail_page>.pro>ul>li:nth-child(6)>.review .review_bg {
        padding: 0;
        background: transparent;
    }

    .review .flex_box {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .review .flex_box>div {
        width: 50%;
        margin: auto;
    }

    .review .flex_box>div:nth-child(odd) {
        margin-left: 0 !important;
    }

    .review .flex_box>div:nth-child(even) {
        margin-right: 0 !important;
    }

    #pro_detail_page>.pro>ul>li:nth-child(6)>.review .flex_box>.cat {
        text-align: center;
        justify-content: center;
    }

}



/*---product_detail-end------------------------------------------*/

/*--restaurant--*/

#restaurant_page #supreme_restaurant {
    padding: 120px 0 119px;
}

#supreme_restaurant>h2 {
    font-size: 40px;
    margin-top: 0;
}

#supreme_restaurant>img {
    max-width: 550px;
    margin: auto;
    width: 90%;
}



#supreme_restaurant>.txt {
    text-align: center;
    margin-top: 21px;
    line-height: 2;
    letter-spacing: 0.16em;
}

/*＝＝＝並び替えボタンのCSS*/
#restaurant_list>.list>.wrapper>.scroll_area>ul,
#blog_list>.list>.wrapper>.scroll_area>ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 50px 0;
}

.wine-sort-btn {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    padding: 50px 0;
}

.wine-sort-btn>li {
    background: #fff;
    list-style: none;
    border-radius: 50px;
    cursor: pointer;
    padding: 0.5em 1.5em;
    margin: 8px 8px;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.06em;
    font-family: "Verdana";
    border: solid 1px #fff;
    box-sizing: border-box;
    white-space: nowrap;
}

#restaurant_list>.list>.wrapper>.scroll_area>ul>li,
#blog_list>.list>.wrapper>.scroll_area>ul>li,
#winery_list>.tag-list>.wrapper>.scroll_area>ul>li {
    background: #fff;
    list-style: none;
    border-radius: 50px;
    cursor: pointer;
    padding: 0.5em 1.5em;
    margin: 0 8px;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.06em;
    font-family: "Verdana";
    border: solid 1px #fff;
    box-sizing: border-box;
    white-space: nowrap;
}

#restaurant_list>.list>.wrapper>.scroll_area>ul li.active,
#blog_list>.list>.wrapper>.scroll_area>ul li.active,
#winery_list>.tag-list>.wrapper>.scroll_area>ul li.active {
    background: #fff;
    border: solid 1px #93CCE3;
}

#restaurant_list>.list>.wrapper>.scroll_area>ul li.active a,
#winery_list>.tag-list>.wrapper>.scroll_area>ul li.active a {
    color: #93CCE3;
}

.country-mark {
    background: #fff;
    border: solid 1px #93CCE3;

}

.country-mark ::before {
    content: "#";
}

.country-mark a {
    color: #93CCE3;

}

#restaurant_list>.list>.wrapper>.scroll_area>ul li:first-child,
#blog_list>.list>.wrapper>.scroll_area>ul li:first-child,
#winery_list>.tag-list>.wrapper>.scroll_area>ul li:first-child {
    margin-left: 0;
}


.grid {
    max-width: 1154px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}


.grid>li {
    width: calc((100% - 40px*2)/3);
    margin-right: 40px;
    margin-bottom: 40px;
}

.grid>li:nth-child(3n) {
    margin-right: 0;
}

.grid img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.fancybox-thumbs {
    background: transparent !important;
}

.fancybox-thumbs__list a:before {
    border: 6px solid #FA999B;
}

#restaurant_page #restaurant_list {
    background: #FAF8F5;
    padding: 72px 0;
}

#restaurant_page #restaurant_list>h2 {
    margin-top: 0;
}

.item-content {
    background: #fff;
    display: block;
    padding-bottom: 55px;
    border-radius: 12px;
    position: relative;
    height: 100%;
}

#winery_list .item-content>a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
}





li.blog .item-content {
    padding-bottom: 27px;
}

.item-content a {
    display: block;
}

.item-content>.name {
    margin: 30px 30px 12px;
}

li.blog .item-content>.name {
    margin-bottom: 1em;
}

.item-content>.name>a {
    color: #222222;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    letter-spacing: 0.08em;
    line-height: 1.6;
}

.item-content>.name {
    color: #222222;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    letter-spacing: 0.08em;
    line-height: 1.6;
}

li.blog .item-content>.info {
    margin: 30px;
    display: flex;
    justify-content: space-between;
}

li.blog ul.tag_list {
    margin: 0;
}

ul.tag_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 30px 24px;
}

ul.tag_list a {
    color: #908C7C;
}

li.blog .item-content>.info>.date {
    color: #83CDE6;
    font-family: "Verdana";
    padding: 0.5em 1em;
}

#blog_list_page .info>.date {
    padding-left: 0;
}

ul.tag_list>li {
    background: #FAF8F5;
    border-radius: 50px;
    padding: 0.5em 1em;
    color: #908C7C;
    font-size: 14px;
    line-height: 1;
    margin-right: 0.5em;
}

li.blog .item-content ul.tag_list>li {
    background: #FAF8F5;
    height: fit-content;
    margin: auto;
}

li.blog .item-content ul.tag_list>li>a {
    color: #908C7C;
}

.item-content>.catch {
    font-size: 14px;
    line-height: 2;
    margin: 0 30px;
    letter-spacing: 0.08em;
}

.item-content>.catch>a {
    line-height: 2;
}

#restaurant_detail_page .fv>h2 {
    font-family: "Verdana";
    letter-spacing: 0.06em;
}

#restaurant_comment {
    padding-top: 85px;
    text-align: center;
    line-height: 2;
    letter-spacing: 0.16em;
    max-width: 600px;
    margin: auto;
}

#restaurant_feature {
    max-width: 1200px;
    margin: 118px auto 0;
}

@media screen and (max-width:750px) {

    #restaurant_comment {
        padding-top: 72px;
    }

    #restaurant_feature {
        margin: 72px auto 0;
    }

}

#restaurant_detail_page h3 {
    margin-left: 0;
}

#restaurant_feature>ul>li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 124px;
}

#restaurant_feature>ul>li:nth-child(2n) {
    flex-direction: row-reverse;
}

#restaurant_feature>ul>li>.txt {
    max-width: 470px;
    width: 100%;
    margin: auto;
    margin-left: 80px;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.16em;
    font-weight: 400;
}

#restaurant_feature>ul>li:nth-child(2n)>.txt {
    margin-left: 0;
    margin-right: 80px;
}

#restaurant_feature>ul>li>.txt>h4 {
    font-size: 24px;
    font-family: '游明朝', 'Yu Mincho', YuMincho, serif;
    letter-spacing: 0.3em;
    margin-bottom: 42px;
    font-weight: 400;
}

#restaurant_feature>ul>li>.img {
    filter: drop-shadow(16px 53px 34px #1C14003D);
}


#restaurant_info {
    max-width: 1200px;
    margin: 200px auto 0;
    padding-bottom: 120px;
}

.ggmap {
    position: relative;
    padding-bottom: 40%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#restaurant_info>.access {
    line-height: 2;
    letter-spacing: 0.16em;
    margin-bottom: 46px;
}

#restaurant_info>ul {
    display: flex;
    justify-content: center;
    margin-top: 55px;
}

#restaurant_info>ul>li:nth-child(odd)>a {
    background: #83CDE6;
    color: #fff;
    border-radius: 30px;
    font-size: 14px;
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0 1.5em;
}

#restaurant_info>ul>li:nth-child(even)>a {
    background: #EDAA12;
    color: #fff;
    border-radius: 30px;
    font-size: 14px;
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0 1.5em;
}

#restaurant_info>ul>li {
    margin-right: 24px;
    width: 221px;
    height: 62px;
}

#restaurant_info>ul>li:last-child {
    margin-right: 0;
}

#restaurant_info>ul>li>a::after {
    content: "";
    background: url(./img/icon/arrow-round-forwardw.png) no-repeat;
    width: 9.88px;
    height: 6.59px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 1em;
}

@media screen and (max-width:750px) {

    #supreme_restaurant>img {
        max-width: none;
    }

    #supreme_restaurant>.txt {
        font-size: calc((24px/2) + (24 - (24/2))*(100vw - 375px)/(750 - 375));
    }

    #restaurant_page #restaurant_list>.list .wrapper {
        width: 100%;
        overflow: hidden;
    }

    #restaurant_list>.list>.wrapper>.scroll_area>ul,
    #blog_list>.list>.wrapper>.scroll_area>ul {
        flex-wrap: nowrap;
        justify-content: start;
        padding: 0;
    }

    .scroll_area {
        overflow-x: scroll;
        margin: 60px auto 90px;
        margin-left: calc((48px/2) + (48 - (48/2))*(100vw - 375px)/(750 - 375));
    }

    .grid>li {
        width: 100%;
        margin: auto;
    }

    #restaurant_detail_page h3 {
        text-align: center;
    }

    #restaurant_feature>ul>li {
        flex-direction: column;
    }

    #restaurant_feature>ul>li>.txt {
        max-width: none;
        margin: 100px auto 0;
    }

    #restaurant_feature>ul>li>.txt>h4 {
        letter-spacing: 0.3em;
    }

    #restaurant_feature>ul>li:nth-child(2n) {
        flex-direction: column;
    }

    #restaurant_info>ul {
        flex-direction: column;
    }

    #restaurant_info>ul>li,
    #restaurant_info>ul>li:last-child {
        margin: auto;
    }

    #restaurant_info>ul>li:nth-child(even)>a,
    #restaurant_info>ul>li:nth-child(odd)>a {
        height: 100%;
        display: flex;
        align-items: center;
        padding: 0 1em;
        border-radius: 60px
    }

    #restaurant_info>ul>li>a::after {
        background-size: contain;
    }

    .ggmap {
        padding-bottom: 75%;
    }

    .item-content>.name {
        margin: calc((60px/2) + (60 - (60/2))*(100vw - 375px)/(750 - 375)) calc((60px/2) + (60 - (60/2))*(100vw - 375px)/(750 - 375)) calc((50px/2) + (50 - (50/2))*(100vw - 375px)/(750 - 375));
    }

    ul.tag_list {
        margin: 0 calc((60px/2) + (60 - (60/2))*(100vw - 375px)/(750 - 375)) calc((50px/2) + (50 - (50/2))*(100vw - 375px)/(750 - 375));
    }

    .item-content>.catch {
        margin: 0 calc((60px/2) + (60 - (60/2))*(100vw - 375px)/(750 - 375));
    }

    .item-content {
        padding-bottom: calc((60px/2) + (60 - (60/2))*(100vw - 375px)/(750 - 375));
    }

    #restaurant_detail_page .fv>h2 {
        font-family: '游明朝', 'Yu Mincho', YuMincho, serif;
        letter-spacing: 0.2em;
    }


}

/*--restaurant-end--*/

/*--winery--*/

#winery_page .fv>h2 {
    font-size: 48px;
    letter-spacing: 0.12em;
}

#winery_page #supreme_restaurant {
    margin-top: 80px;
    margin-bottom: 86px;
}

#winery_page #supreme_restaurant>h2 {
    font-size: 32px;
}

#winery_detail_page>section {
    max-width: 1280px;
    margin: auto;
}

#winery_page .item-content>.name {
    margin-bottom: 22px;
}

#winery_detail_page .fv>h2 {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 32px;
    line-height: 1.34;
    font-weight: bold;
    letter-spacing: 0.07em;
}


#winery_comment {
    text-align: center;
    font-size: 32px;
    padding: 113px 0;
    line-height: 2;
    font-family: '游明朝', 'Yu Mincho', YuMincho, serif;
    letter-spacing: 0.3em;
    width: 95%;
}

#winery_about {
    max-width: 1284px;
    margin: auto;
}

#winery_about ul {
    display: flex;
    justify-content: space-around;
}

#winery_about ul li:nth-child(1) {
    width: 100%;
    max-width: 704px;
    margin-right: auto;
}

#winery_about ul li:nth-child(1) {
    position: relative;
}

#winery_about ul li:nth-child(1)>img {
    position: relative;
    z-index: 1;
}

#winery_about ul li:nth-child(1)::after {
    content: "";
    background: #1C14003D;
    height: 65%;
    width: 84%;
    position: absolute;
    bottom: -12%;
    left: 0;
    right: 0;
    margin: auto;
    filter: blur(34px);
    z-index: 0;
}

#winery_feature>ul>li>.img::after {
    content: "";
    /* background: #1C14003D; */
    height: 65%;
    width: 84%;
    position: absolute;
    bottom: -12%;
    left: 0;
    right: 0;
    margin: auto;
    filter: blur(34px);
    z-index: 0;
}

span.img_shadow {
    position: relative;
}

span.img_shadow::after {
    content: "";
    background: #1C14003D;
    height: 65%;
    width: 84%;
    position: absolute;
    bottom: -12%;
    left: 0;
    right: 0;
    margin: auto;
    filter: blur(34px);
    z-index: 0;
}

span.img_shadow>img {
    position: relative;
    z-index: 1;
}

#winery_about ul li:nth-child(2) {
    max-width: 500px;
    margin-left: auto;
    line-height: 2;
    letter-spacing: 0.12em;
}

#winery_about ul li:nth-child(2) h4 {
    font-family: '游明朝', 'Yu Mincho', YuMincho, serif;
    font-size: 24px;
    line-height: 2;
    margin-bottom: 45px;
    font-weight: normal;
    margin-top: 0;
    letter-spacing: 0.3em;
}

#winery_feature {
    margin: auto;
    margin-top: 96px !important;
    max-width: 1200px;
}

#winery_detail_page h3 {
    margin-left: 0;
}

#winery_feature>ul>li {
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #D5D5D5;
    padding: 80px 0;
}

#winery_feature>ul>li>.txt {
    max-width: 664px;
    margin: auto;
    margin-left: 0;
    line-height: 2;
    letter-spacing: 0.12em;
}

#winery_feature>ul>li>.img {
    max-width: 400px;
    width: 100%;
    margin-left: auto;
    position: relative;
}

#winery_feature>ul>li>.img>img {
    position: relative;
    z-index: 1;
}

#winery_feature>ul>li>.txt>h4 {
    font-weight: normal;
    font-family: '游明朝', 'Yu Mincho', YuMincho, serif;
    font-size: 24px;
    line-height: 2;
    margin-bottom: 45px;
}

#winerr_gallery {
    margin: auto;
    margin-top: 140px;
    padding-bottom: 96px;
    max-width: 1313px;
    margin-right: 0;
}


#winerr_gallery .view_btn>a {
    width: 279.3px;
}

#winerr_gallery>ul {
    display: flex;
    justify-content: space-between;
}

#wine_list {
    background: #FAF8F5;
    padding: 104px 0 96px;
}


#wine_list {
    max-width: none;
    width: 100%;
}

.gallery_slide .swiper-slide {
    height: auto;
    max-height: 432px;
}

.gallery_slide .swiper-slide>img {
    border-radius: 10px;
    height: 100%;
    display: block;
    max-width: none;
    object-fit: cover;
}

.winery_bg_color {
    background: #FAF8F5;
}

#winery_list {
    max-width: 1024px;
    margin: auto;
    padding: 95px 0;
}

.country {
    border-bottom: solid 2px #000;
    font-size: 30px;
    padding: 16px 0;
    position: relative;
    font-family: '游明朝', 'Yu Mincho', YuMincho, serif;
    letter-spacing: 0.3em;
    margin-bottom: 65px;
}

.country>a>span {
    color: #83CDE6;
    font-size: 14px;
    display: block;
    margin-bottom: 6px;
    font-family: "Verdana";
    letter-spacing: 0.06em;
}

#country {
    margin: 10rem 0 0 0;
}

#country>ul {
    display: flex;
    gap: 1rem;
    margin: 0 4rem;
}

#winary_about h2 {
    font-size: 40px;
    margin-top: 0;
}

#winery_page #winary_about {
    padding: 120px 0 119px;
}

#winary_about>ul>li img {
    width: 600px;
    text-align: center;
    margin: 2rem auto 6rem;
}

#winary_about>ul>li>.txt {
    width: 600px;
    margin: 0 auto;
    margin-top: 21px;
    line-height: 2;
    text-align: center;
    letter-spacing: 0.16em;
    margin: 6rem auto;
}

.view_area {
    position: relative;
}

.view_icon {
    font-size: 14px;
    font-family: "Verdana";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    letter-spacing: 0.06em;
    padding-right: 40px;
    font-weight: normal;
}

.view_icon::after,
li.view_area_b::after {
    content: "";
    background: url(./img/icon/arrow-round-forward.png) no-repeat;
    background-size: contain;
    width: 9.88px;
    height: 6.59px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

li.view_area_b::before {
    content: "";
    background: url(./img/icon/check_icon.png) no-repeat;
    background-size: contain;
    width: 17px;
    height: 17px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -55%);
}

ul.country_list .area_1>a {
    background: #EDEAE4;
    padding: 1em;
    border-radius: 6px;
    font-weight: bold;
    display: block;
    position: relative;
}

.area_1 .view_icon {
    margin-right: 1em;
}

ul.country_list .area_2 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}

ul.country_list .area_2 li {
    margin-right: 2em;
    height: 50px;
    border-bottom: solid 1.5px #000;
    position: relative;
}

ul.country_list .area_2 li a {
    width: 100%;
    height: 100%;
    display: flex;
    padding-right: 5em;
    padding-left: 2em;
    align-items: center;
    letter-spacing: 0.06em;
}

ul.country_list>li {
    margin-bottom: 55px;
}

li.view_area_b>a {
    position: relative;
}

.producer {
    margin: 50px 30px 0;
    font-size: 14px;
    background: #FAF8F5;
    border-radius: 120px;
    padding: 0.25em 3em 0.25em 0.5em;
    color: #908C7C;
    display: inline-block;
    letter-spacing: 0.08em;
}

#winery_list .item-content {
    padding-bottom: 30px;
}

.item-content>a>img {
    border-radius: 12px 12px 0 0;
    max-height: 199px;
    object-fit: contain;
}

ul.country_list {
    /*-margin-bottom: 180px;-*/
    margin-bottom: 0;
}

.wp-pagenavi {
    display: flex;
    justify-content: center;
}

.wp-pagenavi>span.pages {
    display: none;
}

.wp-pagenavi>span {
    background: #fff !important;
    border: solid 1px #CCCCCC !important;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #83CDE6;
    border-radius: 8px;
}

.wp-pagenavi>span.current {
    background: #83CDE6 !important;
    border: solid 1px #83CDE6 !important;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 8px;
}





@media screen and (max-width:750px) {

    #winery_page #supreme_restaurant {
        margin-top: calc((160px/2) + (160 - (160/2))*(100vw - 375px)/(750 - 375));
        margin-bottom: calc((112px/2) + (112 - (112/2))*(100vw - 375px)/(750 - 375));
    }

    #winery_page #supreme_restaurant>h2 {
        font-size: calc((48px/2) + (48 - (48/2))*(100vw - 375px)/(750 - 375));
    }

    #winery_page #supreme_restaurant .txt {
        letter-spacing: 1.4px;
    }

    #winery_about ul {
        flex-direction: column;
    }

    #winery_about ul li:nth-child(1),
    #winery_about ul li:nth-child(2),
    #winery_feature>ul>li>.img,
    #winery_feature>ul>li>.txt {
        max-width: none;
        margin: auto;
        width: 100%;
    }

    #winery_comment {
        padding-bottom: 0;
    }

    #winery_detail_page h3 {
        text-align: center;
    }

    #winery_feature>ul>li {
        flex-direction: column-reverse;
        padding: 0;
    }

    #winery_feature>ul>li>.txt>h4 {
        letter-spacing: 0.2em;
    }

    .view_btn>a::after {
        background-size: contain;
    }

    ul.country_list .area_2 li a {
        padding-right: 4em;
    }

    .producer {
        margin: calc((40px/2) + (40 - (40/2))*(100vw - 375px)/(750 - 375)) calc((60px/2) + (60 - (60/2))*(100vw - 375px)/(750 - 375)) 0;
    }

    #winery_detail_page .fv>h2 {
        font-family: '游明朝', 'Yu Mincho', YuMincho, serif;
        letter-spacing: 0.12em;
        font-size: calc((40px/2) + (40 - (40/2))*(100vw - 375px)/(750 - 375));
        line-height: 1.6;
    }

    .wp-pagenavi>span {
        width: calc((50px/2) + (50 - (50/2))*(100vw - 375px)/(750 - 375));
        height: calc((50px/2) + (50 - (50/2))*(100vw - 375px)/(750 - 375));
    }

    #wine_list {
        background: #FAF8F5;
        padding: 104px 0 96px 24px;
    }
}

/*--winery-end--*/


#privacy_policy_page>.bg_color {
    background: #FAF8F5;
    padding: 80px 0 124px;
}

#privacy_policy_page>.bg_color>ul>li {
    max-width: 1024px;
    margin: auto;
    background: #fff;
    width: 95%;
    border-radius: 12px;
    padding: 55px 65px;
    margin-bottom: 48px;
}

#privacy_policy_page>.bg_color>ul>li>h3 {
    font-size: 24px;
    margin-bottom: 32px;
    letter-spacing: 0.12em;
    font-weight: normal;
    line-height: 1.33;
}

#privacy_policy_page>.bg_color>ul>li>ul>li {
    padding: 22px 0;
    border-top: solid 1px #E8E8E8;
}

#privacy_policy_page>.bg_color>ul>li>ul>li {
    padding: 22px 0;
    border-top: solid 1px #E8E8E8;
    display: flex;
    letter-spacing: 0.12em;
    line-height: 2;
}

#privacy_policy_page>.bg_color>ul>li>ul>li>h4 {
    width: 25%;
    margin: 0;
    margin-right: auto;
    font-weight: normal;
}

#privacy_policy_page>.bg_color>ul>li>ul>li>.txt {
    width: 75%;
    letter-spacing: 0.12em;
    line-height: 2;
}


#tokushoho_page>.bg_color {
    background: #FAF8F5;
    padding: 80px 0 124px;
}

#tokushoho_page>.bg_color>ul>li {
    max-width: 1024px;
    margin: auto;
    background: #fff;
    width: 95%;
    border-radius: 12px;
    padding: 55px 65px;
    margin-bottom: 48px;
}

#tokushoho_page>.bg_color>ul>li>h3 {
    font-size: 24px;
    margin-bottom: 32px;
    letter-spacing: 0.12em;
    font-weight: normal;
    line-height: 1.33;
    font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif;
}

#tokushoho_page>.bg_color>ul>li>ul>li {
    padding: 22px 0;
    border-top: solid 1px #E8E8E8;
}

#tokushoho_page>.bg_color>ul>li>ul>li {
    padding: 22px 0;
    border-top: solid 1px #E8E8E8;
    display: flex;
    letter-spacing: 0.12em;
    line-height: 2;
}

#tokushoho_page>.bg_color>ul>li>ul>li>h4 {
    width: 25%;
    margin: 0;
    margin-right: auto;
    font-weight: normal;
}

#tokushoho_page>.bg_color>ul>li>ul>li>.txt {
    width: 75%;
    letter-spacing: 0.12em;
    line-height: 2;
    font-weight: 400;
}

@media screen and (max-width:750px) {
    #tokushoho_page>.bg_color>ul>li>ul>li {
        flex-direction: column;
    }

    #tokushoho_page>.bg_color>ul>li>ul>li>h4 {
        color: #83CDE6;
        width: 100%;
    }

    #tokushoho_page>.bg_color>ul>li>ul>li>.txt {
        width: 100%;
    }
}

#blog_list {
    background: #FAF8F5;
    padding: 80px 0;
}

section#blog_list>h2 {
    margin-top: 0;
}

#blog_list>.list>.wrapper>.scroll_area>ul {
    justify-content: flex-start;
    max-width: 1154px;
    margin: auto;
}

#blog_list>.list>.wrapper>.scroll_area>ul li {
    color: #908C7C;
    border: solid 1px #908C7C;
    white-space: nowrap;
}

#blog_list>.list>.wrapper>.scroll_area>ul li:first-child {
    margin-left: 0;
}


#blog_list>.list>.wrapper>.scroll_area>ul li a {
    color: #908C7C;
}

#blog_list>.list>.wrapper>.scroll_area>ul li.active {
    background: #908C7C;
    border: solid 1px #908C7C;
    color: #fff;
}

#blog_list>.list>.wrapper>.scroll_area>ul li.active a {
    color: #fff;
}

#blog_detail_page>.bg_color {
    background: #FAF8F5;
    padding-top: 64px;
    padding-bottom: 111px;
}


#blog_contents {
    max-width: 800px;
    background: #fff;
    width: 95%;
    margin: auto;
    padding: 60px 65px;
    box-sizing: border-box;
    border-radius: 12px;
    border: solid 1px #E8E8E8;
}


#blog_contents p {
    line-height: 2;
}

#blog_contents .info {
    display: flex;
    justify-content: space-between;
}

#blog_detail_page .info {
    justify-content: flex-start;
    align-items: center;
}

#blog_detail_page ul.tag_list {
    margin: auto;
    margin-left: 40px;
}

#blog_detail_page .view_btn>a {
    letter-spacing: 0.06em;
}

#blog_contents .info .date {
    color: #83CDE6;
    letter-spacing: 0.06em;
    font-family: "Verdana";
}

#blog_contents>article h2 {
    font-size: 23px;
    letter-spacing: 0.15em;
    text-align: left;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    padding-bottom: 24px;
    border-bottom: solid 1px #E8E8E8;
    margin-bottom: 40px;
    margin-top: 23px;
    font-weight: 400 !important;
}

#blog_contents>article h3 {
    font-size: 23px;
    letter-spacing: 0.15em;
    text-align: left;
    background: #FAF8F5;
    box-sizing: border-box;
    margin: 0 auto 28px;
    border-radius: 5px;
    font-weight: 400;
    height: 55px;
    display: flex;
    align-items: center;
    line-height: 1;
    padding: 0 20px;
}

#blog_contents>article .txt {
    letter-spacing: 0.12em;
    line-height: 2;
}

#blog_contents>article .txt.num1 {
    margin-bottom: 46px;
}

#blog_contents>article .txt.num2 {
    margin-bottom: 83px;
}

#blog_detail_page>.bg_color>.view_btn {
    margin: 53px auto 0;
    width: fit-content;
}




@media screen and (max-width:750px) {

    #blog_contents .info .date {
        margin: 0 auto;
        margin-left: 0;
        padding: 0.5em 1em;
    }


    #blog_list .scroll_area {
        width: calc(100% - ((48px/2) + (48 - (48/2))*(100vw - 375px)/(750 - 375))*2);
        margin-left: auto;
    }

}

.page_area>ul.breadcrumbs {
    font-family: "Verdana";
    font-size: 14px;
    position: relative;
    width: 95%;
    max-width: 1154px;
    color: #222222;
    display: flex;
    padding-bottom: 21px;
    bottom: auto;
}

.page_area>ul.breadcrumbs>li {
    margin-right: 1.6em;
    position: relative;
}


.page_area>ul.breadcrumbs>li::after {
    content: "/";
    position: absolute;
    right: -1em;
    top: 50%;
    transform: translate(0, -50%);
    line-height: 1;
}

.page_area>ul.breadcrumbs>li:last-child:after {
    display: none;
}

ul.page_nation {
    display: flex;
    justify-content: center;
}

ul.page_nation>li {
    width: 50px;
    height: 50px;
    border: solid 1px #CCCCCC;
    margin-right: 12px;
    border-radius: 4px;
    background: #fff;
}


ul.page_nation>li>a {
    color: #83CDE6;
    font-weight: bold;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

ul.page_nation>li.active {
    background: #83CDE6;
    border-color: #83CDE6;
}

ul.page_nation>li.active>a {
    color: #fff;
}


#icon_list {
    background: #FAF8F5;
    padding: 80px 0 120px;
}

#icon_list>ul.list {
    background: #fff;
    max-width: 1024px;
    margin: auto;
    width: 95%;
    border-radius: 12px;
    padding: 65px;
    box-sizing: border-box;
}

#icon_list>ul.list>li {
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #E8E8E8;
    padding: 40px 0;
    align-items: center;
}

#icon_list>ul.list>li>.icon_img {
    max-width: 229px;
    width: 30%;
    margin: auto;
    margin-right: auto;
    margin-left: 0;
}

#icon_list>ul.list>li>.txt {
    max-width: calc(100% - 229px - 50px);
    margin-left: auto;
    width: calc(70% - 50px);
    line-height: 2;
    letter-spacing: 0.12em;
}

#icon_list>ul.list>li:last-child {
    border-bottom: none;
}

@media screen and (max-width:750px) {

    #icon_list>ul.list>li {
        flex-direction: column;
        padding: 0;
    }

    #icon_list>ul.list>li>.icon_img {
        width: 100%;
        margin: auto;
        max-width: calc((458px/2) + (458 - (458/2))*(100vw - 375px)/(750 - 375));
    }

    #icon_list>ul.list>li>.txt {
        width: 100%;
        margin: auto;
        max-width: none;
    }

    #icon_list>ul.list>li:first-child {
        padding-top: 0;
    }

}

#news_list {
    background: #FAF8F5;
    padding: 80px 0 120px;
}

#news_list>ul.list {
    background: #fff;
    max-width: 1024px;
    margin: auto;
    width: 95%;
    border-radius: 12px;
    padding: 80px 70px;
    box-sizing: border-box;
}


#news_list>ul.list>li {
    display: flex;
    justify-content: space-between;
    padding: 28px 0.5em;
    border-bottom: solid 1px #E8E8E8;
}

#news_list>ul.list>li>.date {
    color: #83CDE6;
    width: fit-content;
    margin: auto;
    line-height: 1.18;
}

#news_list>ul.list>li>.title {
    width: calc(100% - 64px);
    margin-left: 64px;
    line-height: 2;
}

#news_detail_page>.bg_color {
    background: #FAF8F5;
    padding-top: 64px;
    padding-bottom: 111px;
}

#news_contents {
    max-width: 800px;
    background: #fff;
    width: 95%;
    margin: auto;
}

#news_contents {
    max-width: 800px;
    background: #fff;
    width: 95%;
    margin: auto;
    padding: 60px 65px;
    box-sizing: border-box;
    border-radius: 12px;
    border: solid 1px #E8E8E8;
}

#news_contents .info {
    display: flex;
}

#news_contents .info .date {
    color: #83CDE6;
    letter-spacing: 0.96px;
    font-family: "Verdana";
}

#news_contents>h2 {
    font-size: 23px;
    letter-spacing: 0.15em;
    text-align: left;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    padding-bottom: 24px;
    border-bottom: solid 1px #E8E8E8;
    margin-bottom: 40px;
}

#news_contents>h3 {
    font-size: 23px;
    letter-spacing: 0.15em;
    text-align: left;
    background: #FAF8F5;
    padding: 16px 20px 8px;
    box-sizing: border-box;
    margin: 0 auto 28px;
    border-radius: 5px;
}

#news_contents>.txt {
    letter-spacing: 0.12em;
    line-height: 2;
}

#news_contents>.txt.num1 {
    margin-bottom: 46px;
}

#news_contents>.txt.num2 {
    margin-bottom: 83px;
}

#news_detail_page>.bg_color>.view_btn {
    margin: 53px auto 0;
    width: fit-content;
}



@media screen and (max-width:750px) {

    #news_list>ul.list {
        padding: 20px;
    }

    #news_list>ul.list>li>.date {
        width: 35%;
    }

    #news_list>ul.list>li>.title {
        width: 65%;
        margin: 0;
    }

}

#personal_information_page>.bg_color {
    background: #FAF8F5;
    padding: 80px 0 120px;
}

#personal_information_page>.bg_color>ul {
    background: #fff;
    max-width: 1024px;
    margin: auto;
    width: 95%;
    border-radius: 12px;
    padding: 55px 65px;
    box-sizing: border-box;
}

#personal_information_page>.bg_color>ul>li {
    margin-bottom: 60px;
}

#personal_information_page>.bg_color>ul>li>h3 {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 24px;
    font-weight: normal;
    border-bottom: solid 1px #E8E8E8;
    padding-bottom: 12px;
    line-height: 1.33;
    margin-bottom: 24px;
    font-weight: 400;
    letter-spacing: 0.12em;
}

#personal_information_page>.bg_color>ul>li>.txt {
    line-height: 2;
    letter-spacing: 0.12em;
}

#personal_information_page>.bg_color>ul>li:last-child {
    margin-bottom: 0;
}

#login_page>.bg_color {
    background: #FAF8F5;
    padding: 65px 110px;
}

#login_page>.bg_color>ul {
    display: flex;
    justify-content: center;
    max-width: 1200px;
    margin: auto;
    width: 95%;
}

#login_page>.bg_color>ul>li {
    width: calc((100% - 28px)/2);
    margin: 0 auto;
    margin-right: 28px;
    background: #fff;
}

#login_page>.bg_color>ul>li:nth-child(2) {
    margin-right: 0;
}

#login_page>.bg_color>ul>li {
    width: calc((100% - 28px)/2);
    margin: 0 auto;
    margin-right: 28px;
    background: #fff;
    padding: 55px 50px;
    border: solid 1px #ECECEC;
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

#login_page>.bg_color>ul>li h2 {
    font-size: 32px;
    text-align: center;
    font-family: '游明朝', 'Yu Mincho', YuMincho, serif;
    letter-spacing: 0.3em;
    line-height: 2;
}

#login_page>.bg_color>ul>li h2>span {
    font-size: 14px;
    display: block;
    font-family: "Verdana";
    color: #83CDE6;
    margin-bottom: 5px;
    letter-spacing: 0.06em;
    line-height: 1.2;
}

#login_page>.bg_color>ul>li:nth-child(1) h2 {
    margin-bottom: 32px;
}

#login_page>.bg_color>ul>li input[type="text"] {
    width: 100%;
    border: solid 1px #CCCCCC;
    height: 57px;
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 26px;
}

#login_page>.bg_color>ul>li .title {
    font-size: 17px;
    line-height: 2.5;
    letter-spacing: 0.08em;
}

#login_page>.bg_color>ul>li ul.login_info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 45px;
}

#login_page>.bg_color>ul>li ul.login_info li:nth-child(1) {
    font-size: 17px;
}

#login_page>.bg_color>ul>li ul.login_info li:nth-child(2) a {
    font-size: 14px;
    text-decoration: underline;
    letter-spacing: 0.08em;
}

label.submit_btn>input[type="submit"] {
    background: #83CDE6;
    width: 100%;
    border: none;
    color: #fff;
    height: 66px;
    font-size: 17px;
    font-weight: bold;
    cursor: pointer;
}

label.submit_btn {
    position: relative;
}

label.submit_btn::after {
    content: "";
    background: url(./img/icon/left-arrow_w.png) no-repeat;
    width: 8px;
    height: 14px;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 20px;
}

label.submit_btn input[type="submit"]:hover {
    opacity: 0.8;
}

#login_page>.bg_color>ul>li:nth-child(2)>.txt {
    margin-top: 45px;
    line-height: 2;
}

#login_page>.bg_color>ul>li:nth-child(2)>.btn_bk {
    width: 100%;
    border: none;
    height: 66px;
    font-size: 17px;
    font-weight: bold;
    cursor: pointer;
    margin-top: auto;
}

#login_page>.bg_color>ul>li:nth-child(2)>.btn_bk>a {
    background: #000;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    position: relative;
}

#login_page>.bg_color>ul>li:nth-child(2)>.btn_bk>a::after {
    content: "";
    background: url(./img/icon/left-arrow_w.png) no-repeat;
    width: 8px;
    height: 14px;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 20px;
}

#new_member_page>.bg_color {
    background: #FAF8F5;
    padding: 80px 0 140px;
}

#new_member_form {
    background: #fff;
    max-width: 1023px;
    margin: auto;
    width: 95%;
    border-radius: 12px;
    padding: 65px 120px;
    box-sizing: border-box;
}

#new_member_form>form>ul>li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

#new_member_form>form>ul>li>.title {
    font-weight: bold;
    letter-spacing: 0.12em;
    width: 25%;
    margin: auto;
}

#new_member_form>form>ul>li>.input {
    display: flex;
    width: 75%;
    margin-left: auto;
}

#new_member_form>form>ul>li>.input>li {
    width: calc((100% - 14px)/2);
    margin-right: 14px;
}

#new_member_form>form>ul>li>.input>li:last-child {
    margin-right: 0;
}

.page_area form .input input[type="text"],
.page_area form .input input[type="email"],
.page_area form .input input[type="password"],
.page_area form .input input[type="date"],
.page_area form .input input[type="number"] {
    width: 100%;
    height: 48px;
    border: solid 1px #CCCCCC;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 0 1em;
}

.input input::placeholder {
    color: #333;
}

#new_member_form>form>ul>li>.title>span {
    color: #C40909;
    vertical-align: text-top;
}

#new_member_form>form>ul>li.address .title,
#new_member_form>form>ul>li.pass .title {
    margin-top: 0;
}

#new_member_form>form>ul>li.address .input,
#new_member_form>form>ul>li.pass .input {
    flex-direction: column;
}

#new_member_form>form>ul>li.address .input>li,
#new_member_form>form>ul>li.pass .input>li {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
}

#new_member_form>form>ul>li.address .input>li:last-child,
#new_member_form>form>ul>li.pass .input>li:last-child {
    margin-bottom: 0;
}

#new_member_form>form>ul>li.address .input>li select {
    width: 60%;
    height: 48px;
    border: solid 1px #CCCCCC;
    border-radius: 4px;
    padding: 0 1em;
}

#new_member_form>form>ul>li.post_code>.input>li:nth-child(1) {
    width: calc(100% - 150px - 20px);
    margin: 0;
}

#new_member_form>form>ul>li.post_code>.input>li:nth-child(2) {
    margin-left: 20px;
    width: 150px;
    height: 48px;
}

#new_member_form>form>ul>li.post_code>.input>li:nth-child(2)>a {
    width: 100%;
    height: 100%;
    background: #83CDE6;
    color: #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
}



#new_member_form .p_policy {
    text-align: center;
    width: fit-content;
    margin: auto;
    margin-top: 40px;
    font-size: 17px;
    position: relative;
}

#new_member_form .p_policy>a {
    position: absolute;
    width: 13em;
    right: 0;
    top: 50%;
    height: 1em;
    transform: translate(0, -50%);
}

#new_member_form label.submit_btn {
    margin-top: 40px;
    display: block;
    text-align: center;
}

#new_member_form label.submit_btn>input[type="submit"] {
    font-size: 16px;
    width: fit-content;
    padding: 0 6em;
}

#new_member_page_saccess>.bg_color {
    background: #FAF8F5;
    padding: 80px 0 140px;
}

#new_member_form>.txt {
    text-align: center;
    line-height: 2;
    margin-bottom: 55px;
}

ul.btn_list {
    display: flex;
    justify-content: center;
}

ul.btn_list>li {
    width: calc((100% - 22px)/2);
    margin-right: 22px;
    height: 66px;
}

ul.btn_list>li:nth-child(2n) {
    margin-right: 0;
}

ul.btn_list>li>a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 2px #83CDE6;
    height: 100%;
    color: #83CDE6;
    font-weight: bold;
    position: relative;
    background: #fff;
}

ul.btn_list>li:nth-child(2n)>a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 2px #83CDE6;
    height: 100%;
    color: #fff;
    background: #83CDE6;
    font-weight: bold;
}

ul.btn_list>li>a::after {
    content: "";
    background: url(./img/icon/left-arrow_bl.png) no-repeat;
    width: 8px;
    height: 14px;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 20px;
}

ul.btn_list>li>label:hover {
    opacity: 0.8;
}

ul.btn_list>li>label {
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 2px #83CDE6;
    height: 100%;
    color: #83CDE6;
    font-weight: bold;
    position: relative;
    width: 100%;
    background: #fff;
}

ul.btn_list>li:nth-child(2n)>label {
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 2px #83CDE6;
    height: 100%;
    color: #fff;
    background: #83CDE6;
    font-weight: bold;
}

ul.btn_list>li>label::after {
    content: "";
    background: url(./img/icon/left-arrow_bl.png) no-repeat;
    width: 8px;
    height: 14px;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 20px;
}

ul.btn_list>li:nth-child(2n)>label::after {
    background: url(./img/icon/left-arrow_w.png) no-repeat;
}

ul.btn_list>li:nth-child(2n)>a::after {
    background: url(./img/icon/left-arrow_w.png) no-repeat;
}

#my_page>.bg_color {
    background: #FAF8F5;
    padding: 80px 0 120px;
}

#contact_page>.bg_color {
    background: #FAF8F5;
    padding: 80px 0 120px;
}

#concierge_form_page>.bg_color {
    background: #FAF8F5;
    padding: 80px 0 120px;
}

.my_page_main {
    display: flex;
    justify-content: center;
    max-width: 1023px;
    margin: auto;
}

#my_page .side_column {
    width: 240px;
    background: #fff;
    margin: 0 auto auto;
    margin-right: 32px;
    padding: 40px 30px;
    box-sizing: border-box;
    border: solid 1px #ECECEC;
    border-radius: 5px;
}

#contact_page .side_column {
    width: 240px;
    background: #fff;
    margin: 0 auto auto;
    margin-right: 32px;
    padding: 40px 30px;
    box-sizing: border-box;
    border: solid 1px #ECECEC;
    border-radius: 5px;
}


#main_column {
    width: calc(100% - 240px - 32px);
}

#main_column .box {
    width: 100%;
    background: #fff;
    padding: 40px 30px;
    box-sizing: border-box;
    border: solid 1px #ECECEC;
    border-radius: 5px;
    margin-bottom: 24px;
}

#main_column .box:last-child {
    margin-bottom: 0;
}

.side_column li {
    margin-bottom: 27px;
    padding-left: 1em;
    position: relative;
}

.side_column li.current>a {
    color: #83CDE6;
    font-weight: bold;
}

.side_column li.current::after {
    content: "";
    background: url(./img/icon/left-arrow_bl.png) no-repeat;
    width: 5.5px;
    height: 10.3px;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
}

#main_column .box>.title {
    position: relative;
}

#main_column .box>.title>h3 {
    font-size: 24px;
    letter-spacing: 0.12em;
    line-height: 1.66;
}

.my_page_01 #main_column .box>.title>a {
    background: #000;
    color: #fff;
    padding: 0.25em 1em;
    font-size: 14px;
    letter-spacing: 1.68px;
    border-radius: 5px;
    position: absolute;
    right: 0;
    top: 0;
}

.my_page_01 #main_column .box>ul {
    margin-top: 12px;
}

.my_page_01 #main_column .box>ul>li {
    display: flex;
    justify-content: space-between;
    padding: 22px 0;
    border-bottom: solid 1px #ECECEC;
}

.my_page_01 #main_column .box>ul>li:last-child {
    border-bottom: none;
}

.my_page_01 #main_column .box>ul>li>.title {
    width: 30%;
    letter-spacing: 1.92px;
    font-weight: bold;
}

.my_page_01 #main_column .box>ul>li>.txt {
    width: 65%;
    margin-left: 5%;
    letter-spacing: 1.92px;
}

#main_column .box:nth-child(2)>ul>li:last-child,
#main_column .box:nth-child(3)>ul>li:last-child {
    border-bottom: solid 1px #ECECEC;
}

.my_page_01_3 ul.box>li>.title {
    display: flex;
    margin-bottom: 13px;
}

.box>li>.title>h3 {
    font-size: 24px;
}

.my_page_01_3 ul.box>li>.title>span {
    font-size: 10px;
    margin: auto auto 0;
    margin-right: 0;
}

.my_page_01_3 ul.box>li {
    margin-bottom: 35px;
}

.my_page_01_3 ul.box>li:last-child {
    margin-bottom: 0;
}

.my_page_01_3 ul.box>li>.add {
    height: 62px;
    width: 100%;
}

.my_page_01_3 ul.box>li>.add>a {
    height: 100%;
    ;
    width: 100%;
    display: flex;
    align-items: center;
    border: solid 1px #83CDE6;
    color: #83CDE6;
    padding: 0 1em;
    box-sizing: border-box;
    position: relative;
}

.my_page_01_3 ul.box>li>.add>a::after {
    content: "";
    background: url(./img/icon/plus.png) no-repeat;
    width: 16px;
    height: 21px;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 1em;
}

.my_page_01_3 ul.box>li>.txt {
    border-top: solid 1px #ECECEC;
    padding-top: 21px;
}

#main_column .box form>ul>li {
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
}

#main_column .box form>ul>li:nth-child(2) .input li {
    display: flex;
    align-items: flex-end;
}

#main_column .box form>ul>li:nth-child(2) .input li input[type="number"]:nth-child(2) {
    margin-left: 1em;
    margin-right: 0.5em;
}

#main_column .box form>ul>li:nth-child(2) .input li input[type="number"]:nth-child(1) {
    margin-right: 0.5em;
}

#main_column .box form>ul>li .title {
    width: 35%;
    margin: auto;

}

#main_column .box form>ul>li ul.input {
    width: 60%;
    margin: auto;
    margin-left: 5%;
}

#main_column .box form>ul {
    margin-top: 21px;
}

#main_column .box form>ul>li .title>span {
    color: #C40909;
    padding-left: 1em;
}

.my_page_01_3_1 .about_code>label {
    text-align: center;
    text-decoration: underline;
    font-size: 12px;
    margin: auto;
    margin-top: 14px;
    display: block;
    cursor: pointer;
}


.my_page_01_3_1 ul.btn_list>li {
    height: 56px;
}

.my_page_01_3_1 ul.btn_list {
    margin-top: 37px !important;
}

.about_code>.txt {
    width: 65%;
    margin: auto;
    margin-right: 0;
    background: #F7F7F7;
    padding: 30px 24px;
    box-sizing: border-box;
    margin-top: 30px;
    height: 0;
    display: none;
    visibility: hidden;
}

.about_code>.txt>.note {
    font-size: 12px;
    margin-bottom: 14px;
    margin-top: 15px;
    line-height: 1.9;
}

.about_code>.txt>.note:last-child {
    margin-bottom: 0;
    margin-top: 18px;
}

#about_code_input:checked+.about_code>.txt {
    display: block;
    visibility: visible;
    height: auto;
}

#main_column .box>ul>li.num>.input {
    display: flex;
    align-items: center;
}

#main_column .box>ul>li.num>.input>input {
    margin: 0 0.25em;
}

.my_page_01_1 ul.btn_list {
    width: 80%;
}

.my_page_01_1 ul.btn_list>li {
    height: 56px;
}

.my_page_02 #main_column .box .txt {
    margin-top: 18px;
    line-height: 1.75;
}

.my_page_02 #main_column .box .num {
    color: #83CDE6;
    font-weight: bold;
    font-size: 20px;
    margin-top: 37px;
}

.my_page_02 #main_column .box .delete {
    text-align: right;
    text-decoration: underline;
    font-size: 14px;
}

.my_page_02 #main_column .box ul.fav_list {
    margin-top: 30px;
}

.my_page_02 #main_column .box ul.fav_list>li {
    border: solid 1px #ECECEC;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.my_page_02 #main_column .box ul.fav_list>li>.img {
    width: 173px;
    margin: auto;
    margin-left: 0;
}

.my_page_02 #main_column .box ul.fav_list>li>.txt {
    width: calc(100% - 173px - 37px);
    margin: auto;
    margin-right: 0;
    margin-left: 37px;
}

.my_page_02 #main_column .box ul.fav_list>li>.txt>.name {
    border-bottom: solid 1px #ECECEC;
    padding-bottom: 14px;
    font-weight: bold;
    margin-bottom: 19px;
}

.my_page_02 #main_column .box ul.fav_list>li>.txt>.price {
    font-family: "Verdana";
    font-size: 24px;
    font-weight: bold;
}

.my_page_02 #main_column .box ul.fav_list>li>.txt>.price>span {
    font-size: 12px;
}

.my_page_02 #main_column .box ul.fav_list>li>.txt>.info {
    display: flex;
    margin-top: 20px;
}

.my_page_02 #main_column .box ul.fav_list>li>.txt>.info ul.btn_list {
    width: 80%;
    margin: auto;
    margin-right: 0;
}

.my_page_02 #main_column .box ul.fav_list>li>.txt>.info ul.btn_list>li>a {
    font-size: 12px;
    font-weight: bold;
    box-sizing: border-box;
}

.my_page_02 #main_column .box ul.fav_list>li>.txt>.info ul.btn_list>li {
    height: 33px;
    margin-right: 12px;
}

.my_page_02 #main_column .box ul.fav_list>li>.txt>.info ul.btn_list>li:nth-child(2n) {
    margin-right: 0;
}

.my_page_02 #main_column .box ul.fav_list>li>.txt>.info select {
    width: 15%;
    margin-right: 5%;
    border: solid 1px #E4E8E9;
    border-radius: 4px
}

.product_list>li {
    border: solid 1px #E8E8E8;
    border-radius: 10px;
    padding: 48px;
    background: #fff;
    box-sizing: border-box;
}

.product_list>li>img {
    max-height: 200px;
    object-fit: contain;
}

.product_list>li>.title {
    font-family: '游明朝', 'Yu Mincho', YuMincho, serif;
    text-align: center;
    margin-top: 37px;
}

.product_list>li>.price {
    color: #B9B5A5;
    font-size: 20px;
    text-align: center;
    font-family: '游明朝', 'Yu Mincho', YuMincho, serif;
    margin-top: 18px;
}

.product_list>li>.catch {
    margin-top: 30px;
    font-size: 14px;
    line-height: 2;
    letter-spacing: -1px;
}


.product_list>li {
    width: calc((100% - 32px*2)/3);
    margin-right: 32px;
}

.product_list>li:nth-child(3n) {
    margin-right: 0;
}

.product_list {
    display: flex;
    max-width: 1138px;
    margin: auto;
}

.my_page_02 #history {
    margin-top: 113px;
}

.my_page_02 #history ul.btn_list>li {
    max-width: 325px;
    margin: auto;
    height: 56px;
}

.my_page_02 #history ul.btn_list {
    margin-top: 57px;
}



.my_page_03 #main_column .box .txt {
    margin-top: 18px;
    line-height: 1.75;
}

.my_page_03 #main_column .box .num {
    color: #83CDE6;
    font-weight: bold;
    font-size: 20px;
    margin-top: 37px;
}

.my_page_03 #main_column .box .delete {
    text-align: right;
    text-decoration: underline;
    font-size: 14px;
}

.my_page_03 #main_column .box ul.fav_list {
    margin-top: 30px;
}

.my_page_03 #main_column .box ul.fav_list>li {
    border: solid 1px #ECECEC;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.my_page_03 #main_column .box ul.fav_list>li>.img {
    width: 173px;
    margin: auto;
    margin-left: 0;
}

.my_page_03 #main_column .box ul.fav_list>li>.txt {
    width: calc(100% - 173px - 37px);
    margin: auto;
    margin-right: 0;
    margin-left: 37px;
}

.my_page_03 #main_column .box ul.fav_list>li>.txt>.name {
    border-bottom: solid 1px #ECECEC;
    padding-bottom: 14px;
    font-weight: bold;
    margin-bottom: 19px;
}

.my_page_03 #main_column .box ul.fav_list>li>.txt>.price {
    font-family: "Verdana";
    font-size: 24px;
    font-weight: bold;
}

.my_page_03 #main_column .box ul.fav_list>li>.txt>.price>span {
    font-size: 12px;
}

.my_page_03 #main_column .box ul.fav_list>li>.txt>.info {
    display: flex;
    margin-top: 20px;
}

.my_page_03 #main_column .box ul.fav_list>li>.txt>.info ul.btn_list {
    width: 80%;
    margin: auto;
    margin-right: 0;
    justify-content: flex-end;
}

.my_page_03 #main_column .box ul.fav_list>li>.txt>.info ul.btn_list>li>a {
    font-size: 12px;
    font-weight: bold;
    box-sizing: border-box;
}

.my_page_03 #main_column .box ul.fav_list>li>.txt>.info ul.btn_list>li {
    height: 33px;
    margin-right: 12px;
}

.my_page_03 #main_column .box ul.fav_list>li>.txt>.info ul.btn_list>li:nth-child(2n) {
    margin-right: 0;
}

.my_page_03 #main_column .box ul.fav_list>li>.txt>.info select {
    width: 15%;
    margin-right: 5%;
    border: solid 1px #E4E8E9;
    border-radius: 4px
}

.my_page_03 #main_column .box .checkout .info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.my_page_03 #main_column .box .checkout .info .total_price {
    font-family: "Verdana";
    font-size: 24px;
    font-weight: bold;
    margin-top: auto;
}

.my_page_03 #main_column .box .checkout .info>ul>li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    font-weight: bold;
}

.my_page_03 #main_column .box .checkout .info>ul {
    width: 50%;
}

.my_page_03 #main_column .box .checkout .info>ul>li>.title {
    width: 35%;
}

.my_page_03 #main_column .box .checkout .info>ul>li>.price {
    width: 55%;
    margin-left: 5%;
}

.my_page_03 #main_column .box .checkout ul.btn_list>li>label {
    background: #83CDE6;
    color: #fff;
}

.my_page_03 #main_column .box .checkout ul.btn_list>li {
    margin: 0;
    height: 54px;
}

.my_page_03 #main_column .box .checkout ul.btn_list>li>label::after {
    content: "";
    background: url(./img/icon/left-arrow_w.png) no-repeat;
}

.my_page_03 #main_column .box {
    margin-bottom: 32px;
}

.my_page_03 #main_column .box .checkout>.txt {
    font-size: 18px;
    text-align: center;
    margin-bottom: 30px;
    font-weight: bold;
}

.my_page_03.no_item #main_column .box .checkout ul.btn_list>li>label {
    background: #fff;
    color: #83CDE6;
}

.my_page_03.no_item #main_column .box .checkout ul.btn_list>li>label::after {
    content: "";
    background: url(./img/icon/left-arrow_bl.png) no-repeat;
}


.my_page_04 #main_column .box ul.fav_list {
    margin-top: 30px;
}

.my_page_04 #main_column .box ul.fav_list>li {
    border: solid 1px #ECECEC;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.my_page_04 #main_column .box ul.fav_list>li>.img {
    width: 173px;
    margin: auto;
    margin-left: 0;
}

.my_page_04 #main_column .box ul.fav_list>li>.txt {
    width: calc(100% - 173px - 37px);
    margin: auto;
    margin-right: 0;
    margin-left: 37px;
}

.my_page_04 #main_column .box ul.fav_list>li>.txt>.name {
    border-bottom: solid 1px #ECECEC;
    padding-bottom: 14px;
    font-weight: bold;
    margin-bottom: 19px;
}

.my_page_04 #main_column .box ul.fav_list>li>.txt>.price {
    font-family: "Verdana";
    font-size: 24px;
    font-weight: bold;
}

.my_page_04 #main_column .box ul.fav_list>li>.txt>.price>span {
    font-size: 12px;
}

.my_page_04 #main_column .box ul.fav_list>li>.txt>.info {
    display: flex;
    margin-top: 20px;
}

.my_page_04 #main_column .box ul.fav_list>li>.txt>.info ul.btn_list {
    width: 50%;
    margin: auto;
    margin-right: 0;
    justify-content: flex-end;
}

.my_page_04 #main_column .box ul.fav_list>li>.txt>.info ul.btn_list>li>a {
    font-size: 12px;
    font-weight: bold;
    box-sizing: border-box;
}

.my_page_04 #main_column .box ul.fav_list>li>.txt>.info ul.btn_list>li {
    height: 33px;
    margin-right: 0;
    width: 100%;
    max-width: 147px;
}

.my_page_04 #main_column .box ul.fav_list>li>.txt>.info ul.btn_list>li:nth-child(2n) {
    margin-right: 0;
}

.my_page_04 #main_column .box ul.fav_list>li>.txt>.info select {
    width: 15%;
    margin-right: 5%;
    border: solid 1px #E4E8E9;
    border-radius: 4px
}

.my_page_04 #main_column .box ul.fav_list>li>.txt>.info>.date {
    background: #83CDE6;
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    padding: 0 1em;
    border-radius: 4px;
}

.my_page_04 #main_column .box ul.fav_list>li>.txt>.info ul.btn_list>li>a::after {
    background: url(./img/icon/left-arrow_bl2.png) no-repeat;
    background-size: contain;
    width: 5px;
    height: 8px;
}

#contact_page #main_column .box .txt {
    margin-top: 18px;
    line-height: 1.75;
}

#contact_page form>ul>li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

#contact_page form>ul>li>.title {
    font-weight: bold;
    letter-spacing: 1.92px;
    width: 25%;
    margin: auto;
}

#contact_page form>ul>li>.input {
    display: flex;
    width: 75%;
    margin-left: auto;
}

#contact_page form>ul>li>.input>li {
    width: calc((100% - 14px)/2);
    margin-right: 14px;
}

#contact_page form>ul>li>.input>li:last-child {
    margin-right: 0;
}

#contact_page form>ul>li>.input>li>select {
    width: 100%;
    height: 48px;
    border: solid 1px #CCCCCC;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 0 1em;
}

#contact_page form>ul>li>.input>li>textarea {
    width: 100%;
    border: solid 1px #CCCCCC;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 1em;
    line-height: 2;
}

.mw_wp_form_input+ul.btn_list>li:nth-child(1) {
    display: none;
}

.mw_wp_form_input ul.btn_list>li:nth-child(1) {
    display: none !important;
}

ul.btn_list input.cancel {
    background: transparent;
    border: none;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

#contact_page .mw_wp_form_confirm form>ul>li>.input>li {
    background: #F8F8F8;
    border-radius: 4px;
    border: solid 1px #E0E0E0;
    box-sizing: border-box;
    height: 48px;
    display: flex;
    align-items: center;
    padding: 0 1em;
}

#contact_page .mw_wp_form_confirm form>ul>li:nth-child(2)>.input>li {
    align-items: center;
}

#contact_page .mw_wp_form_confirm form>ul>li:last-child>.input>li {
    height: 180px;
    align-items: flex-start;
    padding: 1em;
}

#contact_page .mw_wp_form_confirm ul:nth-child(2) {
    margin-bottom: 2em;
}

.complete {
    text-align: center;
}


#complete_page>.bg_color {
    background: #FAF8F5;
    padding: 80px 0 120px;
}

#complete_page .side_column {
    width: 240px;
    background: #fff;
    margin: 0 auto auto;
    margin-right: 32px;
    padding: 40px 30px;
    box-sizing: border-box;
    border: solid 1px #ECECEC;
    border-radius: 5px;
}

#complete_page #main_column .box .txt {
    margin-top: 18px;
    line-height: 1.75;
}

#complete_page form>ul>li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

#complete_page form>ul>li>.title {
    font-weight: bold;
    letter-spacing: 1.92px;
    width: 25%;
    margin: auto;
}

#complete_page form>ul>li>.input {
    display: flex;
    width: 75%;
    margin-left: auto;
}

#complete_page form>ul>li>.input>li {
    width: calc((100% - 14px)/2);
    margin-right: 14px;
}

#complete_page form>ul>li>.input>li:last-child {
    margin-right: 0;
}

#complete_page form>ul>li>.input>li>select {
    width: 100%;
    height: 48px;
    border: solid 1px #CCCCCC;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 0 1em;
}

#complete_page form>ul>li>.input>li>textarea {
    width: 100%;
    border: solid 1px #CCCCCC;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 1em;
    line-height: 2;
}

#complete_page .mw_wp_form_confirm form>ul>li>.input>li {
    background: #F8F8F8;
    border-radius: 4px;
    border: solid 1px #E0E0E0;
    box-sizing: border-box;
    height: 48px;
    display: flex;
    align-items: center;
    padding: 0 1em;
}

#complete_page .mw_wp_form_confirm form>ul>li:nth-child(2)>.input>li {
    align-items: center;
}

#complete_page .mw_wp_form_confirm form>ul>li:last-child>.input>li {
    height: 180px;
    align-items: flex-start;
    padding: 1em;
}

#complete_page .mw_wp_form_confirm ul:nth-child(2) {
    margin-bottom: 2em;
}

.complete_memo {
    letter-spacing: 0.12em;
    line-height: 2;
    margin-bottom: 45px;
}

.complete ul.btn_list>li>a {
    background: #83cde6;
    color: #fff;
}

.complete ul.btn_list>li>a::after {
    background: url(./img/icon/left-arrow_w.png) no-repeat;
}


.page_area.kakunin form .input input[type="text"],
.page_area.kakunin form .input input[type="email"],
.page_area.kakunin form .input input[type="password"],
.page_area.kakunin form .input input[type="date"],
.page_area.kakunin form .input input[type="number"],
.page_area.kakunin form .input select,
.page_area.kakunin form .input textarea {
    background: #F8F8F8;
}


.page_area.kakunin ul.btn_list {
    width: 70%;
    margin: auto;
}

.page_area.kakunin ul.btn_list>li {
    height: 56px;
}

.page_area.kakunin #main_column .box {
    padding-bottom: 79px;
}

.slide_area>.review_slide .swiper-slide {
    background: transparent;
    border: none;
    padding: 0;
}

.slide_area>.review_slide .swiper-slide>img {
    width: 100%;
    max-height: none;
}

.slide_area>.review_slide .swiper-slide>.txt {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
}

.slide_area>.review_slide .swiper-slide>.txt>.name {
    margin-right: auto;
    background: #EBE7DF;
    font-size: 14px;
    line-height: 1;
    padding: 0.5em 2em 0.5em 1em;
}

.slide_area>.review_slide .swiper-slide>.txt>.date {
    font-size: 12px;
    margin: auto;
    margin-right: 0;
    color: #83CDE6;
    font-family: 'Verdana';
}

.slide_area>.review_slide .swiper-slide>.txt>.title {
    margin: 1em 0;
    font-size: 16px;
    line-height: 1.3;
}

.slide_area>.review_slide .swiper-slide>.txt>.catch {
    font-size: 12px;
}




@media screen and (min-width:751px) {
    .is_sp {
        display: none;
    }
}

/*--search_page-*/

#search_page section.bg_color {
    background: #FAF8F5;
    padding-top: 80px;
    padding-bottom: 166px;
}

.search_list {
    background: #fff;
    max-width: 1024px;
    width: 95%;
    margin: auto;
    border-radius: 20px;
    padding: 64px 144px;
    box-sizing: border-box;
}


.search_list .select_list li>p {
    margin: 1.2em 0 0.5em;
}

.search_list .select_list li select {
    margin-right: 0;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    /* デフォルトの矢印を非表示 */
}



.search_list .select_list li select::-ms-expand {
    display: none;
}

.search_list .select_list li>input::placeholder {
    color: #333;
}

#pc_header .search_area input[type="search"]::placeholder {
    color: #333;
}

ul.btn_blu {
    display: flex;
    justify-content: space-between;
    max-width: 536px;
    margin: 50px auto 0;
}

ul.btn_blu label {
    border: solid 1px #83CDE6;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 120px;
    color: #83CDE6;
    padding: 0 3em;
    line-height: 1;
    width: 260px;
    cursor: pointer;
    position: relative;
}

ul.btn_blu li:nth-child(2n) label {
    background: #83CDE6;
    color: #fff;
}

ul.btn_blu label::after {
    content: "";
    background: url(./img/icon/left-arrow_bl2.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 1.5em;
    top: 50%;
    width: 4px;
    height: 7px;
    transform: translate(0, -50%);
}

ul.btn_blu li:nth-child(2n) label::after {
    content: "";
    background: url(./img/icon/common-arrow_w.png);
}


/*-特徴埋め込み-*/


.product_umekomi main {
    padding-top: 0;
    max-width: none;
    width: 100%;
}

.product_umekomi .fv,
.product_umekomi #winery_comment,
.product_umekomi #winery_about,
.product_umekomi #winery_feature h3,
.product_umekomi #winerr_gallery,
.product_umekomi #wine_list {
    display: none;
}

.product_umekomi #winery_feature {
    margin-top: 0 !important;
    max-width: none;
    background: #FAF8F5;
}

.product_umekomi #winery_feature>ul>li:nth-child(1) {
    padding-top: 0;
}


.product_umekomi #winery_feature>ul>li:nth-child(1),
.product_umekomi #winery_feature>ul>li:nth-child(2) {
    margin-top: 0;
}

.product_umekomi #winery_feature>ul>li>.txt>h4 {
    margin: 0 auto 45px;
}

@media screen and (max-width: 750px) {
    .product_umekomi #winery_feature>ul>li>.txt>h4 {
        margin-top: calc((90px/2) + (90 - (90/2))*(100vw - 375px)/(750 - 375));
    }
}

.product_umekomi #winery_feature>ul>li:nth-child(even) {
    margin-left: auto;
}

.product_umekomi #winery_feature>ul>li:last-child {
    margin-bottom: 0;
}

.product_umekomi #winery_feature>ul>li>.img {
    margin: auto 0;
}

.product_umekomi #winery_feature>ul>li>.txt {
    margin-right: 3em;
}

/*-.product_umekomi #winery_feature > ul > li > .txt {
    margin-top: 2em;
}-*/

/*-.product_umekomi #winery_feature > ul > li > .img > img {
    object-fit: cover;
    aspect-ratio: 16 / 9;
}

.product_umekomi #winery_feature > ul > li > .img {
    max-width: none;
    width: 100%;
}

.product_umekomi #winery_feature > ul > li > .txt {
    width: 100%;
    max-width: none;
    font-size: 16px;
}-*/


@media screen and (max-width:750px) {

    .product_umekomi #winery_feature>ul {
        flex-direction: column;
        margin: 0;
        width: 100%;
    }

    .product_umekomi #winery_feature>ul>li {
        width: 100%;
        margin-bottom: calc((70px/2) + (70 - (70/2))*(100vw - 375px)/(750 - 375));
    }

    .product_umekomi #winery_feature>ul>li>.txt {
        font-size: calc((28px/2) + (28 - (28/2))*(100vw - 375px)/(750 - 375));
    }

    #main_column {
        width: 90%;
    }

    #contact_page>.bg_color {
        padding-top: 2em;
    }

    #concierge_form_page>.bg_color {
        padding-top: 2em;
    }

    #main_column .box form>ul>li {
        flex-direction: column;
    }

    #main_column .box form>ul>li .title {
        width: 100%;
        margin-bottom: 0.5em;
    }

    #main_column .box form>ul>li ul.input {
        width: 100%;
        margin: auto;
        margin-bottom: 1em;
    }

    ul.btn_list>li {
        width: 100%;
    }

}




#concierge_form_page #main_column .box .txt {
    margin-top: 2.3em;
    text-align: center;
    font-size: 16px;
}

#concierge_form_page #main_column .box .txt h5 {
    font-size: 16px;
    margin: 0;
}

#concierge_form_page #main_column .box .txt p {
    font-size: 14px;
    margin: 0.78em 0 1.57em;
}

#concierge_form_page #main_column .box .txt a {
    color: #83CDE6;
    font-size: 16px;
}

#concierge_form_page form>ul>li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

#concierge_form_page form>ul>li>.title {
    font-weight: bold;
    letter-spacing: 1.92px;
    width: 25%;
    margin: auto;
}

#concierge_form_page form>ul>li>.input {
    display: flex;
    width: 75%;
    margin-left: auto;
}

#concierge_form_page form>ul>li>.input>li {
    width: calc((100% - 14px)/2);
    margin-right: 14px;
    flex-wrap: wrap;
}

#concierge_form_page form>ul>li>.input>li:last-child {
    margin-right: 0;
}

#concierge_form_page form>ul>li>.input>li>select {
    width: 100%;
    height: 48px;
    border: solid 1px #CCCCCC;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 0 1em;
}

#concierge_form_page form>ul>li>.input>li>textarea {
    width: 100%;
    border: solid 1px #CCCCCC;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 1em;
    line-height: 2;
}

#concierge_form_page .mw_wp_form_confirm form>ul>li>.input>li {
    background: #F8F8F8;
    border-radius: 4px;
    border: solid 1px #E0E0E0;
    box-sizing: border-box;
    height: 48px;
    display: flex;
    align-items: center;
    padding: 0 1em;
}

#concierge_form_page .mw_wp_form_confirm form>ul>li:nth-child(2)>.input>li {
    align-items: center;
}

#concierge_form_page .mw_wp_form_confirm form>ul>li:nth-child(4)>.input>li {
    height: 180px;
    align-items: flex-start;
    padding: 1em;
}

#concierge_form_page .mw_wp_form_confirm ul:nth-child(2) {
    margin-bottom: 2em;
}

#concierge_form_page h3 {
    text-align: center;
    margin-bottom: 1.45em;
}

#concierge_form_page #main_column {
    width: 100%;
}

#concierge_form_page #main_column .box {
    padding: 60px 135px 75px;
}

ul.input.yen {
    position: relative;
}

ul.input.yen::after {
    content: "円";
    position: absolute;
    bottom: 0;
    right: -1.5em;
}

ul.input.hon {
    position: relative;
}

ul.input.hon::after {
    content: "本";
    position: absolute;
    bottom: 0;
    right: -1.5em;
}

@media screen and (max-width:750px) {

    #concierge_form_page #main_column {
        width: 90%;
    }

    #concierge_form_page #main_column .box {
        padding: 3em 2em;
    }

    #main_column .box>.title>h3 {
        font-size: 18px;
    }

}

#terms_of_service_page>.bg_color {
    background: #FAF8F5;
    padding: 80px 0 120px;
}

#terms_of_service_page>.bg_color>ul {
    background: #fff;
    max-width: 1024px;
    margin: auto;
    border-radius: 5px;
    border: solid 1px #ECECEC;
    padding: 60px 65px;
}

#terms_of_service_page>.bg_color>ul>li {
    margin-bottom: 2.9em;
    font-size: 16px;
    letter-spacing: 0.12em;
    line-height: 2;
}

#terms_of_service_page>.bg_color>ul>li>h3 {
    font-size: 24px;
    margin: 0;
    margin-bottom: 0.9em;
    line-height: 1.6;
}

#terms_of_service_page>.bg_color>ul>li .indent {
    margin: 1.9em 0;
    padding-left: 3em;
}

@media screen and (max-width:750px) {

    #terms_of_service_page>.bg_color {
        padding-top: 2em;
    }

    #terms_of_service_page>.bg_color>ul {
        width: 90%;
        padding: 30px 32px;
    }

    #terms_of_service_page>.bg_color>ul>li {
        font-size: 14px;
    }

    #terms_of_service_page>.bg_color>ul>li>h3 {
        font-size: 18px;
    }

    #terms_of_service_page>.bg_color>ul>li .indent {
        padding-left: 1em;
    }

    .page_area>ul.breadcrumbs {
        padding: 0 1em 0.5em;
    }

}


.page_area.mega {
    width: 100%;
    max-width: none;
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    top: 127px;
    background: #fff;
    padding-top: 0 !important;
}

/*-
.page_area.mega .search_list {
    max-width: 1440px;
    width: 95%;
    padding: 1em 0 2em;
}

.page_area.mega ul.select_list {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}

.page_area.mega .search_list .select_list li {
    width: 33%;
}

.page_area.mega .search_list .select_list li {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.search_list .select_list li select {
    margin-right: 0;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    text-align: right;
    padding: 0 1em 0 3em;
}-*/



.page_area.mega ul.btn_blu {
    margin-top: 50px;
}

.page_area.mega {
    height: 0;
}

.click_area {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    margin: auto;
    height: 100%;
}

.search_area.open~.page_area.mega {
    height: 90vh;
    overflow-y: scroll;
    display: none;
}

ul.btn_blu input[type=submit],
ul.btn_blu button {
    border: solid 1px #83CDE6;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 120px;
    color: #83cde6;
    padding: 0 3em;
    line-height: 1;
    width: 260px;
    cursor: pointer;
    position: relative;
    background: #fff;
}



ul.btn_blu>li {
    position: relative;
}

ul.btn_blu>li:after {
    content: "";
    background: url(./img/icon/left-arrow_bl2.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 1.5em;
    top: 50%;
    width: 4px;
    height: 7px;
    transform: translateY(-50%);
}

ul.btn_blu>li:nth-child(even) input[type="submit"],
ul.btn_blu>li:nth-child(even) button {
    background: #83CDE6;
    color: #fff;
}

ul.btn_blu>li:nth-child(even):after {
    content: "";
    background: url(./img/icon/left-arrow_w.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 1.5em;
    top: 50%;
    width: 4px;
    height: 7px;
    transform: translateY(-50%);
}

@media screen and (min-width:749px) and (max-width:1440px) {

    #about_page #message,
    #about_page #commitment,
    #about_page .contents_slide_area {
        max-width: 95%;
        margin-left: auto;
        margin-right: auto;
    }

}

div#wpadminbar {
    display: none;
}

html {
    margin-top: 0 !important;
}

.btn_view ul.btn_blu {
    justify-content: center;
    margin-top: 78px;
    margin-bottom: 96px;
}

.btn_view ul.btn_blu input[type=submit],
.btn_view ul.btn_blu button {
    border: solid 1.5px #222222;
    justify-content: center;
    font-family: 'Verdana';
    font-size: 14px;
    font-weight: normal;
    color: #222222;
    background: #faf8f5;
}

.btn_view ul.btn_blu>li:after {
    background: url(./img/icon/arrow-round-forward.png) no-repeat;
    width: 9px;
    height: 7px;
    background-size: contain;
}

ul.country_list>li .area_1.view_area {
    margin-bottom: 1em;
}

main#winery_detail_page>.fv>img {
    height: 480px;
    object-fit: cover;
    object-position: top;
}

#winery_list .item-content>img {
    border-radius: 12px 12px 0 0;
    aspect-ratio: 1 / 0.6;
    object-fit: cover;
}


section#winery_list>.title {
    text-align: center;
    font-size: 24px;
    font-family: '游明朝', 'Yu Mincho', YuMincho, serif;
    margin-bottom: 45px;
}

section#winery_list>form>ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 56px;
}

section#winery_list>form>ul select {
    height: 62px;
    border: solid 1px #D9CCB8;
    border-radius: 120px;
}

section#winery_list>form>ul>li.country_select select {
    padding: 0 2em 0 5em;
    font-size: 14px;
}

section#winery_list>form>ul>li.area_select select {
    padding: 0 2em 0 6em;
    font-size: 14px;
}

section#winery_list>form>ul select {
    -webkit-appearance: none;
    appearance: none;
    /* デフォルトの矢印を非表示 */
    width: 100%;
}

section#winery_list>form>ul select::-ms-expand {
    display: none;
    /* デフォルトの矢印を非表示(IE用) */
}

section#winery_list>form>ul>li {
    position: relative;
}

section#winery_list>form>ul>li.country_select,
section#winery_list>form>ul>li.area_select {
    width: 95%;
    max-width: 320px;
}

section#winery_list>form>ul>li.country_select:before,
section#winery_list>form>ul>li.area_select:before {
    content: "";
    background: url(./img/icon/common-arrow.png) no-repeat;
    background-size: cover;
    max-width: 3.95px;
    max-height: 7.02px;
    width: calc((3.95px/2) + (3.95 - (3.95/2))*(100vw - 375px)/(750 - 375));
    height: calc((7.02px/2) + (7.02 - (7.02/2))*(100vw - 375px)/(750 - 375));
    position: absolute;
    top: 50%;
    transform: translate(0, -50%) rotate(90deg);
    right: 16.5px;
}

section#winery_list>form>ul>li>.icon,
section#winery_list>form>ul>li>.icon {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 24px;
    font-size: 14px;
}

section#winery_list>form>ul>li>.icon>span,
section#winery_list>form>ul>li>.icon>span {
    color: #D9CCB8;
}

section#winery_list>form>ul>li.and_icon {
    margin: 0 10px;
}

section#winery_list>form>ul>li.btn>input[type="button"] {
    max-width: 140px;
    max-height: 62px;
    width: calc((140px/2) + (140 - (140/2))*(100vw - 375px)/(750 - 375));
    height: calc((62px/2) + (62 - (62/2))*(100vw - 375px)/(750 - 375));
    background: #222222;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    border-radius: 120px;
    cursor: pointer;
}

section#winery_list>form>ul>li.btn {
    margin-left: 40px;
}

li.area_select {
    display: none;
}

li.area_select.num1 {
    display: block;
}

@media screen and (max-width:750px) {

    section#winery_list>.title {
        font-size: calc((32px/2) + (32 - (32/2))*(100vw - 375px)/(750 - 375));
        margin-bottom: calc((45px/2) + (45 - (45/2))*(100vw - 375px)/(750 - 375));
    }

    section#winery_list>form>ul {
        margin-bottom: calc((56px/2) + (56 - (56/2))*(100vw - 375px)/(750 - 375));
        width: 95%;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
    }

    section#winery_list>form>ul select {
        height: calc((90px/2) + (90 - (90/2))*(100vw - 375px)/(750 - 375));
        border-radius: calc((120px/2) + (120 - (120/2))*(100vw - 375px)/(750 - 375));
    }

    section#winery_list>form>ul>li.country_select::before,
    section#winery_list>form>ul>li.area_select::before {
        right: calc((16.5px/2) + (16.5 - (16.5/2))*(100vw - 375px)/(750 - 375));
    }

    section#winery_list>form>ul>li>.icon,
    section#winery_list>form>ul>li>.icon {
        left: calc((24px/2) + (24 - (24/2))*(100vw - 375px)/(750 - 375));
    }

    section#winery_list>form>ul>li.and_icon {
        margin: calc((10px/2) + (10 - (10/2))*(100vw - 375px)/(750 - 375)) 0;
    }

    section#winery_list>form>ul>li.btn>input[type="button"] {
        font-size: calc((14px/2) + (14 - (14/2))*(100vw - 375px)/(750 - 375));
        border-radius: calc((120px/2) + (120 - (120/2))*(100vw - 375px)/(750 - 375));
        height: calc((90px/2) + (90 - (90/2))*(100vw - 375px)/(750 - 375));
        max-width: none;
        max-height: none;
        width: fit-content;
        min-width: 178px;
    }

    section#winery_list>form>ul>li.btn {
        margin: calc((40px/2) + (40 - (40/2))*(100vw - 375px)/(750 - 375)) 0 0;
    }

    section#winery_list>form>ul>li.country_select select,
    section#winery_list>form>ul>li.area_select select,
    section#winery_list>form>ul>li.btn>input[type="button"],
    section#winery_list>form>ul>li>.icon,
    section#winery_list>form>ul>li>.icon {
        font-size: calc((28px/2) + (28 - (28/2))*(100vw - 375px)/(750 - 375));
    }

}


.home .best10 .slide_area .swiper-slide:nth-child(1) {
    position: relative;
}

.home .best10 .slide_area .swiper-slide:nth-child(1)::after {
    content: "1";
    height: 36px;
    width: 36px;
    background: #E2BF40;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    top: 25px;
    left: 33px;
    color: #fff;
    border-radius: 50%;
    line-height: 1;
    font-family: 'Verdana';
}

.home .best10 .slide_area .swiper-slide:nth-child(2) {
    position: relative;
}

.home .best10 .slide_area .swiper-slide:nth-child(2)::after {
    content: "2";
    height: 36px;
    width: 36px;
    background: #AFAFAF;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    top: 25px;
    left: 33px;
    color: #fff;
    border-radius: 50%;
    line-height: 1;
    font-family: 'Verdana';
}

.home .best10 .slide_area .swiper-slide:nth-child(3) {
    position: relative;
}

.home .best10 .slide_area .swiper-slide:nth-child(3)::after {
    content: "3";
    height: 36px;
    width: 36px;
    background: #BA7335;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    top: 25px;
    left: 33px;
    color: #fff;
    border-radius: 50%;
    line-height: 1;
    font-family: 'Verdana';
}

main#personal_information_page ul.breadcrumbs.type_b {
    padding: 0;
    margin-bottom: 27px;
}





.slider_blog {
    position: relative;
}

.arrow {
    position: absolute;
    top: 11%;
}

.slider_blog .slide {
    padding: 0 16px 0 40px;
    transition: .5s;
    box-sizing: content-box;
    position: relative;
    height: 550px;
}

.arrow.prev {
    left: 0;
    z-index: 1;
}

.arrow.next {
    right: 0;
    z-index: 1;
}

.slider_blog .catch {
    font-size: 16px;
    margin-top: 20px;
    line-height: 1.5;
    letter-spacing: 0.12em;
}

.slider_blog a {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    right: 0;
    left: 0;
}

.slider_blog .date {
    font-family: "Verdana";
    font-size: 14px;
    color: #83CDE6;
    margin-top: 20px;
    letter-spacing: 0.06em;
}

.slider_blog .slick-current {
    width: 434px !important;
}


.pick_wrapper.is_pc {
    overflow: hidden;
    padding: 0;
}

.pick_wrapper.is_pc .inner {
    margin: 0 auto;
    width: 80%;
    padding-left: 4rem;
    padding-right: 4rem;
}

.pick_wrapper.is_pc .lineup {
    position: relative;
}

.pick_wrapper.is_pc .lineup-carousel li {
    text-align: center;
    margin-right: 24px;
}

.pick_wrapper.is_pc .lineup-carousel img {
    display: block;
    margin-bottom: 16px;
    width: 100%;
}

.pick_wrapper.is_pc .slick-list {
    overflow: visible;
}

.slider_blog .slide img {
    aspect-ratio: 1 / 0.7;
    object-fit: contain;
}

section#best10_set,
section#best10_seasonal,
section#best10_pop {
    margin-left: 24px;
}

.slider_blog {
    display: none;
}

.slider_blog.slick-initialized {
    display: block;
    /*slick-initializedが付与されたら表示*/
}


@media screen and (max-width:750px) {

    .slider_blog .slick-current {
        width: auto !important;
    }

    .slider_blog .slide {
        padding: 0;
        margin: 24px;
    }


    section#topics>.view_btn {
        width: fit-content;
        margin: auto;
    }

    section#topics>.view_btn>a {
        font-size: calc((28px/2) + (28 - (28/2))*(100vw - 375px)/(750 - 375));
        width: calc((320px/2) + (320 - (320/2))*(100vw - 375px)/(750 - 375));
        height: calc((66px/2) + (66 - (66/2))*(100vw - 375px)/(750 - 375));
    }

    #country {
        margin: 5rem 0 0 0;
    }

    #country>ul {
        display: block;
        gap: 1rem;
        margin: 2rem;
    }

    #country>ul>li {
        margin-top: 2rem;
    }

    .home .about ul li h3 {
        font-size: calc((48px/2) + (48 - (48/2))*(100vw - 375px)/(750 - 375));
        font-family: '游明朝', 'Yu Mincho', YuMincho, serif;
        letter-spacing: 0.3em;
        font-weight: normal;
        line-height: 1.6;
        text-align: center;
    }

    #winary_about>ul>li>.txt {
        width: 90%;
        margin: 0 auto;
        margin-top: 21px;
        line-height: 2;
        text-align: left;
        letter-spacing: 0.16em;
        margin: 6rem auto;
        font-size: calc((24px/2) + (24 - (24/2))*(100vw - 375px)/(750 - 375));
    }

    #winary_about h2 {
        margin-top: 0;
        font-size: calc((62px/2) + (62 - (62/2))*(100vw - 375px)/(750 - 375));
    }

    #winery_page #winary_about {
        padding-top: calc((160px/2) + (160 - (160/2))*(100vw - 375px)/(750 - 375));
        padding-bottom: calc((100px/2) + (100 - (100/2))*(100vw - 375px)/(750 - 375));
    }

}



/*---商品を探すプルダウン---*/


.search_list .select_list li select {
    border: solid 2px #CDDCE8;
    border-radius: 11px;
    color: #30302F;
    width: 100%;
    padding: 1em;
}

.search_list .select_list li>.select {
    position: relative;
}

.search_list .select_list li>.select::after {
    content: "";
    background: url(https://cdn.shopify.com/s/files/1/0562/3450/8345/files/common-arrow.png?v=1674190296);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 1.5em;
    top: 50%;
    width: 4px;
    height: 7px;
    transform: translate(0, -50%);
}

.search_list .select_list li>.pulldown {}

.search_list .select_list li>.pulldown>.name {
    padding: 1em;
    cursor: pointer;
    position: relative;
}

.search_list .select_list li>.pulldown>.choice {
    background: #cddce847;
}

.search_list .select_list li>.pulldown>.choice {
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}

.search_list .select_list li>.pulldown>.choice.open {
    height: auto;
    opacity: 1;
    visibility: visible;
}

.search_list .select_list li>.pulldown>.choice>label {
    display: block;
    padding: 0.5em 1em;
}

.search_list .select_list li>.pulldown>.choice>input {
    display: none;
}

.search_list .select_list li>.pulldown>.choice>input:checked+label {
    background: #cddce882;
}

.p_policy {
    text-align: center;
    width: fit-content;
    margin: 40px auto auto;
    font-size: 17px;
    position: relative;
}

.p_policy>a {
    position: absolute;
    width: 13em;
    right: 0;
    top: 50%;
    height: 1em;
    transform: translateY(-50%);
    z-index: 100;
}

.p_policy span.mwform-checkbox-field-text {
    text-decoration: underline;
}


/* megamenu */

.nav-item_sub {
    background: #fff;
    left: 0;
    right: 0;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    opacity: 0;
    position: absolute;
    top: 115px;
    transition: all .2s ease;
    visibility: hidden;
}

.nav-item_sub .inner {
    margin: 0 auto;
    width: 1000px;
    height: auto;
    padding-bottom: 50px;
}

.nav-item_sub .inner ul {
    margin: 20px 20px 20px;
}

.winesearcharea .inner {
    margin: 0 auto;
    width: 90%;
    max-width: 1000px;
}

.winesearcharea .inner {
    margin: 0 auto;
    width: 90%;
    max-width: 1000px;
    height: auto;
    padding-bottom: 50px;
}

.winesearcharea .inner ul {
    margin: 20px 20px 20px;
}

.global-nav .nav-list .nav-item_sub a {
    text-align: left;
}

.nav-item:hover .nav-item_sub {
    //*
    opacity: 1;
    visibility: visible;
    overflow-y: auto;
    max-height: 80vh;
    -ms-overflow-style: none;
    scrollbar-width: none;
    */
}

.nav-item:hover .nav-item_sub::-webkit-scrollbar {
    display: none;
}

.flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.quarter {
    width: 24%
}

.third {
    width: 32%;
    margin: 0 20px;
}

.flex-fit {
    display: flex;
    justify-content: space-between;
}

.thumbwine {
    padding: 2.5px;
}

.full {
    width: 100%;
}

.h_underline {
    -webkit-text-decoration: underline transparent;
    text-decoration: underline transparent;
    transition: -webkit-text-decoration-color .2s;
    transition: text-decoration-color .2s;
    transition: text-decoration-color .2s, -webkit-text-decoration-color .2s;
}

.space {
    padding: 5px;
    align-items: center;
    border-width: 1px;
    border-radius: 1px;
    border: 1px solid #bfd0d8;
}

.quarter.thumbwine img {
    width: 30px;
}

.quarter img {
    width: 45px;
}

.quarter02 {
    width: 24%;
}

.quarter02 img {
    width: 30px;
    display: inline-block;
    top: 8px;
    position: relative;
    left: -5px;
}

.flex-title {
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    padding: 15px 20px 15px 20px;
    width: 100%;
    color: #5b5959;
}

.flex-title02 {
    font-weight: 700;
    font-size: 16px;
    display: inline-block;
    padding: 15px 0rem;
    width: 100%;
    color: #5b5959;
}

.s_text {
    font-size: 12px;
    margin-bottom: 5px;
}

.s_text a {
    line-height: 1.5;
}

.country-wrap img {
    margin-left: 15px;
}

/* /megamenu */

/* accodion */

.accordion-body {
    display: flex;
    flex-direction: column;
}


.accordion {
    cursor: pointer;
    font-size: 12px;
    line-height: 1.75;
}

.accordion>ul {
    display: none;
}

.accordion-link {
    margin: 10px 35px 10px 30px !important;
}

/*
.third ul {
    margin-top: 0 !important;
}
*/

.accordion>li {
    cursor: pointer;
}

.ar {
    position: relative;
}

.ar::after {
    border-right: solid 2px #222;
    border-top: solid 2px #222;
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    right: 25px;
    top: 38%;
    transform: rotate(135deg);
    transition: transform .3s ease-in-out, top .3s ease-in-out;
    width: 8px;
}

.ar.open::after {
    top: 45%;
    transform: rotate(-45deg);
}

.third-fix {
    margin-right: auto;
    margin-left: auto;
}





@media screen and (max-width:750px) {



    section>h2 {}

    .winesearcharea .inner ul {display: block; margin: 0px 0px 0px;}
    .winesearcharea .inner .flex {display: block;}
    .winesearcharea .inner .flex:first-child {}
    .winesearcharea .inner .quarter02 {width: 98%; padding: 3%; background: #c3c3c3; margin-bottom: 10%;}
    .winesearcharea .inner ul .quarter {width: 100%;}
    .winesearcharea .inner ul .quarter02 {width: 100%;}
    .winesearcharea .inner .flex-title {padding: 15px 0px 0px 0px;}
    .winesearcharea .inner .flex-title02 {font-size: 5vw; padding: 0; margin-bottom: 5%;}
    .winesearcharea .inner .s_text {font-size: 3.5vw;}
    .winesearcharea .inner .third {width: 100%;}
    .winesearcharea .inner .third .accordion-body {display: block;}
    .winesearcharea .inner .flex-fit {display: block;}
    .winesearcharea .inner .accordion {font-size: 3.5vw;}
    .winesearcharea .inner .accordion {display: block;}
    .winesearcharea .accordion-link {margin-left: 5%;}

}


/* /accodion */