/* General */

body:before {
    content:"";
    display:block;
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height:100vh;
    background:url(images/body_bg_2024.jpg) center no-repeat;
    background-size:cover;
}

body {
    font-family: 'Noto Serif JP', serif;
    font-size: 16px;
}

#top {
    display: none
}

#main.two-column #content {
    width: 100%;
    margin: 0;
}

header {
    border: none;
    z-index: 99;
}

header .inner {
    padding-bottom: 0;
}

header.page-header, header.entry-header, header.item-header {
    background-color: transparent;
}

header #site-navigation input#panel.on-off + div.nav-menu-open, header #site-navigation input#panel.on-off:checked + div.nav-menu-open, header #site-navigation input#panel.on-off + div.header-nav-container {
    position: absolute;
    border-top: 3px solid #333;
    display: none;
    overflow: inherit;
    height: auto;
    background-color: #ffffff;
    width: 100%;
}

.snav .membership li:first-child {
    position: relative;
    top: 0;
    line-height: 1.4em;
    color: #000000;
}

.menu_fixed {
    position: fixed !important;
    top: 0px;
}

.site-description {
    display: none;
}

#site-navigation ul li:first-child {
    border: none;
}

#site-navigation li {
    padding: 0;
    border: none;
}

#site-navigation li a {
    padding: 1.6em 1.6em;
    color: #000000;
    font-weight: bold;
    font-size: 0.9rem;
}

#site-navigation li a:hover {
    background-color: #f7b7cc;
    text-decoration: none;
}

#site-navigation li.current_page_item a, #site-navigation li.current-menu-parent a, #site-navigation li.current-menu-item > a, li.current-menu-item a, li.current-post-ancestor a, li.current-category-ancestor a {
    background-color: #f7b7cc;
}

#site-navigation ul ul li.current-menu-item a {
    background-color: #f7b7cc;
}

#site-navigation ul ul {
    top: 52px;
    left: 8px;
    width: 13em;
    background-color: #fff;
    border: none;
    float: left;
    z-index: 9999;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    box-shadow: 2px 2px 2px #333;
}

#site-navigation ul ul :hover > a {
    background: none;
    background-color: #f7b7cc;
    color: #ffffff;
}

#site-navigation ul li li a {
    padding: 0.8em 1.5em;
    line-height: 1.8em;
}

footer li.current-menu-parent a, footer li.current-menu-item a, footer li.current-post-ancestor a {
    background-color: transparent;
}

div{
    box-sizing:border-box;
}

.post-li time {
    display: inline-block;
}

a:focus {
    outline-style: none !important;
}

.cat_mark {
    display: inline-block;
    font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 0.7rem;
    padding: 3px 6px;
    background-color: #333;
    border-radius: 3px;
    line-height: 1.2em;
    position: relative;
    top: -3px;
    left: 3px
}

.cat_mark a {
    color: #ffffff;
}

.incart-btn .total-quant {
    font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    padding-top: 0.05rem;
    width: 25px;
    height: 25px;
}

.search-box div.s-box {
    font-family: 'Noto Serif JP', serif;
    padding: 1px 0 1px 1px;
    border: 1px solid #333;
}

.search-box input[type="text"] {
    padding: .5714285em;
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"] {
    border: 1px solid #333333;
    width: 95%;
    max-width: 500px;
}

span.quantity input[type="text"] {
    margin: 5px;
    width: 3em;
}

.wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap input[type="password"], .wpcf7-form-control-wrap input[type="email"], .wpcf7-form-control-wrap input[type="tel"], .wpcf7-form-control-wrap input[type="search"], .wpcf7-form-control-wrap input[type="url"] {
    font-family: 'Noto Serif JP', serif;
}

textarea {
    font-family: 'Noto Serif JP', serif;
    border: 1px solid #333333;
    height: 6em;
    width: 95%;
    max-width: 500px;
}

select {
    font-family: 'Noto Serif JP', serif;
    border: 1px solid #333333;
    background-color: #ffffff;
}

select.catalogue {
    font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    background-color: transparent;
}

.wpcf7c-conf {
    background-color: #e8f0fe !important;
    color: #333333 !important;
    border: 2px solid #ff0000 !important;
    border-radius: 3px !important;
}


div.pdfemb-viewer {
    margin:0 auto !important;
}

.cat-il.type-grid article {
    position: relative;
    padding-top: 0.5rem;
}

.cat-il.type-grid .itemimg, .search-li .itemimg {
    position: relative;
}

.cat-il.type-grid .itemimg:before, .search-li .itemimg:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.cat-il.type-grid .itemimg img, .search-li .itemimg img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    object-fit: cover;
}

a img:hover {
    opacity: 1;
}

.site-title a img:hover {
    opacity: 1;
}

#post-1905 .entry-title {
    display:none;
}

#post-7007 .entry-title {
    display:none;
}

div.entry-content p {
    font-size: 1rem;
}

.entry-content ol li, .item-description ol li {
    margin: 0.7em;
    line-height: 2.2em;
}

.entry-content ol ul li {
    list-style-type: disc;
    line-height: 2.2em;
    margin: 0.7em;
}

.entry-content ol li ol li ul li {
    list-style-type: disc;
    line-height: 2.2em;
    margin: 0.3em;
}

.entry-content ul.maru_suuji {
    margin-left: 0;
}

.entry-content ul.maru_suuji > li {
    list-style: none;
    text-indent: -1.3em;
}

.entry-content ul.maru_suuji > li ul {
    margin-left: 0;
}

.entry-content ul.maru_suuji > li ul li {
    text-indent: 0;
}

.cat-il.type-grid .itemsoldout {
    position: absolute;
    top: 7px;
    left: 5px;
    margin: 0.6rem 0;
    height: auto !important;
    padding: 5px;
    background-color: #e00;
    line-height: 1rem;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
    color: #fff !important;
    border-radius: 5px;
    box-sizing: border-box;
}

.post-li .post-title {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.5em;
}

.post-li time {
    font-size: 1rem;
}

.post p {
    font-size: 0.9rem;
}

.cart-page .post p {
    font-size: 1rem;
}

article.contents {
    width: 95%;
    margin: 45px auto 50px;
    line-height: 2.2em;
}

.entry-content p {
    line-height: 2.2em;
}

p.top_message {
    padding-top: 15vh;
    font-size:1.1em;
    color:white;
    font-weight:bold;
    line-height:2.2;
    text-align:center;
    text-shadow: 0.1em 0.1em 0.1em #000,
    -0.1em 0.1em 0.1em #000,
    0.1em 0.1em 0.1em #000,
    -0.1em 0.1em 0.1em #000,
    0.1em 0px 0.1em #000,
    0px 0.1em 0.1em #000,
    -0.1em 0px 0.1em #000,
    0px -0.1em 0.1em #000;
}

#content .entry-title, #content header.page-header h1.page-title, h1.member_page_title {
    border: none;
    padding: 2em 1em;
    background-color: #000000;
    background-image :url(images/page_title_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #000;
    text-shadow    :
        0.07em  0.07em 0.07em #fff,
        -0.07em  0.07em 0.07em #fff,
        0.07em 0.07em 0.07em #fff,
        -0.07em 0.07em 0.07em #fff,
        0.07em  0px 0.07em #fff,
        0px 0.07em 0.07em #fff,
        -0.07em  0px 0.07em #fff,
        0px -0.07em 0.07em #fff;
    font-size: 1.5rem;
    line-height: 1.25em;
    margin-bottom: 1em;
}

.entry-header h1.single {
    font-size: 2rem;
    line-height: 1.5em;
    margin-bottom: 1em;
}

.entry-content h1 {
    font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 2.2rem;
    margin-bottom: 1em;
}

header.page-header h2, .entry-content h2 {
    padding: 0.5rem 1rem;
    font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 1.4rem;
    font-weight: normal;
    color: #fff;
    line-height: 1.4em;
    border: none;
    border-radius: 0.5rem;
    background-image: -webkit-gradient(linear, right top, left top, from(#fde0ef), to(#ae296e));
    background-image: -webkit-linear-gradient(right, #fde0ef 0%, #ae296e 100%);
    background-image: linear-gradient(to left, #fde0ef 0%, #ae296e 100%);
}

.entry-content h2.sobar {
    padding: 0;
    font-family: 'Noto Serif JP', serif;
    font-size: 1.5rem;
    font-weight: bold;
    color: #000;
    line-height: 1.4em;
    border: none;
    background-image:none;
}

.entry-content h3 {
    font-size: 1.2rem;
}

.entry-content h3.midashi_s {
    font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    margin: 30px 0 15px;
    padding-left: 1rem;
}

.entry-content h3.midashi_m {
    margin: 30px 0 25px;
    padding: 0.3rem 0.5rem;
    font-size: 1.3rem;
    letter-spacing: 1px;
    border-left: none;
    border-bottom: solid 3px #591136;
}

.post-li article {
    border-bottom: 1px solid #666666;
    margin-bottom: 2em;
    padding-bottom: 2em;
}

a {
    color: #663300;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out
}

a:hover {
    color: #ff552d;
    text-decoration: none;
}

input[type="button"], input[type="submit"], input[type="reset"] {
    background-color: #ae296e !important;
    color: #ffffff !important;
}

input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
    background-color: #e364a6 !important;
    cursor: pointer;
}

.entry-content ul li {
    line-height: 2.2em;
    margin: 0 0 0.7em 0.3em;
}

ul.kome {
    margin-left: 1.3em;
}
ul.kome li {
    list-style: none;
    margin-bottom: 15px;
}

ul.kome li:before {
    margin-left: -1.3em;
    content: "※ "
}

div.site-title {
    padding: 1.5em 0 0;
}

div.page_pre {
    float: left;
    width: 120px;
    text-align: center;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
    margin: 0 0 0 5%;
    border-radius: 5px;
    box-sizing: border-box;
}

div.page_next {
    float: right;
    width: 120px;
    text-align: center;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
    margin: 0 5% 0 0;
    border-radius: 5px;
    box-sizing: border-box;
}

.frame {
    padding: 1em 2em;
    border-radius: 1em;
    background: rgba(255,255,255,0.4);
}

.comment-box {
    position: relative;
    margin: 3em 0 4em;
    padding: 1em 1.5em 0;
    border: solid 3px #70b985;
    background: rgba(255,255,255,0.4);
}

.comment-box .box-title {
    position: absolute;
    display: inline-block;
    top: -28px;
    left: -3px;
    padding: 2px 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
    background: #70b985;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

figure {
    width: 100%;
}

figure.tel {
    width: 75%;
    margin: 0 auto;
}

.bottom_space {
    margin-bottom: 1rem;
}

img.photo_frame {
    border: 7px solid #ffffff;
}

img.photo_shadow {
    box-shadow: 2px 2px 4px #000;
}

figcaption {
    margin-top: 10px;
    font-size: 0.9rem;
    text-align: center;
    line-height: 1.5em;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}

select.sort {
    appearance: none;
    margin: 1em 0 2em;
    color: #000;
}

.search-box.On form {
    left: -88%;
    width: 195%;
}

.search-box .searchsubmit {
    background-color: rgba( 0, 0, 0, 0.5 ) !important;
    right: 2px;
    top: 4px;
}

.search-box .searchsubmit:hover {
    background-color: rgba( 0, 0, 0, 0.8 ) !important;
    right: 2px;
    top: 1px;
}

.clearfix::after {
    content: '';
    display: block;
    clear: both;
}

.no-break {
    display: inline-block;
}

.red {
    color: #ff0000;
}

.black {
    color: #000;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.out-line_b {
    text-shadow:
        0.07em  0.07em 0.07em #000000,
        -0.07em  0.07em 0.07em #000000,
        0.07em 0.07em 0.07em #000000,
        -0.07em 0.07em 0.07em #000000,
        0.07em  0px 0.07em #000000,
        0px 0.07em 0.07em #000000,
        -0.07em  0px 0.07em #000000,
        0px -0.07em 0.07em #000000;
}

.linespace_50 {
    height: 50px;
}

.linespace_30 {
    height: 30px;
}

.linespace_20 {
    height: 20px;
}

.linespace_10 {
    height: 10px;
}

.bigtxt {
    font-size: 1.8rem;
}

.largetxt {
    font-size: 1.2rem;
}

.smalltxt, div.entry-content p.smalltxt {
    font-size: 0.8rem;
}

.redstrong {
    font-weight: bold;
    color: #ff0000;
}

.underline {
    text-decoration: underline;
}

.align_left {
    text-align: left;
}

.align_right {
    text-align: right;
}

.align_center {
    text-align: center;
}

.gothic {
    font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

img.photo_shadow {
    box-shadow: 2px 2px 4px #000;
}

/* SNS */

.fa-hatena:before {
    font-family: Verdana;
    font-weight: bold;
    content: 'B!';
}

.share span {
    margin: 0;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}

.share ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.share ul:after {
    display: block;
    clear: both;
    content: '';
}

.share li {
    float: left;
    width: 20%;
    font-size: 0.9rem;
    margin: 0;
    padding: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.share li i {
    font-size: 1.25em;
}

.share li a {
    font-size: 1.3em;
    display: block;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    color: #fff;
}

.share li a:hover {
    opacity: .8;
}

.share li a:visited {
    color: #fff;
}

.tweet a {
    background-color: #55acee;
}

.facebooklink a {
    background-color: #315096;
}

.line a {
    background-color: #00b900;
}

.pocket a{
    background-color: #EF4156;
}

.hatena a {
    background-color: #008fde;
}

/* ここまで */

.main-image {
    margin: 3vw 0;
}

h1.site-title, div.site-title {
    padding: 1.8em 0 0;
    float: none;
}

h1.site-title img, div.site-title img {
    width: 95%;
    max-width: 430px;
}

#site-navigation label span:before {
    color: #333333;
    font-size: 2rem;
}

#site-navigation label {
    background-color: #ffffff;
    text-align: left;
    position: fixed;
    top: 0px;
    left: 0px;
}

.snav {
    display: none;
    padding-top: 0;
    position: fixed;
    right: 0px;
    top: 4px;
    z-index: 999;
}

div.breadcrumbs {
    margin: 0 .714286em 7%;
    font-size: 0.8rem;
}

#news_wrap {
    margin: 0 .714286em 7%;
}

div.news_item h3 img {
    position: relative;
    top: -4px;
    left: 8px;
}

    /* 横並び */

div.news_item_header {
    float: left;
    width: 88px;
    padding: 0;
    margin: 0;
}

div.news_item h3 {
    margin: 0 0 0 88px;
    clear: none;
}

    /* --- ここまで --- */

div#top_area {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    background: url(images/top_wall_2024.jpg) center no-repeat;
    background-size: cover;
}

div.top_linkbutton_1 {
    position:fixed;
    width:94vw;
    height:400px;
    top:67%;
    left:50%;
    margin-left:-47vw;
    margin-top:-200px;
    z-index: 6;
}

div.top_linkbutton_2 {
    position:fixed;
    width:94vw;
    height:400px;
    top:87%;
    left:50%;
    margin-left:-47vw;
    margin-top:-200px;
    z-index: 6;
}

div.top_linkbutton_3 {
    position: fixed;
    width: 44vh;
    height: auto;
    top: 0px;
    left: 50%;
    margin-left: -22vh;
    margin-top: 24vh;
    z-index: 6;
}

div.top_linkbutton_1 .active, div.top_linkbutton_2 .active {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: 0.3s;
}

div.top_linkbutton_1 img.active:hover, div.top_linkbutton_2 img.active:hover {
    opacity: 1;
}

div.top_linkbutton_1 img, div.top_linkbutton_2 img, div.top_linkbutton_3 img {
    width: 100%;
}

.top_featured_name {
    display: none;
    font-size: 0.5rem;
    font-weight: bold;
    position: fixed;
    line-height: 1.6em;
    right: 10%;
    bottom: 7rem;
    z-index: 9997;
}

.top_featured_name a {
    color: #ffffff;
    text-shadow: 0.1em 0.1em 0.1em #000, -0.1em 0.1em 0.1em #000, 0.1em 0.1em 0.1em #000, -0.1em 0.1em 0.1em #000, 0.1em 0px 0.1em #000, 0px 0.1em 0.1em #000, -0.1em 0px 0.1em #000, 0px -0.1em 0.1em #000;
}

.top_featured_name a:hover {
    color: #ff0000;
}

.upfade_1 {
    opacity: 0;
    animation-duration: 2s;
    animation-delay : 3s;
    animation-name: BottomToTop;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.upfade_2 {
    opacity: 0;
    animation-duration: 2s;
    animation-delay : 3.6s;
    animation-name: BottomToTop;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.upfade_3 {
    opacity: 0;
    animation-duration: 2s;
    animation-delay : 0s;
    animation-name: BottomToTop;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.fadein {
    opacity: 0;
    animation-duration: 2s;
    animation-delay : 2s;
    animation-name: FadeIn;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes BottomToTop {
    0% {
    opacity: 0;
    transform: translateY(50px);
    }
    100% {
    opacity: 1;
    transform: translateY(0);
    }
}

@keyframes FadeIn {
    0% {
    opacity: 0;
    }
    100% {
    opacity: 1;
    }
}

    /* --- 購入方法ページ --- */

.p_num {
    float: left;
    display:inline-block;
    position: relative;
    top: 5px;
    text-align: center;
    line-height: 27px;
    width: 28px;
    height: 28px;
    color: #ffffff;
    font-size: 0.85em;
    font-weight: bold;
    background-color: #e02a00;
    padding:0 2px 1px;
    border-radius: 100vh;
    box-sizing: border-box;
}

.p_exp {
    margin: 0 0 20px 38px;
}

span.maru {
    padding: 0 10px;
    position: relative;
    top: -1px;
    padding:0 10px;
    display: inline-block;
    line-height: 2em;
    color: #ffffff;
    font-size: 0.85em;
    font-weight: bold;
    background-color: #e02a00;
    border-radius: 100vh;
    box-sizing: border-box;
    width: 28px;
    height: 28px;
}

div.textbtn {
    display: inline-block;
    position: relative;
    border-radius: 10px;
    text-align: center;
    width: 100%;
    margin: 3% 0;
    padding: 3% 5%;
    border: 2px solid #c37106;
    color: #ffffff;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
    font-size: 1.1rem;
    line-height: 1.7em;
    text-shadow:
        0.07em  0.07em 0.07em #000000,
        -0.07em  0.07em 0.07em #000000,
        0.07em 0.07em 0.07em #000000,
        -0.07em 0.07em 0.07em #000000,
        0.07em  0px 0.07em #000000,
        0px 0.07em 0.07em #000000,
        -0.07em  0px 0.07em #000000,
        0px -0.07em 0.07em #000000;
    background-image :url(images/button_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 104%;
    box-sizing: border-box;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

div.textbtn:hover {
    background-color: #e9b1ce;
    background-size: 100%;
    transform: scale(1.04,1.04);
}

div.textbtn .linker {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    /* --- 新着 --- */

.to_newslist {
    text-align: right;
}

em.tax {
    color: #333;
    font-size: 0.9rem;
}

.article-header {
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: 4em;
}

.googlemap {
    margin: 0 auto;
    text-align: center;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 465px;
    overflow: hidden;
}

.cat-il.type-grid .itemname, .search-li .itemname {
    height: 75px;
    overflow: hidden;
}

    /* --- 商品ページ --- */

h1.item_page_title {
    line-height: 1.8em;
    color: #560a32;
    margin-bottom: 3em;
    padding: 0.7em 0.2em;
    border-top: 2px solid #560a32;
    border-bottom: 2px solid #560a32;
}

h2.item-name {
    padding: 2em 1% 7px;
    color: #333333;
}

.item-description p {
    line-height: 1.8em;
}

.item-description {
    border: 1px dashed #333333;
    margin: 0 0 2rem;
    padding: 1em 1em 0em;
}

div.item-info {
    width: 90%;
    margin: 0 5%;
}

div#itempage div.itemimg, div.itemsubimg {
    width: 80%;
    max-width: 700px;
    margin: 0 auto;
}

div.itemsubimg {
    margin-top: 1.5rem;
}

div.item-info {
    width: 100%;
}

div#itempage div.itemimg img {
    width: 100%;
    height: auto;
}

div.itemsubimg img {
    width: 49%;
    margin-bottom: 1rem;
    padding: 0 2%;
    height: auto;
}

span.quantity input[type="text"] {
    margin: 5px;
    width: 2.5em;
}

.skuname {
    font-size: 1.3rem;
}

.zaikostatus {
    padding: 0.2rem 0;
    font-size: 0.85rem;
}

div.field_price {
    font-size: 1.5rem;
    font-weight: bold;
}

.c-box {
    margin: 1rem 1% 1.5rem;
}
    /* --- 商品一覧ページ専用メニュー --- */

nav#product-nav.product-nav {
    display: none;
    margin-bottom: 2rem;
}

nav#product-nav.product-nav ul:after {
    content: '';
    display: block;
    clear: both;
}

nav#product-nav.product-nav ul li {
    width: 24%;
    padding: 0;
    margin: 0.2rem 0.5%;
    float: left;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
    text-align: center;
}

nav#product-nav.product-nav ul li a {
    display: block;
    width: 100%;
    color: #ffffff;
    line-height: 0;
    font-size: 0.8rem;
    padding: 1.1rem 0.1rem;
    border-radius: 100vh;
    background-color: #4a6914;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

#list_page_title {
    display: block;
}

nav#product-nav.product-nav ul li.current-menu-item a,
nav#product-nav.product-nav ul li.current-post-parent a {
    background-color: #da3976;
}

nav#product-nav.product-nav ul li a:hover {
    background-color: #f7b7cc;
    cursor: pointer;
}

    /* --- 商品一覧ページ専用メニュー（モバイル） --- */

nav#mobile-product-nav.mobile-product-nav {
    display: block;
    margin-bottom: 1rem;
}

nav#mobile-product-nav.mobile-product-nav ul:after {
    content: '';
    display: block;
    clear: both;
}

nav#mobile-product-nav.mobile-product-nav ul li {
    width: 19%;
    padding: 0;
    margin: 0.2rem 0.5%;
    float: left;
    text-align: center;
}

nav#mobile-product-nav.mobile-product-nav ul li img {
    width: 100%;
    height: auto;
}

nav#mobile-product-nav.mobile-product-nav ul li a {
    display: block;
    width: 100%;
    color: #ffffff;
    line-height: 0;
    font-size: 0.8rem;
    padding: 0;
    border-radius: 5px;
    background-color: #4a6914;
}

#list_page_title {
    display: block;
}

nav#mobile-product-nav.mobile-product-nav ul li.current-menu-item a,
nav#mobile-product-nav.mobile-product-nav ul li.current-post-parent a {
    background-color: #da3976;
}

    /* --- カートの中身ページ --- */

.page-id-319 div.site-title {
    padding-top: 2rem;
}

.page-id-319 header {
    padding-bottom: 1rem;
}

.page-id-319 h1.cart_page_title {
    padding: 0.5rem 1rem;
    margin-bottom: 2rem;
    font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 1.4rem;
    font-weight: normal;
    color: #fff;
    line-height: 1.4em;
    border: none;
    border-radius: 0.5rem;
    background-image: -webkit-gradient(linear, right top, left top, from(#fde0ef), to(#ae296e));
    background-image: -webkit-linear-gradient(right, #fde0ef 0%, #ae296e 100%);
    background-image: linear-gradient(to left, #fde0ef 0%, #ae296e 100%);
}

.page-id-319 .cart_navi ul li {
    display: inline-block;
    width: 48%;
    margin: 0.5%;
    padding: 1rem 0;
    font-size: 1.2rem;
    border-radius: 7px;
    background-color: #f6f1d9;
    text-align: center;
    font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.page-id-319 .cart_navi ul li.current {
    background-color: #d9455d;
    color: #ffffff;
}

.page-id-319 .cart_navi ul li:first-child {
    margin-left: 0.5%;
}

.page-id-319 #cart {
    margin: 1.5rem 2.5% 0;
}

.page-id-319 .send {
    text-align: center;
    margin-top: 3rem;
}

.page-id-319 .no_cart {
    margin: 3rem 2.5%;
}

.page-id-319 .to_customerinfo_button,
.page-id-319 .to_deliveryinfo_button,
.page-id-319 .to_confirm_button,
.page-id-319 .to_memberlogin_button,
.page-id-319 .to_reganddeliveryinfo_button,
.page-id-319 .back_to_delivery_button,
.page-id-319 .checkout_button {
    margin: 0 0 3rem;
}

.page-id-319 .to_customerinfo_button {
    margin-left: 0.1em;
    margin-right: 0.1em;
}

.page-id-319 .back_cart_button {
    margin-left: 0.1em;
    margin-right: 0.1em;
}

.page-id-319 .back_to_delivery_button {
    margin-left: 0.2em;
    margin-right: 0.2em;
}

.page-id-319 .back_cart_button, .page-id-319 .back_to_customer_button {
    padding: 1em 2em !important;
}

.page-id-319 .checkout_button {
    padding: 1em 2em !important;
}

.page-id-319 div.upbutton {
    display: none;
}

.page-id-319 div.upbutton input[type="submit"] {
    padding: 0.5em 0.8em;
    margin-bottom: 3rem;
}

.page-id-319 input[type="submit"].delButton {
    font-size: 0.8rem;
    padding: 0.4rem 0.4rem;
}

.page-id-319 div#cart div.currency_code {
    margin: 2rem 0;
}

.page-id-319 input[type="button"],
.page-id-319 input[type="submit"] {
    padding: 1em 0.5em;
}

.page-id-319 input[type="text"].quantity {
    width: 2rem;
}

.page-id-319 table {
    border-collapse: separate;
    margin: 0 auto;
}

.page-id-319 td.num,
.page-id-319 td.stock,
.page-id-319 td.quantity,
.page-id-319 td.subtotal,
.page-id-319 th.num,
.page-id-319 th.thumbnail,
.page-id-319 .currency_code {
    display: none;
}

.page-id-319 th.amount {
    font-size: 1rem;
    text-align: right;
    padding-right: 0.6rem;
}

.page-id-319 td.productname {
    width: 75%;
    padding: 0.6rem 0.9rem 0.6rem 0.6rem;
    font-size: 0.8rem;
    line-height:1.5em;
    word-break: break-all;
    text-align: justify;
    vertical-align: middle;
}

.page-id-319 td.action {
    text-align: center;
    padding: 0.6rem;
}

.page-id-319 td.unitprice {
    text-align: right;
    padding-right: 0.6rem;
    font-size: 1rem;
}

.page-id-319 td.thumbnail,
.page-id-319 td.unitprice,
.page-id-319 td.thumbnail,
.page-id-319 td.quantity,
.page-id-319 td.subtotal,
.page-id-319 td.action,
.page-id-319 #name_row th,
.page-id-319 #furikana_row th,
.page-id-319 #states_row th,
.page-id-319 #address1_row th,
.page-id-319 #address2_row th,
.page-id-319 #address3_row th,
.page-id-319 #tel_row th,
.page-id-319 #fax_row th {
    vertical-align: middle;
}

.page-id-319 td.thumbnail {
    padding: 0.7rem 0;
}

.page-id-319 td.thumbnail img {
    border-radius: 100vh;
    width: 60px;
    height: 60px;
}

.page-id-319 th.aright {
    padding-top: 2rem;
    text-align: center;
}

.page-id-319 h5 {
    margin: 0 10% 3rem;
}

.page-id-319 table#confirm_table {
    width: 100%;
    max-width: 570px;
    margin-bottom: 5rem;
}

.page-id-319 #zipcode,
.page-id-319 select#delivery_pref.pref {
    width: 7rem;
}

.page-id-319 table.customer_form {
    width: 100%;
    max-width: 730px;
}

.page-id-319 table.customer_form td {
    padding: 0.7rem 0;
    width: 0;
}

.page-id-319 table.customer_form th {
    vertical-align: middle;
    padding: 0.7em 0 0;
    width: 6rem;
    font-size: 0.8rem;
}

.page-id-319 table.customer_form th em {
    font-weight: bold;
    font-size: 0.6rem;
    color: #ff0000;
    margin-left: -9px;
}

.page-id-319 input[type="text"], .page-id-319 input[type="password"] {
    display: block;
    font-family: 'Noto Serif JP', serif;
}

.page-id-319 tr.ttl h3, .page-id-319 h3.midashi, .page-id-319 #cart_completion h3 {
    margin: 30px 0 25px;
    padding: 0.3rem 0.5rem;
    font-size: 1.3rem;
    letter-spacing: 1px;
    border-left: none;
    border-bottom: solid 3px #591136;
}

.page-id-319 h3.midashi_2 {
    margin: 30px 0 10px;
    padding: 0.6rem 0.5rem;
    font-size: 1.5rem;
    letter-spacing: 1px;
    border-left: none;
    border-bottom: dotted 3px #666666;
}

.page-id-319 table#cart_table thead {
    display: none;
}

.page-id-319 #info-confirm td.action {
    display: none;
}

.page-id-319 #info-confirm td.aright {
    text-align: center;
}

.page-id-319 .confiem_notice {
    margin: 1rem 1.5% 2rem;
}

.page-id-319 #confirm_table th {
    padding: 0.3rem 0.6rem;
    font-size: 0.8rem;
    width: 10em;
}

.page-id-319 #confirm_table td {
    padding-left: 0.3em;
}

.page-id-319 #confirm_table tr.ttl td {
    padding: 0;
}

.page-id-319 #notes_table tr th {
    vertical-align: middle;
}

.page-id-319 .error_message {
    padding: 1rem 10%;
    line-height: 2em;
}

.page-id-319 .header_explanation {
    width: 95%;
    margin: 45px auto 50px;
    line-height: 2.2em;
}

    /* --- 申し込み完了 --- */

a.back_to_top_button {
    display: inline-block;
    color: #ffffff;
    padding: 1em 1.5em;
    margin: 1rem 0 3rem;
    background-color: #ae296e;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
    border-radius: 3px;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

a.back_to_top_button:hover {
    background-color: #e364a6;
    cursor: pointer;
}

    /* --- 会員ログイン --- */

.page-id-320 h2 {
    padding: 0.5rem 1rem;
    margin-bottom: 2rem;
    font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 1.4rem;
    font-weight: normal;
    color: #fff;
    line-height: 1.4em;
    border: none;
    border-radius: 0.5rem;
    background-image: -webkit-gradient(linear, right top, left top, from(#fde0ef), to(#ae296e));
    background-image: -webkit-linear-gradient(right, #fde0ef 0%, #ae296e 100%);
    background-image: linear-gradient(to left, #fde0ef 0%, #ae296e 100%);
}

.page-id-320 div.member-box, .page-id-320 div.loginbox {
    margin: 0 5% 3rem;
    font-size: 1rem;
}

 .page-id-320 article#wc_newcompletion p, .page-id-320 article#wc_lostcompletion p, .page-id-320 article#wc_changepasscompletion p {
    margin: 0 5% 3rem;
    font-size: 1rem;
    line-height: 2.2rem;
}

.page-id-320 div.loginbox div {
    margin: 0rem 0 3rem;
}

.page-id-320 #member_login.member_login_button {
    font-size: 1rem;
    padding-left: 2em;
    padding-right: 2em;
}

.page-id-320 #member_login {
    padding-left: 0.8em;
    padding-right: 0.8em;
    font-size: 1rem;
}

.page-id-320 div.member-box p#nav a, .page-id-320 div.loginbox p#nav a {
    font-size: 1rem;
    text-decoration: underline;
}

.page-id-320 div.member-box p, .page-id-320 div.loginbox p {
    margin: 0 0 1rem;
}

.page-id-320 h3 {
    margin: 30px 0 25px;
    padding: 0.3rem 0.5rem;
    font-size: 1.3rem;
    letter-spacing: 1px;
    border-left: none;
    border-bottom: solid 3px #591136;
}

.page-id-320 div.new-entry #nav {
    margin: 2rem 0 3rem;
}

.page-id-320 div.new-entry a, .page-id-320 div#wc_newcompletion a {
    display: inline-block;
    font-size: 1rem;
    font-weight: normal;
    color: #ffffff;
    padding: 1em 1.5em;
    text-decoration: none !important;
    margin: 1rem 0 3rem;
    background-color: #ae296e;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
    border-radius: 3px;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.page-id-320 div.new-entry a:hover, .page-id-320 div#wc_newcompletion a:hover, .page-id-320 li.member-logout a:hover {
    background-color: #e364a6;
    cursor: pointer;
}

    /* --- パスワード消失？ --- */

.page-id-320 .error_message {
    padding: 1rem 10%;
    line-height: 2em;
}

    /* --- 新規会員登録 --- */

.page-id-320 div#newmember .header_explanation {
    margin: 0 5% 1rem;
    font-size: 1rem;
    line-height: 2.2rem;
}

.page-id-320 div#newmember .header_explanation ul li {
    margin-bottom: 1.5rem;
}

.page-id-320 table {
    border-collapse:collapse;
    margin: 0 auto;
}

.page-id-320 table th, .page-id-320 table td {
    padding: 1.2em 0.1em;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}

.page-id-320 table th {
    font-size: 0.8rem;
}

.page-id-320 table.customer_form th, .page-id-320 table.customer_form td,
.page-id-320 table#history_head th, .page-id-320 table#history_head td {
    border: none;
}

.page-id-320 #name_row th,
.page-id-320 #furikana_row th,
.page-id-320 #states_row th,
.page-id-320 #address1_row th,
.page-id-320 #address2_row th,
.page-id-320 #address3_row th,
.page-id-320 #tel_row th,
.page-id-320 #fax_row th {
    vertical-align: middle;
}

.page-id-320 #zipcode,
.page-id-320 select#delivery_pref.pref {
    width: 7rem;
}

.page-id-320 table, .page-id-320 table.customer_form {
    width: 100%;
    max-width: 730px;
}

.page-id-320 table.customer_form td {
    padding: 0.7rem 0;
    width: 35%;
}

.page-id-320 table.customer_form th {
    vertical-align: middle;
    padding: 0.7em 0 0;
    width: 6rem;
    font-size: 0.8rem;
}

.page-id-320 table.customer_form th em {
    font-weight: bold;
    font-size: 0.6rem;
    color: #ff0000;
    margin-left: -9px;
}

.page-id-320 input[type="text"], .page-id-320 input[type="password"] {
    display: block;
    font-family: 'Noto Serif JP', serif;
}

.page-id-320 .send {
    text-align: center;
    margin: 3rem 0;
}

    /* --- マイページ --- */

.page-id-320 #content.member-page input[type="button"],
.page-id-320 #content.member-page input[type="submit"] {
    padding: 1em 1.5em;
    margin: 0 0.05em 3rem;
}

.page-id-320 div.currency_code {
    display: none;
}

.page-id-320 div.history-area {
    margin-top: 2rem;
}

.page-id-320 ul.member_submenu {
    width: 100%;
    max-width: 730px;
    margin: 2rem auto 3rem;
    font-size: 1rem;
    line-height: 2.2rem;
}

.page-id-320 ul.member_submenu:after {
    display: block;
    clear: both;
    content: '';
}

.page-id-320 ul.member_submenu li {
    float: right;
}

.page-id-320 li.member-logout a {
    display: inline-block;
    font-size: 1rem;
    font-weight: normal;
    color: #ffffff;
    padding: 0.5em 0.8em;
    text-decoration: none !important;
    margin: 0 0.8rem;
    background-color: #ae296e;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
    border-radius: 3px;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.member_submenu li.member-edit a {
    position: relative;
    bottom: -18px;
    text-decoration: underline;
}

.page-id-320 table#history_head {
    margin-bottom: 0.5rem;
    border: solid 1px #333333;
    background: rgba(255,255,255,0.5);
}

.page-id-320 table#history_head td {
    text-align: center;
}

.page-id-320 table#history_head th, .page-id-320 table#history_head td {
    text-align: center;
    padding: 0.5rem 0;
}

.page-id-320 table#history_head .shipping, .page-id-320 table#history_head .tax, .page-id-320 table#history_head .cod {
    display: none;
}

.page-id-320 table#history_head .purchase_price {
    width: 7rem;
}

.page-id-320 table#history_head tbody .purchase_price {
    padding-right: 5%;
    text-align: right;
}

.page-id-320 table#history_head .discount {
    width: 6rem;
}

.page-id-320 table#history_head tbody .discount {
    padding-right: 5%;
    text-align: right;
}

.page-id-320 table.retail {
    margin-bottom: 5rem;
}

.page-id-320 table.retail .cartrownum, .page-id-320 table.retail .quantity,  .page-id-320 table.retail .price {
    display: none;
}

.page-id-320 table.retail th.productname, .page-id-320 table.retail th.subtotal {
    text-align: center;

}

.page-id-320 table.retail td.productname {
    font-size: 0.8rem;
}

.page-id-320 table.retail td {
    vertical-align: middle;
}

.page-id-320 table.retail td.thumbnail {
    width: 11%;
    padding: 1rem 0.5rem;
}

.page-id-320 table.retail td.subtotal {
    width: 20%;
    padding: 0 3% 0 0.5rem;
    text-align: right;
}
.page-id-320 table.retail td.thumbnail img {
    width: 60px;
    height: 60px;
    border-radius: 100vh;
}


    /* --- そのほか --- */

#secondary {
    border: none;
}

.pagination_wrapper li a {
    color: #000000;
    font-weight: bold;
    background-color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 100vh;
}

.pagination_wrapper li .current {
    color: #000000;
    font-weight: bold;
    background-color: #f7b7cc;
    border: 2px solid #333333;
    border-radius: 100vh;
}

#toTop {
    position: fixed;
    bottom: 7%;
    right: 8%;
}

#toTop i {
    opacity: 0.8;
    font-size: 4rem;
    color: #ffffff;
}

#toTop i:hover {
    color: #ff0000;
}

footer {
    background-color: rgba( 255, 255, 255, 0.5 );
    border-bottom: 3px solid #333;
}

footer.for_home {
    background-color: transparent;
    width: 100%;
    position: fixed;
    bottom: 0px;
    z-index: 10;
}

footer, footer a {
    color: #000000;
    font-weight: bold;
    font-size: 0.9rem;
}

footer.for_home, footer.for_home a {
    color: #ffffff;
    text-shadow: 0.1em 0.1em 0.1em #000, -0.1em 0.1em 0.1em #000, 0.1em 0.1em 0.1em #000, -0.1em 0.1em 0.1em #000, 0.1em 0px 0.1em #000, 0px 0.1em 0.1em #000, -0.1em 0px 0.1em #000, 0px -0.1em 0.1em #000;
}

footer a:hover {
    color: #ff0000;
    text-decoration: none;
}

footer nav li {
    float: none;
    width: 100%;
    margin: 0 0 0.3em;
    text-align: right;
}

footer nav.footer-navigation-2 {
    display: none;
}

footer nav.mobile {
    text-align: center;
    display: none;
    padding: 0;
}

footer.for_home .mobile a {
    text-shadow: 0.04em 0.04em 0.04em #000, -0.04em 0.04em 0.04em #000, 0.04em 0.04em 0.04em #000, -0.04em 0.04em 0.04em #000, 0.04em 0px 0.04em #000, 0px 0.04em 0.04em #000, -0.04em 0px 0.04em #000, 0px -0.04em 0.04em #000;
}

.for_home p.copyright {
    padding: 0.5em 0;
}

.footer_awesome {
    font-size: 1.9rem;
}

/* モバイル端末専用メニュー */

#mobile-nav-button, #mobile-nav-button-on {
    display: none;
}

#mobile-nav-button {
    display: block;
    cursor: pointer;
    position: fixed;
    top: 0;
    left: 0;
    font-size: 26px;
    font-weight: bold;
    color: #000000;
    box-sizing: border-box;
    width: 100%;
    background-color: #ffffff;
    text-align: left;
    padding: 10px 15px;
    z-index: 100;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

#mobile-nav-button-on {
    cursor: pointer;
    position: fixed;
    top: 0;
    left: 0;
    font-size: 26px;
    font-weight: bold;
    color: #000000;
    box-sizing: border-box;
    width: 100%;
    background-color: #ffffff;
    text-align: left;
    padding: 10px 15px;
    z-index: 200;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}


#mobile-nav-wrap {
    height: 47px;
}

#mobile-nav-wrap {
    width: 67%;
    height: 100%;
    font-size: 1.1rem;
    font-weight: bold;
    display: block;
    z-index: 999999;
    position: fixed;
    top: 47px;
    left: -68%;
    background-color: rgba( 255, 255, 255, 0.95 );
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
}

.mobile-nav-inner {
    padding-top: 1.5em;
}

#mobile-nav-wrap a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0.88rem 1.1rem;
    z-index: 999999;
}

/* 404 */

#content.site-main section.error-404 h1.page-title {
    text-align: center;
    padding: 0;
    color: #262626;
    font-size: 1.1rem;
    line-height: 1.5em;
    margin-bottom: 2em;
    background: none;
    text-shadow: none;
}

.error-404.not-found input[type="text"] {
    width: 250px;
}

.error-404.not-found input[type="submit"] {
    color: #333333 !important;
    background-color: transparent !important;
    position: relative;
    top: 2px;
}

div#not_found {
    margin: 0 auto;
    text-align: center;
    width: 200px;
}

div#not_found img {
    width: 100%;
}

.error-404 .page-content {
    font-size: 0.7rem;
    padding: 1.5rem 0 0;
}

/* そのほか */

.sitemap_item {
    font-size: 108%;
    font-weight: bold;
    line-height: 1.8;
    background: url(../images/urban/bg_level1.png);
    list-style-type: none;
    margin-bottom: 15px;
    padding: 8px 0 8px 20px;
}

.grecaptcha-badge {
    visibility: hidden;
}

/**
 * 16.1 Mobile Large 620px
 */
@media screen and (min-width: 38.75em) {

    h1.site-title img, div.site-title img {
x       width: 430px;
    }

    div.top_linkbutton_1 {
        position:fixed;
        width:90vw;
        height:400px;
        top:62%;
        left:50%;
        margin-left:-45vw;
        margin-top:-200px;
        z-index: 6;
    }

    div.top_linkbutton_2 {
        position:fixed;
        width:90vw;
        height:400px;
        top:82%;
        left:50%;
        margin-left:-45vw;
        margin-top:-200px;
        z-index: 6;
    }

    div.top_linkbutton_3 {
        position: fixed;
        width: 50vh;
        height: auto;
        top: 0px;
        left: 50%;
        margin-left: -25vh;
        margin-top: 24vh;
        z-index: 6;
    }

    .top_featured_name {
        display: block;
    }

    #list_page_title {
        display: none;
    }

    nav#product-nav.product-nav {
        display: block;
    }

    nav#product-nav.product-nav ul li {
        width: 24%;
        margin: 0.2rem 0.5%;
    }

    nav#product-nav.product-nav ul li a {
        font-size: 0.75rem;
    }

    nav#mobile-product-nav.mobile-product-nav {
        display: none;
    }

    .page-id-319 #confirm_table th {
        padding: 0.3rem 1rem;
        font-size: 1rem;
        width: 9em;
    }

    .page-id-319 #confirm_table td {
        padding-right: 1rem;
    }

    .page-id-319 table.customer_form th, .page-id-320 table.customer_form th {
        width: 11rem;
        font-size: 0.9rem;
    }

    .page-id-320 table th {
        font-size: 0.9rem;
        width: 9rem;
    }

    .page-id-320 table.retail td.productname {
        font-size: 0.9rem;
    }

}

/**
 * 16.2 Tablet Small 740px
 */
@media screen and (min-width: 46.25em) {

    h1.site-title img, div.site-title img {
        width: 430px;
        float: none;
    }

    #content .entry-title, h1.member_page_title {
        font-size: 1.8rem;
    }

    div.textbtn {
        font-size: 1.3rem;
    }

    div.top_linkbutton_1 {
        position: fixed;
        width: 80vw;
        height: 400px;
        top: 57%;
        left: 50%;
        margin-left: -40vw;
        margin-top: -200px;
        z-index: 6;
    }

    div.top_linkbutton_2 {
        position:fixed;
        width:80vw;
        height:400px;
        top:78%;
        left:50%;
        margin-left:-40vw;
        margin-top:-200px;
        z-index: 6;
    }

    div.top_linkbutton_3 {
        position: fixed;
        width: 50vh;
        height: auto;
        top: 0px;
        left: 50%;
        margin-left: -25vh;
        margin-top: 24vh;
        z-index: 6;
    }

    .top_featured_name {
        display: block;
    }

    nav#product-nav.product-nav ul li {
        width: 19%;
        margin: 0.2rem 0.5%;
    }

    nav#product-nav.product-nav ul li a {
        font-size: 0.7rem;
    }

    nav#mobile-product-nav.mobile-product-nav {
        display: none;
    }

    .page-id-319 td.productname {
        font-size: 0.9rem;
    }

    .page-id-319 input[type="submit"].delButton {
        font-size: 0.9rem;
        padding: 0.4rem 0.6rem;
    }

    .page-id-319 td.unitprice, .page-id-319 th.amount {
        font-size: 1.1rem;
    }

    .page-id-319 #confirm_table th {
        padding: 0.3rem 1.5rem;
        font-size: 1rem;
        width: 10em;
    }

    .page-id-319 #confirm_table td {
        padding-right: 1.5rem;
    }

    .page-id-319 table.customer_form th, .page-id-320 table.customer_form th {
        width: auto;
        font-size: 0.9rem;
    }

    .page-id-320 table th {
        font-size: 0.9rem;
        width: 9rem;
    }

    .page-id-320 table.retail td.productname {
        font-size: 0.9rem;
    }

}

/**
 * 16.3 Tablet Large 880px
 */
@media screen and (min-width: 55em) {

    h1.site-title img, div.site-title img {
        width: 430px;
        float: none;
    }

    #content .entry-title, h1.member_page_title {
        font-size: 2rem;
    }

    h1.site-title, div.site-title {
        float: none;
    }

    div.top_linkbutton_1 {
        position: fixed;
        width: 60vw;
        height: 400px;
        top: 55%;
        left: 50%;
        margin-left: -30vw;
        margin-top: -200px;
        z-index: 6;
    }

    div.top_linkbutton_2 {
        position:fixed;
        width: 60vw;
        height: 400px;
        top: 78%;
        left: 50%;
        margin-left: -30vw;
        margin-top: -200px;
        z-index: 6;
    }

    div.top_linkbutton_3 {
        position: fixed;
        width: 50vh;
        height: auto;
        top: 0px;
        left: 50%;
        margin-left: -25vh;
        margin-top: 24vh;
        z-index: 6;
    }

    .top_featured_name {
        display: block;
    }

    nav#product-nav.product-nav ul li {
        width: 19%;
        margin: 0.2rem 0.5%;
    }

    nav#product-nav.product-nav ul li a {
        font-size: 0.8rem;
    }

    nav#mobile-product-nav.mobile-product-nav {
        display: none;
    }

    .page-id-319 td.productname {
        font-size: 1rem;
    }

    .page-id-319 input[type="submit"].delButton {
        font-size: 1rem;
        padding: 0.4rem 0.8rem;
    }

    .page-id-319 td.unitprice, .page-id-319 th.amount {
        font-size: 1.2rem;
    }

    .page-id-319 #confirm_table th {
        padding: 0.3rem 2rem;
        font-size: 1rem;
        width: 11em;
    }

    .page-id-319 #confirm_table td {
        padding-right: 2rem;
    }

    .page-id-319 table.customer_form th, .page-id-320 table.customer_form th {
        width: 11rem;
        font-size: 1rem;
    }

    .page-id-320 table.retail td.productname {
        font-size: 0.9rem;
    }

}

/**
 * 16.4 Desktop Small 1000px
 */
@media screen and (min-width: 62.5em) {

    header {
        background-color: rgba( 255, 255, 255, 0.5 );
        padding-bottom: 60px;
    }

    header .inner, #main, #site-navigation ul {
        width: 885px;
    }

    header #site-navigation input#panel.on-off + div.nav-menu-open,
    header #site-navigation input#panel.on-off:checked + div.nav-menu-open,
    header #site-navigation input#panel.on-off + div.header-nav-container {
        display: block;
    }

    .snav .membership li:first-child, .snav .membership li a {
        border-right: 1px solid #333333;
        font-weight: bold;
    }

    .incart-btn {
        margin: 0.8rem 0 1.1rem;
    }
    nav#site-navigation.main-navigation div.nav-menu-open {
        margin: 0 auto;
    }

    .search-box .searchsubmit {
        top: 1px;
    }

    .incart-btn .total-quant {
        padding-top: 0.05rem;
        width: 25px;
        height: 25px;
    }

    h1.site-title img, div.site-title img {
        width: 75%;
        padding-bottom: 0.8rem;
    }

    #content .entry-title, #content header.page-header h1.page-title, h1.member_page_title {
        font-size: 2.2rem;
    }

    h1.site-title, div.site-title {
        padding-top: 60px;
        float: left;
    }

    a img:hover {
        opacity: 0.7;
    }

    top_linkbutton_1 img:hover, top_linkbutton_2 img:hover, top_linkbutton_3 img:hover {
        opacity: 1;
    }

    .snav {
        padding-top: 1em;
        position: static;
    }

    div.breadcrumbs, #news_wrap {
        margin: 0 auto 5%;
    }

    div.top_linkbutton_1 {
        position: fixed;
        width: 40vw;
        height: 400px;
        top: 59%;
        left: 50%;
        margin-left: -20vw;
        margin-top: -200px;
        z-index: 6;
    }

    div.top_linkbutton_2 {
        position: fixed;
        width: 40vw;
        height: 400px;
        top: 80%;
        left: 50%;
        margin-left: -20vw;
        margin-top: -200px;
        z-index: 6;
    }

    div.top_linkbutton_3 {
        position: fixed;
        width: 48vh;
        height: auto;
        top: 0px;
        left: 50%;
        margin-left: -24vh;
        margin-top: 34vh;
        z-index: 6;
    }

    .top_featured_name {
        display: block;
    }

    .page-id-319 .cart_navi ul li {
        width: 23%;
        margin: 1rem 0.5% 2rem;
        padding: 0.4rem 0;
        font-size: 1.2rem;
        text-align: center;
    }

    .page-id-319 .cart_navi ul li:first-child {
        margin-left: 1.5%
    }

    nav#product-nav.product-nav ul li {
        width: 19%;
        margin: 0.2rem 0.5%;
    }

    nav#product-nav.product-nav ul li a {
        font-size: 0.8rem;
    }

    nav#mobile-product-nav.mobile-product-nav {
        display: none;
    }

    .page-id-319 td.productname {
        font-size: 1rem;
    }

    .page-id-319 input[type="submit"].delButton {
        font-size: 1rem;
        padding: 0.4rem 1rem;
    }

    .page-id-319 td.unitprice, .page-id-319 th.amount {
        font-size: 1.2rem;
        text-align: right;
        padding-right: 0.6rem;
    }

    .page-id-319 table.customer_form th, .page-id-320 table.customer_form th {
        width: 30%;
        font-size: 1rem;
    }

    .page-id-320 table th {
        width: 9rem;
        font-size: 1rem;
    }

    .page-id-320 .search-box input[type="text"] {
        display: inline-block;
        font: 400 1em Arial;
    }

    .page-id-320 table.retail td.productname {
        font-size: 1rem;
    }

    div.textbtn {
        font-size: 1.5rem;
    }

    footer nav li {
        padding-bottom: 0.3em;
    }

    footer nav.footer-navigation-2 {
        display: block;
        width: 44em;
        margin: 0 auto;
        padding: 0;
    }

    footer nav.footer-navigation-2 li {
        float: left;
        width: auto;
        padding: 0 1.1em;
    }

    footer nav.mobile {
        display: none;
    }

    .for_home p.copyright {
        padding: 1em 0;
    }

    #mobile-nav-button, #mobile-nav-button-on {
        display: none;
    }

    #mobile-nav-wrap {
        display: none;
    }

    #toTop {
        display: none !important;
    }

/* 404 */

    #content.site-main section.error-404 h1.page-title {
        font-size: 1.8rem;
        margin-bottom: 1.2rem;
    }

    .error-404.not-found input[type="text"] {
        width: 400px;
    }

    div#not_found {
        margin: 0 auto;
        text-align: center;
        width: 280px;
    }

    .error-404 .page-content {
        font-size: 1rem;
    }

    .error-404.not-found input[type="submit"] {
        color: #333333 !important;
            background-color: transparent !important;
        position: static;
    }

}