@charset "UTF-8";

/**
 * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (http://richclarkdesign.com)
 * http://cssreset.com
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: middle;
    background: transparent;
}

body {
    line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ins {
    background-color: #fff;
    color: #414141;
    text-decoration: none;
}

mark {
    background-color: #fff;
    color: #414141;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
    max-width: 100%;
    padding: 5px;
    margin: 3px 0;
}

/* Preload images */
body:after {
    content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
    display: none;
}

body.lb-disable-scrolling {
    overflow: hidden;
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    display: none;
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: normal;
}

.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    border-radius: 3px;
}

.lightbox a img {
    border: none;
}

.lb-outerContainer {
    position: relative;
    background-color: white;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 4px;
}

.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both;
}

.lb-container {
    padding: 4px;
}

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../img/loading.gif) no-repeat;
}

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

.lb-container>.nav {
    left: 0;
}

.lb-nav a {
    outline: none;
    background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
    height: 100%;
    cursor: pointer;
    display: block;
}

.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(../img/prev.png) left 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(../img/next.png) right 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    *zoom: 1;
    width: 100%;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both;
}

.lb-data {
    padding: 0 4px;
    color: #ccc;
}

.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em;
}

.lb-data .lb-caption {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.2em;
    padding-top: .5em;
}

.lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999999;
}

.lb-data .lb-close {
    display: block;
    float: right;
    width: 1em;
    height: 1em;
    background: url(../img/close.png) top right no-repeat;
    background-size: 1em;
    text-align: right;
    outline: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-loading .slick-list {
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}

/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '←';
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '→';
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '?';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}

.slick-slide img {
    width: 100% !important;
}

/* レイアウト
**********************************************************************/
.sp_login {
    display: none;
}

#sysAll {
    background-position: 50% 0% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
    background-color: none !important;
}

#sysHeader {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    clear: both;
    margin-bottom: 0 !important;
}

#sysMain {
    float: right;
    width: 920px !important;
    background: #fff;
    padding: 0 !important;
    margin: 0 !important;
    margin-bottom: 50px !important;
}

@media screen and (max-width: 768px) {
    #sysMain {
        width: 100% !important;
    }
}

#sysAside {
    float: left !important;
    width: 250px !important;
    ;
    background: #fff;
    padding: 0 !important;
    margin: 0 !important;
    margin-bottom: 50px !important;
}

#sysFooter {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    clear: both;
    margin-bottom: 0 !important;
}

@media screen and (min-width: 769px) {
    #sysAll {
        min-width: 980px;
    }
}

@media screen and (max-width: 768px) {
    #sysAll {
        min-width: 100%;
    }
}

@media screen and (max-width:641px) {
    #sysAll {
        min-width: 100%;
    }

    div#sysFooter {
        clear: both;
    }

    .search_box {
        width: 90%;
        margin: 0 auto;
    }
}

@media screen and (max-width:640px) {
    .sysDisplayMobileNone {
        display: none;
    }
}

@media screen and (max-width:640px) {
    div.sysMemberAgreement {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media screen and (min-width:641px) and (max-width:768px) {
    .sysDisplayTabletNone {
        display: none;
    }
}

@media screen and (min-width:769px) {
    .sysDisplayPcNone {
        display: none;
    }
}

.sysContent {
    padding: 0 !important;
}

/* --------------------------------
 * base
 * -------------------------------- */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    color: #414141;
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 1.2;
    font-family: Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
    -webkit-font-smoothing: antialiased;
}

a {
    text-decoration: none;
    color: #000;
    cursor: pointer;
    line-height: 1.5;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a:hover {
    color: #525252;
    border-color: #525252;
}

a:active, a:focus {
    color: #525252;
    outline: 0;
}

a:hover img {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

a span:hover {
    filter: alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity: 0.60;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.cf:after {
    display: block;
    clear: both;
    content: "";
}

.left {
    float: left;
}

.right {
    float: right;
}

li {
    list-style: none;
}

@media screen and (min-width: 769px) {
    body {
        min-width: 980px;
    }
}

@media screen and (max-width: 768px) {
    body {
        min-width: 100%;
    }

    ul.cf {
       position:relative;
    }

    ul.cf li {
        padding: 0 3px 0;
    }
.ham{
    position: absolute;
    left: 15px;
}
.sp_h_login{
    position: absolute;
    right: 80px;
    top: 15px; 
}
.sp_cart{
    position: absolute;
    right: 15px;
    top: 15px;    
}
}

/* --------------------------------
 * layout
 * -------------------------------- */
.head-tool {
    background: #fff;
    width: 100%;
    height: 50px;
    color: #414141;
    margin: 0 auto;
}

.head-tool .inner {
    background: #fff;
    line-height: 44px;
    padding: 0 0 0 26px;
    width: 1200px;
}

.head-tool p {
    font-size: 1.1rem;
    font-size: 11px;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
    color: #0099be;
}

.head-tool li {
    display: inline-block;
}

.head-tool li a {
    font-size: 1.4rem;
    font-size: 14px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height: 160%;
    color: #414141;
    display: block;
    padding: 0 26px;
}

.head-tool li a i {
    font-size: 1.8rem;
    font-size: 18px;
    line-height: 1.2;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
}

.head-tool li a:hover {
    background: #f5f5f5;
}

.header {
    margin: 0 auto;
}

nav {
    color: #002f58;
    text-align: center;
}

footer {
    background: #0098bc;
    width: 100%;
    color: #fff;
    margin: 0 auto;
    padding: 40px 0;
}

.main {
    margin-bottom: 15px;
}

#sysHeader, footer {
    color: #fff;
    text-align: left;
}

#sysWrap {
    width: 1200px;
    margin: 0 auto;
    background: #fff;
    padding: 0;
}

#sysWrap:after {
    display: block;
    clear: both;
    content: "";
}

.content {
    width: 100%;
    margin: 0 auto;
}

.content .inner {
    background: #fff;
    padding: 0 26px;
}

.inner {
    width: 100%;
    margin: 0 auto;
    color: #414141;
}

footer .inner {
    width: 1200px;
}

.inner_nav {
    width: 100%;
    height: 90px;
    margin: 0 auto;
}

.container {
    width: 1280px;
    margin: 0 auto;
}

.wrap {
    width: 100%;
}

@media screen and (max-width: 1150px) {
    .container {
        width: 100%;
        margin: 0 auto;
    }

    .head-tool .inner {
        width: 100%;
    }

    footer .inner {
        width: 100%;
    }

}

@media screen and (max-width: 960px) {
    .wrap {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .inner {
        width: 100%;
    }

    #sysWrap {
        width: 100%;
    }

    .head-tool .inner {
        padding: 0 0 0 5px;
    }

    .main {
        padding-top: 0;
        margin-bottom: 0;
    }
}

/* --------------------------------
 * header
 * -------------------------------- */

.header {
    position: relative;
}

.header .inner {
    background: #fff;
}

header .left, header .right {
    padding-left: 5px;
}

h1.h_logo a {
    width: 220px;
    height: 50px;
    background: url('https://localbrand.style/img/h_logo.png') no-repeat;
    background-position: 5px 50%;
    background-size: 90%;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: none;
    -webkit-transition: all 0.0s ease;
    -moz-transition: all 0.0s ease;
    -o-transition: all 0.0s ease;
    transition: all 0.0s ease;
    float: left;
}

@media screen and (max-width: 768px) {
    h1.h_logo a {
        background-position: 0 50%;
        width: 120px;
    }

}

.header .left h1 a {
    margin: 20px 0 20px;
    display: block;
    width: 274px;
    height: 62px;
    background: url('https://localbrand.style/img/201807_TOPrenewal/logo.png') no-repeat;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: none;
    -webkit-transition: all 0.0s ease;
    -moz-transition: all 0.0s ease;
    -o-transition: all 0.0s ease;
    transition: all 0.0s ease;
}

.header-link {

    margin: 10px 0 0 0;
    padding-bottom: 10px;
    font-size: 1.1em;
    font-size: 11px;
    line-height: 1.2;
}

.header-link ul {
    text-align: right;
}

.header-link ul li {
    float: right;
    padding: 0 10px;
    background: url('https://localbrand.style/img/common/header_arrow.png') left center no-repeat;
}

.header-link ul li a {
    line-height: 1.2;
    border-bottom: none;
}

.header-link ul li img {
    padding: 0 4px 1px 0;
}

.header-btn p {
    float: left;
}

.header-btn a {
    display: inline-block;
    border-bottom: none;
}

.header-btn img {
    text-align: right;
    padding-left: 10px;
}

/* menu */
#menu_box {
   width: 800px;
    z-index: 200;
    background: #fff;
    display: none;
    position: absolute;
    font-weight: bold;
        left: -20px;
    top: 50px;
    max-width: 300px;
}

#menu_box .hnav_head small {
    font-size: 1.6vw;
    line-height: 1.2;
    color: #0098BC;
    margin-left: 8px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#menu_box .hnav_head .shopping-box {
    display: none;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding-bottom: 0;
    margin-bottom: 5vw;
}

#menu_box .hnav_head .shopping-box p {
    font-size: 3vw;
    padding: 3vw 0;
    background: url('https://localbrand.style/img/nav/menu_arrow.png') right 15px top 50% no-repeat;
    background-size: 10px 17px;
    width: 50%;
    float: left;
    text-align: center;
}

#menu_box .hnav_head .shopping-box p a {
    border-bottom: none;
    padding-bottom: 0;
    line-height: 2;
}

#menu_box .hnav_head .shopping-box p:first-child {
    border-right: 1px solid #ccc;
}

#menu_box .hnav_head {
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    padding-bottom: 10px;
}

#menu_box .hnav_head li {
    float: left;
    width: 100%;
    padding-bottom: 5vw;
    font-size: 5vw;
    text-align: left;
}

#menu_box .hnav_head li a {
    display: block;
    padding-bottom: 3.75vw;
    line-height: 1.2;
    border-bottom: 1px dotted #000;
    color: #333;
    font-weight: normal;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}

#menu_box .hnav_head li img {
    margin-left: 8px;
}

div#menu_icon {
    display: none;
}

@media screen and (max-width: 960px) {
    #menu_box .hnav_head {
        padding-top: zvw;
    }

}

.pc_none, .sp {
    display: none;
}

.h_top .logo {
    display: none;
}

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

    .h_top .logo {
        padding-top: 0;
    }

    .header .inner {
        border-left: 0;
        border-right: 0;
    }

    .pc_none, .sp {
        display: block;
    }

    .sp_none, .pc {
        display: none;
    }

    .logo {
        margin-left: 10px;
    }

    .head-tool li a {
        font-size: 1.2rem;
        font-size: 12px;
        padding: 0 5px;
    }

    .head-tool li a i {
        font-size: 1.4rem;
        font-size: 14px;
    }

    .head-tool p {
        float: none;
        display: none;
    }
#menu_box .hnav_head li a{
padding-left: 50px;
}
    .head-tool .right {
        float: none !important;
        text-align: center;
    }

    header .right {
        display: none;
    }

    header .inner {
        position: relative;
    }

    div#menu_icon {
        display: block;
        position: relative;
        top: 0;
        right: 10px;
z-index:300;
    }

    div#menu_icon img {
        width: 28px;
    }

    .header .h_top h1 a {
        margin: 0;
        display: block;
        width: auto;
        height: 70px;
        background: url('https://localbrand.style/img/201807_TOPrenewal/logo.png') no-repeat;
        background-position: left;
        text-indent: 200%;
        white-space: nowrap;
        overflow: hidden;
        border-bottom: none;
        -webkit-transition: all 0.0s ease;
        -moz-transition: all 0.0s ease;
        -o-transition: all 0.0s ease;
        transition: all 0.0s ease;
    }


    header {
        height: 120px;
    }

    .header-link, .point-banner, .sitedesp {
        display: none;
    }

    .header-btn {
        margin: 10px 74px 10px 0;
    }

    .header-btn img {
        max-height: 50px;
    }
}

@media screen and (max-width: 640px) {
    header {
        position: relative;
    }
}

@media screen and (max-width: 970px) {
    .header-btn {
        display: none;
    }

    #menu_box .hnav_head .shopping-box {
        display: block;
    }
}

/* --------------------------------
 * nav
 * -------------------------------- */
.nav {
    margin: 0 auto;
    text-align: center;
}

.h_nav .gnav {
    margin-right: 0;
    padding: 15px 0;
    margin-bottom: 10px;
    background: #f5f5f5;
}

.gnav {
    margin-right: 26px;
}


.h_nav .gnav li {
    font-size: 1.4rem;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    margin: 0 2px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
}

.gnav li {
    font-size: 1.4rem;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    margin: 0 10px;
}

.gnav li {
    display: inline-block;
    vertical-align: middle;
    line-height: 120px;
}

.gnav li a {
    display: block;
    color: #333;
    line-height: 1.5;
    letter-spacing: -0.05em;
    border-bottom: none;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}

.h_nav .gnav li a img {
    padding-left: 0;
    height: auto;
}

.gnav li a img {
    padding-left: 4px;
    height: 38px;
}

ul.child li a:hover {
    filter: alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity: 0.60;
}

@media screen and (max-width: 768px) {
    .header nav {
        display: none;
    }
}

/*bread*/
.bread {
    padding: 10px;
    background: #ececec;
    text-align: left;
}

.bread_wrap {
    margin: 0 auto;
    width: 960px;
}

#breadcrumb {
    font-size: 1.2rem;
    font-size: 12px;
    margin-left: 10px;
}

#breadcrumb ul li {
    display: inline-block;
    margin-bottom: 3px;
}

#breadcrumb a {
    border-bottom: none;
    color: #587e95;
}

@media screen and (max-width: 960px) {
    .bread_wrap {
        width: 100%;
    }
}

/* --------------------------------
 * main
 * -------------------------------- */
/*top*/

.sysFuncText.main_visual {
    text-align: center;
    height: 590px;
}

@media screen and (max-width: 960px) {
    .sysFuncText.main_visual {
        text-align: center;
        height: auto;
    }
}

.main_content {
    float: right;
    width: 920px;
    background: #fff;
    margin-bottom: 50px;
}

.side_content {
    float: left;
    width: 250px;
    background: #fff;
    margin-bottom: 50px;
}

.mb-birth img {
    margin-right: 7px;
}

.mb-birth img:last-child {
    margin-right: 0;
}

.main-banner {
    padding: 0 0 20px;
    position: relative;
}

.main-banner span {
    position: absolute;
    right: 9px;
    top: 10px;
    background: #7C3519;
    color: #fff;
    padding: 4px;
    width: 200px;
    text-align: center;
}

.main-banner-half {
    float: left;
    padding-right: 10px;
    padding-bottom: 20px;
    width: 50%;
}

.main-banner-half:nth-child(even) {
    padding-left: 10px;
    padding-right: 0;
}

.sepalate {
    height: 52px;
    background: url('https://localbrand.style/img/common/sepalate.gif') 50% repeat-x;
}

.item-container {
    margin: 10px auto 0;
    padding: 0 10px 10px;
    border-bottom: 1px solid #e0dfda;
}

.item-container .item {
    float: left;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 15px;
    width: 25%;
    position: relative;
}

.item-container .item span {
    position: absolute;
    right: 9px;
    top: 10px;
    background: #ef8d2c;
    color: #fff;
    padding: 4px;
    width: 40px;
    text-align: center;
}

.item-container .item img {
    width: 92%;
    padding-bottom: 8px;
    border: 20px solid #fff;
}

.item-container .item p {
    line-height: 1.4;
}

.item-container p.catch img {
    max-width: 123px;
}

.item-container .item p.item-title {
    font-size: 1.2rem;
    font-size: 12px;
}

@media screen and (max-width: 960px) {
    .main_content {
        width: 76%;
    }

    .side_content {
        width: 24%;
    }
}

@media screen and (max-width: 768px) {
    .main_content img, .side_content img {
        width: 100%;
    }

    .main_content {
        border-right: none;
        margin-bottom: 0;
    }

    .main-banner {
        padding: 0;
    }

    .main-banner span {
        position: absolute;
        left: 0;
        top: 0;
        color: #fff;
        padding: 8px;
        font-size: 14px;
        line-height: 1;
        width: 100%;
    }

    .main_content, .side_content {
        width: 100%;
    }

    .main_content {
        border-left: none;
    }
}

@media screen and (max-width: 640px) {
    .item-container .item {
        width: 50%;
    }

    .item-container .item img {
        width: 92%;
        padding-bottom: 8px;
        border: 15px solid #fff;
    }
}

/*side*/
.asideCnt {
    border-color: #e0dfda !important;
    border-style: solid;
    border-radius: 0px;
    border-width: 1px !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    box-shadow: 0px 0px 0px gray;
    margin-bottom: 0 !important;
}

.sysItemSearchForm {
    position: relative;
}

@media screen and (min-width: 769px) {
    .search_box input[type=search] {
        margin-top: 2px;
        background: #F1F1F1;
        padding: 10px 50px 10px 8px;
        width: 100%;
        border: 1px solid #CDCDCD;
        height: 44px;
    }

    .search_box input.sysSearchButton {
        position: absolute !important;
        border: none !important;
        width: 36px !important;
        text-indent: 130%;
        white-space: nowrap;
        overflow: hidden;
        height: 22px;
        right: 8px;
        top: 14px;
        background: transparent url('https://localbrand.style/img/common/search.png') 90% 50% no-repeat;
        background-size: 20px;

    }
}

#sysMain .sysSearchButton {
    border: 1px solid #CDCDCD;
    width: 100px !important;
    padding: 10px 20px;
    margin: 10px 0;
    color: #fff;
    background: #888;
    cursor: pointer;
    letter-spacing: 0.5em;
    font-size: 16px;
}


.s-category, .s-case {
    padding: 10px 9px;
    border-bottom: 1px solid #e0dfda;
}

.s-category h2 {
    background: url('https://localbrand.style/img/common/genre.png') left 5px top 10px no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.s-case h2 {
    background: url('https://localbrand.style/img/common/situation.png') left 5px top 10px no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.asideCnt .sysHeadline {
    border-bottom: none !important;
    background-color: #fff !important;
    color: #ffffff;
    font-size: large;
    padding: 10px 10px 5px !important;
    ;
}

.s-category ul li, .s-case ul li {
    font-size: 1.2rem;
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
    padding: 3px 5px 3px 10px;
}

.s-category ul li a:hover, .s-case ul li a:hover {
    color: #6c473d;
    border-color: #6c473d;
}

.s-category ul li.sysText a, .s-case ul li.sysText a {
    padding: 0 !important;
}

.s-banner {
    padding: 10px 9px;
}

.s-banner li {
    margin-bottom: 10px;
    border-width: 3px;
    border-style: solid;
    border-color: rgb(235, 230, 225);
}

.s-banner li:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .cate_box {
        padding: 0;
        border-color: #F3F3F3;
    }

    .cate_box .catch img {
        max-width: 148px;
    }

    .cate_box ul li {
        line-height: 2;
    }

    .cate_box ul a:last-child {
        border-bottom: none;
    }

    .cate_box ul a {
        display: block;
        border-bottom: 1px solid #e0dfda;
    }
}

.side-banner-box {
    padding: 5px 0 0;
}

.side-banner-box p {
    margin-bottom: 20px;
}

.side-banner-box p:last-child {
    margin-bottom: 0;
}

.side-banner-box p.newuser {
    text-align: center;
    margin: 10px 0;
}

.side-banner-box p.newuser a {
    display: block;
    background: #fff;
    margin: 0 auto;
    width: 100%;
}

.side-banner-box p.newuser a img {
    width: 100%;
}

.side-banner-box span.sidelogin {
    display: block;
    text-align: center;
    margin-top: 10px;
}

.side-banner-box span.sidelogin a {
    text-decoration: underline;
}

.side-banner-box p img {
    width: 100%;
}

.cate_box, .cate_ttl {
    background: #F3F3F3 !important;
    margin-bottom: 0 !important;
    border-bottom: 0px solid #F3F3F3;

    border-width: 1px !important;
    border-color: #f2f2f2 !important;
    background: #fff !important;
}

.cate_box .sysHeadline {
    border-bottom: none !important;
}

#sysAside .catch {
    background: #0098bc;
    color: #fff !important;
    line-height: 1.2;
    color: #0098BC;
    font-weight: bold;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding: 15px 10px;
}

.cate_box ul {
    background: #fff;
    padding: 6px 0;
    margin: 0 6px 6px;
}

.cate_box ul li {
    background: url(https://localbrand.style/img/common/arrow.png) no-repeat left 0 center;
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
    padding: 5px 10px 5px 20px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}

.cate_ttl ul {
    background: #fff;
    padding: 6px 0;
    margin: 0 6px 6px;
}

.cate_ttl ul li {
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}









.cate_box ul.pricelist li {
    background: url(https://localbrand.style/img/common/arrow_black.png) no-repeat left 10px center;
}

.cate_box ul a li:hover {
    color: #525252;
    border-color: #525252;
}

.sidebanner_box {
    padding-bottom: 10px;
    border-bottom: 1px solid #e0dfda;
}

.sidebanner_box p {
    padding: 10px;
}

.sidebanner_box p img {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .cate_box {
        margin: 0 20px;
    }

    .cate_box .catch img {
        max-width: 148px;
    }

    .cate_box ul li {
        line-height: 2;
    }

    .cate_box ul a:last-child {
        border-bottom: none;
    }

    .cate_box ul a {
        display: block;
        border-bottom: 1px solid #e0dfda;
    }

    .side-banner-box {
        padding: 20px 9px;
    }
}

.toggle-box {
    background: #fff;
    margin: 0 6px 6px;
}

.toggle {
    margin: 0 auto;
}

.toggle_title {
    margin-top: 30px;
    padding-bottom: 20px;
    font-weight: bold;
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 1.6;
}

.toggle dl {
    margin: 0 auto;
    border-bottom: 1px solid #F3F3F3;
}

.toggle dl:last-child {
    border-bottom: none;
}

.toggle dl.menu dt.main_q {
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 1.6;
    padding: 2px 0;
    text-align: left;
    text-indent: 6px;
    background: url(https://localbrand.style/img/common/plus.png) no-repeat right 20px center;
    cursor: pointer;
}

.toggle dl.menu dt.active {
    background: url(https://localbrand.style/img/common/minus.png) no-repeat right 20px center;
    cursor: pointer;
}

.toggle dl.menu dt.main_q div {
    margin: 10px 0;
}

dd.sub {
    background: #fff;
    display: none;
    padding: 0 10px 10px;
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 1.6;
    color: #000;
}

dd.sub a {
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 1.2;
}

/* business */
.business {
    margin: 0 auto;
    padding: 0 10px;
    font-size: 1.3rem;
    font-size: 13px;
    border-bottom: 1px solid #e0dfda;
}

.business .tab {
    background: #ddd;
    margin: 40px auto;
    width: 80%;
    font-size: 1.5rem;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.business .tab li {
    width: 50%;
    padding: 20px;
    line-height: 1;
    background: #fff;
    vertical-align: middle;
    color: #231815;
    float: left;
    cursor: pointer;
}

.business .tab li.select {
    background: #efefef;
    color: #666;
    font-weight: normal;
    cursor: default;
}

.business_detail li {
    text-align: left;
    background: #fff;
}

.business_detail li div {
    margin-bottom: 40px;
}

.business_detail .d_text {
    width: 60%;
    line-height: 1.8;
}

.business_detail .d2_title {
    width: 100%;
    margin: 20px 0;
    font-size: 1.6rem;
    font-size: 16px;
    font-weight: bold;
    color: #231815;
    line-height: 1;
}

.business_detail .d2_text {
    width: 100%;
    line-height: 1.8;
}

.business_detail .d_img {
    width: 40%;
    padding: 0 10px;
}

.business_detail .d_img img {
    width: 100%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.business_detail .d_img .right {
    margin-left: 40px;
}

.business_detail .d_img .left {
    margin-right: 40px;
}

.hide {
    display: none;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
    .business {
        border-bottom: none;
    }

    .title {
        width: 90%;
    }

    .store_box {
        width: 90%;
    }

    .company, .recruit, .business, .top_box {
        width: 90%;
    }

    ul.store_link {
        width: 90%;
    }

    .top_box {
        padding-top: 20px;
    }

    .top_box .left {
        float: none;
    }

    .t_title {
        margin-left: 0;
        width: 100%;
    }

    .t_text {
        margin-left: 0;
        margin-bottom: 10px;
        height: auto;
        width: 100%;
        font-size: 1.4rem;
        font-size: 14px;
    }

    .t_link {
        width: 100%;
        font-size: 1.2rem;
        font-size: 12px;
        margin-left: 0;
    }

    .top_box img {
        padding-top: 20px;
        width: 100%;
    }

    .business_detail .d_text {
        width: 65%
    }

    .business_detail .d_img {
        width: 30%
    }

    .business_detail .d_img img {
        width: 100%;
    }

    .store .s_text .s_title {
        font-weight: bold;
    }

    .store .s_img, .store .s_text {
        margin: 0 auto;
        float: none;
    }

    .store .s_img {
        width: 260px;
        padding-bottom: 20px;
        text-align: center;
    }

    .store .s_text {
        width: 100%;

        text-align: left;
    }

    .store .s_img img {
        width: 260px;


        height: 195px;
        overflow: hidden;
    }
}

@media screen and (min-width: 0px) and (max-width: 600px) {
    .title {
        margin-top: 20px;
    }

    ul.store_link img {
        display: none;
    }

    .store {
        font-size: 14px;
    }

    .s_slash {
        display: none;
    }

    .sp_block {
        margin: 6px 0;
    }

    table, tbody, thead, tfoot, tr, th, td {
        display: block;
    }

    .business_detail {
        margin: 0 auto;
        text-align: center;
    }

    .business_detail .d_text {
        width: 100%;
    }

    .business_detail .d_img {
        text-align: center;
        width: 100%;
        margin-top: 20px;
    }

    .business_detail .d_img img {
        width: 50%;
        text-align: center;
    }

    .business_detail .right {
        float: none;
        margin-left: 0;
    }

    .business_detail .left {
        float: none;
        margin-right: 0;
    }

    .recruit table th {
        width: 100%;
        font-weight: bold;
        border: none;
        padding: 10px 0px;
    }

    .recruit table td {
        width: 100%;
        padding: 10px 0px;
    }

    .company table th {
        width: 100%;
        margin-left: 16px;
        text-align: left;
        padding: 10px 0px;
    }

    .company table td {
        width: 100%;
        margin-left: 26px;
        padding: 10px 0px;
    }
}

/* --------------------------------
 * shopping_guide
 * -------------------------------- */
.shopping_guide {
    background: #e8f6f9;
    width: 100%;
    color: #2e6264;
    margin: 0 auto;
    padding: 40px 0;
}

.shopping_guide div.four_line {
    float: left;
    width: 25%;
    padding: 0 10px 0 5px;
}

.shopping_guide div.four_line img {
    width: 100%;
    border: 1px solid #eee;
    margin: 0 auto 8px;
    text-align: center;
}

.shopping_guide div.four_line a.sg_more {
    background-color: #0098bc;
    cursor: pointer;
    color: #fff;
    padding: 5px 14px;
    text-decoration: none;
    margin-left: 6px;
    display: inline;
}

.shopping_guide .inner {
    width: 1200px;
}

@media screen and (max-width: 1200px) {
    .shopping_guide .inner {
        width: 100%;
    }
}


/* --------------------------------
 * footer
 * -------------------------------- */
#pageTop {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 10px;
    width: 48px;
    height: 48px;
    z-index: 100;
    cursor: pointer;
    /*
    background: #6A361F;*/
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.copyright {
    text-align: right;
    font-size: 1.1rem;
    font-size: 11px;
    margin-top: 50px;
    color: #fff;
}

.footer_r ul li {
    display: inline-block;
    font-size: 1.1rem;
    font-size: 11px;
    padding: 0 20px;
    border-right: 1px solid #000;
}

.footer_r ul li:last-child {
    border-right: none;
}

.footer_l {
    float: left;
    padding-left: 5px;
    font-size: 1.2rem;
    font-size: 12px;
    line-height: 1.6;
}

footer table {
    width: 100%;
    font-size: 1.2rem;
    font-size: 12px;
    line-height: 1.2;
    text-align: left;
}

footer table tr.f_title {
    height: 50px;
}

footer table tr {
    height: 30px;
}

footer table th {
    padding-left: 3%;
    color: #fff;
}

footer table td {
    font-size: 1.0rem;
    font-size: 10px;
    width: 14%;
    text-align: left;
    padding-right: 3%;
    padding-left: 3%;
}

footer table td:first-child {}

footer table td:nth-child(even) {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

footer table td.r_line {
    border-right: 1px solid rgba(255, 255, 255, 0.3) !important;
}

footer table td:last-child {
    border-right: 0;
}

.ft_large {
    font-size: 1.4rem;
    font-size: 14px;
    margin-bottom: 8px;
}

footer a {
    color: #fff;
    line-height: 1.6;
    border-bottom: none;

}

footer a:hover {
    color: #fff;
}

@media screen and (max-width: 768px) {
    footer {
        padding: 0;
    }

    .footer_r, .footer_l {
        width: 100%;
    }

    .footer_l {
        padding: 15px;
        text-align: center;
    }

    footer>ul {
        position: absolute;
        width: 100%;
        top: 0;
        margin: 0;
    }

    footer ul li {
        padding: 0;
        display: block;
        border-right: none;
        border-bottom: 1px dotted #fff;
    }

    footer ul li a {
        padding: 15px;
        display: block;
    }

    .copyright {
        padding: 20px 0 20px;
    }
}

.alert {
    font-size: 1.6rem;
    font-size: 16px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    text-align: left;
    padding: 20px 20px 10px 20px;
    margin: 40px auto 0;
    border: 1px solid transparent;
    border-radius: 4px;
}

/* slick */
.mv_container {
    width: 100%;
}

.mv_container .inner {
    text-align: center;
    background: #fff;
}

.mod_slide {
    padding: 0 26px 26px;
}

.slick-slide {
    position: relative;
}

/*.slick-slide div {
    color:#000;
    position: absolute;
    width: 231px;
    height: 426px;
    right: 0;
    top: 0;
    padding: 26px;
    background: #F4F4F4;
    font-size: 1.2rem;
    font-size: 12px;
    line-height: 1.4;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.slick-slide p.mainv_title {
    font-size: 1.8rem;
    font-size: 18px;
}
.slick-slide p {
    padding-bottom: 13px;
}*/
@media screen and (max-width: 768px) {
    .mv_container .inner {
        border-left: 0;
        border-right: 0;
    }

    /*.slick-slide div {
    position: relative;
    width: 100%;
    height: auto;
    padding: 10px;
    background: #F4F4F4;
    font-size: 1.2rem;
    font-size: 12px;
    line-height: 1.4;
}*/
    .slick-slide div p.sphide {
        display: none;
    }

    .slick-slide p {
        padding-bottom: 4px;
    }
}

.slick-prev {
    width: 26px;
    height: 60px;
    left: 0;
    z-index: 100;
}

.slick-next {
    width: 26px;
    height: 60px;
    right: 0;
    z-index: 100;
}

.slick-prev::before {
    opacity: 1;
    content: url("https://localbrand.style/img/arrow_prv.png");
    font-family: FontAwesome;
}

.slick-next::before {
    opacity: 1;
    content: url("https://localbrand.style/img/arrow_nxt.png");
    font-family: FontAwesome;
}

@media screen and (max-width: 960px) {
    .slick-prev {
        left: -10px;
    }

    .slick-next {
        right: -10px;
    }

    .slick-prev::before {
        opacity: .8;
    }

    .slick-next::before {
        opacity: .8;
    }
}

@media screen and (max-width: 768px) {
    .slick-prev {
        left: -10px;
    }

    .slick-next {
        right: -10px;
    }

    .slick-prev::before {
        opacity: .3;
        color: #231815;
        font-size: 40px;
        line-height: 1;
        content: "\f104";
        font-family: FontAwesome;
    }

    .slick-next::before {
        opacity: .3;
        color: #231815;
        font-size: 40px;
        line-height: 1;
        content: "\f105";
        font-family: FontAwesome;
    }
}

/*bx slider*/
.container {
    /*background: url('/img/common/header_top.png') top repeat-x,  url('/img/common/header_top.png') bottom repeat-x, #f8f6ef;*/
    background: #fff;
    border-top: 1px solid #e0dfda;
    border-bottom: 1px solid #e0dfda;
    padding: 10px;
    height: 100%;
    overflow-x: hidden;
}

.slide_all {
    width: 960px;
    margin: 0 auto;
    height: 376px;
    position: relative;
}

.slide_wrap {
    width: 2880px;
    position: absolute;
    left: 50%;
    margin-left: -1440px;
}

.slide_body {
    width: 100%;
}

.slide {
    width: 960px;
    font-family: 'arial';
    background: #000;
    color: #fff;
    font-size: 50px;
    line-height: 250px;
    text-align: center;
}

.slide img {
    width: 100%;
    vertical-align: bottom;
}

/* 装飾 */
.bx-controls-direction, .bx-pager {
    text-align: center;
    height: 25px;
}

.bx-controls-direction a, .bx-pager-item {
    display: inline-block;
}

.bx-pager-item a {
    display: block;
    height: 10px;
    width: 10px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
    border-radius: 10px;
    margin: 10px 2px 0 2px;
}

.bx-pager-item a.active {
    opacity: 0.3;
}

.bx-controls-direction a {
    text-decoration: none;
    color: #fff;
    padding: 0 5px;
}

.bx-controls {
    position: absolute;
    bottom: 5px;
    z-index: 100;
    width: 100%;
}

/* 追加 */
.slide {
    transition: all .3s;
    /*opacity:.8;*/
}

.slide.active {
    opacity: 1;
}

/* store */
ul.store_link {
    padding-top: 20px;
    margin: 0 auto;
}

ul.store_link li {
    width: 49%;
    padding: 12px 0;
    float: left;
    text-align: center;
    background: -moz-linear-gradient(center top, #654836 34%, #8B6949 71%);
    background: -ms-linear-gradient(top, #654836 34%, #8B6949 71%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#654836', endColorstr='#8B6949');
    background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, #65422c), color-stop(80%, #8e6035));
    background-color: #654836;
    font-size: 1.2rem;
    font-size: 12px;
}

ul.store_link li:first-child {
    margin-right: 1%;
}

ul.store_link li:last-child {
    margin-left: 1%;
}

ul.store_link li a {
    color: #fff;
    font-size: 1.4rem;
    font-size: 14px;
    font-weight: bold;
}

ul.store_link li img {
    margin-right: 4px;
}

.store_box {
    width: 700px;
    margin: 0 auto;
    text-align: left;
}

.store {
    padding-bottom: 20px;
}

.store .s_img, .store .s_text {
    float: left;
}

.store .s_img {
    width: 200px;
}

.store .s_img img {
    width: 200px;
    height: 150px;
}

.store .s_text {
    width: 490px;
    background: #fff;
    margin-left: 10px;
    font-size: 1.2rem;
    font-size: 12px;
}

.store .s_text .s_title {
    font-size: 1.6rem;
    font-size: 16px;
}

.store .s_text .s_detail {
    margin: 10px 0;
    line-height: 1.8;
}

.store .s_text .s_comment {
    margin: 10px 0;
    padding: 10px;
    line-height: 1.8;
    border: 3px solid #ddd;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.store .s_text a {
    color: #7C3519;
    text-decoration: underline;
}

.store .title {
    margin-top: 20px;
}

.store .title a {
    background: #ef8d2c;
    color: #fff;
    padding: 4px 20px;
    text-align: center;
}


.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit {
    -webkit-appearance: none;
    background: #e44925;
    color: #fff;
    border: none;
    padding: 10px 8px;
    font-size: 1.3rem;
    font-size: 13px;
    font-weight: bold;
    width: 80%;
    /* margin: 1.5em auto;*/
    /* padding-top: 10px; */
    /* text-align: center; */
    cursor: pointer;
    border-radius: 4px;
    /* float: right; */
    /* width: 30%; */
}


#sysBasket #sysMain {
    padding: 10px 9px !important;
}

.sysCartTitle {
    background-color: #fff;
    border-bottom: 0;
    font-weight: bold;
    /* margin-bottom: 10px; */
    /* padding-left: 10px; */
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 10px;
    padding-bottom: 5px;
}

.sysCart #sysMain input[type=submit], .sysCart #sysMain button[type=submit], .sysCart #sysMain button {
    -webkit-appearance: none;
    background: #e44925;
    color: #fff;
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
    padding: 6px 8px;
    font-size: 1.2rem;
    font-size: 12px;
    font-weight: bold;
    /* width: 80%; */
    margin: 10px auto 5px;
    /* padding-top: 10px; */
    /* text-align: center; */
    cursor: pointer;
    border-radius: 4px;
    /* float: left; */
    width: 30%;
}

.sysSubTotalArea {
    padding: 17px 0;
    font-size: 18px;
}

.table_list_image {
    width: 100%;
}

.table_list_image tr td {
    display: inline-block;
    width: 100px;
    padding-right: 10px;
}

.table_list_image tr td a img {
    max-width: 100px;
}

.cate_box h2 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
    font-size: 15px;
    letter-spacing: -0.05em;
    color: #333;
    display: block;
    white-space: nowrap;
    font-weight: normal;
    padding: 15px !important;
    text-align: left;
}

/*
.gold_cate  h2 {
    background: url('https://localbrand.style/img/common/cate_list_gold.png') no-repeat;
    background-position: 5px 50%;
    overflow: hidden;
    border-bottom: none;
    -webkit-transition: all 0.0s ease;

    -moz-transition: all 0.0s ease;
    -o-transition: all 0.0s ease;
    transition: all  0.0s ease;
}
.silver_cate  h2 {
    display: block;
    height: 62px;
    background: url('https://localbrand.style/img/common/cate_list_silver.png') no-repeat;
    background-position: 5px 50%;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: none;
    -webkit-transition: all 0.0s ease;
    -moz-transition: all 0.0s ease;
    -o-transition: all 0.0s ease;
    transition: all  0.0s ease;
}
.semiorder_cate  h2 {
    display: block;
    height: 62px;
    background: url('https://localbrand.style/img/common/cate_list_semiorder.png') no-repeat;
    background-position: 5px 50%;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: none;
    -webkit-transition: all 0.0s ease;
    -moz-transition: all 0.0s ease;
    -o-transition: all 0.0s ease;
    transition: all  0.0s ease;
}
.collection_cate  h2 {
    display: block;
    height: 62px;
    background: url('https://localbrand.style/img/common/cate_list_collection.png') no-repeat;
    background-position: 5px 50%;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: none;
    -webkit-transition: all 0.0s ease;
    -moz-transition: all 0.0s ease;
    -o-transition: all 0.0s ease;
    transition: all  0.0s ease;
}
.variety_cate  h2 {
    display: block;
    height: 62px;
    background: url('https://localbrand.style/img/common/cate_list_variety.png') no-repeat;
    background-position: 5px 50%;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: none;
    -webkit-transition: all 0.0s ease;
    -moz-transition: all 0.0s ease;
    -o-transition: all 0.0s ease;
    transition: all  0.0s ease;
}
.motif_cate  h2 {
    display: block;
    height: 62px;
    border-width: 0 6px 6px !important;
    background: url('https://localbrand.style/img/common/cate_list_motif.png') no-repeat;
    background-position: 5px 50%;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: none;
    -webkit-transition: all 0.0s ease;
    -moz-transition: all 0.0s ease;
    -o-transition: all 0.0s ease;
    transition: all  0.0s ease;
}

.ring_cate  h2 {
    display: block;
    height: 62px;
    background: url('https://localbrand.style/img/201807_TOPrenewal/leftnavi_01.jpg') no-repeat;
    background-position: 5px 50%;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: none;
    -webkit-transition: all 0.0s ease;
    -moz-transition: all 0.0s ease;
    -o-transition: all 0.0s ease;
    transition: all  0.0s ease;
}

.pendant_cate  h2 {
    display: block;
    height: 62px;
    background: url('https://localbrand.style/img/201807_TOPrenewal/leftnavi_02.jpg') no-repeat;
    background-position: 5px 50%;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: none;
    -webkit-transition: all 0.0s ease;
    -moz-transition: all 0.0s ease;

    -o-transition: all 0.0s ease;
    transition: all  0.0s ease;
}

.earrings_cate  h2 {
    display: block;
    height: 62px;
    background: url('https://localbrand.style/img/201807_TOPrenewal/leftnavi_03.jpg') no-repeat;
    background-position: 5px 50%;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: none;
    -webkit-transition: all 0.0s ease;
    -moz-transition: all 0.0s ease;
    -o-transition: all 0.0s ease;
    transition: all  0.0s ease;
}

.bangle_cate  h2 {
    display: block;
    height: 62px;
    background: url('https://localbrand.style/img/201807_TOPrenewal/leftnavi_04.jpg') no-repeat;
    background-position: 5px 50%;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: none;
    -webkit-transition: all 0.0s ease;
    -moz-transition: all 0.0s ease;
    -o-transition: all 0.0s ease;
    transition: all  0.0s ease;
}

.anklet_cate  h2 {
    display: block;
    height: 62px;
    background: url('https://localbrand.style/img/201807_TOPrenewal/leftnavi_05.jpg') no-repeat;
    background-position: 5px 50%;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: none;
    -webkit-transition: all 0.0s ease;
    -moz-transition: all 0.0s ease;
    -o-transition: all 0.0s ease;
    transition: all  0.0s ease;
}

.pair_cate  h2 {
    display: block;
    height: 62px;
    background: url('https://localbrand.style/img/201807_TOPrenewal/leftnavi_06.jpg') no-repeat;
    background-position: 5px 50%;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: none;
    -webkit-transition: all 0.0s ease;
    -moz-transition: all 0.0s ease;
    -o-transition: all 0.0s ease;
    transition: all  0.0s ease;
}

.select_cate  h2 {
    display: block;
    height: 62px;
    background: url('https://localbrand.style/img/201807_TOPrenewal/leftnavi_07.jpg') no-repeat;
    background-position: 5px 50%;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: none;
    -webkit-transition: all 0.0s ease;
    -moz-transition: all 0.0s ease;
    -o-transition: all 0.0s ease;
    transition: all  0.0s ease;
}

.other_cate  h2 {
    display: block;
    height: 62px;
    background: url('https://localbrand.style/img/201807_TOPrenewal/leftnavi_08.jpg') no-repeat;
    background-position: 5px 50%;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: none;
    -webkit-transition: all 0.0s ease;
    -moz-transition: all 0.0s ease;
    -o-transition: all 0.0s ease;
    transition: all  0.0s ease;
}*/

.other_cate h2.sysAccordionHide {
    border-bottom: 1px solid #f3f3f3 !important;
}

.other_cate .active {
    border-bottom: 6px solid #f3f3f3 !important;
}

.motif_cate h2.sysAccordionHide {
    border-bottom: 1px solid #f3f3f3 !important;
}

.motif_cate .active {
    border-bottom: 6px solid #f3f3f3 !important;
}

.s-price {
    /*    border-width: 0 6px 6px !important;*/
}

.sysAccordion:after {
    content: '+';
    color: #05b3d0;
    position: absolute;
    right: 10px;
    font-weight: normal;
}

.sysAccordionHide:after {
    content: '-';
}

.mainCnt {
    border-color: #fff;
    border-style: solid;
    border-radius: 0px;
    border-width: 0px;
    box-shadow: 0px 0px 0px gray;
}

/*.mainCnt .sysHeadline h2 {
 color: #414141 !important;
 font-size: 14px;
 padding: 5px 0;
 background:#fff;
 text-align:center;
}
*/



.mainCnt {
    font-size: 1.2rem;
    font-size: 12px;
    line-height: 1.4;
    background: #f2fafc;
}

.p-news ul, .infolist ul {
    padding: 0 20px 30px;
}

.p-news ul li {
    background: url(https://localbrand.style/img/top/new.png) left 50% no-repeat;
    padding-left: 40px;
}

.p-ranking .sysContent .sysIconRank {
    display: none;
    text-align: left !important;
    margin-bottom: 10px;
}

.p-ranking .sysContent .sysHorizontal li, .p-pickup .sysContent .sysHorizontal li, .p-newItem .sysContent .sysHorizontal li {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 22% !important;
    padding: 0 3% 30px !important;
}

@media screen and (max-width: 768px) {
    .p-ranking .sysContent .sysHorizontal li, .p-pickup .sysContent .sysHorizontal li, .p-newItem .sysContent .sysHorizontal li {
        float: none;
        width: 48% !important;
    }

    .main-banner-half {
        float: none;
        display: inline-block;
        padding-right: 10px;
        padding-bottom: 20px;
        width: 48%;
        vertical-align: top;
    }
}

.cate_sample li, .special_banner li {
    float: left;
    padding-right: 10px;
    padding-bottom: 20px;
    width: 50%;
}

.cate_sample li:nth-child(even), .special_banner li:nth-child(even) {
    padding-left: 10px;
    padding-right: 0;
}

.cate_sample:after, .special_banner:after {
    display: block;
    clear: both;
    content: "";
}

.birth_banner li:first-child {
    padding-bottom: 20px;
}

/*下層*/
.sysItemCategoryPankuzu, .sysCategoryPankuzu {
    color: #ccc;
    font-size: 1.2rem;
    font-size: 12px;
    line-height: 1.2;
    padding: 0 0 10px;
}

.sysItemCategoryPankuzu, .sysCategoryPankuzu a {
    margin: 10px 0 0;
}

#sysMain h1 {
    margin: 40px 0;
    font-size: 20px;
    font-weight: 100;
    border-bottom: solid 1px #ccc;
}

#sysMain .sysItemName h1 {
    font-size: 18px;
    line-height: 180%;
    margin: 20px 0;
    border-bottom: none;
}

@media screen and (max-width: 768px) {
    #sysMain .sysItemName h1 {
        font-size: 16px;
        font-weight: 600;
        line-height: 180%;
        margin: 20px 0 10px;
        border-bottom: solid 1px #ccc;
    }
}

.sysMainImage.sysMainImageModal img {
    padding-bottom: 20px;
    width: 100%;
}

.sysDescription {
    padding: 10px 0;
    font-size: 1.4rem;
    font-size: 18px;
    line-height: 1.8;
    width: 100%;
    margin-right: 4%;
    border-top: 1px solid #eae6e1;
    border-bottom: 1px solid #eae6e1;
}

.sysDescription:after {
    display: block;
    clear: both;
    content: "";
}

.order_right {
    float: left;
    width: 100%;
}

#sysItemDetail .sysShare {
    width: 100%;
    text-align: right;
}

button.sysButton {
    padding: 12px 10px;
    margin-top: 0;
    -webkit-appearance: none;
    background: #E6BF00;
    border: 1px solid #E6BF00;
    cursor: pointer;
    width: 60%;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}

#sysSubmit input.sysCartButton {
    -webkit-appearance: none;
    background: #4796bb;
    color: #fff;
    border: none;
    padding: 15px 8px;
    font-size: 1.3rem;
    font-size: 18px;
    font-weight: 100;
    width: 100%;
    margin-top: 10px;
    cursor: pointer;
    font-weight: 600;
}

.sysItemImages {
    padding: 10px 0;
}

button.sysBtnPlus, button.sysBtnMinus {
    -webkit-appearance: none;
    background: #888;
    color: #fff;
    border: none;
    padding: 6px 8px;
    font-size: 1.2rem;
    font-size: 12px;
    font-weight: bold;
    margin: 10px auto 5px;
    cursor: pointer;
    border-radius: 4px;
    width: 39%;
}

#sysItemDetail .sysRetailPrice {
    font-size: 1.4rem;
    font-size: 14px;
    padding: 6px 9px 7px 0;
    color: #222;
}

span.sysRetailPriceValue {
    font-size: 1.8rem;
    font-size: 18px;
    font-weight: bold;
}

#sysExplanation {
    margin: 26px 0;
    line-height: 1.6;
}

#sysExplanation span {
    display: block;
    margin-bottom: 1em;
}

.orderArea .sysThumbnailImage {
    float: left;
    width: 28%;
    margin-right: 2%;
}

div#right_block_order {
    float: right;
    width: 68%;
}

.orderArea {
    padding-bottom: 26px;
}

.orderArea:after {
    display: block;
    clear: both;
    content: "";
}

.sysItemList ul.sysThumbnail li {
    float: none !important;
    display: inline-block;
    float: none;
    width: 24% !important;
    vertical-align: top;
    padding: 0 0 15px 0 !important;
}

.sysItemList ul.sysThumbnail li a img {
    width: 100%;
    padding-bottom: 15px;
    border-top: 10px solid #fff;
    border-bottom: 0;
}

#sysItemCategory .sysItemName a {
    line-height: 1.4;
    color: #1e8592;
    font-weight: bold;
}

.sysItemCategoryCtl {
    font-size: 12px;
}

.sysItemCategoryCtl a {
    display: inline-block;
    padding: 2px 4px;
    background: none;
    border: 1px solid #999999;
    border-radius: 3px;
    text-decoration: none;
    margin: 2px 0;
}

.sysThumbnail form .sysCartButton {
    -webkit-appearance: none;
    background: #05b3d0;
    color: #fff;
    border: none;
    padding: 10px 8px;
    font-size: 1.3rem;
    font-size: 13px;
    font-weight: bold;
    width: 90%;
    margin: 15px auto;
    cursor: pointer;
    border-radius: 4px;
    box-shadow: 0 0 0 3px #fff, 0 0 0 4px #05b3d0;
}

.sysBlock.order_right div, div#right_block_order div {
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .sysItemList ul.sysThumbnail li {
        width: 48% !important;
    }

    .sysDescription {
        width: 100%;
        float: none;
    }

    .order_right {
        margin-top: 10px;
        float: none;
        width: 100%;
    }

    #sysSubmit input.sysCartButton, #sysItemDetail .sysShare, .orderArea .sysThumbnailImage, div#right_block_order {
        float: none;
        width: 100%;
    }

    .orderArea .sysThumbnailImage img {
        width: 100%;
    }

    #sysExplanation {
        margin: 0 0 26px;
    }
}

.shop_header {
    margin-bottom: 26px;
}

.shop_header p, .shoplist_main_content p {
    font-size: 1.2rem;
    font-size: 12px;
    line-height: 1.6;
}

.shoplist_main_content p {
    margin-bottom: 10px;
}

.form-inquiry .sysForm {
    float: none;
    width: 100%;
}

.form-inquiry #sysMain {
    padding: 10px 9px !important;
}

.form-inquiry #sysMain input,
.form-inquiry #sysMain textarea {
    border: 1px solid #b0b0b0;

    width: 100%;
    margin: 0 auto;
    padding: 10px 5px;
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 1.4em;
}

.form-inquiry #sysMain input[type=submit] {
    border: 1px solid #b0b0b0;
    color: #fff;
    background: #EE8D00;
    width: 100%;
    margin: 0 auto;
    padding: 10px 5px;
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 1.4em;
    border-radius: 4px;
}

.form-inquiry h2 {
    padding: 10px 0 20px;
}

.form-inquiry .sysFormField {
    padding: 10px 0 20px;
}

#sysMypageLogin div#sysMain, #sysMemberRegisterIndex div#sysMain {
    padding: 10px 9px !important;
}

#sysMemberRegisterIndex .sysForm {
    width: 100%;
    float: none;
}

#sysMypageLogin .sysLoginForm .sysFormItem input, #sysMemberRegisterIndex .sysForm .sysFormItem input {
    padding: 10px;
    margin: 10px 0 20px;
    /* width: 80%; */
}

#sysMypageLogin .sysLoginForm .sysFormItem input {
    width: 100%;
}

#sysMemberRegisterIndex .sysAddress2 .sysFormField input {
    width: 80%;
}

#sysMemberRegisterIndex .sysMailaddress .sysFormField input {
    width: 50%;
}

#sysMypageLogin .sysLoginForm form input[type=submit].sysLoginButton, #sysMemberRegisterIndex #sysMain #form_main input[type=submit], .sysNextSubmit {
    border: none;
    color: #fff;
    background: #EE8D00;
    width: 100%;
    margin: 0 auto 20px;
    padding: 15px 5px;
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 1.4em;
    cursor: pointer;
    border-radius: 4px;
    font-weight: bold;
    -webkit-appearance: none;
}

input[type=submit].sysButton, .sysBackButton {
    border: none;
    color: #fff;
    background: #919190;
    width: 100%;
    margin: 0 auto 20px;
    padding: 10px 5px;
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 1.4em;
    cursor: pointer;
    border-radius: 4px;
    font-weight: bold;
    -webkit-appearance: none;
}

#sysMemberRegisterIndex .sysForm .sysFormItem button.sysButton {
    margin: 0 0 20px !important;
}

#sysMemberRegisterIndex .sysForm .sysFormItem .sysFormField select {
    margin: 10px 0 20px !important;
}

#sysPurchaseAuthMember .sysForm, #sysBillingAddress .sysForm {
    float: none;
    width: 100%;
    padding: 10px 9px !important;
    margin-bottom: 20px;
}

.sysBlock:after {
    content: "";
    display: table;
    clear: both;
}

.sysMainImage.sysMainImageModal {
    width: 80%;
    padding-right: 20px;
    float: left;
}

@media screen and (max-width: 768px) {
    .sysMainImage.sysMainImageModal {
        float: none;
        width: 100%;
        padding-right: 0;
    }

    ul.sysImageList {
        float: none;
        width: 100%;
    }
}

/*** Slideshow ***/
.swiper-pagination-bullet-active {
    /* background: #0098BC !important;*/
    opacity: 0.9 !important;
}

.swiper-pagination-bullet {
    background: #eee !important;
    opacity: 0.6;
}

.swiper-container, .swiper-wrapper {
    width: 1200px;
    position: relative;
}

.swiper-wrapper {
    padding: 0 0 0;
    margin: 0 auto;
}

.swiper-wrapper {
    height: 590px;
    width: 1200px;
}

.post {
    font-size: 1.2rem;
    font-size: 12px;
    line-height: 1.6;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.post img {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    top: -20px;
}

.post p {
    padding-bottom: 14px;
}

.post-category {
    font-size: 11px;
    color: #d9d9d9;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.post a {
    color: #000;
}

.post .post-category a {
    text-decoration: none;
}

.post .post-category a:hover {
    text-decoration: underline;
}

.post h2 {
    margin-bottom: 5px;
}

.post h2, .post h2 a {
    color: #000;
    font-size: 16px;
    font-weight: normal;
    text-decoration: underline;
}

.post h2 a:hover {
    text-decoration: underline;
}

.post .post-meta {
    font-size: 11px;
    font-style: italic;
    color: #656363;
    margin-bottom: 20px;
}

.post .post-meta span, .post .post-meta a {
    color: #000;
    text-decoration: none;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
}

.post .post-meta a:hover {
    text-decoration: underline;
}

.post .post-author {
    text-transform: uppercase;
}

.post-content {
    margin-bottom: 15px;
}

.mvisual_detail {
    text-align: left;
    color: #000;
}

#larr, #rarr {
    display: block;
    width: 26px;
    height: 60px;
    position: absolute;
    top: 186px !important;
    opacity: 0.2;
    z-index: 99 !important;
}

#larr {
    background: #000 url("../img/arrow_prv.png") 0 50% no-repeat;
    left: 0 !important;
}

#rarr {
    background: #000 url("../img/arrow_nxt.png") 0 50% no-repeat;
    right: 0 !important;
}

#larr:hover, #rarr:hover {
    opacity: 1;
}

.post h2.mainv_title a {

    font-size: 1.8rem;
    font-size: 18px;
    line-height: 1.8;
}

@media screen and (max-width: 768px) {
    .swiper-container, .swiper-wrapper {
        width: 100%;
    }

    #slideshow, .slideshow {
        height: 90vw;
        width: 100%;
    }

    .swiper-pagination-bullet-active {
        /* background: #0098BC !important;*/

        opacity: 0.9 !important;
    }

    .mvisual_detail {
        padding: 10px 10px 40px;
    }

    .swiper-pagination-bullet {
        background: #0098BC !important;
        opacity: 0.4;
    }

    .swiper-wrapper {
height: auto !important;
        max-height: 400px;
        /*height: auto !important;
        max-height: 210px;*/
        width: 100%;
    }

    .post img {
        width: 100%;
        display: block;
        float: none;
        position: relative;
        top: 0;
        left: 0;

    }

    .post {
        padding: 0;
height: 100%;
    }

    /*.slick-slide div {
    position: relative;
    width: 100%;
    height: auto;
    padding: 10px;
    background: #F4F4F4;
    font-size: 1.2rem;
    font-size: 12px;
    line-height: 1.4;
}*/
    .post p.sphide {
        display: none;
    }

    .slick-slide p {

        padding-bottom: 4px;
    }
}

/*以下追加分*/
.setsumeibun table {
    width: 450px;
    border: solid 1px #cccccc;
    align: center;
    background-color: #999999;

}

.setsumeibun td {
    width: 90px;
    height: 20px;
    background-color: #FFFFFF;
    color: #999999;
}

#feed {
    padding: 10px 0 0;
    clear: both;
    background: #fff;
}

#feed li {
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
    padding-bottom: 20px;
    width: 50%;
}

#feed li:nth-child(even) {
    padding-left: 10px;
    padding-right: 0;
}

#feed li a img {
    /*padding-bottom: 8px;
    border-top: 20px solid #fff;
    border-right: 20px solid #fff;
    border-bottom: 0 solid #fff;
    border-left: 20px solid #fff;*/
}

#feed li a h4 {
    line-height: 1.6;
}

/*追加記入 */
table.shousai {
    width: 100%;
    font-size: 0.8em;
    /*background:#fafafa;*/
    margin: 20px 0;
}

.shousai th, .shousai td {
    text-align: left;
    color: #666;
    padding: 10px;
}

.shousai th {
    white-space: nowrap;
}

.shousai tr {
    border-bottom: dashed 1px #ccc;
}


@media screen and (max-width: 600px) {
    .shousai tr {
        display: flex;
    }

    .shousai th, .shousai td {
        float: left;
    }

    .shousai th {
        width: 15%;
        vertical-align: top;
    }

    .shousai td {
        width: 80%;
    }
}

.sysReview {
    text-align: center;
}

.sysReview input {
    width: 80%;
    background: #05b3d0;
    border-radius: 4px;
    padding: 10px 8px;
    color: #ffffff;
    font-weight: bold;
    box-shadow: 0 0 0 3px #fff, 0 0 0 4px #05b3d0;
    margin-top: 10px;
}


.sysSelectionDescription {
    color: #FF5722;
    padding-bottom: 0px;
    font-size: 80%;
}

@media screen and (min-width: 768px) {
    .sysExplanation img {
        width: 650px;
    }
}

/*
#sysSelections div{
margin-bottom: 8px;
}
*/

.sysItemList .sysRetailPrice {
    padding-top: 10px;
}

.detail_name .sysItemName {
    clear: both;
}

.sysForm .sysNumArea {
    display: none;
}

#sysWishlist {
    text-align: center;
}


.sysItemImages .sysImageList li {
    width: 8%;
    height: auto;
    line-height: 140%;
}

@media screen and (max-width: 640px) {
    .sysItemImages .sysImageList li {
        width: 15.2%;
        height: auto;
        line-height: 100%;
        margin-top: 5px;
    }
}


.sysBox .sysNumArea {
    display: none;
}

.sysDeleteArea {
    text-align: center;
}

/* フッターの店舗追加 */
td.line_none {
    border-right-width: 0px !important;
}

/* カートパーツの行間を拡張 */
.sysBlock #sysSelections div {
    line-height: 2;
}

@media screen and (max-width: 1200px) {
    .mem_headpart {
        width: 100%;
    }
}

@media screen and (min-width: 640px) {
    .mem_headpart {
        display: block;
        color: black;
        background-color: #f8f8f8;
        padding: 0 20px 20px;
        width: 1200px;
    }
}

@media screen and (max-width: 640px) {
    .mem_headpart {
        padding: 0 15px;
        background-color: #f8f8f8;
    }
}



.sysCart #sysMain .sysDeleteArea input[type=submit] {
    background-color: #999999;
}

.sysCart #sysMain form input[type=submit].sysBackButton {
    background-color: #0098bc;
}

.sysCart #sysMain .sysBackSubmitArea input[type=submit] {
    background-color: #999999;
}

.sysCart #sysMain form {
    text-align: center;
}

.sysExplanation a {
    text-decoration: underline;
    color: blue;
}

.sysCart #sysMain button.sysBtnPlus {
    background-color: #2F4172;
}

.sysCart #sysMain button.sysBtnMinus {
    background-color: #5B70A8;
}


/*
bridal 190915
*/
.p-bridal {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height: 1.6 !important;
}

.bridal-h2 {
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    margin-top: 20px;
}

.bridal-lead {
    font-size: 14px;
    margin-top: 20px;
    padding-bottom: 10px;
}

.bridal-leadbox {
    display: flex;
    margin-top: 20px;
    padding-bottom: 10px;
}

.bridal-leadbox_l .bridal-img {
    text-align: left;
}

.bridal-leadbox_r .bridal-img {
    text-align: right;
}

.bridal-txt {
    width: 70%;
    font-size: 14px;
    line-height: 2 !important;
}

.bridal-img {
    width: 30%;
}

.bridal-img img {
    width: 85%;
}

.bridal-order {
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
    padding-bottom: 10px;
}

.bridal-order li {
    width: 33.33333%;
    /* 未対応ブラウザ用フォールバック */
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
    padding: 2%;
}

.bridal-order_img {
    margin-bottom: 10px;
}

.bridal-order_txt {
    font-size: 13px;
    line-height: 2;
    font-feature-settings: "palt";
    margin-bottom: 0;
}

.bridal-order_head {
    display: block;
    text-align: center;
}

@media screen and (max-width:768px) {
    .bridal-h2 {
        font-size: 20px !important;
        margin-top: 20px;
    }

    .bridal-leadbox {
        display: block;
        margin-top: 20px;
        padding-bottom: 10px;
    }

    .bridal-txt {
        width: 100%;
    }

    .bridal-leadbox_r .bridal-img, .bridal-leadbox_l .bridal-img {
        text-align: center;
    }

    .bridal-img {
        width: 100%;
    }

    .bridal-img img {
        width: 85%;
    }

    .bridal-order_txt {
        font-size: 16px;
        text-align: left;
    }

    .bridal-order {
        display: block;
        width: 80%;
        margin: 0 auto;
    }

    .bridal-order li {
        width: 100%;
        /* 未対応ブラウザ用フォールバック */
        width: -webkit-calc(100% / 1);
        width: calc(100% / 1);
        padding: 2%;
        text-align: center;
    }
}

/* input:radio */
.color_box {
    margin: 0 auto;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 20px;
}

.color_box label {
    position: relative;
    padding: 2%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    cursor: pointer;
}

.color-design .color_box label {
    width: 33.33333%;
    /* 未対応ブラウザ用フォールバック */
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
    height: 350px;
}

.color_box label input {
    position: absolute;
    z-index: 0;
}

.color_box label img {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 100;
    display: block;
    width: 100%;
    padding: 4px;
    background-position: center top;
    background-color: #fff;
    border: 3px solid #fff;
    cursor: pointer;
    pointer-events: none;
}

.color_box label input:checked+img {
    background-position: center bottom;
    border: 3px solid #0098bc;
}

.color-metal .color_box label {
    width: 33.33333%;
    /* 未対応ブラウザ用フォールバック */
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
    height: 350px;
}

.color-metal .color_box label img {
    padding: 7px;
}

.color_box_ttl img {



    width: 100%;
    margin: 20px 0;
}

#order_btn {
    margin-top: 20px;
    text-align: center;
}

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

    .color-design .color_box label,
    .color-metal .color_box label {
        width: 100%;
        height: 350px;
    }

    .color_box label {
        position: relative;
        display: block;
        float: left;
        width: 20%;
        height: 18vw;
    }

    .color_box label img {
        border: 2px solid #fff;
    }

    .order_ttl img,
    .order_step img {
        width: 100%;
    }
}

.bridal-mv img {
    width: 100%;
}

/*@media screen and (max-width: 640px) {
.color-design .color_box label,
.color-metal .color_box label {
  width : 25%;
  height: 23vw;
}
}*/

.footerCnt {
    margin-bottom: 0 !important;
}

h3.sysHeadline {
    font-size: 14px;
    color: #414141;
    text-align: center;
    font-weight: 100;
    padding: 60px 0 35px;
}

h3.sysHeadline span {
    display: block;
    padding-top: 5px;
    font-size: 30px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}

.sysItemSearchFormWord {
    padding: 0 0 5px;
}

p.nouki {
    color: #ff0000;
    padding: 1em 0;
}

.diamond_bn li, .summerJewelry_bn li, .bn05 li, .bn10 li {
    margin: 10px 10px 20px 0;
}

.silver_pierce li, .babyring_bn li, .bn02 li, .bn06 li, .bn09 li {
    margin: 10px 0 20px 10px;
}

.sysCategoryDescription {
    line-height: 180%;
    margin: 10px 0;
}

.sysItemPrice {
    padding-top: 5px;
}

.sysNewsDetail {
    line-height: 180%;
    color: #666;
}

.sysFuncBanner {
    width: 50%;
    float: left;
    background: #fff;
}

@media screen and (max-width: 640px) {
    .diamond_bn li, .silver_pierce li, .babyring_bn li, .summerJewelry_bn li, .bn05 li, .bn10 li, .bn09 li, .bn06 li {
        margin: 10px 0 20px 0;
    }

    .sysFuncBanner {
        width: 100%;
        float: none;
    }
}

/*配送について*/
.pageCnt {
    padding: 20px 0;
}

.pageCnt h2.sysHeadline, h2.sysMypageMajorHeadLine, #sysMain h2 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 26px;
    color: #333;
    font-weight: normal;
    text-align: left;
    padding: 20px 0;
}

.pageCnt h3, h3.sysMypageMinorHeadLine, h3.SysMypageMinorHeadLine {
    font-size: 18px;
    padding: 15px 0;
    color: #0098bc;
}

.sysErrorFormField {
    background: #ffeaee !important;
}

.pageCnt p {
    line-height: 160%;
    color: #444;
}

.sysForm {
    line-height: 160%;
}

.sysForm label {
    font-weight: 600;
}

.sysFormItem {
    padding: 5px 0;
}

.sysOrderHistory {
    padding: 20px 0;
    line-height: 160%;
}

.mainCnt h2.sysHeadline {
    clear: both;
    color: #414141 !important;
    font-size: 14px !important;
    line-height: 1.2;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding: 35px 10px 25px !important;
    text-align: center !important;
    border-bottom: none;
    background: #f2fafc;
}

.sysItemName {
    padding: 5px 0 0;
}

h2.sysHeadline span {
    display: block;
    font-size: 30px;
}

.p-news h2.sysHeadline, .rss_wp h2.sysHeadline, .mainCnt h2.sysHeadline {
    background: #fff;
    margin-bottom: 30px;
}

/*メルマガ配信解除*/
img.release {
    border: solid 1px #aaa;
    margin: 10px 0 30px;
}

.link_btn {
    display: inline-block;
}

.link_btn a {
    display: inline-block;
    background: #0099be;
    padding: 8px 15px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
}

@media screen and (max-width: 640px) {
    .pageCnt h3 {
        font-size: 16px;
        padding: 15px 0 10px;
    }

    /*メルマガ配信解除*/
    img.release {
        width: 80%;
        height: auto;
        margin: 0 auto;
    }

}

/*ブライダル*/
.bridal .catch {
    clear: both;
    display: block;
    padding: 30px 0;
    width: 100%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    overflow: auto;
    margin-bottom: 30px;
}

.bridal .catch .txt {
    width: 60%;
    float: left;
}

.bridal .catch .rimg {
    width: 35%;
    float: right;
}

.bridal .catch img {
    width: 100%;
}

.bridal .catch .txt h2 {
    display: block !important;
    font-size: 32px !important;
    padding: 20px 0 30px !important;
    text-align: center !important;
}

.bridal .catch .txt p {
    font-size: 19px;
    padding: 0 0 1em;
    text-align: left;
}

.bridal .blue {
    clear: both;
    display: block;
    height: auto;
    background: url(../img/bridal/blue_bg.gif) no-repeat right top;
    padding: 40px 0 0;
    overflow: auto;
}

.bridal .pink {
    clear: both;
    display: block;
    height: auto;
    background: url(../img/bridal/pink_bg.gif) no-repeat right top;
    padding: 40px 0 0;
    overflow: auto;
}

.bridal .blue .limg, .bridal .pink .limg {
    width: 45%;
    float: left;
}

.bridal .blue .txt, .bridal .pink .txt {
    float: right;
    width: 50%;
}

.bridal .blue img, .bridal .pink img {
    width: 100%;
}

.bridal .blue .txt .ttl {
    color: #066f88;
    font-size: 32px;
}

.bridal .pink .txt .ttl {
    color: #c7576f;
    font-size: 32px;
}

.bridal .blue .txt h3, .bridal .pink .txt h3 {
    font-size: 24px;
}

.bridal .blue .txt h3 span, .bridal .pink .txt h3 span {
    font-size: 18px;
    padding-left: 10px;
}

.bridal .blue .txt .copy, .bridal .pink .txt .copy {
    font-size: 18px;
    padding: 20px 0;
}

.bridal .blue .txt table, .bridal .pink .txt table {
    margin-bottom: 20px;
}

.bridal .blue .txt table th, .bridal .pink .txt table th {
    width: 80px;
    padding: 2px;
    text-align: left;
}

.bridal .blue .brn a {
    font-size: 24px;
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #fff;
    background: #0098bd;
    border-bottom: solid 2px #0081a0;
    /*少し濃い目の色に*/
    border-radius: 4px;
    /*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
    width: 80%;
    text-align: center;
}

.bridal .blue .brn a:active, .bridal .blue .brn a:hover {
    border-bottom: solid 2px #0098bd;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.bridal .pink .brn a {
    font-size: 24px;
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #fff;
    background: #ee7a93;
    border-bottom: solid 2px #d16b81;
    /*少し濃い目の色に*/
    border-radius: 4px;
    /*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
    width: 80%;
    text-align: center;
}

.bridal .pink .brn a:active, .bridal .pink .brn a:hover {
    border-bottom: solid 2px #ee7a93;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.bridal p.b_ttl {
    text-align: center;
    font-size: 30px;
    background: url(../img/bridal/line.png) no-repeat center bottom;
    padding: 20px 0;
    margin: 60px 0 40px;
}

.bridal ul.color_vari {
    display: flex;
    flex-wrap: wrap;
}

.bridal ul.color_vari li {
    width: 24%;
    padding: 10px 0.5%;
    text-align: left;
}

.bridal p {
    font-size: 16px;
}

.bridal ul.color_vari li img {
    width: 100%;
}

.bridal h4 {
    font-size: 18px;
    padding: 10px 0;
}

.bridal ul.color_vari li p {
    font-size: .9375rem;
    letter-spacing: .05em;
    margin: 20px 0;
}

.bridal ul.memo_btn {
    display: block;
    clear: both;
    margin: 50px 0;
}

.bridal ul.memo_btn li {
    float: left;
    width: 48%;
    padding: 1%;
}

.bridal ul.memo_btn li a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background: #0098bd;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    font-size: 20px;
}

.bridal p.b_sttl {
    display: block;
    clear: both;
    text-align: center;
    font-size: 24px;
    padding: 60px 0 20px;
}

.bridal ul.flow li {
    float: left;
    width: 24%;
    padding: 10px;
    margin: 10px 0.5%;
    text-align: center;
    border: solid 1px #B3915F;
}

.bridal ul.flow li img {
    width: 100%;
}

.bridal ul.flow li p {
    font-size: 14px;
    text-align: left;
    height: 110px;
}

.bridal_bn {
    margin: 14px 0 5px;
}

ul.motif_btn, ul.scene_btn {
    margin: 20px 0;
}

ul.motif_btn li {
    width: 25%;
    padding: 0 1% 10px;
    float: left;
}

ul.scene_btn li {
    width: 33%;
    padding: 0 1% 20px;
    float: left;
}

ul.motif_btn li p {
    text-align: center;
    padding: 3px 0 0;
    color: #444;
}

ul.scene_btn li p {
    text-align: center;
    padding: 10px 0 0;
    color: #444;
}

ul.motif_btn li img, ul.scene_btn li img {
    width: 100%;
    height: auto;
}


@media screen and (max-width: 768px) {
    .bridal .catch img {
        width: 80%;
        margin: 0 auto;
    }

    .bridal .catch .txt {
        width: 100%;
        float: none;
    }

    .bridal .catch .txt h2 {
        font-size: 28px !important;
        padding: 80px 0 30px !important;
    }

    .bridal .blue, .bridal .pink {
        padding: 40px 15px 0;
    }

    .bridal .blue .limg, .bridal .pink .limg {
        width: 100%;
        float: none;
    }

    .bridal .blue .txt, .bridal .pink .txt {
        float: none;
        width: 100%;
    }

    .bridal .blue .txt table th, .bridal .pink .txt table th {
        width: 60px;
    }

    .bridal .blue .txt table th, .bridal .pink .txt table th, .bridal .blue .txt table td, .bridal .pink .txt table td {
        display: inline-block !important;
    }

    .bridal .blue .brn a, .bridal .pink .brn a {
        width: 100%;
        margin-bottom: 40px;
    }

    .bridal .blue .txt .ttl, .bridal .pink .txt .ttl {
        font-size: 26px;
    }

    .bridal .blue .txt h3, .bridal .pink .txt h3 {
        font-size: 22px;
    }

    .bridal .blue .txt h3 span, .bridal .pink .txt h3 span {
        font-size: 18px;
        padding-left: 0;
        display: block;
    }

    .bridal h4 {
        font-size: 15px;
        padding: 10px 0;
    }

    .bridal .blue .txt .copy, .bridal .pink .txt .copy {
        font-size: 16px;
        padding: 10px 0;
    }

    .bridal p.b_ttl {
        font-size: 26px;
        margin: 40px 0 40px;
    }

    .bridal ul.color_vari {
        display: flex;
        flex-wrap: wrap;
    }

    .bridal ul.color_vari li {
        width: 48%;
        padding: 10px 1% 0;
    }

    .bridal ul.color_vari li p {
        font-size: 15px;
        height: auto;
    }

    .bridal ul.memo_btn li {
        float: none;
        width: 100%;
        padding: 5px 0;
    }

    .bridal ul.memo_btn li a {
        font-size: 16px;
        text-align: left;
        padding: 10px 10px;
    }

    .bridal ul.flow li {
        float: none;
        width: 100%;
    }


    .bridal ul.flow li h4 {
        font-size: 18px;
    }

    .bridal ul.flow li p {
        font-size: 15px;
        height: auto;
    }

    .bridal_bn {
        margin: 20px 0;
    }

    ul.motif_btn li {
        width: 50%;
        padding: 0 1% 10px;
    }

    ul.scene_btn li {
        width: 100%;
        padding: 0 1% 10px;
    }
}


/*ブライダル詳細*/
.attention {
    display: block;
    clear: both;
    margin: 30px 0;
    padding: 10px 20px 20px;
    background: #ffe3e2;
}

.attention p.ttl {
    font-size: 20px;
    text-align: center;
    margin: 20px 0;
    color: #ff0000;
}

h3.cat_catch {
    font-size: 16px !important;
    padding: 5px 0 20px;
}

/*Babyring*/
h3.baby {
    font-size: 22px !important;
    padding: 20px 0 !important;
    font-weight: 100 !important;
}

table.half_box td {
    width: 50%;
    padding: 0 20px 20px 0;
    vertical-align: top;
}

table.half_box_bg {
    background: url(../img/category/baby_bg.jpg);
}

table.half_box_bg td {
    width: 50%;
    text-align: center;
}

table.half_box_bg td:first-child {
    padding: 40px 20px 0 40px;
}

table.half_box_bg td:last-child {
    padding: 40px 40px 0 20px;
}


table.half_box_bg td p {
    text-align: center;
    padding: 10px 0;
}


/*店舗*/
h3.shopname {
    font-size: 18px;
    border-bottom: solid 2px #ccc;
    display: block;
    padding-bottom: 5px;
    margin: 30px 0 10px;
}

table.shop_map td {
    width: 50%;
    padding: 10px;
    vertical-align: top;
}

.line_link {
    display: inline-block;
    float: left;
    padding-right: 10px;
    margin-top: 10px;
}

.shop_link {
    display: inline-block;
}

.shop_link a {
    margin-top: 10px;
    display: block;
    background: #0098bc;
    color: #fff;
    padding: 7px 10px 8px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
}

table.shop_map li {
    line-height: 180%;
}

@media screen and (max-width: 768px) {
    h3.baby {
        font-size: 18px !important;
        padding: 20px 0 !important;
        font-weight: 100 !important;
    }

    table.half_box td, table.half_box_bg td {
        width: 100%;
    }

    table.half_box_bg td:first-child {
        padding: 30px 30px 10px 30px;
    }

    table.half_box_bg td:last-child {
        padding: 10px 30px 10px 30px;
    }

    table.shop_map td {
        width: 100%;
    }

}

.link a {
    display: inline-block;
    color: #fff;
    background: #355365;
    font-size: 14px;
    padding: 1px 10px;
    line-height: 140%;
}

.link a::after {
    content: "\25b6";
    padding-left: 5px;
    font-size: 9px;
}

.p-news time, .p-news br {
    display: none;
}

.infolist ul li+li {
    border-top: 1px solid #ddd;
}

.infolist ul li {
    background: url(https://localbrand.style/img/blog/rec.png) left 50% no-repeat;
    padding-left: 40px;
}

/*calendar*/

#sysMain .calendar h2.cnt_ttl span.calendar_title {
    display: block;
    font-size: 18px;
    border-bottom: none;
}

#sysMain .calendar h2.cnt_ttl span {
    border-bottom: solid 1px #000000;
}

#sysMain .calendar h2.cnt_ttl {
    text-align: center;
    padding: 40px 0 5px;
    margin-bottom: 40px;
}

#sysMain .calendar p {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height: 160%;
    padding: 0 5% 10px;
    font-size: 18px;
}

#sysMain .calendar img {
    width: 90%;
    height: auto;
    display: block;
    margin: 20px auto;
}

#sysMain .calendar .kakaku {
    background: #e7eef3;
    padding: 20px;
    margin: 20px 5%;
    font-size: 15px;
}

#sysMain .calendar .kakaku p {
    color: #444;
    font-size: 16px;
}

#sysMain .calendar .comment {
    background: #dbedee;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -o-border-radius: 7px;
    -ms-border-radius: 7px;
    padding: 40px;
    margin: 40px 5%;
}

#sysMain .calendar .comment .comtxt {
    float: left;
    width: 70%;
}

#sysMain .calendar .comment img {
    width: 30%;
}

#sysMain .calendar .comment p.bld {
    font-weight: 600;
    padding-bottom: 1em;
}

#sysMain .calendar .comment p {
    font-size: 16px;
}

.bridal p.flow_ttl {
    color: #B3915F;
    font-size: 24px;
    margin: 50px 0 20px;
    padding: 0 0 0 14px;
    border-left: 6px solid #E8DCA5;
    line-height: 1.2em;
    clear: both;
}

.bridal ul.flow li h4 span {
    color: #B3915F;
    padding: 0 5px 3px 0;
    display: inline-block;
}

.bridal ul.flow li {
    margin: 10px 0.5% 35px;
    position: relative;
}

.bridal ul.flow li:after {
    content: url(https://localbrand.style/img/bridal/arrow_sp.jpg);
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    transform: scale(1);
}

.bridal ul.flow li:last-child:after {
    content: none;
}



.bridal ul.flow li .top_flow_btn p {
    max-width: 186px;
    width: 100%;
    margin: 20px auto;
    background-color: #B3915F;
    display: flex;
    justify-content: center;
    padding: 10px;
    color: #fff;
    font-weight: 600;
    border-radius: 2px;
    height: auto;
}
.bridal ul.flow li .top_flow_btn p a{
color: #fff;
}
.bridal ul.flow li .top_phone_btn p {
    color: #B3915F;
    font-weight: 600;
    position: relative;
    text-align: center;
    margin: 0 auto 30px;
    letter-spacing: .08em;
    max-width: 186px;
    padding-left: 9px;
    height: auto;
}

.bridal ul.flow li .top_phone_btn p:before {
    position: absolute;
    content: url(https://localbrand.style/img/bridal/phone_icon.jpg);
    left: 9px;
    transform: scale(.5);
    bottom: -8px;
}

.qa-1 {
    max-width: 100%;
    margin-bottom: 24px;
    border: 1px solid #b3915f;
}

.qa-1 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 1em 3em;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    background-color: #B3915F;
}

.qa-1 summary::before,
.qa-1 p::before {
    position: absolute;
    left: 1em;
    font-weight: 600;
    font-size: 1.3em;
}

.qa-1 summary::before {
    color: #fff;
    content: "Q";
}

.qa-1 summary::after {
    content: url(https://localbrand.style/img/bridal/faq_arrow_under.png);
    transform: scale(.5);
    position: absolute;
    right: 5px;
}

.qa-1[open] summary::after {
    transform: rotate(0);
    transform: scale(.5);
    content: url(https://localbrand.style/img/bridal/faq_arrow.png);
}

.qa-1 p {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1.5em 3em 1.5em;
    color: #333;
    transition: transform .5s, opacity .5s;
}

.qa-1[open] p {
    transform: none;
    opacity: 1;
}

.qa-1 p::before {
    color: #414141;
    line-height: 1.2;
    content: "A";
}

.bridal .process {
    clear: both;
    margin: 0 0 40px;
}

.bridal .process h3 {
    font-size: 1.25rem;
    letter-spacing: .05em;
    font-weight: 600;
    position: relative;
    display: inline-block;
    padding-left: 15px;
}

.bridal .process h3:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #333;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

.bridal .process h4 {
    color: #B3915F;
}

.bridal .process p {
    margin: 0 0 20px;
}
.bridal .faq_contents table{
    margin: 20px 20px 50px;
}
.bridal .faq_contents table th,
.bridal .faq_contents table td{
    border: 1px solid #ccc;
    padding: 5px;
}
.bridal .faq_contents table th{
    background-color: #ccc;
}
.bridal .faq_contents img{
    display: block;
    margin: 15px 0 0;
}
@media screen and (max-width: 768px) {
    #sysMain .calendar .comment .comtxt {
        float: none;
        width: 100%;
    }

    #sysMain .calendar .comment img {
        width: 100%;
    }
}

.head-obi {
    padding: 5px 0;
    background-color: #CDE6EE;
}

.head-obi p {
    text-align: center;
    color: #000;
    font-size: .975rem;
}

/*続きを読む*/
.cp_box1 {
    position: relative;
}

.cp_box1 input {
    display: none;
}

/*開くためのボタンとテキストを隠すグラデーションの設定*/
.cp_box1 label {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1;
    bottom: -10px;
    width: 100%;
    height: 140px;
    /* グラデーションの高さ */
    cursor: pointer;
    text-align: center;
    /* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
    background: linear-gradient(to bottom,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.95) 90%);
}

/* 開いた時にグラデーションを消す */
.cp_box1 input:checked+label {
    background: inherit;
}

.cp_box1 input:checked+label {
    /* display: none ; 閉じるボタンを消す場合コメントアウトを外す */
}

.cp_box1 .cp_container {
    overflow: hidden;
    height: 220px;
    /* 開く前に見えている部分の高さ */
    transition: all 0.5s;
}

/*続きをよむボタン*/
.cp_box1 label:after,
.cp_box1 label::before {
    content: "";
    position: absolute;
    line-height: 2.5rem;
}

.cp_box1 label:after {
    z-index: 2;
    bottom: -15px;
    width: 13em;
    content: "続きをよむ";
    color: #000;
}

.cp_box1 label::before {
    position: absolute;
    bottom: 0;
    right: calc(50% - 3.5em);
    z-index: 3;
    width: 10px;
    height: 10px;
    background: #898989;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
}

/*閉じるボタン*/
.cp_box1 input:checked+label:after {
    content: "閉じる";
}

.cp_box1 input:checked+label:before {
    right: calc(50% - 2.5em);
    transform: scale(1, -1);
}

.cp_box1 input:checked~.cp_container {
    height: auto;
    padding-bottom: 30px;
    /* 閉じるボタンのbottomからの位置 */
    transition: all 0.5s;
}

.cp_box1 {
    margin-bottom: 80px;
}

.ring_vari {
    background-image: url(https://localbrand.style/img/bridal/ring_bg.jpg);
    background-repeat: no-repeat;
    padding: 0 20px;
}

.ring_vari .box {
    display: flex;
    justify-content: space-between;
}

.ring_vari .box a {
    width: 32%;
}

.ring_vari .ring_ttl {
    font-size: 1.5rem;
    text-align: center;
    color: #B3915F;
    margin: 80px 0 40px;
}

.ring_vari .ring_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ring_vari .ring_flex li {
    max-width: calc(100%/4);
    width: 200px;
    margin: 0 5px;
}

.ring_vari .ring_flex li p {
    margin: 20px 0 40px;
    font-size: .9375rem;
    letter-spacing: .05em;
}

.qa-1 summary {
    padding: 1em 4em 1em 3em;
}

@media screen and (min-width: 768px) {
    .bridal ul.flow li {
        margin-right: 20px;
        width: 22%;
    }

    .bridal ul.flow li:after {
        content: url(https://localbrand.style/img/bridal/flow_arrow.jpg);
        position: absolute;
        bottom: 0;
        left: auto;
        right: -22px;
        transform: scale(.5);
        top: 35%;
    }

    .bridal ul.flow li {
        height: 300px;
    }
}

/*TOP追加20241124*/
. craft-man-ship{
background: #f2fafc;
    padding: 10px 0;
}
.flowline-to-category h2,
.featured-categories h2,
.craft-man-ship h2,
.instagram-content h2{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: normal;
    clear: both;
    color: #414141 !important;
    font-size: 14px !important;
    line-height: 1.2;
    padding: 35px 10px 25px !important;
    text-align: center !important;
    border-bottom: none;
}
.flowline-to-category h2 span,
.featured-categories h2 span,
.craft-man-ship h2 span,
.instagram-content h2 span{
    display: block;
    font-size: 30px;
}
table.flowline-to-category{
    display: flex;
    justify-content: center;
    margin: 0 0 70px;
}
.flowline-to-category tr{
    display: flex;
}
.flowline-to-category td{
    padding: 10px 0;
    border-bottom: dotted;
    border-right: dotted;
    display: flex;
    align-items: center;
    width: 100px;
    justify-content: center;
}
.flowline-to-category td:last-child{
    border-right: none;
}
.flowline-to-category tr:last-child td{
    border-bottom: none;
}
.craft-man-ship .btn a{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0099BE;
    max-width: 289px;
    width: 100%;
    padding: 15px 0;
    color: #fff;
border-radius: 3px;
    margin: 0 auto 50px;
}
.instagram-content .btn a{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0099BE;
    max-width: 289px;
    width: 100%;
    padding: 15px 0;
    color: #fff;
    position: relative;
border-radius: 3px;
    margin: 0 auto 50px;
}
.instagram-content .btn a span{
display: block;
font-size: 13px;
}
.instagram-content .btn a:before{
    position:absolute;
    content: url(https://localbrand.style/img/top/Icon.png);
    top: 10px;
    left: 5px;
    transform: scale(.5);
}
.fa-twitter:before{
content: "\f16d";
}
.craft-video{
text-align: center;
margin-bottom: 20px;
}
  .top-recommended-items .sysHeadline {
    text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin-bottom: 15px;
   margin-top: 40px;
  } 
  .top-recommended-items .sysHeadline span{
    display: block;
    font-size: 30px;
  }
  .top-recommended-items ul{
    padding: 0 20px 30px;
    background: #f2fafc;
    line-height: 2.5em; 
    padding: 20px;
  }
  .top-recommended-items ul li{
    border-bottom: solid 1px #ccc;
  }
  .top-recommended-items ul li:last-child{
    border-bottom: none;
  }
.recomended-btn a{
display: flex;
    justify-content: center;
    align-items: center;
    margin: 25px auto 0;
    border: solid 1px #333;
    max-width: 300px;
    padding: 10px;
}
.recomended-btn a:hover{
opacity:.8;
}

.btn__reservation-for-visit a{
display: flex;
    max-width: 230px;
    width: 100%;
    background-color: #1f95b3;
    justify-content: center;
    padding: 10px 0;
    font-weight: 600;
    color: #fff;
   font-size: 16px;
margin: 0 auto 50px;
}
.btn__reservation-for-online a{
display: flex;
    max-width: 230px;
    width: 100%;
    background-color: #2A72A1;
    justify-content: center;
    padding: 10px 0;
    font-weight: 600;
    color: #fff;
   font-size: 16px;
margin: 0 auto 50px;
}
.btn__reservation-flex{
    display: flex;
    gap: 50px;
    justify-content: center;
    flex-wrap: wrap;
}
.btn__reservation-flex p{
font-weight: 600;
margin-bottom: 5px;
}
@media screen and (max-width:640px){
@charset "UTF-8";
/* レイアウト
**********************************************************************/
@media screen and (max-width: 640px) {
.mv_container {
    padding: 0 !important;
    }
}
#sysAll{

  width:100% !important;
  padding:0 !important;
  margin:0 auto !important;
  background-color:none !important;
}
#sysHeader{
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  clear:both;
  /*margin-bottom:-16px !important; */
}
#sysMain {
    float: right;
    width: 100% !important;
    background: #fff;
    border-left: 0;
    border-right: 0;
    padding:0 !important;
    margin:0 !important;
    margin-bottom: 50px !important;
}
#sysAside {
    float: left;
    width: 100% !important;;
    background: #fff;
    border-left: 0;
    border-bottom: 0;
    padding:0 !important;
    margin:0 !important;
    margin-bottom: 50px !important;
}
#sysFooter{
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  clear:both;
  margin-bottom:0 !important;
}

@media screen and (min-width: 769px) {
    #sysAll {
        min-width: 100%;
    }
}
@media screen and (max-width: 768px) {
    #sysAll {
        min-width: 100%;
    }
}
@media screen and (max-width:641px){
  #sysAll{
        min-width: 100%;
  }
div#sysMain {
 width: 100% !important;
 background: #fff;
 padding:0 20px !important;
 margin:0 !important;
 margin-bottom: 0 !important;
 min-height: 400px;
}
div#sysAside{
 width: 100% !important;;
 background: #fafafa;
 border-left: none;
 padding:0 0 30px!important;
 margin:0 0 50px !important;
}
#sysAside .catch {
	margin:0 20px;
}

div#sysFooter{
      clear:both;
    }

  }

@media screen and (max-width:640px){
    #sysAll{ padding: 0 !important; }
    .sysDisplayMobileNone{
        display:none;
    }
}
@media screen and (max-width:640px){
    div.sysMemberAgreement{
        overflow: auto;
        -webkit-overflow-scrolling:touch;
    }
}
@media screen and (min-width:641px) and (max-width:768px){
    .sysDisplayTabletNone{
        display:none;
    }
}
@media screen and (min-width:769px){
    .sysDisplayPcNone{
        display:none;
    }
}

.sysContent {
    padding: 0 !important;
}

/*tablet*/
@media screen and (min-width: 641px) {
}

@media screen and (max-width: 768px){
#sysWrap {
    margin-bottom: 0 !important;
    width: 100%;
}
}

@media screen and (max-width: 640px){
.sp_login ul li.sysText a {
    display: block;
    width: 80%;
    margin: 0 auto;
    background: #fcfdfa;
    text-decoration: none;
    /* border-radius: 4px; */
    color: ;
    font-size: ;
    line-height: px;
    background-color: ;
    background: -webkit-gradient(linear, left top, left bottom, from(), to());
    background: -webkit-linear-gradient(top, , );
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #e0dfda;
    border-radius: 4px;
}
}

    .sp_login { display: none; }
@media screen and (max-width: 580px){
    .sp_login { display: block; margin-top: 20px; }
}

#menu_box .hnav_head {
    width: 100%;
    margin: 2vw auto 0;
    padding: 10px;
    padding-bottom: 10px;
}

@media screen and (max-width: 768px){
    .search_box input[type=search] {
        margin-top: 2px;
        padding: 10px 50px 10px 8px !important;
        line-height: 1.2;
        border: 1px solid #ccc;
    height: 44px;
    }
    .search_box input.sysSearchButton {
        position: absolute !important;
        border: none !important;
        width: 36px !important;
        text-indent:130%;
        white-space:nowrap;
        overflow:hidden;
        height: 22px;
        right: 8px !important;
        top: 5px !important;
        background:transparent url('https://localbrand.style/img/common/search.png') 90% 50% no-repeat !important;
    background-size: 20px !important;
    }
}

@media screen and (max-width: 640px){
    .s-category, .s-case {
        padding: 0;
    }
    .s-category ul li, .s-case ul li {
        border-bottom: 1px solid #e0dfda;
        line-height: 2;
        padding: 8px 10px 8px 15px;
    }
    .s-category ul li:last-child, .s-case ul li:last-child {
        border-bottom: none;
    }


}
}
@media screen and (min-width:641px) and (max-width:768px){
@charset "UTF-8";
@media screen and (max-width: 768px) {
.mv_container {
    padding: 0 !important;
    }
}
    .sp_login { display: none; }
#sysAll{

    background: #f8f6ef !important;
  width:100% !important;
  padding:0 !important;
  margin:0 auto !important;
  background-color:none !important;
}
#sysHeader{
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  clear:both;
  /*margin-bottom:-16px !important; */
}
#sysMain {
    float: right;
    width: 720px !important;
    background: #fff;
    border-left: 0;
    border-right: 0;
    padding:0 !important;
    margin:0 !important;
    margin-bottom: 50px !important;
}
#sysAside {
    float: left !important;
    width: 240px !important;;
    background: #fff;
    border-left: 1px solid #e0dfda;
    border-bottom: 1px solid #e0dfda;
    padding:0 !important;
    margin:0 !important;
    margin-bottom: 50px !important;
}
#sysFooter{
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  clear:both;
  margin-bottom:0 !important;
}

@media screen and (min-width: 769px) {
    #sysAll {
        min-width: 980px;
    }
}
@media screen and (max-width: 768px) {
    #sysAll {
        min-width: 100%;
    }
}
@media screen and (min-width:641px){
  #sysAll{
        min-width: 100%;
  }
    div#sysMain {
        float: right;
        width: 100% !important;
        background: #fff;
        border-left: none;
        border-right: none;
        padding:0 !important;
        margin:0 !important;
        margin-bottom: 0 !important;
    }
    div#sysMain {
        min-height: 400px;
        height: auto !important;
        height: 400px;
    }
    div#sysAside{
    float: left;
    width: 100% !important;;
    background: #fff;
    border-left: none;
    border-bottom: 1px solid #e0dfda;
    padding:0 !important;
    margin:0 !important;
    margin-bottom: 50px !important;
    }
    div#sysFooter{
      clear:both;
    }

  }

@media screen and (max-width:640px){
    .sysDisplayMobileNone{
        display:none;
    }
}
@media screen and (max-width:640px){
    div.sysMemberAgreement{
        overflow: auto;
        -webkit-overflow-scrolling:touch;
    }
}
@media screen and (min-width:641px) and (max-width:768px){
    .sysDisplayTabletNone{
        display:none;
    }
}
@media screen and (min-width:769px){
    .sysDisplayPcNone{
        display:none;
    }
}

.sysContent {
    padding: 0 !important;
}
.sysFuncText.main_visual {
    margin-top: 0;
}

/*tablet*/
@media screen and (min-width: 641px) {
}
@media screen and (max-width: 768px) and (min-width: 641px){
#sysWrap {
    margin-bottom: 0;
    width: 100%;
}
}

#menu_box .hnav_head {
    width: 100%;
    margin: 2vw auto  0;
}
}
@media screen and (min-width:769px){
@charset "UTF-8";
    .sp_login { display: none; }
#sysAll{

  width:100% !important;
  padding:0 !important;
  margin:0 auto !important;
  background-color:none !important;
}
#sysHeader{
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  clear:both;
  /*margin-bottom:-16px !important;*/
}
.footerCnt {margin-bottom:0 !important;}
#sysMain {
    float: right;
    width: 920px !important;
    background: #fff;
    padding:0 !important;
    margin:0 !important;
    margin-bottom: 50px !important;
}
@media screen and (max-width: 768px) {
#sysMain {
    width: 100% !important;
}
}
#sysAside {
    float: left;
    width: 240px !important;;
    background: #fff;

    padding:0 !important;
    margin:0 !important;
    margin-bottom: 50px !important;
}
#sysFooter{
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  clear:both;
  margin-bottom:0 !important;
}

@media screen and (min-width: 769px) {
    #sysAll {
        min-width: 980px;
    }
}
@media screen and (max-width: 768px) {
    #sysAll {
        min-width: 100%;
    }
}
@media screen and (min-width:641px){
  #sysAll{
        min-width: 100%;
  }
    div#sysMain {
        float: right;
        background: #fff;
        padding:0 !important;
        margin:0 !important;
        margin-bottom: 50px !important;
    }
    div#sysAside{
    float: left;
    width: 250px !important;;
    background: #fff;
    border-left: none;
    padding:0 !important;
    margin:0 !important;
    margin-bottom: 50px !important;
    div#sysFooter{
      clear:both;
    }

  }

@media screen and (max-width:640px){
    .sysDisplayMobileNone{
        display:none;
    }
}
@media screen and (max-width:640px){
    div.sysMemberAgreement{
        overflow: auto;
        -webkit-overflow-scrolling:touch;
    }
}
@media screen and (min-width:641px) and (max-width:768px){
    .sysDisplayTabletNone{
        display:none;
    }
}
@media screen and (min-width:769px){
    .sysDisplayPcNone{
        display:none;
    }
}

.sysContent {
    padding: 0 !important;
}
.table_list_image {
width: 100%;
}
.table_list_image tr td {
display: inline-block;
width: 100px;
margin-right:10px;
}
.table_list_image tr td a img {
max-width: 100px;
}

@media screen and (min-width:1920px)
.post-content{
    font-size: 1vw !important;
}

@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
 .sysNextSubmitAreaForUseAmazon{
width:110%;
float:none;
}

#sysMain input.sysBackButton{
display: block;
margin: 30px auto 0;
}

#useAmazonSubmitButton{
text-align:center;
}

#sysBasket #sysMain form input.sysBackButton{
margin-top: 30px;
}

.amazon-button-image-2017{
margin-top: 4px;
}

.sysBox, .sysAmazonSelectDelivery, .sysSelectHopeDeliveryComment{
text-align: center;
}

.sysCart .sysAcceptDomain a{
color:blue;
text-decoration: underline; 
}

}
}
/* #END_OF_RESOURCE_FILE */