/* ----------------
common
-------------------*/
body {
     font-family: 'Noto Sans JP', sans-serif;
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;600;700;900&display=swap');
.serif {
    font-family: 'Noto Serif JP', serif;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
.en, #site-navigation li a, footer #site-info ul li a {
   font-family: 'Roboto', sans-serif;
    font-weight: 500;
     font-weight: 700;
}
/* 
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&display=swap');
.en, #site-navigation li a {
   font-family: 'Merriweather', serif;
    font-weight: 400;
}
*/
a:focus, *:focus { outline:none; }
/* nav */
header {
    margin-bottom: 0;
}
#site-navigation li a, footer #site-info ul li a {
    position: relative;
    width: 100%;
}
#site-navigation li a:after, footer #site-info ul li a:after  {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 40px;
    font-size: 12px;  
    font-weight: normal;
    opacity: 60%;
}
footer #site-info ul li a:after{ 
    padding-top: 21px;
     padding-bottom: 21px;
}
h1.site-description {
    margin: 0;
    padding: 0;
    font-weight: static;
    font-size: static;
}

@media screen and (min-width: 429px)  { /* pc */
    #main {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .site-description, h1.site-description {
        font-size: 11px;
        padding: 1em 0 0;
        background: none;
        line-height: 100%;
    }
    .search-box {
        display: none;
    }
    .member-btn-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: auto;
        float: right;
    }
    .snav {
        margin-right: 0;
        padding-top: 1.071428em;
        float: right;
         width: 40%;
     }
    .snav .membership {
         padding: 20px 0 0;
    }
    .incart-btn {
        min-width: 168px;
    }    
    h1.site-title, div.site-title {
        width: 60%;
         padding: 10px 0 0;
        text-align: left;
        display: block;
    }
    .site-title a img {
        height: 50px;/*logo.pngの大きさはcssで変更*/
        width: auto;
    }
    header #site-navigation input#panel.on-off + div.nav-menu-open,
    header #site-navigation input#panel.on-off:checked + div.nav-menu-open,
    header #site-navigation input#panel.on-off + div.header-nav-container {
        display: block;
        overflow: inherit;
        height: auto;
        background: none;
    }
    #site-navigation li.current_page_item a, #site-navigation li.current-menu-parent a {
        background: none;
        border:none;
    }
    .main-navigation {
        border-top: 1px solid  #d7d7d7; 
        border-bottom: 1px solid  #d7d7d7; 
    }
    .main-navigation .nav-menu-open{
        padding-bottom: 15px;
    }
    .main-navigation ul {
        margin: 0; 
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        text-align: center;
        width: 100%;
        }
     #site-navigation li {
        float: none;
    }
    #site-navigation li a, footer #site-info ul li a {
        display: block;
        margin-bottom: 0;
        border-bottom: none;
        font-size: 18px;
    }
    footer #site-info ul li a {
         margin-bottom: 32px;
    }
    #site-navigation li a:hover {
        background: none;
    }
    #site-navigation li, #site-navigation ul li:first-child {
        border: none;
    }
    .main-navigation li a:visited {}
    .main-navigation li a:hover{color: #7a8285;}
     .incart-btn .total-quant {
        line-height: 1.58;
        top: -1px;
    }
    }
 @media screen and (min-width: 62.5em) {
    #site-navigation li.current-menu-item > a {
    	background: none;
    }
}
@media screen and (min-width: 415px){
    .incart-btn span {
        padding-bottom: 3px;
    }
}
@media screen and (max-width: 428px)  { /* sp */
    .site-description, h1.site-description {
        font-weight: 400;
        background: none;
        padding-left: 1.2em;
        line-height: 1;
    }
    #site-navigation label {
       
    }
    h1.site-title, div.site-title {
        width: 50%;
         padding: 0 0 10px;
        float: left;
        text-align: left;
    }
    .site-title a img {
        height: 40px;/*logo.pngの大きさはcssで変更*/
        width: auto;
         padding-left: .7em;
    }
    .snav {
        width: 40%;
        float: right;
         padding: 5px 0 0;
    }
    .search-box {
       float: right;
    }
    .member-btn-wrap {
        float: right;
    }
    #site-navigation li a, footer #site-info ul li a {
        width: 100%;
    }
    #site-navigation li a:after, footer #site-info ul li a:after {
        position: absolute;
        right: 0;
        padding: 0;
        margin: 0;
        left: auto;    
    }
    header #site-navigation li a:after {
        right: 0;
        left: inherit;
        padding-top: 0;
    }
    .incart-btn .total-quant {
        line-height: 1.4;
/*        top: -1px;*/
    }
    header #site-navigation input#panel.on-off:checked + div.nav-menu-open, header #site-navigation input#panel.on-off:checked + div.header-nav-container {
    position: absolute;
    left: 0;
    width: 100%;
    height: auto;
    background-color: #fff;
    z-index: 999;
}
}


/*
全幅: .inner-wide
2col: 
(親).inner-flex
(子).box .img 
*/

.inner-wide {
    width: 1000px;
    margin: 0 auto;
}
.inner-flex {
    width: 1000px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.inner-wide h2 {
    text-align: center;
}
.youtube {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%; /* 高さを指定(16:9) */
}
.youtube iframe {
 width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.inner-wide p, .inner-flex p {
    line-height: 1.75;
}
a.bt {
    text-align: center;
    display: block;
    width: 260px;
    margin: 40px auto 0;
    letter-spacing: 1.5px;
    line-height: 3.7;
    -webkit-transition: 1s;
    transition: 1s;
}
a.bt:hover {
    text-decoration: none;
    opacity: 0.7;
}
h2.headline .en {
    font-size: 30px;
    line-height: 1.4;
    letter-spacing: 1.4px;
    display: block;
    font-weight: 400;
     font-weight: 500;
    font-family: 'Roboto', sans-serif;
}
h2.headline .ja {
    font-size: 12px;
    letter-spacing: 1.6px;
    font-weight: 400;
}

@media screen and (max-width: 428px)  { /* sp */
    #content {
        padding: 0 0 2.142856em;	
    }
    .inner-wide {
        width: 100%;
        padding: 40px 1.2em;
        margin: 0 auto;
    }
    .inner-flex {
        width: 100%;
        margin: 40px auto;
        padding: 0 1.2em 0;
        display: block;
    }
    .inner-wide h2, .inner-flex h2 {
        line-height: 1;
        letter-spacing: 1.4px;
        margin-bottom: 35px;
    }
    .inner-flex .box {
         width: 100%;
        margin-bottom: 20px;
    }
    .inner-flex .img {
        width: 100%; 
    }
    .inner-wide p, .inner-flex p {
        line-height: 1.65;
    }
    a.bt {
        width: 80%;
        line-height: 4;
        margin-top: 30px;
    }
    .pc {
        display: none;
    }

}
@media screen and (min-width: 429px)  { /* pc */
    .sp {
         display: none;
    }
}
/* mv_slider */
.main-image .bx-wrapper {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: none;
}
.main-image .bx-wrapper {
    margin-bottom:40px;
}
.main-image .bx-controls-direction {
	display: none;
}
 /*リロード時のbx-viewportの高さを修正*/
.main-image .bx-wrapper .bx-viewport .boxslider {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 43.33%; /* 高さを指定(1200:520) */
}
.main-image .bx-wrapper .bx-viewport .boxslider img {
 width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/* END リロード時のbx-viewportの高さを修正*/

@media screen and (max-width: 428px)  { /* sp */
    .home header {
        border-bottom: none;
    }
    .main-image {
        padding: 0;
    }
     .main-image .bx-wrapper .bx-viewport .boxslider {
/*      height: 0;*/
/*      padding-top: 100%; */
    }


}
/* slide12共通 dotサイズ */
.main-image .bx-wrapper .bx-pager.bx-default-pager a, .category-list .bx-wrapper .bx-pager.bx-default-pager a {
    width: 8px;
    height: 8px;
    margin: 0 8px;
}
@media screen and (max-width: 428px)  { /* sp */
    .main-image .bx-wrapper .bx-pager.bx-default-pager a, .category-list .bx-wrapper .bx-pager.bx-default-pager a {
        width: 6px;
        height: 6px;
        margin: 0 5px;
    }

}
/* mv_snap */
.main-snap {
    width: 100%;
}
.main-snap .box {
    margin: 15px 3% 0;
     position: relative;
    z-index: 2;
}
.main-snap .box img{
    width: 100%;
    height: auto;
}
.main-snap .catch {
    background: #d7d7d7;
    position: relative;
    margin-top: -80px;
    margin-bottom: 20px;
     z-index: 1;
}
.main-snap .catch h2 {
    padding-top: 110px;
    padding-bottom: 40px;
    font-size: 18px;
    line-height: 1.65;
    font-weight: 600;
    text-align: center;
}
.main-snap .catch h2.serif {
    padding-top: 110px;
    padding-bottom: 40px;
    font-family: 'Noto Serif JP', sans-serif;
    font-weight: 600;
    text-align: center;
}



@media screen and (max-width: 428px)  { /* sp */
    .main-snap .box {
        margin: 15px 1.2em 0;
    }
    .main-snap .box img{
        width: 100%;
        height: auto;
    }
    .main-snap .catch {
        margin-top: -80px;
        margin-bottom: 0;
    }
    .main-snap .catch h2 {
        padding-top: 100px;
        padding-bottom: 30px;
        font-size: 16px;
        line-height: 1.65;
        font-weight: 600;
    }
}



/* ----------------
js eachTextAnime
-------------------*/

.eachTextAnime span{opacity: 0;}
.eachTextAnime.appeartext span{ -webkit-animation:text_anime_on 1s ease-out forwards; animation:text_anime_on 1s ease-out forwards; }
@-webkit-keyframes text_anime_on {
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes text_anime_on {
	0% {opacity:0;}
	100% {opacity:1;}
}


/* ----------------
toppage
-------------------*/
.top-first {
    margin: 65px auto 100px;
}
.top-first h2 {
    text-align: center;
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 40px;
    font-weight: 400;
}
.top-first .inner-flex .box {
     width: 53%;
}
.top-first .inner-flex .img {
    width: 42%; 
}
.top-first .inner-flex .img img{
    width: 100%;
    height: auto;
}
.top-first .inner-flex:nth-child(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-top: 40px;
}
@media screen and (max-width: 428px)  { /* sp */
    .top-first h2 {
        width: 100%;
        padding: 0 1.2em;
        font-size: 22px;
        margin-bottom: 20px;
    }
    .top-first .inner-flex .box {
         width: 100%;
    }
    .top-first .inner-flex .img {
        width: 100%; 
        margin: 0 auto;
        text-align: center;
    }
    .top-first .inner-flex .img img {
        width: 80%;
        height: auto;
    }
}
 /*おすすめ商品*/
.front-il {
    width: 1000px;
    margin: 100px auto 100px;
}
 .front-il h2{
    text-align: center;
}
@media screen and (max-width: 428px)  { /* sp */
    .top-first {
        margin: 0 auto;
    }
    .top-first .inner-flex {
        margin: 20px auto 40px;
    }
    .front-il {
        width: 100%;
        margin: 70px auto;
        padding: 0 1.2em 0;
    }
     .front-il h2{
        margin-bottom: 15px;
    }
}


/* カテゴリーリスト */
.category-list {
    margin: 0 auto;
    padding: 60px 0;   
    width: 100%;
}
.category-list .inner-wide {
   width: 1000px;
     margin: 0 auto;
}
.category-list h2{
    text-align: center;
    margin-bottom: 40px; 
}
.category-list .bx-wrapper {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
     width: 100%;
     margin: 0 auto;
    max-width: 1000px!important;
   width: 1000px!important;
    overflow: hidden;
}
.category-list .bx-wrapper .bx-viewport {
    margin: 0 auto;
    width: 800px!important;
}
.category-list .bx-wrapper ul.boxslider2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.category-list .bx-wrapper ul.boxslider2 li {
    width: 375px!important;
     height: auto;
}
.category-list .bx-wrapper ul.boxslider2 li img {
   width: 100%;
    height: auto;
}
.category-list .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin: -38px auto 0;
    outline: 0;
    width: 60px;
    height: 60px;
    text-indent: -9999px;
    z-index: 888;
   
}
.category-list .bx-wrapper .bx-controls-direction a.bx-prev {
    left: 0;
     background: url('../img/ico_arrow_black.svg') no-repeat 0 0;   
    background-size: 60px 60px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.category-list .bx-wrapper .bx-controls-direction a.bx-next {
    right: 0;
   background: url('../img/ico_arrow_black.svg') no-repeat 0 0;
     background-size: 60px 60px;  
}
@media screen and (max-width: 428px)  { /* sp */
    .category-list {
         margin: 70px auto 0; 
         padding: 0;  
    }
    .category-list .inner-wide {
        width: 100%;
        padding: 40px 0;
        margin: 0 auto;
    }

    .category-list .bx-wrapper {
         max-width: 100%!important;
        width: 100%!important;
    }
    .category-list .bx-wrapper .bx-viewport {
        width: 100%!important;
    }
    .category-list ul {
       display: block;
         width: 100%;
    }
    .category-list ul li {
        margin: 0px;
       width: 100%;
    } 
    .category-list .bx-wrapper ul.boxslider2 {
        display: block;
    }
    .category-list .bx-wrapper ul.boxslider2 li {

    }
    .category-list .bx-wrapper ul.boxslider2 li img {
       width: 85%;
        height: auto;
        margin: 0 auto;
    }
    .category-list .bx-wrapper .bx-controls-direction a {
        margin: -28px auto 0;
        width: 50px;
        height: 50px;
    }
    .category-list .bx-wrapper .bx-controls-direction a.bx-prev {
        background-size: 50px 50px;
    }
    .category-list .bx-wrapper .bx-controls-direction a.bx-next {
         background-size: 50px 50px;  
    }
}
/* グレーのままが無難*/
.main-image .bx-wrapper .bx-pager, .box-content .bx-wrapper .bx-pager {
    color: #d7d7d7;
}
.bx-wrapper .bx-pager.bx-default-pager a, .bx-wrapper .bx-pager.bx-default-pager a:visited {
   background: #d7d7d7;
}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #d7d7d7;
}
.category-list .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #d7d7d7;
}
/* MVのみ pager a無効化 */
.main-image .bx-wrapper .bx-pager.bx-default-pager a, .box-content .bx-wrapper .bx-pager.bx-default-pager a {
     pointer-events: none;
}
.main-image .bx-wrapper .bx-pager.bx-default-pager a.active,
.box-content .bx-wrapper .bx-pager.bx-default-pager a.active{
    background: #bdbdbd;
}

#toTop a {
    background: #bdbdbd;
    opacity: 0.5;
}

#main.two-column .category-list {
   background: #efefef;
}

/*  about */
.about {
    margin: 0 auto;
    padding: 60px 0; 
    width: 100%;
}
.about .inner-flex, .post-load .inner-flex {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.about .inner-flex h2, .post-load .inner-flex h2 {
    text-align: center;
}
.about .inner-flex h2 {
    margin-bottom: 30px;
}
.about .box {
    width: 47%;
}
.about .box .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid #d7d7d7;
    margin-top: 20px;
}
.about .box .list dt {
    border-bottom: 1px solid #d7d7d7;
    width: 30%;
    padding: 10px 0 10px;
}
.about .box .list dd {
    width: 70%;
    border-bottom: 1px solid #d7d7d7;
     padding: 10px 0 10px;
}
.about .box-content {
    width: 47%;
}
.about .box-content ul {
    margin: 0;
    padding: 0;
}
.about .box-content img {
    width: 100%;
    height: auto;
}
.box-content .bx-controls-direction {
    display: none;
}
.box-content .bx-wrapper {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: none;
}
.box-content .bx-wrapper .bx-pager.bx-default-pager a {
    width: 7px;
    height: 7px;
    margin: 0 5px;
    border-radius: 5px;
}
@media screen and (max-width: 428px)  { /* sp */
    .about {
        padding: 0; 
    }
    .about .box {
        width: 100%;
        margin-bottom: 20px;
    }
    .about .inner-flex {
        width: 100%;
    }
    .about .inner-flex h2 {
        margin-bottom: 30px;
    }
    .about .box .list {
        display: block;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-top: 1px solid #d7d7d7;
        margin-top: 20px;
    }
    .about .box .list dt {
        border-bottom: none;
        width: 100%;
        padding: 10px 0 0;
    }
    .about .box .list dd {
        width: 100%;
         padding: 5px 0 10px;
    }
    .about .box-content {
        width: 100%;
        height: auto;
    }
}



/*  アクセス */
.access {
    margin: 0 auto;
    padding: 60px 0; 
    width: 100%;
    background: #ebebeb;
    text-align: center;
}
.access .inner-wide h2 {
    margin-bottom: 30px;
}
.access .box-content {
    width: 100%;
}
.access p.small {
    margin-top: 10px
}
.map {
  position: relative;
  width: 100%;
  height: 240px;
    margin-top: 30px;
}
.map iframe {
 width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 428px)  { /* sp */
        .access {
        padding: 0;
    }
    .access p {
        text-align: left;
    }
        .access .box {
        width: 100%;
        text-align: center;
    }
        .access .box .small {
        margin-top: 6px;
    }
    .access .box-content {
        width: 100%;
    }
    .map {
      height: 300px;
    }
}
/*  INFORMATION */
.post-load {
     margin: 0 auto;
    padding: 60px 0; 
    width: 100%;
}
.info-top {
     border-bottom: 1px solid #d7d7d7;
}
.column-top {
     border-bottom: none;
}
.info-top .inner-flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.post-load .box {
    width: 30%;
}
.post-load .box-content {
    width: 64%;
    height: 240px;
    overflow-y: scroll;
    padding-right: 10px;
}
.post-load ul {
    margin: 0;
    padding: 0;
}
.post-load ul li a {
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 1.4;
    display: inline-block;
}
.post-load ul li a .date {
    font-size: 11px;
    line-height: 1.4;
    margin-bottom: 5px;
}
.post-load ul li .date {
     margin-right: 10px;
    display: block;
}
a.link {
    margin-bottom: 0;
    float: right;
    display: block;
    padding-bottom: 0;
}
@media screen and (max-width: 428px)  { /* sp */
    .info-top .inner-flex {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .post-load {
       padding:0;
    }
    .post-load .box {
        width: 100%;
    }
    .post-load .box-content {
        width: 100%;
        height: 240px;
        padding-right: 10px;
    }
    .post-load ul li a {
        margin-bottom: 15px;
        font-size: 13px;
        line-height: 1.4;
        display: inline-block;
    }
    .post-load ul li a .date {
        font-size: 11px;
        line-height: 1.4;
        margin-bottom: 5px;
    }
    .post-load ul li .date {
         margin-right: 10px;
        display: block;
    }
    a.link {
        margin-bottom: 0;
        float: right;
        display: block;
        padding-bottom: 0;
    }  

}
/* column */
.column-top {
    border-bottom: none;
}
@media screen and (min-width: 429px)  { /* pc */
    .column-top {
    margin-bottom: 100px;
    }
}

/* #secondary */



/* footer */
#toTop {
    bottom: 12%;
}
#toTop a {
    display: block;
    width: 40px;
    height: 40px;
    position: relative;
    border-radius: 2px;
}
#toTop a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 20px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
footer {
    background-color: #fff;
}
@media screen and (max-width: 428px)  { /* sp */
    #toTop {
        right: 2%;
        bottom: 6%;
    }
    #toTop a img {
        width: 45px;
    }
}
footer  {
    padding: 0;
}
footer nav {
    width: 100%;
     border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    padding: 13px 0 0;
 }
footer nav ul li {
    text-align: center;
}
footer nav ul, footer nav ul li {
    margin: 0;
    padding: 0;
}
footer nav div {
     width: 1000px;
    margin: 0 auto;
} 
@media screen and (max-width: 428px)  { /* sp */
    footer  {
        padding: 0;
    }
    footer nav {
        padding: 0;
     }
    footer nav div {
         width: 100%;
        padding: 0 1.2em;
    } 
    footer nav ul li {
         border-bottom: 1px solid #d7d7d7;
        text-align: left;
    }
        footer nav ul li:last-of-type {
         border-bottom: none;
    }
} 
footer .other-bt {
     width: 100%;
}
footer .other-bt ul {
    width: 1000px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 0;
   
}
footer .other-bt ul li {
    width: 24%;
}
footer .other-bt ul li a img {
    width: 100%;
    height: auto;
}
@media screen and (max-width: 428px)  { /* sp */
    footer #site-info ul li a {
        display: block;
        line-height: 3;
    }
    footer .other-bt ul {
        width: 100%;
        display: block;
        padding: 0;
    }
    footer .other-bt ul li {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #d7d7d7;
    }
    footer .other-bt ul li a img {
        width: 45%;
        height: auto;
    }
}
/* sub nav */
footer .other-link {
    padding: 30px 0;
}
footer .other-link .inner-flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
footer .other-link .box {
    width: 40%;
}
footer .other-link .box img {
    height: 50px;
    width: auto;
}
footer .other-link .box .headline {
    margin-top: 10px;
}
footer .other-link .box p span {
     margin-right: 6px;
}
footer .other-link .box p a {
   margin-right: 12px;
}

footer .other-link .list {
     width: 55%;
}
footer .other-link .list ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
     width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
footer .other-link .list ul li {
    width: 50%;
     margin-bottom:  13px;
}
footer .other-link .list ul li a {
   text-decoration: underline;
}
footer .copyright {
   padding: 5px 0 10px;
}
@media screen and (min-width: 429px)  { /* pc */
    footer .other-link .list ul li {
      font-size: 13px;
    }
}
@media screen and (max-width: 428px)  { /* sp */
    footer .other-link {
        padding: 15px 0;
    }
    footer .other-link .inner-flex {
        margin: 10px auto;
    }
    footer .other-link .box {
        width: 100%;
        text-align: center;
    }
    footer .other-link .box img {
        height: 50px;
        width: auto;
        margin-bottom: 5px;
    }

    footer .other-link .box p a {
       margin-right: 5px;
    }
    footer .other-link .list {
         width: 100%;
    }
    footer .other-link .list ul {
         display: block;
        padding: 0;
    }
    footer .other-link .list ul li {
        width: 100%;
         margin-bottom:  0;
          border-bottom: 1px solid #d7d7d7;
        line-height: 3;
    }
    footer .other-link .list ul li a {
       text-decoration: none;
        display: block;
        width: 100%;
        position: relative;
    }
        footer .other-link .list ul li a:after {
       content: '>';
            position: absolute;
            top: 0;
            right: 0;  
            color:  #d7d7d7;
            padding-right: 3%
    }
    footer .copyright {
       padding: 5px 0 10px;
    }
}

/* ----------------
下層 common
-------------------*/
#main.two-column .site-content { /* 全ての2colページ*/
    width: 1000px;
   margin: 2.857143em auto 80px;
    clear: both;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#main.one-column #content{ /* 全ての1colページ*/
    width: 1000px;
   margin: 2.857143em auto 100px;
}

#main.one-column #one-column-wide #content{ /* トップページを除外*/
    width: 100%!important;
    margin: 2.857143em auto 0;
}

#secondary section {
    padding: 0;
}
@media screen and (max-width: 428px)  { /* sp */
    #main.one-column #content, #main.two-column .site-content, #main.two-column .category-item-page, #main.two-column .site-content #content {
         width: 100%;
        margin: 0 auto;
        display: block;
    }
    .cat-il.type-grid {
        padding: 0 1.2em 0;
    }
    #secondary {
        margin-top: 70px;
        margin-bottom: 20px;
    }
    #secondary section {
        padding: 0 1.2em;
    }
    #main.two-column #content {
         margin-bottom: 60px;
         padding: 30px 1.2em 0;  
    }
    #main.one-column #content #wc_newmemberform{
        width: 100%;
        margin-top: 0;
        margin-bottom: 60px;
        padding: 30px 1.2em 0;  
    }
    #main.two-column #content {
        margin-bottom: 0;
    }
 }
#secondary .widget_title>img {
    display: none;
}
#secondary h3 {
    padding-left: 10px;
    padding-top: 5px;
}
  

.widget_welcart_calendar table tr {
   background: white;
}
#secondary section {
    margin-bottom: 2.5em;
}
ul li.cat-item a {
    padding: 12px 5px 12px;
    border-bottom: 1px solid #d7d7d7;
     position: relative;
    display: block;
    -webkit-transition: 0.7s;
    transition: 0.7s;
}
ul li.cat-item a:hover {
    background: #ebebeb;
}
ul li.cat-item:first-child {
/*    border-top: 1px solid #d7d7d7;  */
}
ul li.cat-item a:after {
   content: '>';
    top: 10px;
    right: 0;
    position: absolute;
    padding-right: 5px;
    color:  #d7d7d7;
}
@media screen and (max-width: 428px)  { /* sp */
    #secondary {    
        border-top: none;
    }
}
#site-navigation li a:after  {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 40px;
    font-size: 12px;  
    font-weight: normal;
    opacity: 60%;
}
.item-header {
    text-align: center;
    border-bottom: 1px solid #d7d7d7;  
    padding: 35px 0;
}
.item-header h1 {
     width: 1000px;
   margin: 0 auto;
}
@media screen and (max-width: 428px)  { /* sp */
    .item-header {
        padding: 20px 0;
    }
   .item-header h1 {
         width: 100%;
       padding: 0 1.2em;
       line-height: 1.7;
    }
}
.entry-content h2 {
    margin-top: 45px;
}
.entry-content h3, .item-description h3 {
     margin-top: 30px;
}
.bg-gray ul {
    margin: 0;
}
.bg-gray ul li {
    list-style-position: inside;
}
.bg-gray {
    background: #f2f2f2;
    padding: 20px;
    margin-bottom: 20px;
}
/* ----------------
footer直前のカテゴリー
-------------------*/
#main.two-column .category-list {
    width: 100%;
   margin: 60px auto 0;
}
#main.two-column .category-list h2 {
    display: none;
}

@media screen and (max-width: 428px)  { /* sp */
    #main.two-column .category-list {    
        display: none;
    }

}
/* ----------------
商品詳細
-------------------*/
.skuform {
    border: 1px solid #d7d7d7;
    padding: 15px;
}
@media screen and (max-width: 428px)  { /* sp */
   .skuform {
        padding: 8% 5% 6%;
    } 
    .item-info .field {
        padding: 0 0 .8em!important;
    }
}
/* ----------------
guide
-------------------*/
.send-box {
    height: 400px;
     border: 1px solid #d7d7d7;
    overflow-y: scroll;
    padding: 20px;
    margin-bottom: 15px;
}
ul.send-price {
    margin: 0;
    padding: 0;
}
.send-price li {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px;
    margin: 0;
}
.send-price li p {
    margin: 0;
    line-height: 2.3;
}
.send-price li:nth-child(2n) {
    background-color: #f2f2f2;
}
/* ----------------
sidebar
-------------------*/
.this-month caption, .next-month caption {
    margin-bottom: 4px;
}
.widget_welcart_calendar .businessday {
    margin-left: 6px;
}
@media screen and (min-width: 429px)  { 
    .this-month {
        margin-bottom: 20px;
    }  
}


/* ----------------
contact
-------------------*/
.wpcf7 {
   margin-top: 60px;
}
.wpcf7 label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    
    -webkit-box-pack: justify;
    
    -ms-flex-pack: justify;
    
    justify-content: space-between;
}
.wpcf7 p .sttl {
    width: 23%;
    display: block;
    padding: 5px 0 0 5px;
}
.wpcf7 p .wpcf7-form-control-wrap {
     width: 74%;
}
.wpcf7 p input {
    width: 100%; 
     border-radius: 4px;
    min-height: 45px;
}
.wpcf7 p textarea {
    width: 100%;
    min-height: 300px;
    border-radius: 4px;
}

.wpcf7 p input[type="submit"] {
    width: 256px;
    text-align: center;
    margin-top: 25px;
}

.inv-recaptcha-holder {
   
}
@media screen and (max-width: 428px)  { /* sp */
  .wpcf7 {
       margin-top: 40px;
    }
    .wpcf7 label {
        display: block;
    }
    .wpcf7 p .sttl {
        width: 100%;
        text-align: left;
        margin-bottom: 10px;
    }
    .wpcf7 p .wpcf7-form-control-wrap {
         width: 100%;
    }
    .wpcf7 p input {
        min-height: 35px;
    }
    .wpcf7 p textarea {
        min-height: 220px;
    }
    .wpcf7 p input[type="submit"] {
        width: 256px;
        text-align: center;
        margin: 25px auto 0;
        display: block;
    } 
    .inv-recaptcha-holder {
        display: block;
        width: 256px;
         margin: 0 auto;
    }
}
/* ----------------
usces-cart 送信完了 
-------------------*/
#wc_ordercompletion h1.cart_page_title {
    display: none;
}
#wc_ordercompletion #cart_completion h3 {
    font-size: 2em;
}
#wc_ordercompletion #cart_completion {
    margin-bottom: 110px;
}
/* category表示中の空白除去*/
#main.one-column #content.completion {
    margin-bottom: 0;
}
@media screen and (max-width: 428px)  { /* sp */
    #wc_ordercompletion #cart_completion {
        margin-bottom: 100px;
    }
    #main.one-column #content.completion .category-list {
        display: none;
    }
}
/* ----------------
下層 about
-------------------*/
/* about 1colにリセット*/
.page-id-99 #main.two-column {
    width: 100%;
}
.page-id-99 #main.two-column #primary.site-content {
    width: 100%;
    margin-bottom: 0;
}
.page-id-99 #main.two-column #primary.site-content #one-column-wide {
    width: 100%;
}
.page-id-99 #main.two-column #primary.site-content #one-column-wide #content {
    width: 100%;
   padding-right: 0;
    padding-left: 0;
}
/* END about 1colにリセット*/
.page-id-99 #main.two-column #primary.site-content #main.two-column .category-list {
    margin: 0 auto 0;
}


#about-page .top-first {
    margin: 30px auto 100px;
}