@charset "UTF-8";
@import url(./ycc3lcu.css);

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

   reset

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

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  font: inherit;

  vertical-align: baseline;

}



article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

  display: block;

}



body {

    color: #382f2d;

    font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", sans-serif;

    font-size: 14px;

    line-height: 1.6;

}



ol, ul {

  list-style: none;

}



blockquote, q {

  quotes: none;

}



blockquote:before, blockquote:after,

q:before, q:after {

  content: '';

  content: none;

}



table {

  border-collapse: collapse;

  border-spacing: 0;

}



p, div {

  word-break: break-all;

}



a {

  color: #111;

  text-decoration: none;

  transition: .2s;

}

a:hover {

  opacity: .7;

}



input[type="text"],

select {

  border: none;

  padding: 6px;

  font-size: inheirt;

  box-sizing: border-box;

}



input::placeholder {

  color: #B5B5B5;

  font-size: 12px;

}



pre {

  white-space: pre-wrap;

}



.clearfix {

  display: block;

}

.clearfix::before {

  content: "";

  display: block;

  clear: both;

}

.clearfix::after {

  content: "";

  display: block;

  clear: both;

}





.bx-wrapper {

  box-shadow: none !important;

	border:none !important;

}



.bx-controls-direction a {

  z-index: 90 !important;

}





.bx-wrapper {

    background: none !important;

    margin: 0 auto 0px !important;

}

.bx-wrapper .bx-viewport{

    box-shadow: none !important;

    overflow: visible !important;

    background: transparent !important;

}

.bx-wrapper .bx-pager{

    padding-top: 10px !important;

    bottom: -23px !important;

}

.visual-wrap {

    width: 100vw;

    overflow: hidden;

    position: relative;

}

.main-visual {

    padding-bottom: 30px;

    width: 100%;

    max-width: 1200px;

}

.main-visual .sliderOpacity{

    position: absolute;

    width: 1200px;

    margin: 0 auto;

    left: 0;

    right: 0;

    top: 0;

}

.sliderOpacity_left {

    position: absolute;

    width: 1200px;

    height: 480px;

    top: 0;

    left: -1210px;

    background: rgba(256,256,256,0.8);

    z-index: 88;

}

.sliderOpacity_right {

    position: absolute;

    height: 480px;

    width: 1200px;

    top: 0;

    left: 1230px;

    background: rgba(256,256,256,0.8);

    z-index: 88;

}

.main-visual .bx-wrapper {

   width:100%;

}

/* .bx-wrapper .bx-pager.bx-default-pager a{

    width: 50px !important; /*ページャーアイコンのサイズ */

    /*height: 4px !important;

} */

.bx-wrapper .bx-pager.bx-default-pager a {

    background: #dbd4cc !important;

    width: 30px !important;

    height: 4px !important;

    margin: 0 10px !important;

    -moz-border-radius: 100% !important;

    -webkit-border-radius: 100% !important;

    border-radius: 200px !important;

}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {

    background: #472c21 !important;

}

.bx-wrapper .bx-controls-direction a {

    top: 50% !important;

    width: 42px !important;

    height: 122px !important;

}

.bx-wrapper .bx-prev {

    left: -80px !important;

    background: url(../images/prev.png) no-repeat center !important;

}

.bx-wrapper .bx-next {

    right: -80px !important;

    background: url(../images/next.png) no-repeat center !important;

}

.sp-hmenu {

    display: none;

}

.pc{display: block !important;}

.pc-flex{display: flex !important;}

.sp{display: none !important;}

.sp-hmenu {

    display: none!important;

}

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

.bx-wrapper .bx-viewport{

    overflow: hidden!important;

    box-shadow: none;

    background: transparent !important;

}

}

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

   header

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

header {

    width: 100%;

    padding: 0;

    background: #fff;

    margin: 0 auto;

    text-align: center;

    position: fixed;

    z-index: 99;

    transition: .3s;

    border-bottom: 1px solid #e6e6e6;

    height: 109px;

}

header .top-search-wrap {

    display: flex;

    justify-content: space-between;

    max-width: 1200px;

    margin: 0 auto;

    width: 100%;

    padding: 15px 0 0;

	align-items: center;

}

header .top-search-wrap .search-wrap-left {

    display: flex;

    align-items: center;

}

header .top-search-wrap ul.h_pay {

    display: flex;

    font-size: 12px;

    margin-left: 15px;

}

header .top-search-wrap ul.h_pay li {

    line-height: 20px;

    background: #f4f4f4;

    padding: 0 5px;

    margin-right: 3px;

    font-family: 'Noto Sans JP';

}

header .top-search-wrap .search-wrap-right {

    display: flex;

    justify-content: flex-end;

}





header .shipping-txt {

    font-family: dnp-shuei-gothic-kin-std, sans-serif;

    font-weight: bold;

}

header .shipping-txt::before {

    content: "";

    background: url(../images/shipping-icon.png)no-repeat;

    width: 28px;

    height: 18px;

    display: inline-block;

    position: relative;

    top: 4px;

    margin-right: 5px;

}



header .search-box {

    background: #3382af;

    padding: 4px 0;

	position: relative;

}



header .search-box-inner {

    display: flex;

    max-width: 1200px;

    margin: 0 auto;

    justify-content: space-between;

    align-items: center;

    color: #fff;

    font-size: 13px;

}

header .h-search {

    display: flex;

    align-items: center;

    position: relative;

}

header .h-search a {

    display: block;

    position: absolute;

    top: 50%;

    right: 10px;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

}

header #search {

    width: 380px;

    height: 28px;

    padding: 2px 30px 5px 10px;

    border-bottom: 1px solid #aaa;

    font-size: 14px;

    color: #999999;

}

header .top-nav {

    display: flex;

    justify-content: space-between;

    max-width: 1200px;

    margin: 15px auto 0;

    align-items: center;

    position: relative;

    z-index: 10;

}

header .header-menu {

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

}

header .header-logo img {

}

header .h-tel {

    display: flex;

    align-items: baseline;

}

header .h-tel .telno {

    color: #5285a6;

    font-size: 26px;

    font-weight: bold;

    letter-spacing: 0.01em;

    position: relative;

	margin-right: 5px;

}

header .h-tel .telno::before {

    content: "";

    background: url(../images/h-tel.png)no-repeat;

    width: 21px;

    height: 20px;

    display: inline-block;

    margin-right: 5px;

}

header .eigyou {

    font-size: 15px;

    margin-right: 10px;

}

header .teikyu {

    font-size: 15px;

    margin-right: 30px;

}

.header.fix {

  display: block;

  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);

  transition: .3s;

}



.gnav {

    display: flex;

    align-items: center;

	margin-right: 30px;

}

.gnav li {

    margin-right: 15px;

}



.gnav {

  font-size: 10px;

}

.gnav .account a {

    position: relative;

    color: #281700;

}

.gnav .account a p {

    font-size: 14px;

    letter-spacing: 0.06em;

}

.gnav .account a p::before {

    content: "";

    background: url(../images/h-nav1.png);

    width: 21px;

    height: 19px;

    display: inline-block;

    margin-right: 5px;

    position: relative;

    bottom: -2px;

}

.gnav .account.login a p::before {

    content: "";

    background: url(../images/h-nav2.png);

    width: 15px;

    height: 18px;

    display: inline-block;

    bottom: -2px;

}

.gnav .account.logout a p::before {

    content: "";

    background: url(../images/h-nav2.png);

    width: 15px;

    height: 19px;

    display: inline-block;

}

.gnav .account.myp a p::before {

       content: "";

    background: url(../images/h-nav3.png);

    width: 15px;

    height: 18px;

    display: inline-block;

}

.gnav .account.fav a p::before {

    content: "";

    background: url(../images/h-nav4.png);

    width: 19px;

    height: 16px;

    display: inline-block;

}

.gnav .gnav-menu {

  font-weight: bold;

}



.gnav-menu {

  font-size: 10px;

}









.header-cart {

  position: relative;

}

.header-cart .cart-count {

    position: absolute;

    top: -3px;

    right: -6px;

    color: #fff;

    text-align: center;

    font-size: 12px;

    font-weight: bold;

    width: 18px;

    height: 18px;

    line-height: 17px;

    background: #7a0404;

    border-radius: 100%;

}







.main-visual {

    margin: 0 auto 45px;

}

.main-visual li {

    height: 100%;

    display: flex;

    align-items: center;

	margin:0 10px;

}



#M_slider {

  height: 100%;

}



.contents {

    width: 100%;

    padding: 130px 0 40px;

    margin: 0 auto;

    -webkit-box-sizing: border-box;

}



.container {

  display: flex;

  padding: 28px 0 60px;

	max-width:1200px;

	margin:0 auto;

}



.top-container {

  padding: 0;

}



#gnav {

    display: flex;

    max-width: 1200px;

    margin: 0 auto;

    justify-content: space-between;

}

#gnav li {

    text-align: center;

    position: relative;

    padding: 0 32px;

}

#gnav li:first-child {

    padding-left: 0;

}

#gnav li:last-child {

    padding-right: 0;

}

#gnav li a {

    font-size: 16px;

    height: 100%;

    width: 100% !important;

    align-items: center;

    color: #281700;

    display: block;

    padding-bottom: 2px;

    transition: unset;

    position: relative;

}

#gnav li:last-child a {

    padding-top: 3px;

    height: calc(100% - 3px);

}

#gnav li a span {

    display: block;

    font-size: 12px;

    letter-spacing: 0.08em;

    color: #826e36;

    font-family: proxima-nova-condensed, sans-serif;

}

#gnav li a:hover::after {

    border-bottom: 2px solid #b0a06e;

    content: "";

    display: block;

    height: 1px;

    width: 100%;

    position: absolute;

    bottom: -2px;

}

#gnav li:last-child a:hover::after{

	display: none;

}

#gnav li.header-cart a span:hover{

	border-bottom:2px solid #fff;

}

#gnav li.header-cart a {

	padding-right:0;



}

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

   side-nav

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

.side {

  width: 200px;

  padding-right: 40px;

}



.search {

  background: #E6E6E6;

  padding: 16px;

}



.search-btn {

  font-size: 12px;

  border: 1px solid #333333;

  border-radius: 3px;

  background: #fff;

  display: block;

  padding: 10px;

  text-align: center;

}



.search-area li {

  margin-bottom: 20px;

}

.search-area label {

  display: block;

  margin-bottom: 10px;

}

.search-area input, .search-area select {

  width: 100%;

}



input.search-price {

    width: 43%;

    margin-right: 4px;

}

input.search-price:last-child {

    margin-left: 5px;

}

.side-section {

  margin-bottom: 30px;

}



.sp-side-section {

  display: none;

}



.category-list-title {

    color: #111111;

    text-align: center;

    font-size: 36px;

    letter-spacing: 0.04em;

    font-family: 'Sun zoom spark', sans-serif;

    border-bottom: 2px solid #555;

}

.side-category-list {

	margin-bottom: 40px;

}

.side-category-item {

    position: relative;

}

.first-cat.side-category-item {

    margin-bottom: 10px;

}

.side-category-item p, .side-category-item a {

    padding: 11px 25px 11px 10px;

    font-size: 18px;

    font-weight: bold;

    letter-spacing: 0.05em;

    display: block;

    width: calc(100% - 35px);

    position: relative;

    background: #f2ede7;

    /* margin-bottom: 10px; */

    color: #281700;

}



.side-category-item:last-child {

    border: none;

}

.side-category-list>.side-category-item>a::before {

    content: "";

    display: block;

    position: absolute;

    transition: all 0.2s ease-in-out;

    top: 40%;

    right: 10px;

    width: 10px;

    height: 10px;

    border-top: 2px solid #472c21;

    border-right: 2px solid #472c21;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}

.side-category-list>.side-category-item>a.accordion::before {

    -webkit-transform: rotate(135deg);

    transform: rotate(135deg);

    top: 37%;

}

.side-category-list>.side-category-item>a.accordion.on::before {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    top: 45%;

}

.side-category-child-itemose, .side-category-grandchild-item {

    display: none;

    background: #fff;

}

.side-category-item p.on {

    background: #6eb1ce;

    color: #fff;

}

.side-category-item p.on:after {

    background-color: transparent;

    border-top: 2px solid #fff;

    border-right: 2px solid #fff;

    top: 20px;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

}



.side-category-item a.child-item {

    font-weight: normal;

    padding: 9px 30px 9px 15px;

    width: calc(100% - 45px);

    position: relative;

    background: #fff;

    border-bottom: 1px solid #ddd;

    font-size: 14px;

    color: #472c21;

}

.side-category-item a.child-item:hover {

    text-decoration: underline;

}

.side-category-child-itemose li {

    border-bottom: none;

}

.side-category-item .first>a.child-item {

    border: none;

}

.side-category-child-item li {

    border: none;

	background:none;

}

.side-category-child-item {

    border-top: 1px solid #ddd;

    margin: 0 5px;

}

.side-category-child-item li:last-of-type a {

    border: none;

}

.side-category-item a.child-item::before {

    content: "";

    display: block;

    position: absolute;

    transition: all 0.2s ease-in-out;

    top: 40%;

    right: 13px;

    width: 8px;

    height: 8px;

    border-top: 1px solid #8b7357;

    border-right: 1px solid #8b7357;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}

.side-category-grandchild-item {

    margin: 0 5px;

    background: #fff;

    padding: 10px 20px;

}

.side-category-grandchild-item a {

    padding: 8px 0 8px 10px;

    width: 100%;

    font-weight: normal;

	position: relative;

}

.side-category-grandchild-item a::before {

    content: "";

    display: block;

    box-sizing: border-box;

    width: 4px;

    height: 4px;

    border: 4px solid transparent;

    border-left: 4px solid #3e8b93;

    position: absolute;

    top: 18px;

    left: 0;

}

.close {

  display: none;

}



.accordion {

  cursor: pointer;

}

.side-contact {

    display: flex;

    justify-content: center;

}

.side-contact li {

 

}



.side-section h3 {

    font-size: 18px;

    text-align: center;

    letter-spacing: 0.075em;

    padding-bottom: 5px;

    border-bottom: 1px solid #222222;

    margin-bottom: 10px;

	font-family: 'Kosugi Maru', sans-serif;

}



.calendar-wrap {

	margin-bottom: 10px;

}



.calendar-title {

  padding: 8px;

  display: flex;

  align-items: baseline;

  margin-bottom: 4px;

}

.calendar-title dt {

  font-size: 12px;

  margin-right: 6px;

}



.makeshop-calendar1,

.makeshop-calendar2 {

  width: 100%;

  border-collapse: inherit;

  padding: 8px;

}

.makeshop-calendar1 tr,

.makeshop-calendar2 tr {

  text-align: center;

  font-size: 12px;

}

.makeshop-calendar1 thead tr th,

.makeshop-calendar2 thead tr th {

  padding-bottom: 8px;

}

.makeshop-calendar1 tbody tr td,

.makeshop-calendar2 tbody tr td {

    padding-bottom: 2px;

    height: auto !important;

    line-height: 20px;

}



.makeshop-calendar1 td.today {

    color: #fff;

    height: auto;

    border-radius: 100%;

	position: relative;

	z-index: 0;

}

.makeshop-calendar1 td.today::after {

    width: 20px;

    height: 20px;

    background: #b68d52;

    border-radius: 100%;

    display: block;

    content: "";

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    z-index: -1;

}





.saturday {

  color: #006BED;

}



.sunday {

  color: #F23E0C;

}

.side-bnr img {

    width: 100%;

}

.side-bnr img {

    width: 100%;

}

.side-bnr a {

    display: block;

    margin-bottom: 5px;

}

.side-sns img {

    margin: 0 auto;

}



.side-sns {

    display: flex;

    justify-content: space-between;

    align-items: center;

}

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

   check

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

.checked-contents {



}



.checked-item-list {

    display: flex;

    flex-wrap: wrap;

    justify-content: flex-start;

	margin-top: 20px;

}

.checked-item-list li {

    width: calc((100% - 120px) / 4 );

    margin-bottom: 30px;

    margin-right: 40px;

    position: relative;

    display: flex;

    flex-direction: column;

}

.checked-item-list li:last-child {

  margin-right: 0;

}

.checked-item-list li:nth-child(4n) {

    margin-right: 0;

}

.checked-item-list li img {

    width: 100%;

    max-height: 210px;

    object-fit: contain;

    margin-bottom: 4px;

    position: relative;

}



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

   main

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

.main {

	width:100%;

  max-width: 960px;

}





section.main-section {

    margin-bottom: 50px;

}

h2.main-ttl {

    color: #472c21;

    font-size: 30px;

    letter-spacing: 0.04em;

    text-align: left;

    font-family: proxima-nova, sans-serif;

}

h2.main-ttl.movie-ttl {

    font-family: 'Noto Sans JP';

    font-size: 24px;

}

h2.main-ttl span {

    font-size: 14px;

    position: relative;

    letter-spacing: 0.05em;

    color: #8b7357;

    font-family: 'Noto Sans JP';

    margin-left: 15px;

}





.middle-ttl {

    color: #333;

    font-size: 50px;

    letter-spacing: 0.04em;

    font-family: 'Sun zoom spark', sans-serif;

    text-align: left;

    width: 100%;

}

.middle-ttl span {

    font-family: dnp-shuei-gothic-kin-std, sans-serif;

    font-size: 14px;

    display: block;

    position: relative;

    top: -18px;

    letter-spacing: 0.08em;

    font-weight: bold;

    color: #4c4c4c;

}

.subbnr {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.subbnr li {

    margin-bottom: 13px;

}





section.main-section img {

    max-width: 100%;

}

section.main-section {

    margin-bottom: 30px;

}

.recommend-wrap, .newitem-wrap, .checked-wrap, .pickup-wrap {



}

section.main-section.border {

    padding-top: 45px;

    border-top: 1px solid #ccc;

}



section.main-section.topnews-wrap {

    margin: 0px auto 70px;

    background: #f2ede7;

    padding: 20px 28px;

}

section.main-section.topnews-wrap>.news-left {

    width: calc(100% - 500px);

	position: relative;

	padding-right:40px;

}

section.main-section.topnews-wrap>.news-right {

    width: 460px;

}

section.main-section.topnews-wrap>.news-right ul {

    display: inline-flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

section.main-section.topnews-wrap>.news-right ul li {

    margin-bottom: 13px;

}

section.main-section.topnews-wrap>.news-left h2.main-ttl {

    position: relative;

    top: -24px;

}

.index-news p {

    font-size: 12px;

}





.index-news h3 span::after {

    right: -80px;

    left: unset;

}

.index-news p {

    font-size: 20px;

    letter-spacing: 0.075em;

    text-align: center;

    margin-top: 10px;

}

.sub-bnr {

    margin-bottom: 80px;

}

.sub-bnr ul li {

    margin-bottom: 20px;

}

.sub-bnr ul li img {

    width: 100%;

}



.main-section.movie-wrap.border {

    margin-bottom: 60px;

    border-top: 1px solid #ccc;

    padding-top: 40px;

}

.movie-list {

    display: flex;

    margin-top: 25px;

}

.movie-list li:first-child {

    margin-right: 40px;

}

.movie-list li:last-child {

    width: 100%;

}

.movie-list h4 {

    font-size: 18px;

    color: #472c21;

    text-align: center;

    border-bottom: 1px solid #8b7357;

    padding-bottom: 5px;

    margin-bottom: 20px;

}

.movie-list p {

    font-size: 16px;

    letter-spacing: 0.05em;

    text-align: center;

}

a.movie-link {

    display: block;

    max-width: 340px;

    line-height: 40px;

    border: 1px solid #472c21;

    text-align: center;

    margin: 30px auto 0;

    position: relative;

    font-size: 16px;

    letter-spacing: 0.05em;

}

a.movie-link.movie-icon {

    text-indent: 40px;

}

a.movie-link:hover {

    color: #fff;

    background: #472c21;

    opacity: 1;

}

.movie-list p {

    font-size: 16px;

    letter-spacing: 0.05em;

    text-align: center;

}

.movie-list a {

    display: block;

    max-width: 340px;

    line-height: 40px;

    border: 1px solid #472c21;

    text-align: center;

    margin: 30px auto 0;

    position: relative;

    font-size: 16px;

    text-indent: 40px;

    letter-spacing: 0.05em;

}

.movie-list a::before {

    content: "";

    background: url(../images/youtube-icon.png);

    width: 30px;

    height: 22px;

    display: block;

    position: absolute;

    top: 54%;

    left: 30px;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

}

.main-section.producer-wrap.border {

    background: #f2ede7;

    padding: 20px 30px 40px;

    margin-bottom: 35px;

}

.main-section.producer-wrap.border ul {

    display: flex;

    justify-content: space-between;

}

.producer-ttl {

    color: #472c21;

    font-size: 24px;

    letter-spacing: 0.05em;

    margin-bottom: 15px;

}

.producer-list p {

    font-size: 14px;

    color: #382f2d;

    line-height: 22px;

    letter-spacing: 0.05em;

}





.shop-comment {

  margin-bottom: 40px;

}



.item-list {

  display: flex;

  flex-wrap: wrap;

}

.item-list li {

    width: calc((100% - 120px) / 4 );

    margin-bottom: 30px;

    margin-right: 40px;

    position: relative;

    display: flex;

    flex-direction: column;

}

.item-list li:nth-child(4n) {

    margin-right: 0;

}

.item-list li img {

    width: 100%;

    max-height: 270px;

    object-fit: contain;

    margin-bottom: 4px;

    position: relative;

}

.item-name {

    text-align: left;

}

.item-name a {

    font-size: 16px;

    line-height: 26px;

    letter-spacing: 0.08em;

    text-align: center;

	word-break: normal;

}

.item-name a:hover {

    text-decoration: underline;

}

.ranking-wrap .item-name {

    margin-top: 5px;

}

.price {

    font-size: 14px;

    font-weight: bold;

    text-align: left;

    margin-top: 5px;

    color: #472c21;

}

.item-list-review {

    display: flex;

    align-items: center;

    margin-top: 5px;

}

.item-list-review .item-list-review-rate {

  margin: 0 6px;

}

.top-container .item-list {

    margin-top: 20px;

}

.ranking-wrap .item-list li img {

    height: 170px;

    max-width: 100%;

    width: auto;

}







section.main-section.ranking-wrap .item-list {



}

.ranking-wrap .item-list li {

    width: calc((100% - 100px) / 5 );

    margin-bottom: 45px;

    margin-right: 25px;

    position: relative;

    display: flex;

    flex-direction: column;

    background: #fff;

}

.ranking-wrap .item-list li:nth-child(5n) {

    margin-right: 0;

}

.ranking-icon {

    position: absolute;

    top: 0px;

    left: 0;

    text-align: center;

    background: url(../images/rankbg.png);

    color: #472c21;

    width: 30px;

    height: 40px;

    line-height: 37px;

    font-size: 20px;

    font-weight: 500;

    letter-spacing: 0.05em;

    font-family: proxima-nova, sans-serif;

}



.rank-1 {

    color: #fff;

    background: url(../images/rank1.png);

}



.rank-2 {

    color: #fff;

    background: url(../images/rank2.png);

}



.rank-3 {

    color: #fff;

    background: url(../images/rank3.png);

}



.item-icon {

  position: absolute;

  top: -10px;

  font-size: 12px;

  right: -8px;

  color: #fff;

  padding: 0 3px;

  z-index: 1;

}

.item-icon p {

  padding: 0 3px;

}

.item-icon .item-soldout {

  background: #B5B5B5;

}

.item-icon .item-sale {

  background: #F23E0C;

}

.item-category {

    margin-bottom: 0px;

    font-size: 12px;

    letter-spacing: 0.05em;

}

.item-category a {

    color: #8b7357;

}

.original-price {

  text-decoration: line-through;

}



.item-sale-price {

  color: #F23E0C;

}



.news-list {

  margin-bottom: 10px;

}

.index-news-list {

    margin-top: 10px;

}

.news-list li {

    border-bottom: 1px solid #ddd;

    padding: 16.5px 0;

}

.news-list li:first-child {

    border-top: 1px solid #ddd;

}

.news-list dl dt {

}

.news-list dl dd {

  font-size: 12px;

}



.news-wrap {

	display: flex;



}

.news-wrap dl dt a {

    font-size: 14px;

    letter-spacing: 0.06em;

    color: #382f2d;

    line-height: 24.5px;

}

.news-wrap dl dt a:hover {

  text-decoration: underline;

}



.news-more {

    text-align: right;

    position: absolute;

    top: 0;

    right: 55px;

}



.news-more a {

    font-size: 14px;

    display: block;

    padding-bottom: 5px;

    border-bottom: 2px solid #111;

    position: relative;

}

.news-more a::after {

    content: "";

    display: block;

    position: absolute;

    transition: all 0.2s ease-in-out;

    top: 30%;

    right: -15px;

    width: 6px;

    height: 6px;

    border-top: 2px solid #111;

    border-right: 2px solid #111;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}



.news-date {

    font-size: 14px;

    min-width: 110px;

    letter-spacing: 0.06em;

    font-weight: 500;

    color: #8b7357;

	line-height: 24.5px;

}



.news-content:after {

  content: "…";

}



.main-section.index-news ul {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.main-section.index-news ul li {

    margin-bottom: 15px;

}

.main-section.index-news ul li:nth-child(3), .main-section.index-news ul li:nth-child(4) {

    width: calc(100% / 2 - 10px);

}

.index-review-list {

    margin-top: 30px;

	margin-bottom: 30px;

}

.index-review-list li {

    display: flex;

    margin-bottom: 20px;

    background: #f2ede7;

    padding: 25px 35px;

    align-items: flex-start;

}

.index-review-list li .index-review-image {

    margin-right: 18px;

    width: 170px;

    min-width: 170px;

    height: 170px;

    display: flex;

    align-items: center;

}

.index-review-list li .index-review-image img {

    width: 100%;

    max-height: 170px;

    object-fit: contain;

}



.review-list-category {

  margin-bottom: 8px;

  font-size: 12px;

}



.review-index-score {

  display: flex;

  align-items: baseline;

	margin-bottom: 5px;

}

.review-index-score p {

  margin-right: 16px;

}



.foot-category {

  background: #f2f2f2;

  padding: 60px 0;

}

.foot-category h2 {

  text-align: center;

}



.main-category-list {

  width: 1000px;

  margin: 0 auto;

}

.main-category-list li {

  display: inline-block;

  vertical-align: middle;

  margin-bottom: 40px;

  width: 197px;

}

.main-category-list li a {

  width: 100%;

  display: block;

}



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

   footer

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

/*.footer-bg {

  background: #E6E6E6;

}



.footer {

  width: 1000px;

  margin: 0 auto;

  padding: 35px 0;

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.footer img {

  max-width: 120px;

}



.footer-nav {

  display: flex;

  align-items: center;

}

.footer-nav li {

  margin-right: 30px;

}



.copyright {

  font-size: 12px;

  max-width: 300px;

}*/

p + ul.kome {

    margin-top: -10px;

}

.pageTop {

    width: 70px;

    height: 70px;

    position: fixed;

    bottom: 20px;

    right: 10px;

    background: #b0a06e;

    z-index: 99;

}

.pageTop a {

    position: relative;

    display: block;

    width: 70px;

    height: 70px;

    text-indent: -9999px;

    border-radius: 100%;

}

.pageTop a::before {

    content: "";

    display: block;

    content: "";

    position: absolute;

    transition: .2s;

    right: 26px;

    top: 30px;

    width: 16px;

    height: 16px;

    border-top: 2px solid #fff;

    border-right: 2px solid #fff;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

}



#footer_guideWrap {

    width: 100%;

    padding-top: 1px;

    background: #f2ede7;

    border-top: 2px solid #472c21;

}

#footer_guideWrap h2 {

    margin: 55px 0 40px;

    padding: 0;

}

#footer_guide {

    max-width:1200px;

	width:100vw;

    margin: 0 auto;

    overflow: hidden;

}

#footer_guide h3 {

    width: 100%;

    font-size: 20px;

    letter-spacing: 0.08em;

    position: relative;

    margin-bottom: 10px;

    padding-bottom: 5px;

    border-bottom: 1px solid #8b7357;

    font-weight: 500;

}





#footer_guidebig{

    overflow:hidden;

	display: flex;

}

.footer_guide_small{

    width: 33%;

    box-sizing: border-box;

}

.footer_guide_small:first-child {

    margin-right: 30px;

}

ul.footer_guide_small:last-of-type {

    margin-left: 30px;

}



.footer_guide_small>li {

    margin-bottom: 40px;

}

.footer_guide_small p {

    clear: both;

    padding-bottom: 10px;

    font-size: 16px;

    letter-spacing: 0.01em;

    line-height: 28px;

}

.footer_guide_small p.circle {

    padding-left: 1em;

    text-indent: -1em;

}

.footer_guide_small p.circle::before {

    content: "";

    background: #b0a06e;

    width: 10px;

    height: 10px;

    border-radius: 100%;

    display: inline-block;

    margin-right: 5px;

}

.footer_guide_small p .mini{

	font-size:15px;

}

.footer_guide_small p.bn{

    text-align: center;

}

.footer_guide_small ul.payment{

    display: -webkit-flex;

    display: flex;

    justify-content: space-between;

}

.footer_guide_small li.payment_small {

    width: 49%;

    box-sizing: border-box;

    margin: 2px 0 5px;

    padding: 10px 0;

    font-size: 14px;

    background: #fff;

    letter-spacing: 0.05em;

}

.footer_guide_small li.payment_small:nth-child(2) img {

    position: relative;

    top: 7px;

}

.footer_guide_small .payment_big {

    clear: both;

    margin: 2px 0 7px;

    box-sizing: border-box;

    padding: 10px 0;

    background: #fff;

}

.f-button {

    display: block;

    max-width: 340px;

    line-height: 40px;

    border: 1px solid #472c21;

    text-align: center;

    margin: 5px auto 0;

    position: relative;

    font-size: 14px;

    letter-spacing: 0.05em;

}

.f-button:hover{

	color: #fff;

    background: #472c21;

    opacity: 1;

}



.haisou-wrap ul {

    background: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 20px 0;

	margin-bottom: 10px;

}

.haisou-wrap ul li {

    margin: 0 15px 0 0;

}

ul.footer_guide_small .payment_big h4 {

    text-align: center;

    font-size: 14px;

    letter-spacing: 0.05em;

}

ul.payment_iconWrap {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    margin: 0 auto;

}

ul.payment_iconWrap li {

    margin: 0 10px;

}

ul.footer_guide_small .payment_iconWrap {

    padding-top: 10px;

}

.payment_big.conv .payment_iconWrap {

    width: 70%;

}

ul.footer_guide_small ul.payment_iconWrap li {

    display: inline;

}

ul.footer_guide_small ul.payment h4 {

    font-size: 15px;

    font-weight: bold;

    color: #222;

    text-align: center;

}

ul.footer_guide_small ul.payment_big h4 {

    margin-bottom: 10px;

}

.footer_guide_small table.cash{

    margin-top: 10px;

	margin-bottom: 5px;

    width: 100%;

	background:#fff;

}



.footer_guide_small table.cash td {

    text-align: right;

    border: 1px solid #ccc;

    padding: 5px 10px 5px 20px;

    border-left: none;

}

.footer_guide_small table.cash td.range {

    text-align: left;

    border-bottom: 1px solid #CCCCCC;

    background: #ddd;

    padding: 5px 15px 5px 10px;

    border-right: none;

    border-left: 1px solid #ccc !important;

    color: #545454;

}

td.cash-ttl {

    font-size: 14px;

    text-align-last: center;

    color: #fff;

    background: #666666;

    border: #666666 1px solid !important;

}

.kome {

    text-indent: -1em;

    padding-left: 1em;

}

.kome::before {

    content: "※";

}

.kome.square {

    margin-left: 0;

    padding-left: 15px;

    position: relative;

	text-indent:0;

}

.kome.square::before {

    content: "";

    width: 10px;

    height: 10px;

    background: #a0a0a0;

    display: block;

    margin-right: 5px;

    position: absolute;

    top: 9px;

    left: 0;

}

.footer_guide_small .delivery{

    border: 1px solid #ccc;

    display: -webkit-flex;

    display: flex;

    justify-content: center;

    padding: 16px 10px;

}

.footer_guide_small .delivery li{

    margin-bottom: 0;

    padding: 0 10px;

}

.footer_guide_small p.shopname{

    font-weight: bold;

    font-size:16px;

    padding:0 0 10px;

}

.footer_guide_small #shopaddres{

    font-size:15px;

}

.footer_guide_small .haisou {

    display: flex;

}

.footer_guide_small .haisou dt {

    line-height: 24px;

    background: #90745d;

    color: #fff;

    padding: 0 10px;

    margin-right: 5px;

}

#footerWrap {

    width: 100%;

    background: #fff;

    padding: 27px 0 27px;

}

#footer {

    max-width: 1200px;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

	align-items: center;

}

.f-logo {

    display: flex;

    align-items: center;

}

.f-logo a {

    display: block;

    margin-right: 35px;

}

#f_nav {

    overflow: hidden;

    _zoom: 1;



    display: flex;

}



#f_nav li {

    vertical-align: middle;

    font-size: 14px;

    letter-spacing: 0.08em;

    margin-top: 10px;

    position: relative;

    padding: 0px 15px;

}

#f_nav li:first-child {

    padding-left: 0;

}

#f_nav li a:hover {

    text-decoration: underline;

    opacity: 1;

}

#f_nav li::before {

    content: "";

    display: inline-block;

    position: absolute;

    left: 0;

    top: 4px;

    width: 1px;

    height: 14px;

    background: #ddd;

}

#f_nav li:first-child::before{

	display: none;

}

#f_nav li a:link,#f_nav li a:visited,#f_nav li a:active{

	color:#472c21;

}

#f_nav li a:hover{

    text-decoration:underline;

}

.f-sns {

    display: flex;

    align-items: center;

}

.f-sns a {

    margin-right: 28px;

}

.f-sns a:last-child {

    margin: 0;

}

ul.f-sns {

    display: flex;

    justify-content: space-between;

    width: 89px;

    margin: 0 0 0 auto;

}

#f_info {

    padding: 9px 0;

    color: #fff;

    background-color: #333;

    font-size: 12px;

    text-align: center;

}

.f_info_wrap {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding-bottom: 20px;

    border-bottom: 1px solid #595959;

}



/* テキスト段落 */

.footer_guide_small .pt1em {

    padding-top: 1em;

}

/* テキスト右寄せ */

.footer_guide_small .textright{

    text-align:right;

}

/* テキスト赤色 */

.footer_guide_small .red {

    color: #7a0404;

}

/* テキスト太字 */

.footer_guide_small .bold {

    font-weight: bold;

}

/* テキスト文字大 */

.footer_guide_small .strong {

    font-size: 16px;

}

.footer_guide_small .ft18{

	font-size:18px;

}

.footer_guide_small .f-button.green {

    background: #fff;

    width: 200px;

    height: 34px;

    text-align: center;

    line-height: 34px;

    border-radius: 5px;

    border: 2px solid #f4efc1;

    margin-top: 10px;

}



.footer_guide_small .haisou_big.clear {

        clear: both;

    border: 1px solid #ccc;

    margin: 2px auto 10px;

    box-sizing: border-box;

    background: #fff;

    width: 100%;

    text-align: center;

}

address {

    font-size: 12px;

    color: #333333;

    letter-spacing: 0.08em;

    margin-top: 5px;

}

.haisou_big img {

    max-width: 85%;

    height: auto;

    width /***/: auto;

	margin:0 5px;

}

.time-list {

    margin-top: -10px;

}

.time-list li {

    margin: 10px 0;

	font-size:14px;

}

.time-list li::before {

    content: "";

    width: 6px;

    height: 6px;

    background: #c4a27a;

    display: inline-block;

    border-radius: 100%;

    position: relative;

    top: -3px;

    margin-right: 5px;

}

.footer_guide_small .f-button.green p {

    text-align: center;

    color: #333;

    font-size: 14px;

    position: relative;

    padding-bottom: 0;

}

.footer_guide_small .f-button.green p:hover{

	opacity: 0.6;

}

.footer_guide_small .f-button.green p::after {

    content: "";

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 3px 0 3px 5px;

    border-color: transparent transparent transparent #333333;

    display: block;

    position: absolute;

    top: 50%;

    right: 3%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

}

.footer_guide_small .f-kome li:before {

    counter-increment: number;

    content: "※";

}

.footer_guide_small .f-kome li {

    text-align: left;

    margin-bottom: 0;

	padding-left: 1em;

    text-indent: -1em;

}

.footer_guide_small .mail {

    background: #7c6b65;

    width: 75%;

    height: 36px;

    text-align: center;

    line-height: 36px;

    border-radius: 5px;

    margin: 0 auto;

}



.footer_guide_small .mail p {

    text-align: center;

    color: #fff;

    font-size: 14px;

    position: relative;

    padding-bottom: 0;

    padding-left: 24px;

    line-height: 36px;

}

.footer_guide_small .mail p::before {

    position: absolute;

    content: "";

    top: 50%;

    transform: translateY(-50%);

    color: #fff;

    left: 2.5em;

    background-image: url(../images/mail.png);

    background-size: contain;

    vertical-align: middle;

    background-repeat: no-repeat;

    width: 21px;

    height: 15px;

}



#f_nav img {

    padding: 0 4.5px;

}



ul.address li {

    font-size: 14px;

    letter-spacing: 0.08em;

}

.add-wrap {

    letter-spacing: 0.08em;

    font-size: 14px;

}

p.comp-name {

    font-size: 18px;

    color: #382f2d;

    font-weight: bold;

}

.call li {

    line-height: 20px;

    margin-bottom: 10px;

}

.call li::before {

    content: "TEL";

    width: 70px;

    display: inline-block;

    color: #fff;

    background: #472c21;

    text-align: center;

    margin-right: 10px;

    font-size: 14px;

    letter-spacing: 0.05em;

}

.call li.time::before {

    content: "営業時間";

}

.call li.teikyu::before {

    content: "定休日";

}

li.f-sns {

    display: flex;

    align-items: center;

}

li.f-sns a {

    display: block;

    margin-right: 15px;

}

p.eigyou {

    position: relative;

    top: -5px;

    text-align: center;

    color: #333;

    font-size: 14px;

    left: 5px;

}

div.f-mail-wrap {

    display: flex;

}

a.f-mail {

    width: 320px;

    line-height: 50px;

    height: 50px;

    border: 2px solid #fff;

    text-align: center;

    font-size: 16px;

    color: #fff;

    background: url(../images/f-mail.png)no-repeat 15% 53%;

    text-indent: 15px;

    letter-spacing: 0.05em;

	margin-right: 15px;

}

.calwrap {

    display: flex;

    justify-content: space-between;

}

.calwrap .calendar-wrap {

    width: 48%;

	margin-top:0;

}



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

   category

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

.breadcrumb {

    font-size: 14px;

    margin: 0 auto;

    max-width: 1200px;

}



.breadcrumb-item {

  margin-right: 8px;

}

.breadcrumb-item::after {

  content: ">";

  margin-left: 12px;

}

.breadcrumb-item:last-child::after {

  display: none;

}

.breadcrumb a {

    text-decoration: underline;

}

.breadcrumb-item .home-link {

    text-decoration: underline;

}

.sort-wrap {

    display: flex;

    justify-content: flex-end;

    margin-bottom: 20px;

    align-items: baseline;

}

.category-image {

  margin-bottom: 20px !important;

  display: flex;

}



.category-title {



}

.category-title dl {

  display: flex;

  font-size: 12px;

  margin-bottom: 40px;

}

.category-title dd {

  margin-right: 8px;

}



.category-child-item {

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

    justify-content: flex-start;

    margin-bottom: 40px;

}

.category-child-item li {

    margin: 0px 20px 20px 0;

    padding: 0px 0 10px 0px;

    width: calc(100% / 4 - 15px);

    border-bottom: 1px solid #ddd;

    display: flex;

    align-items: center;

    position: relative;

}

.category-child-item li:nth-child(4n) {

    margin-right: 0;

}

.category-child-item li::after {

    content: "";

    content: "";

    display: block;

    position: absolute;

    transition: all 0.2s ease-in-out;

    bottom: 53%;

    right: 10px;

    width: 4px;

    height: 4px;

    border-top: 1px solid #111;

    border-right: 1px solid #111;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}

.category-child-item li a {

    display: block;

    padding: 0px 20px 0 10px;

    width: 100%;

}

.total-count span {

    padding: 0 5px;

}



.pager-wrap {

  display: flex;

  justify-content: space-between;

  margin-top: 50px;

}



.pager {

    display: flex;

    justify-content: flex-end;

}

.pager li {

    width: 40px;

    line-height: 40px;

    text-align: center;

    height: auto;

    border-radius: 100%;

    margin-right: 5px;

    font-size: 16px;

    color: #fff;

}

.pager li>span {

    background: #111;

    display: block;

    border-radius: 100%;

}

.pager li a {

    display: block;

    text-align: center;

    line-height: 40px;

    background: #dddddd;

    color: #fff;

    border-radius: 100%;

}

.pager li:last-child {

  margin-right: 0;

}



.bulk-group {

  margin-bottom: 40px;

  font-size: 12px;

  font-weight: bold;

}



.bulk-group a {

  color: #B5B5B5;

}



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

   detail

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

.detail {

    display: flex;

    justify-content: space-between;

    padding: 5px 0 60px;

    border-bottom: 2px solid #111;

	max-width:1200px;

	margin: 0 auto 15px;

}

.item-icon-list {

    display: flex;

}

.item-icon-list li {

    margin-right: 5px;

	max-height: 25px;

}

.c-copy {

    margin-top: 40px;

    font-size: 14px;

    font-weight: bold;

    letter-spacing: 0.12em;

}

.item-image {

    width: 52%;

	text-align: center;

}

.item-image img {

  width: 100%;

}





.main-image img {

  width: 100%;

}



/*スライダーcss*/

.gallery li {

  list-style: none;

}

.gallery li img {

width: 100%;

aspect-ratio: 1;

}



.slick-prev,

.slick-next {

  position: absolute;

  z-index: 1;

  top: 42%;

  cursor: pointer;

  outline: none;

  border-top: 2px solid #333;

  border-right: 2px solid #333;

  height: 15px;

  width: 15px;

}



.slick-prev:after {

  content: "";

  position: absolute;

  top: -14px;

  left: -8px;

  width: 40px;

  opacity: 0.5;

  height: 30px;

  transform: rotate(45deg);

  background-color: rgba(251, 250, 247, 0.75);

}



.slick-next:after {

  content: "";

  position: absolute;

  top: -14px;

  left: -8px;

  width: 40px;

  opacity: 0.5;

  height: 30px;

  transform: rotate(45deg);

  background-color: rgba(251, 250, 247, 0.75);

}



.slick-prev {

  left: 2.5%;

  transform: rotate(-135deg);

}



.slick-next {

  right: 2.5%;

  transform: rotate(45deg);

}



.slick-track {

  margin-left: 0 !important;

  margin-right: 0 !important;

}



.choice-btn {

  margin-bottom: 10px;

	margin-top: 30px;

}

.choice-btn li {

    cursor: pointer;

    background: #fff;

    width: 90px !important;

    margin-right: 6px;

    margin-bottom: 6px;

}

.choice-btn li:nth-child(5n) {

  margin-right: 0;

}

.choice-btn .slick-track {

  width: 100% !important;

}



.choice-btn li img {

  opacity: 0.4;

  width: 90px;

  height: 90px;

  object-fit: cover;

}



.choice-btn li.slick-current img {

  opacity: 1;

}

a.big-img {

    margin: 0 0 0 auto;

    display: block;

    text-align: right;

}

a.big-img img {

    width: 132px;

}

/*追加*/

.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;

  margin-left: auto;

  margin-right: auto;

}



.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;

}



/*スライダーcssここまで*/

.add-image-section {

  margin-bottom: 60px;

	padding: 0 30px;

}



.add-image-title {

  font-size: 18px;

  margin: 40px 0 20px;

}

.add-image {

    display: flex;

    justify-content: space-between;

}

.add-image-list {

    width: calc(100% / 3 - 20px);

    max-width: 960px;

}

.add-image-list img {

  width: 100%;

  height: auto;

  object-fit: cover;

}

.add-description {

    margin-top: 15px;

    font-size: 16px;

    letter-spacing: 0.08em;

    line-height: 28px;

}

.group-review-section {

  width: 100%;

  display: inline-block;

}



.group-item-section {

    border-top: 2px solid #555555;

    background: url(../images/nweitem-bg.png)no-repeat right top,url(../images/f-bg.png) right center;

    padding: 25px 35px;

    margin-bottom: 80px;

}

h2.group-item-title {

    font-size: 26px;

    font-weight: bold;

    letter-spacing: 0.08em;

    margin-bottom: 20px;

}

.detail-cheked .checked-contents {

    padding-bottom: 20px;

}



.group-item-list {

  display: flex;

  flex-wrap: wrap;

}

.group-item-list li {

    width: calc((100% - 68px) / 3 );

    margin-right: 34px;

    position: relative;

    display: flex;

    flex-direction: column;

}

.group-item-list li img {

      width: 100%;

    max-height: 270px;

    object-fit: contain;

    margin-bottom: 4px;

    position: relative;

}

.group-item-list li:nth-child(3n) {

  margin-right: 0;

}



.item-detail {

    width: 48%;

    padding-left: 60px;

    float: right;

}

.item-detail .item-title {

    font-size: 26px;

    line-height: 42px;

    font-weight: bold;

    margin-bottom: 20px;

    position: relative;

    letter-spacing: 0.08em;

    border-bottom: 2px solid #111;

    padding-bottom: 3px;

}



.item-detail .item-category-name {

  margin-bottom: 6px;

}

.list-head-sort {

    display: flex;

    justify-content: flex-end;

    margin-bottom: 10px;

	font-size: 12px;

}

.list-head-sort a {

    display: block;

    padding: 0 5px;

}

.list-head-sort a:hover{

	text-decoration: underline;

}

.item-detail-icon {

  position: absolute;

  display: contents;

  font-size: 12px;

  font-weight: normal;

  top: 0;

}

.item-detail-icon .item-detail-sale {

  color: #F23E0C;

}

.item-detail-icon p {

  margin-bottom: 12px;

}

.item-description dd {

    line-height: 28px;

    font-size: 16px;

    letter-spacing: 0.08em;

}

.item-price-wrap {

    margin-top: 20px;

}

.item-price-wrap .item-price {

    font-size: 32px;

    font-weight: bold;

}

.item-price-wrap .item-price .teiki {

    font-size: 32px;

    margin-right: 10px;

}



.item-price-wrap .item-tax {

    font-size: 18px;

}

.item-price-wrap .fixed-price {

  font-size: 12px;

}



.member-original-price {

  font-size: 12px;

}

.member-original-price span {

  font-size: 18px;

}

.item-price .kakaku {

    margin-right: 20px;

}

.sale-text .original {

  text-decoration: line-through;

}

.sale-text .sale-rate, .sale-text .sale-price {

      color: #e50012;

}

.sale-text .sale-rate {

  margin: 0 10px;

}

.sale-text .sale-price {

  font-size: 32px;

  font-weight: 500;

}



.sale-priod {

  font-size: 12px;

  margin: 6px 0 12px;

}



.item-point, .review-empty {

  margin-bottom: 20px;

}



.item-sell-text {

  margin: 20px 0;

}

.item-sell-text .sell-start {

  margin-bottom: 8px;

}



.item-reserve {

  margin: 20px 0;

}

.item-reserve .item-reserve-release-text,

.item-reserve .item-reserve-text {

  font-size: 12px;

  margin-top: 6px;

}



.nameprint-area {

  margin-top: -5px;

}

.nameprint-area .nameprint-title-wrap {

  margin: 18px 0 8px;

  font-size: 12px;

}

.nameprint-area .nameprint-text-wrap p {

  margin-bottom: 4px;

  font-size: 12px;

}

.nameprint-area .nameprint-title {

  font-size: 14px;

  font-weight: bold;

  margin-top: 10px;

}

.nameprint-area .nameprint-title span {

  color: #F23E0C;

  font-size: 12px;

  font-weight: normal;

  margin-left: 6px;

}

.nameprint-area .nameprint-text input,

.nameprint-area .nameprint-text textarea {

  width: 75%;

  border: 1px solid #ddd;

}

.item-quantity .button {

    height: 24px;

    display: flex;

    flex-wrap: wrap;

    width: 18px;

    margin-left: 5px;

}

.item-quantity {

    font-size: 16px;

    margin-bottom: 10px;

    margin-top: 10px;

    display: flex;

    align-items: center;

    letter-spacing: 0.08em;

}

.item-quantity input {

    width: 80px;

    height: 48px;

    border: 1px solid #ddd;

    margin-left: 10px;

    font-size: 16px;

    border-radius: 5px;

}

.item-quantity .item-stock {

    font-size: 14px;

    line-height: 25px;

    background: #999;

    color: #fff;

    padding: 0 10px;

    border-radius: 5px;

    margin-left: 35px;

}

input.spinner_up {

    border: 0px;

    width: 18px;

    height: 12px;

    background: url(../images/up.png) no-repeat;

    cursor: pointer;

    margin-left: 0;

}

input.spinner_down {

    border: 0px;

    width: 18px;

    height: 12px;

    background: url(../images/down.png) no-repeat;

    cursor: pointer;

    margin-left: 0;

}

.group-review-section {

    width: calc(100% - 120px);

    display: inline-block;

    background: #f0f0f0;

    padding: 40px 60px 0;

    margin-bottom: 60px;

}

.item-review {

  font-size: 12px;

}



.review-link a {

  text-decoration: underline;

}

.review-link a:hover {

  text-decoration: none;

}



.item-option {

  width: 100%;

}

.item-option .btn {

  margin-top: 20px;

}



.makeshop-option-wrap {

  margin-top:0;

}



.makeshop-option-label {

  font-size: 16px;

  margin-bottom: 6px;

}



.makeshop-option-select {

    border: 1px solid #dddddd;

    margin-bottom: 12px;

    width: 100%;

    height: 42px;

    border-radius: 5px;

    -webkit-appearance: none;

    appearance: none;

    background: #fff url(../images/select-arrow.png)no-repeat 98% 50%;

}



.add-cart {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  margin: 15px 0 10px;

}

.add-cart .item-stock {

  margin-right: 14px;

  font-size: 10px;

}

.add-cart .btn {

    width: 50%;

    display: inline-block;

    text-align: center;

    padding: 15px 0;

    font-weight: bold;

    font-size: 16px;

    color: #fff;

    margin: 5px 0;

}

a.add-cart-btn.btn.cart-order-btn.instock.on {

    margin-right: 2.5px;

}



.add-cart .restock-btn {

    background: #bcbcbc;

    color: #6d6d6d !important;

}

.add-cart .disabled-btn {

  background: #B5B5B5;

}

.add-cart .subscription-btn {

  background: #006BED;

  margin-top: 8px;

}

.add-cart .off {

  display: none;

}

.add-cart .on {

  display: block;

}



.subscription-only {

  margin-top: 0 !important;

}



.item-stock-sku {

  margin-bottom: 8px;

}



.favorite-wrap {

    display: flex;

    width: 100%;

    align-items: center;

    justify-content: space-between;

}

.fav-wrap {

    display: flex;

    justify-content: space-between;

    align-items: center;

	width:100%;

}

.fav-wrap div {

}

.fav-wrap div a {

    display: block;

    font-size: 14px;

    letter-spacing: 0.08em;

    text-decoration: underline;

	margin-top: 3px;

}

.fav-wrap div a::before {

    content: "";

    background: url(../images/detail-mail.png)no-repeat;

    width: 21px;

    height: 16px;

    display: inline-block;

    position: relative;

    top: 4px;

    margin-right: 5px;

}





.item-contact {

  margin-bottom: 40px;

}



.item-contact a {

  width: 100%;

  display: inline-block;

  padding: 8px 0;

  border: 1px solid #333333;

  border-radius: 2px;

  text-align: center;

}





.item-description dt {

  font-size: 18px;

  margin-bottom: 16px;

}



.item-info-list {

  margin-top: 10px;

}

.item-info-list li {

  margin-bottom: 10px;

}

.item-info-list li dl {

  display: flex;

}

.item-info-list li dt {

}

.item-info-list li dd {

  width: 66%;

}



.item-share li {

  margin-right: 8px;

  display: inline-block;

  vertical-align: top;

	width:90px;

}

.hassou-txt {

    font-size: 20px;

    color: #e50012;

    font-weight: bold;

    margin-top: 20px;

}





.item-share {

  margin-bottom: 40px;

}



.sku tbody {

  align-items: center;

}



.sku-option-title {

  width: 60px;

  font-weight: bold;

  text-align: left;

  padding: 0 20px 10px 0;

  vertical-align: middle;

}



.sku-option-name {

  font-size: 10px;

  text-align: left;

  padding: 0 16px 20px 0;

  vertical-align: middle;

}



.sku-cart {

  padding-bottom: 20px;

}



.sku-price-wrap {

  display: flex;

  flex-wrap: wrap;

  align-items: baseline;

}

.sku-price-wrap .price {

  margin: 0 6px 4px 0;

}

.detail-txt2-wrap {

    border-bottom: 2px solid #111;

}

.review-section {

    padding: 15px 30px 40px;

}

.item-review-detail {

  margin-bottom: 60px;

	position: relative;

}





.item-review-detail h3 {

    font-size: 26px;

    font-weight: bold;

    letter-spacing: 0.08em;

    margin-bottom: 20px;

}

.item-review-list {

    background: #fff;

}

.item-review-list li {

    padding: 20px 0;

    border-bottom: 1px solid #e6e6e6;

}

.item-review-list-link {

    font-size: 12px;

    position: absolute;

    top: 5px;

    right: 20px;

}

.item-review-list-link a {

    font-size: 14px;

    display: block;

    padding-bottom: 5px;

    border-bottom: 2px solid #111;

    position: relative;

}

.item-review-list-link a::after {

    content: "";

    display: block;

    position: absolute;

    transition: all 0.2s ease-in-out;

    top: 30%;

    right: -15px;

    width: 6px;

    height: 6px;

    border-top: 2px solid #111;

    border-right: 2px solid #111;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}



.item-review-list-link a:hover {

  text-decoration: none;

}

.review-parson {

    display: flex;

    align-items: center;

}

.review-list-unit .review-cat {

    font-size: 12px;

    color: #8b7357;

}

.review-list-unit .review-list-name {

    margin-bottom: 5px;

    font-size: 16px;

    letter-spacing: 0.08em;

    line-height: 26px;

}

.review-list-unit .review-list-name a {

    color: #472c21;

}

.review-list-unit .review-list-name a:hover {

    text-decoration: underline;

}

.review-list-unit .review-list-name.username {

    font-size: 14px;

    margin-bottom: 0;

}

.score-wrap {

    display: flex;

}

.review-list-name2 {

    font-size: 14px;

    letter-spacing: 0.05em;

}

.review-list-unit .star-score {

  display: flex;

  align-items: center;

  margin-bottom: 5px;

}

.review-list-unit .review-star {

  margin-right: 6px;

}

.review-list-unit .review-list-date {

    font-size: 14px;

    margin: 0 0 0 auto;

}

.review-list-unit .review-list-content {

    font-size: 16px;

    line-height: 28px;

    padding-top: 5px;

    letter-spacing: 0.1em;

    border-top: 1px solid #ddd;

}



.reviewRateStar {

  display: inline-block;

  font-size: 0;

  color: #FFA41C;

}

.reviewRateStar::before {

  font-family: 'Font Awesome 5 Free';

  content: "\f005";

  font-size: 12px;

  font-weight: 900;

}



.starOff::before {

  font-family: 'Font Awesome 5 Free';

  content: "\f005";

  font-weight: 400;

}



.starHalf::before {

  font-family: 'Font Awesome 5 Free';

  content: "\f5c0";

}



.review-post {

  margin-top: 40px;

}



.review-post {

  text-align: center;

}

.review-post a {

    width: 258px;

    margin: 0 auto;

    display: inline-block;

    padding: 11px 0;

    border: 1px solid #000;

    text-align: center;

    color: #111;

    font-size: 16px;

    letter-spacing: 0.08em;

}

.review-post a:hover {

    color: #fff;

    background: #000;

}

.review-post.post-page a {

    color: #fff;

    width: 300px;

}

.review-post.post-page a::before {

    background: url(../images/review-icon2.png)no-repeat;

}

/*定期購入*/

.product-price-block {

    font-size: 30px;

    font-weight: bold;

    color: #e50012;

}



.product-price-block small {

  font-size: 14px;

}



.subscription-gift {

  display: flex;

  margin-top: 30px;

}

.subscription-gift img {

  margin-right: 20px;

  width: 80px;

  max-height: 80px;

}



.subscription-price {

    font-size: 30px;

    font-weight: bold;

    color: #e50012;

}

.subscription-price small {

  font-size: 14px;

}



.item-group-icon img {

  width: auto !important;

  height: auto !important;

  display: block;

  margin-top: 8px;

}



.detail-cheked {

    border-top: 2px solid #555555;

    background: url(../images/nweitem-bg.png)no-repeat right top,url(../images/f-bg.png) right center;

    padding: 25px 35px;

}



/*商品説明展開css*/



.item-description2 {

    margin-bottom: 30px;

    font-size: 16px;

    line-height: 28px;

    padding: 0 30px;

    letter-spacing: 0.08em;

}

h2.detail-ttl {

    font-size: 26px;

    font-weight: bold;

    letter-spacing: 0.08em;

    margin-bottom: 20px;

}

.detailtxt-wrap li {

    border-bottom: 1px solid #ccc;

}

.item-description2 span {

    display: block;

    font-weight: bold;

    padding: 0 30px;

    cursor: pointer;

    letter-spacing: 0.05em;

    position: relative;

    line-height: 55px;

    font-size: 16px;

}

.item-description2 span:after {

    content: "";

    display: block;

    position: absolute;

    right: 20px;

    top: 22px;

    width: 10px;

    height: 10px;

    border-top: 2px solid #e50012;

    border-right: 2px solid #e50012;

    -webkit-transform: rotate(135deg);

    transform: rotate(135deg);

	transition: .2s;

}

.item-description2 span.selected:after {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    top: 22px;

}

.detail-box {

  

    padding: 25px 30px;

    font-size: 14px;

    letter-spacing: 0.05em;

    line-height: 28px;

}

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

   review

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

.review-item-wrap {

  border: 1px solid #333333;

  padding: 20px;

  border-radius: 3px;

  display: flex;

  margin-bottom: 60px;

}

.review-item-wrap .review-item-image {

  padding-right: 20px;

  width: 120px;

}

.review-item-wrap .review-item-image img {

  width: 100%;

  height: 120px;

  object-fit: cover;

}



.review-item-info .review-item-category {

  font-size: 12px;

  margin-bottom: 8px;

}

.review-item-info .review-item-name {

  font-size: 18px;

}

.review-item-info .total-review {

  display: flex;

  align-items: baseline;

  margin-top: 10px;

}

.review-item-info .review-star {

  margin-right: 10px;

}

.review-item-info .review-average {

  font-size: 20px;

  font-weight: bold;

}

.review-item-info .review-count {

  font-size: 12px;

}



.review-form-wrap {

  width: 485px;

  margin: 0 auto;

}



.review-form {

  display: flex;

  align-items: center;

  margin-bottom: 30px;

}

.review-form:last-child {

  margin-bottom: 60px;

}

.review-form dt {

  width: 150px;

  text-align: left;

}

.review-form .review-form-content {

  width: 100%;

}

.review-form dd input {

  border: 1px solid #707070;

  width: 100%;

}

.review-form dd .reviewRateStar:before {

  font-size: 18px;

}



.review-post-btn {

  border: none !important;

  background: #707070;

  color: #fff;

}

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

   search

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

.category-title2 h2 {

    margin-bottom: 5px;

}

.category-title2 h2::before {

    content: "";

    background: url(../images/search-ttl.png)no-repeat;

    width: 18px;

    height: 20px;

    display: inline-block;

    position: relative;

    top: 3px;

}

.category-title2 .search {

    padding: 30px 50px;

    margin-bottom: 40px;

    background: #f0f0f0;

}

.category-title2 .search-area {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.category-title2 .search-area li {

    width: 45%;

    display: flex;

    align-items: center;

}

.category-title2 .search-area li label {

    width: 110px;

    margin-bottom: 0;

}

.category-title2 input, .category-title2 .search-area select {

    border: 1px solid #cccccc;

    color: #333;

    padding: 8px;

	background:#fff;

}

.category-title2 input{

	background:#fff;

}

.category-title2 .search-btn {

    width: 154px;

    margin: 0 auto;

    background: #000000 url(../images/search-icon.png)no-repeat 35% 50%;

    color: #fff;

    border: none;

    font-size: 16px;

    text-indent: 15px;

    letter-spacing: 0.05em;

    padding: 6.5px 0;

    border-radius: 0;

}

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

   cart

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

.cart {

    margin: 0 auto 100px;

    max-width: 1200px;

}





.free-shipping-wrap {

  text-align: right;

  margin-bottom: 16px;

  font-size: 12px;

}

.free-shipping-wrap .free-shipping-text em {

  color: #F23E0C;

}



.cart-list-table {

  width: 100%;

  padding: 20px;

	margin-top: 30px;

}

.cart-list-table th {

    background: #f4f4f4;

    padding: 8px 12px;

    text-align: center;

    border-right: 2px solid #fff;

    box-sizing: border-box;

}

.cart-list-table th:first-child {

  width: calc(100% - 590px);

}

.cart-list-table th:nth-child(2) {

  width: 250px;

}

.cart-list-table th:nth-child(3) {

  width: 250px;

}

.cart-list-table th:last-child {

  width: 150px;

}

.cart-list-table tbody tr {

  border-bottom: 1px solid #eee;

}

.cart-list-table tbody td {

  vertical-align: middle;

  padding: 20px;

}

.cart-list-table tbody td:first-child {

  display: flex;

 align-items: center;

}

.cart-list-table tbody .cart-total td {

    padding: 12px 0;

}

.item-cart-quantity {

    text-align: center;

}

.cart-list-info {

  font-size: 12px;

	min-width:200px;

}



.cart-list-image {

  width: 100px;

  min-width: 100px;

  margin-right: 12px;

}

.cart-list-image img {

  width: 100%;

  height: 100px;

  object-fit: cover;

}



.item-cart-title {

  font-size: 16px;

  font-weight: bold;

  margin-bottom: 8px;

}

.item-cart-title a {

    font-weight: normal;

    font-size: 16px;

}

.item-cart-price {

    font-size: 16px;

    text-align: center;

}



.item-cart-quantity input {

    width: 57px;

    border: 1px solid #ccc;

    margin-right: 5px;

    height: 36px;

}

.item-cart-quantity a.kousin {

    background: #6d6d6d;

    display: inline-block;

    line-height: 36px;

    width: 50px;

    text-align: center;

    font-size: 14px;

    color: #fff;

    position: relative;

}

.item-cart-delete {

  float: right;

}

.item-cart-delete a {



}



.item-cart-subtotal {

  font-size: 24px;

  font-weight: bold;

}



.cart-total {

 

}

.cart-total td {

  display: table-cell !important;

	text-align: right;

}

.cart-total .cart-total-title {

    text-align: right;

    font-size: 14px;

    font-weight: normal;

    padding-right: 0;

    vertical-align: top;

}

.cart-total .cart-total-price {

    font-size: 22px;

    font-weight: bold;

    margin-bottom: 6px;

    letter-spacing: 0.05em;

    position: relative;

    display: inline-block;

	margin-right: 15px;

}



.cart-total .cart-total-point {

    font-size: 12px;

    padding-right: 15px;

}

.cart-total .cart-bulk {

  margin-top: 6px;

  font-size: 12px;

}



.cart-button-wrap {

    margin-top: 40px;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.cart-button-wrap .cart-button a {

    width: 300px;

    display: inline-block;

    text-align: center;

    background: #000;

    font-weight: bold;

    color: #fff;

    line-height: 60px;

    font-size: 18px;

}



.cart-button-wrap .cart-back-button a {

    display: block;

    width: 220px;

    line-height: 40px;

    text-align: center;

    font-size: 16px;

    position: relative;

    border: 1px solid #000;

}

.cart-button-wrap .cart-back-button a:before {

    display: block;

    content: "";

    position: absolute;

    top: 17px;

    left: 20px;

    margin: auto;

    width: 7px;

    height: 7px;

    border-top: 1px solid #000;

    border-right: 1px solid #000;

    -webkit-transform: rotate(-135deg);

    transform: rotate(-135deg);

}

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

   news

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

.news-list-unit {

  padding: 30px 0 !important;

}



.news-list-title {

  margin-bottom: 6px;

	font-size:18px;

}

.news-list-title a {

  text-decoration: underline;

}

.news-list-title a:hover {

  text-decoration: none;

}



.news-list-date {

    font-size: 14px;

    color: #B5B5B5 !important;

    margin-bottom: 8px;

    text-align: right;

}

.news-section {

    margin-top: 30px;

}

.section-title.news-title {

    font-size: 20px;

    border-bottom: 1px solid #111;

    padding: 0 15px 5px;

}

.news-content-wrap {

    margin-bottom: 30px;

    padding: 15px;

    letter-spacing: 0.05em;

    line-height: 28px;

    font-size: 16px;

}

.news-detail-content {

    margin-bottom: 20px;

}

.news-pager {

    display: flex;

    justify-content: space-between;

    width: 100%;

}

.news-pager .pager-left {

    display: flex;

    width: 100%;

    justify-content: space-between;

}

.news-pager .pager-left .prev {

  margin-right: 20px;

}

.news-pager a {

    text-decoration: underline;

}

.news-pager a:hover {

  text-decoration: none;

}

.news-section a.back {

    display: block;

    margin: 30px auto 0;

    width: 300px;

    line-height: 40px;

    background: #000;

    text-align: center;

    color: #fff;

    font-size: 16px;

    letter-spacing: 0.05em;

    position: relative;

}

.news-section a.back::after {

    display: block;

    content: "";

    position: absolute;

    top: 18px;

    right: 15px;

    margin: auto;

    width: 7px;

    height: 7px;

    border-top: 1px solid #fff;

    border-right: 1px solid #fff;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}

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

   guide

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

.guide-link {

    display: flex;

    justify-content: space-between;

    margin-bottom: 50px;

	margin-top: 10px;

}

.guide-link li {

    width: calc(100% / 5 - 7px);

    text-align: center;

    margin-right: 7px;

}

.guide-link li a {

    display: block;

    width: calc(100% - 22px);

    line-height: 52px;

    background: #f4f4f4;

    text-align: left;

    padding: 0 10px;

    font-size: 16px;

    letter-spacing: 0.05em;

    font-weight: bold;

    position: relative;

}

.guide-link li a::after {

    display: block;

    content: "";

    position: absolute;

    top: 22px;

    right: 12px;

    margin: auto;

    width: 6px;

    height: 6px;

    border-top: 2px solid #000;

    border-right: 2px solid #000;

    -webkit-transform: rotate(135deg);

    transform: rotate(135deg);

    transition: .3s;

}



.guide-section {

    width: 100%;

    margin: -170px auto 50px;

    padding-top: 170px;

}

.guide-section .guide-section-title {

    font-size: 23px;

    font-weight: bold;

    letter-spacing: 0.05em;

    margin-bottom: 10px;

    padding: 15px 0 20px;

    border-top: 2px solid #111;

}

.guide-inner {

    padding: 0 35px;

}

.guide-section .attention {

    display: flex;

    margin-top: 5px;

    font-size: 16px;

}

.guide-section .attention dt {

    white-space: nowrap;

}

.guide-section p {

    font-size: 16px;

    line-height: 28px;

    letter-spacing: 0.08em;

	color:#333

}

.guide-section .guide-step li {

    position: relative;

    padding-left: 70px;

	padding-bottom: 15px;

}

.guide-section .guide-step li::before {

    content: "STEP 1";

    display: block;

    font-family: din-2014-narrow, sans-serif;

    font-size: 14px;

    color: #fff;

    font-weight: bold;

    background: #000;

    width: 58px;

    line-height: 18px;

    text-align: center;

    position: absolute;

    top: 5px;

    left: 0;

}

.guide-section .guide-step li:nth-child(2)::before{

	content: "STEP 2";

}

.guide-section .guide-step li:nth-child(3)::before{

	content: "STEP 3";

}

.guide-section .guide-step li:nth-child(4)::before{

	content: "STEP 4";

}

.guide-section .guide-step li:nth-child(5)::before{

	content: "STEP 5";

}

.guide-section .guide-step li h3 {

    font-size: 18px;

    font-weight: bold;

    letter-spacing: 0.08em;

    margin-bottom: 2px;

}

.guide-inner h4 {

    font-size: 22px;

    font-weight: bold;

    letter-spacing: 0.05em;

    margin-bottom: 10px;

}

.guide-section .circle {

    font-size: 16px;

    color: #3382af;

    letter-spacing: 0.05em;

    font-weight: bold;

    position: relative;

}

.guide-section .circle::before {

    content: "";

    background: #3382af;

    width: 12px;

    height: 12px;

    display: block;

    border-radius: 100%;

    position: absolute;

    top: 50%;

    left: -15px;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

}

.guide-section .bank {

    margin: 10px 0 40px;

    max-width: 590px;

    width: 100%;

    display: flex;

    border-top: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

}

.guide-section .bank dt {

    background: #f4f4f4;

    display: flex;

    align-items: center;

    width: 125px;

    justify-content: center;

    font-size: 16px;

    letter-spacing: 0.08em;

}

.guide-section .bank dd {

    padding: 15.5px 15px;

    letter-spacing: 0.08em;

    width: calc(100% - 125px);

    font-size: 16px;

}

.bank dd ul {

    display: flex;

    flex-wrap: wrap;

    width: 100%;

}

.bank dd ul li {

    width: calc(100% - 80px);

}

.bank dd ul .bank-ttl {

    width: 78px;

    text-align-last: justify;

    text-justify: inter-ideograph;

}



.guide-section .bank dd ul .bank-ttl {

    width: 78px;

    text-align-last: justify;

    text-justify: inter-ideograph;

}

.guide-section div.bank {

    border: 1px solid #ddd;

    display: inline-block;

    padding: 15px 30px;

    margin: 15px 0;

    max-width: unset;

    width: auto;

}

.guide-section div.bank ul {

    display: flex;

    align-items: center;

}

.guide-section div.bank ul li {

    padding: 0 7px;

}

.guide-section div.bank ul li:first-child {

    padding-left: 0;

}

.guide-section .shipping-list {

    font-size: 16px;

    letter-spacing: 0.08em;

    border: 1px solid #ccc;

	margin-bottom: 15px;

	white-space: nowrap;

}

.guide-section .shipping-list thead th {

    background: #111;

    color: #fff;

    line-height: 40px;

}

.guide-section .shipping-list tbody th {

    text-align: left;

    padding: 0 15px;

    border-bottom: 1px solid #ccc;

    background: #f4f4f4;

    line-height: 40px;

}

.guide-section .shipping-list tbody td {

    text-align: center;

    padding: 0 15px;

    border: 1px solid #ccc;

    line-height: 40px;

    width: 90px;

}

.guide-section .shipping-list thead td {

    text-align: center;

    border: 1px solid #ccc;

    line-height: 40px;

    background: #f4f4f4;

}

.guide-section .return-wrap {

    border: 1px solid #ddd;

    display: inline-block;

    padding: 15px;

    margin: 10px 0 20px 15px;

}

.guide-section .return-wrap ul li {

    position: relative;

    padding-left: 13px;

    font-size: 16px;

    letter-spacing: 0.08em;

    margin-bottom: 3px;

}

.guide-section .return-wrap ul li::before {

    content: "";

    width: 8px;

    height: 2px;

    background: #111;

    border-radius: 2px;

    display: block;

    position: absolute;

    top: 10px;

    left: 0;

}

.guide-section .return-ttl {

    margin: 14px 0 5px;

    font-size: 18px;

    font-weight: bold;

    letter-spacing: 0.05em;

}

.guide-section 

.comapany-box {

  width: 100%;

  margin: 0 auto 60px;

}

.comapany-box img {

  width: 100%;

  max-height: 640px;

  object-fit: contain;

  margin-bottom: 20px;

}

.company-list {

    width: calc(100% - 70px);

    margin: 0 35px;

}

.company-list th {

    font-size: 16px;

    line-height: 24px;

    letter-spacing: 0.05em;

    width: 193px;

    padding: 15px;

    border-bottom: 1px solid #555555;

    text-align: left;

    font-weight: bold;

}

.company-list td {

    font-size: 16px;

    line-height: 28px;

    letter-spacing: 0.08em;

    padding: 14px 20px;

    width: calc(100% - 263px);

    border-bottom: 1px solid #e6e6e6;

}



.company-list tr:first-child th {

    border-top: 1px solid #555555;

}

.company-list tr:first-child td {

    border-top: 1px solid #e6e6e6;

}

.company-list td a {

    text-decoration: underline;

}

#company .section {

    font-size: 16px;

    line-height: 28px;

    letter-spacing: 0.05em;

    width: calc(100% - 70px);

    margin: 0 auto 40px;

}



.company-list td h5 {

    margin-top: 10px;

    width: 460px;

    text-align: center;

    padding: 10px;

    background: #ddd;

}

.licence {

    display: flex;

    flex-wrap: wrap;

    width: 480px;

    font-size: 14px;

}

.licence dt, 

.licence dd {

    width: calc(50% - 21.5px);

    padding: 10px;

    border: 1px solid #ddd;

    border-top: none;

}

.licence dt {

    border-right: none;

}

.contract-section {

    width: calc(100% - 70px);

    display: flex;

    flex-wrap: wrap;

    border-top: 1px solid #e6e6e6;

    margin: 0 35px;

}

.contract-section dt {

    font-size: 16px;

    line-height: 24px;

    letter-spacing: 0.05em;

    width: 193px;

    padding: 15px;

    border-bottom: 1px solid #555555;

    text-align: left;

    font-weight: bold;

}

.contract-section dd {

    font-size: 16px;

    line-height: 28px;

    letter-spacing: 0.08em;

    padding: 14px 20px;

    width: calc(100% - 263px);

    border-bottom: 1px solid #e6e6e6;

}



.contract-section dd:first-child {

    border-top: 1px solid #6eb1ce;

}

ul.guide-list li {

    position: relative;

    text-indent: 15px;

    margin-bottom: 5px;

}

ul.guide-list li::before {

    content: "";

    width: 10px;

    height: 10px;

    background: #a0a0a0;

    display: block;

    position: absolute;

    top: 50%;

    left: 0%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

}

.contract-section dd h5 {

    font-weight: bold;

}

.policy-box {

  width: 85%;

  margin: 0 auto 60px;

}

.map-wrap {

    margin: 0 35px;

}





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

   catalog

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

.catalog-list {

  width: 100%;

  margin-bottom: 48px;

}



.catalog-list th {

  background: #E6E6E6;

}

.catalog-list td, .catalog-list th {

  border: 1px solid #ccc;

  padding: 6px 18px;

  vertical-align: middle;

}

.catalog-list input {

  border: 1px solid #ccc;

}



.catalog-input-num {

  width: 10rem;

}



.catalog-input-quantity {

  width: 3rem;

}



.catalog-info-wrap {

  text-align: left;

  font-size: 0.9rem;

  width: 397px;

  display: flex;

  box-sizing: border-box;

}



.catalog-img img {

  margin-right: 8px;

  width: 80px;

}



.catalog-search-btn {

  width: 60px;

}



.catalog-cart-btn {

  width: 25%;

}



.catalog-cart {

  text-align: center;

  display: block;

}



.catalog-search-btn {

  background: #333;

  padding: 10px 6px;

  border-radius: 5px;

  color: #fff;

  display: inline-block;

  text-align: center;

  font-size: 12px;

}



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

   responsive

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

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

	h1.top-txt {

    display: none;

}

	.sp-logo {

    margin-top: 5px;

		margin-left: 15px;

}

	header .top-search-wrap {

    padding-top: 0;

}

	header .top-search-wrap .search-wrap-left {

    display: none;

    align-items: center;

}

	header .search-box {

    top: 50px;

    background: #3382af url(../images/sp-search-bg.png)no-repeat 0 0/auto 46px;

}

	.btn-go-wrap img {

    width: 18px;

}

	

header .header-menu {

    justify-content: space-between;

    position: fixed;

    z-index: 100;

    top: 0;

    left: 0;

    width: 100vw;

    padding: 0;

    background: #fff;

    height: 50px;

    align-items: center;

}

	.gnav {

    display: none;

}

	.sp-logo img {

    height:30px;

}

	h1.header-logo {

		display: none;

}

  header .header-logo img {

    max-height: 30px;

}

header .h-tel {

    display: none;

}

  .header {

    height:50px;

    position: relative;

  }

  .header .top-nav {

    flex-direction: column-reverse;

	      height: 0;

	  margin: 0;

  }



  .gnav .account {

    display: none;

  }

	.sp-hmenu {

    display: flex !important;

    justify-content: flex-end;

    margin-right: 45px;

}

	.sp-hmenu li a {

    display: block;

    width: 50px;

    height: 50px;

    margin-right: 5px;

    position: relative;

}

	.sp-hmenu li.sp-tel img {

    width: 20px;

    position: absolute;

    top: 40%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

}

	.sp-hmenu li.sp-cart img {

    height: 28px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

}

	.sp-hmenu li.sp-cart{

		position: relative;

	}

	.sp-hmenu li.sp-cart a {



	}

	.sp-hmenu li a::after {

    content: "TEL";

    font-size: 7.5px;

    position: absolute;

    bottom: -1px;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

}

	.sp-hmenu li.sp-cart a::after {

    content: "カート";

    white-space: nowrap;

    color: #fff;

}

	.sp-hmenu li.sp-cart .cart-badge.cart-count {

    position: absolute;

    width: 18px;

    color: #fff;

    height: 18px;

    background: #7a0404;

    line-height: 17px;

    font-size: 12px;

    text-align: center;

    border-radius: 100%;

    top: 5px;

    right: 6px;

}

	header .search-box::before {

		display: none;

}

.main-visual {

    margin: 0 auto 30px;

    padding: 0 0 20px 0;

    background: none;

}

  .main-visual img {

    height: auto;

    max-width: 100%;

    margin-top: 40px;

  }

.main-visual li {

    padding: 0;

	margin:0;

}

	.bx-wrapper .bx-pager {

    bottom: -18px !important;

}

	.bx-wrapper .bx-pager.bx-default-pager a {

    width: 6px !important;

    height: 6px !important;

    margin: 0 5px !important;

}

  .bx-wrapper {

    margin-bottom: 0 !important;

  }

.bx-wrapper .bx-controls-direction a {

    top: 33% !important;

    width: 16.5px !important;

    height: 61px !important;

}

	.bx-wrapper .bx-prev {

    left: 15px !important;

    background: url(../images/prev.png) no-repeat center !important;

    background-size: 16.5px !important;

}

	.bx-wrapper .bx-next {

    right: 15px !important;

    background: url(../images/next.png) no-repeat center !important;

    background-size: 16.5px !important;

}

	.bx-wrapper .bx-pager.bx-default-pager a {

    width: 12px !important;

    height: 12px !important;

    margin: 0 10px !important;

}

  .contents {

    width: 100vw;

    padding: 0px 0 48px;

	  overflow: hidden;

  }

	.contents.middle-contents {

	padding-top:60px;

}



  .container {

    display: block;

    padding: 0;

  }



  .side {

    width: auto;

    padding-right: 0;

  }



  #g-nav {

    position: fixed;

    z-index: 999;

    top: 50px;

    right: -80%;

    width: 80%;

    height: 100vh;

    background: #fff;

    transition: all 0.6s;

    border-top: 1px solid #ddd;

}



  #g-nav.panelactive {

    right: 0;

  }



  #g-nav.panelactive #g-nav-list {

    position: fixed;

    z-index: 999;

    width: 80%;

    height: 100vh;

    overflow: auto;

    -webkit-overflow-scrolling: touch;

}

.gnav-wrap {



}

	#gnav{

		display: none;

	}

  /*ボタン*/

.openbtn {

    position: fixed;

    z-index: 9999;

    top: 0px;

    right: 0;

    cursor: pointer;

    width: 50px;

    height: 50px;

}



  .openbtn span {

    display: inline-block;

    transition: all .4s;

    position: absolute;

    left: 10px;

    height: 1px;

    border-radius: 2px;

    background-color: #281700;

    width: 23px;

}



  .openbtn span:nth-of-type(1) {

    top: 17px;

}



  .openbtn span:nth-of-type(2) {

    top: 26px;

}



  .openbtn span:nth-of-type(3) {

    top: 35px;

}



  .openbtn.active span:nth-of-type(1) {

    left: 15px;

    transform: translateY(6px) rotate(-45deg);

    top: 20px;

}



  .openbtn.active span:nth-of-type(2) {

    opacity: 0;

  }



  .openbtn.active span:nth-of-type(3) {

    top: 32px;

    left: 15px;

    transform: translateY(-6px) rotate(45deg);

}

/*.openbtn::after {

    content: "メニュー";

    white-space: nowrap;

    font-size: 7.5px;

    position: absolute;

    bottom: -1px;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

}*/

  .search {

    padding: 25px 15px 25px;

    background: none;

    color: #fff;

}

	.h-search {

    position: absolute !important;

    top: 50px;

    width: calc(100% - 30px);

    padding: 6px 15px;

    background: #f4f4f4;

}

	header #search {

    border: 1px solid #ccc;

    width: 100%;

}

	a.btn-go.search-url {

    position: absolute;

    top: 50%;

    right: 25px;

    transform: translateY(-50%);



    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

}



  .search-btn {

    background: #333333;

    color: #fff;

  }

  .search-area select {

    background: #fff;

  }

  .side-section {

    	margin: 0;

	}

	.side-section.footer-section {

    	margin-bottom: 70px;

	}

  .sp-side-section {

    	display: block;

    	padding: 30px 15px 0;

	}

	.sp-side-section .sp-gnav{

		display: flex;

    	justify-content: space-between;

		margin-bottom: 30px;

	}

  .sp-side-section .sp-gnav li {

    text-align: center;

    border: 2px solid #fff;

    width: 48%;

    line-height: 50px;

    font-family: din-2014-narrow, sans-serif;

    position: relative;

}

  .sp-side-section .sp-gnav li a {

    color: #fff;

    display: block;

    position: relative;

    text-indent: 15px;

}

	.sp-side-section .sp-gnav li a::before {

    content: "";

    background: url(../images/sp-member.png);

    width: 21px;

    height: 19px;

    background-size: 21px;

    display: block;

    position: absolute;

    top: 46%;

    left: 50px;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

}

	.sp-side-section .sp-gnav li.login a::before {

    background: url(../images/sp-login.png);

    width: 15px;

    height: 18px;

    background-size: 15px;

    left: 60px;

}

  .sp-side-section .sp-gnav .logout a:before {

    display: inline-block;

    margin-right: 6px;

    color: #fff;

  }

  .sp-side-section .sp-gnav .membership a:before {

    display: inline-block;

    margin-right: 6px;

    color: #fff;

  }

  .sp-side-section .sp-gnav .login a:before {

    display: inline-block;

    margin-right: 6px;

    color: #fff;

  }

.side-contact {

    display: block;

    margin-bottom: 0;

}

	.side-contact li a {

    padding: 11px 30px 16px 14px;

    width: calc(100% - 44px);

    display: block;

    position: relative;

    font-size: 18px;

    font-weight: 500;

    color: #281700;

    background: #f2ede7;

    margin-bottom: 5px;

}

	.side-contact li a::after {

    content: "";

    display: block;

    position: absolute;

    transition: all 0.2s ease-in-out;

    top: 40%;

    right: 20px;

    width: 10px;

    height: 10px;

    border-top: 2px solid #472c21;

    border-right: 2px solid #472c21;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}

	.myp-list {

    background: #fff;

	display: none;

}

	.side-contact .myp-list li a {

    font-weight: normal;

    padding: 10px 40px 10px 20px;

    width: calc(100% - 60px);

    position: relative;

    background: #fff;

    color: #4a4951 !important;

    font-size: 16px;

    border-bottom: 1px solid #ddd;

}

	.side-contact .myp-list a::after {

    content: "";

    display: block;

    position: absolute;

    transition: all 0.2s ease-in-out;

    top: 40%;

    right: 22px;

    width: 8px;

    height: 8px;

    border-top: 1px solid #8b7357;

    border-right: 1px solid #8b7357;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}

	.myp-ttl {

    font-size: 16px;

    letter-spacing: 0.08em;

    line-height: 26px;

    margin-bottom: 8px;

}

	.myp-ttl::before {

    content: "";

    background: url(../images/sp-member-icon.png)no-repeat;

    width: 16px;

    height: 18.5px;

    background-size: 16px;

    display: inline-block;

    margin-right: 5px;

    position: relative;

    top: 2px;

}

	.side-contact li a.accordion2.myp::after {

    -webkit-transform: rotate(135deg);

    transform: rotate(135deg);

}

	.side-contact li .accordion2.myp.on::after {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

	.side-sns {

    display: flex;

    justify-content: space-between;

    margin: 30px auto 100px;

    width: calc(100% - 30px);

}

	.side-sns img {

    max-width: 40px;

}

	.sp-border {

    position: relative;

}



  .side-category-list a {

    color: #fff !important;

  }



  .category-list-title, .side-category-item {

    color: #fff;

    margin-bottom: 5px !important;

}

	.side-category-child-itemose li {

    border-bottom: none;

    margin-bottom: 0 !important;

}

	.category-list-title {

    text-align: left;

    margin-bottom: 15px;

    border-bottom: none;

    padding-top: 15px;

}

	.category-list-title span {

    font-size: 13px;

    margin-top: -10px;

}



  .side-category-item p:before {

    background-color: #fff;

  }

  .side-category-item p:after {

    background-color: #fff;

  }

  .side-category-item p.on {

    width: 96%;

    background: #333333;

    color: #fff;

    padding-left: 10px;

    padding-right: 18px;

  }



  .side-contact a {

    color: #281700;

  }



  .makeshop-calendar1,

  .makeshop-calendar2 {

    background: none;

  }

  .makeshop-calendar1 tr,

  .makeshop-calendar2 tr {

    text-align: center;

    font-size: 12px;

  }

  .makeshop-calendar1 thead tr th,

  .makeshop-calendar2 thead tr th {

    padding-bottom: 8px;

  }

  .makeshop-calendar1 tbody tr td,

  .makeshop-calendar2 tbody tr td {

    padding-bottom: 2px;

  }



  .calendar-wrap {

    width: 75%;

    margin: 0 auto;

    margin-top: 30px;

    margin-bottom: 40px;

  }

  .calendar-wrap div {

    background: #fff;

  }



  .calendar-title {

    margin-bottom: 0;

  }



 

.sub-bnr ul li {

    margin-bottom: 10px;

}

	.sub-bnr {

    margin-bottom: 60px;

}

	.index-news p {

    font-size: 16px;

}

	.main {

    width: 100%;

  }

h2.main-ttl {

	font-size: 23px;

}

	h2.main-ttl span {

    margin-left: 10px;

}

.main-section.review-wrap.border .main-ttl {

    padding: 0 15px 20px;

}

.main-section.border {

    padding-top: 30px;

    padding-bottom: 40px;

}

	.main-section.checked-wrap.border {

    padding-bottom: 0;

}

	.top-container .item-list {

    margin-top: 10px;

}

  .item-list {

    display: flex;

    flex-wrap: wrap;

  }

  .item-list li {

    width: calc((100% - 16px) / 2 );

    margin-bottom: 20px;

    margin-right: 16px;

    position: relative;

  }

	.item-name a {

    line-height: 23px;

}

  .item-list li img {

    width: 100%;

    max-height: 100%;

    object-fit: cover;

    margin-bottom: 4px;

}



.news-list li {

    padding: 7px 0;

}





  .news-wrap {

    display: block;

  }



  .news-date {

    width: 100%;

    margin-bottom: 0;

}



	.news-more a {

    font-size: 14px;

    display: block;

    padding-bottom: 5px;

    padding-right: 15px;

    border-bottom: 2px solid #111;

    position: relative;

}

	.news-more a::after {

    content: "";

    display: block;

    position: absolute;

    transition: all 0.2s ease-in-out;

    top: 30%;

    right: 0;

    width: 6px;

    height: 6px;

    border-top: 2px solid #111;

    border-right: 2px solid #111;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}

	.index-review-list {

    	margin-top: 0px;

	}

  .index-review-list li {

    display: block;

    margin-bottom: 20px;

    padding: 23px 30px;

}

	.index-review-list li .index-review-image {

    float: left;

}

	.review-list-unit .review-star {

    display: inline-block;

}

	.review-list-info-wrap::after {

    content: "";

    clear: both;

    display: block;

}

	.review-list-content-wrap {

    margin-top: 10px;

}

  .review-index-score {

    display: block;

  }

  .review-index-score .review-score {

    display: none;

  }

  .review-index-score .review-list-unit,

  .review-index-score .review-list-name {

    margin-bottom: 5px;

  }

  .review-index-score .review-list-date {

    margin: 5px 0 12px;

  }



	section.main-section.topnews-wrap {

    padding: 20px 15px;

    margin: 10px 0 40px;

    flex-wrap: wrap;

}

	section.main-section.topnews-wrap>.news-left {

    width: 100%;

    position: relative;

    padding-right: 0;

}

	section.main-section.topnews-wrap>.news-right {

    width: 100%;

		margin-top: 35px;

}

	section.main-section.topnews-wrap>.news-right ul li {

    margin-bottom: 13px;

    width: 48%;

}

	.news-more {

    text-align: right;

    position: absolute;

    top: -42px;

    right: 0;

}

  .main-category-list {

    width: 95%;

  }

  .main-category-list li {

    display: block;

    vertical-align: middle;

    margin-bottom: 0;

    border-bottom: 1px solid #B5B5B5;

    width: 95%;

    padding: 12px 0;

  }

  .main-category-list li a {

    padding: 0 5px;

  }

h2.rank-ttl {

    height: 48px;

    background: #6eb1ce url(../images/sp-rank-ttl-bg1.png)no-repeat;

    color: #fff;

    text-align: center;

    line-height: 53px;

    font-size: 19px;

    letter-spacing: 0.1em;

    font-weight: bold;

    z-index: 1;

    position: relative;

    background-size: 100%;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    border: 2px solid #6eb1ce;

}

	h2.rank-ttl::after {

    content: "";

    background: url(../images/sp-rank-ttl-bg2.png)no-repeat;

    width: calc(100% + 1px);

    height: 20px;

    display: block;

    background-size: cover;

    position: relative;

    top: -7px;

    left: -1px;

}

	h2.rank-ttl span::after {

    content: "";

    background: url(../images/sp-rank-ttl-icon2.png);

    width: 38px;

    height: 29px;

    background-size: contain;

    display: block;

    position: absolute;

    right: -48px;

    top: 13px;

}

	h2.rank-ttl span::before {

    content: "";

    background: url(../images/sp-rank-ttl-icon1.png);

    width: 43px;

    height: 29px;

    background-size: contain;

    display: block;

    position: absolute;

    left: -45px;

    top: 12px;

}

	

	.ranking-wrap .item-list li {

    width: calc((100% - 16px) / 2 );

    margin-bottom: 20px;

    margin-right: 16px;

    position: relative;

}

	.item-list-image {

    background: #fff;

}

	.item-list li:nth-child(3n) {

    margin-right: 16px;

}

	

	.ranking-wrap .item-list li:nth-child(5n) {

    margin-right: 16px;

}

	.ranking-wrap .item-list li:nth-child(2n) {

    margin-right: 0;

}

	  .item-list li:nth-child(2n) {

    margin-right: 0;

  }

	

	.price {

    font-size: 14px;

}

.ranking-icon {

    top: -1px;

    left: 0px;

    width: 30px;

    height: 40px;

    line-height: 34px;

    font-size: 20px;

    background: url(../images/rankbg.png);

    background-size: 30px;

}

	.rank-1 {

    background: url(../images/rank1.png);

    background-size: 30px;

	color:#fff;

}

	.rank-2 {

    background: url(../images/rank2.png);

    background-size: 30px;

	color:#fff;

}

	.rank-3 {

    background: url(../images/rank3.png);

    background-size: 30px;

	color:#fff;

}

	section.main-section {

    margin-bottom: 0;

		padding:0 15px;

}

	.main-section.index-news ul {

    justify-content: center;

}

	.main-section.index-news ul li {

    margin-bottom: 10px;

}

	.index-category-list {

    margin-top: 10px;

}

	.index-category-list li {

    width: calc(100% / 2 - 10px);

    margin-right: 15px;

    height: 170px;

    margin-bottom: 15px;

	}

	.main-section.movie-wrap.border {

    	padding: 30px 15px 0;

	}

	h2.main-ttl.movie-ttl {

    font-size: 23px;

}

	.movie-list {

    flex-wrap: wrap;

}

	.movie-list li:first-child {

    margin-right: 0;

    width: 100%;

}

	.movie-list li:first-child img{

		width:100%;

	}

	.movie-list li:first-child iframe {

    width: 100%;

    height: 215px;

}

	.movie-list li:last-child {

    margin-top: 20px;

}



	.movie-list a {

    max-width: 100%;

    line-height: 55px;

}

	.main-section.producer-wrap.border {

    padding: 20px 15px 50px;

}

	.main-section.producer-wrap.border ul {

    flex-wrap: wrap;

}

	.main-section.producer-wrap.border ul li {

    width: calc((100% - 16px) / 2 );

    margin-bottom: 20px;

    margin-right: 16px;

}

	.main-section.producer-wrap.border ul li img {

    width: 100%;

}

	.main-section.producer-wrap.border ul li:nth-child(2n) {

    margin-right: 0;

}

	

	

.index-category-list .index-category-item a {

    background-size: auto 140px !important;

}

	



	.index-category-list li:nth-child(3n + 1) {

    margin-right: 15px;

}	

	.index-category-list li:nth-child(2n + 1) {

    margin-right: 0;

}

	.index-category-list li a span {

    display: block;

    line-height: 27px;

    text-align: center;

    color: #fff;

    font-size: 14px;

    font-family: 'Kosugi Maru', sans-serif;

    letter-spacing: 0.075em;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

}

	#footer_guideWrap {



}

	#footer_guide {

    width: calc(100% - 30px);

    margin: 0 auto;

    overflow: hidden;

    padding: 0 15px;

}

  .footer {

    width: 95%;

    display: block;

    padding: 44px 0 24px;

}

	#footer_guideWrap h2 {

    margin: 30px 0 25px;

    padding: 0;

    text-align: left;

}

	#footer_guideWrap h2.main-ttl span {

    top: -10px;

}

  .footer img {

    margin-bottom: 20px;

  }

	#footer_guidebig {

    flex-wrap: wrap;

}

.footer_guide_small {

    display: flex;

    flex-wrap: wrap;

    width: 100%;

	margin-left:0 !important;

	margin-right:0 !important;

}

	.footer_guide_small>li {

    margin-bottom: 25px;

    width: 100%;

    margin-right: 0;

    height: auto;

    padding: 0 15px 0;

}

	.footer_guide_small.size350>li {

    height: auto;

}

	.footer_guide_small p {

    font-size: 16px;

    line-height: 28px;

    letter-spacing: 0.1em;

}

	.f-button {

    font-size: 16px;

}

	.payment_big.conv .payment_iconWrap {

    width: 80%;

}

	ul.footer_guide_small:last-child {

    margin-left: 0;

}

  .footer-nav {

    display: flex;

    margin-top: 20px;

    flex-wrap: wrap;

    width: calc(100% - 12px);

    padding-bottom: 10px;

    border-bottom: 1px solid #ddd;

}

	.footer-nav a {

    padding: 0 10px;

}

  .footer-nav li {

    margin-right: 0;

}

	.footer-nav li:first-child {

    order: 3;

}

	.footer-nav li:nth-child(2) {

    order: 1;

}

	.footer-nav li:nth-child(3) {

    order: 2;

}

	.footer-nav li:nth-child(4) {

    order: 4;

}

	.daibiki {

    font-size: 14px;

}

	.daibiki dt {

    width: 180px;

}

	.daibiki dd {

    width: calc(100% - 242px);

}

	#footer {

    flex-wrap: wrap;

}

	.f_info_wrap {

    margin: 0 15px;

		flex-wrap: wrap;

}

	#f_nav {

    justify-content: center;

}

	.f_info_wrap address {

    display: none;

}

	.f-sns {

    margin: 0 auto;

}

	address {

    width: calc(100% - 30px);

    text-align: center;

    margin: 15px 15px 0;

    font-size: 8px;

}



  .breadcrumb {

    margin-bottom: 20px;

    padding: 0 15px;

}



  .category-title {

    display: block;

    justify-content: space-between;

    flex-wrap: wrap;

  }

  .category-title dl {

    margin-bottom: 20px;

  }

	.category-child-item {

    margin: 0 15px 0px;

}



  .category-child-item li {

    width: calc(100% / 2 - 10px);

    margin: 0 0 20px 0;

}



  .detail {

    padding: 0;

	flex-wrap: wrap;

  }



  .item-image {

    width: calc(100% - 30px);

   	 margin: 0 auto;

	}



  .main-image {

    width: 100%;

  }





  .choice-btn {

    width: 100%;

  }

  .choice-btn li {

    width: calc(93% / 5) !important;

    margin-right: 6px;

  }

  .choice-btn .slick-track {

    width: 100% !important;

  }



  .choice-btn li img {

    width: 100% !important;

    height: 65px;

  }



  .add-image-list {

    width: 100%;

    margin-right: 0;

    margin-bottom: 40px;

  }

  .add-image-list img {

    height: auto;

    object-fit: cover;

  }

	.add-description {

    font-size: 14px;

    line-height: 26px;

}

  .add-image-list:nth-child(2n) {

    margin-right: 0;

  }

  .add-image-list:last-child {

    margin-bottom: 0;

  }



  .group-review-section {

    width: calc(100% - 30px);

    padding: 20px 15px;

}



  .group-item-list {

    justify-content: space-between;

  }

  .group-item-list li {

    width: calc((100% - 16px) / 2 );

    margin-bottom: 40px;

    margin-right: 0;

    position: relative;

  }

  .group-item-list li img {

    height: auto;

  }



  .item-detail {

    width: calc(100% - 30px);

    padding-left: 0;

    margin: 0 15px;

}

  .item-detail .item-title {

    margin-top: 20px;

}

  .item-detail .item-category-name {

    font-size: 14px;

  }



  .slick-prev,

  .slick-next {

    border-top: 2px solid #ccc;

    border-right: 2px solid #ccc;

  }



  .slick-prev:after {

    display: none;

  }



  .slick-next:after {

    display: none;

  }



  .item-price-wrap {

    margin-bottom: 8px;

  }

  .item-price-wrap .item-tax {

    font-size: 12px;

  }



  .item-point {

    font-size: 12px;

    margin-bottom: 8px;

  }



  .item-sell-text {

    margin: 20px 0;

  }



  .item-option {

    margin-bottom: 12px;

  }



  .makeshop-option-select {

    width: 100%;

  }



  .nameprint-area {

    margin-bottom: 40px;

  }

  .nameprint-area .nameprint-text input,

  .nameprint-area .nameprint-text textarea {

    width: 100%;

  }



  .item-share {

    margin-bottom: 40px;

  }



  .review-category-title {

    margin-bottom: 20px;

  }



  .item-review-list li {

    margin-bottom: 30px;

  }



  .review-item-wrap {

    margin-bottom: 30px;

  }



  .review-form-wrap {

    width: 100%;

  }



  .review-form {

    display: block;

    align-items: center;

    margin-bottom: 30px;

  }

  .review-form:last-child {

    margin-bottom: 60px;

  }

  .review-form dt {

    width: 100%;

    margin-bottom: 8px;

  }

  .review-form dd textarea {

    width: 98%;

  }

	.item-description2 {

    	padding: 0 15px;

	}

	.add-image-section {

    margin-bottom: 0px;

    padding: 0 15px;

}

	.review-section {

    padding: 15px 15px 0px;

}

	.group-item-section {

    padding: 15px 15px 0;

    margin-bottom: 40px;

    background: url(../images/sp-nweitem-bg.png)no-repeat right top/60%,url(../images/sp-f-bg.png) right center;

}

  .add-cart {

    display: block;

    margin: 0 0 16px;

  }

  .add-cart .item-stock {

    margin-right: 0;

    margin-bottom: 8px;

  }

  .add-cart .btn {

    width: 100%;

    font-size: 18px;

  }



  .sku-cart .btn {

    font-size: 14px;

    min-width: 160px;

  }



  .item-contact::before {

    display: none;

  }



  .item-info-list li dt {

    width: 40%;

  }

  .item-info-list li dd {

    width: 60%;

  }





  .checked-item-list {

    justify-content: space-between;

	 margin-top: 20px;

  }

  .checked-item-list li {

    width: calc((100% - 16px) / 2 );

    margin-right: 0;

    margin-bottom: 40px;

    justify-content: space-between;

  }

  .checked-item-list li img {

    width: 100%;

    height: 170px;

  }

    .middle-ttl {

    font-size: 40px;

    padding: 0 15px;

}

  .cart {

    margin-bottom: 40px;

  }



  .cart-section-title {

    padding-top: 0;

  }



  .free-shipping-wrap {

    text-align: left;

  }



  .cart-list-table {

    width: calc(100% - 30px);

    margin: 30px 15px 0;

    padding: 0;

	  border-top: 1px solid #eee;

}

  .cart-list-table th {

    display: none;

  }

  .cart-list-table tbody td {

    width: 100%;

    display: block;

    padding: 0;

    margin-bottom: 6px;

  }

	.cart-list-table tbody tr {

    display: flex;

    flex-wrap: wrap;

}

  .cart-list-table tbody td:first-child {

    width: 100%;

	  padding-top:20px;

  }

	.item-cart-quantity {

    	padding-left: 112px !important;

		text-align: left;

	}

	.item-cart-price {

    text-align: left !important;

    padding-left: 112px !important;

}

	.item-cart-subtotal {

    text-align: right;

}



  .item-cart-price {

    font-size: 16px;

    text-align: right;

  }



  .item-cart-quantity input {

    margin-right: 8px;

  }



  .item-cart-delete {

    float: none;

    padding-left: 20px;

    display: block;

    margin-bottom: 15px;

}

.item-cart-delete span {

    font-size: 14px;

    font-weight: normal;

    color: #6d6d6d;

    text-decoration: underline;

}







  .cart-total {

    display: flex;

  }



  .cart-total-title {

    margin: 0 !important;

  }

	.cart-button-wrap {

    flex-wrap: wrap;

    width: 75%;

    margin: 40px auto;

}

	.cart-button-wrap li {

    width: 100%;

}

	.cart-button-wrap .cart-back-button {

    order: 1;

}

	.cart-button-wrap .cart-button a {

    width: 100%;

}

	.cart-button-wrap .cart-back-button a {

    width: 100%;

    position: relative;

    margin: 15px auto;

    font-weight: bold;

}

	.cart-button-wrap .cart-back-button a:before{

		display: none;

	}

  .cart-total-price-wrap {

    text-align: right;

  }



  .cart-button-wrap .cart-button a {

    width: 100%;

  }



  .guide-section {

    width: 100%;

    margin: -60px auto 50px;

    padding-top: 60px;

}

	.guide-link {

    display: flex;

    justify-content: space-between;

    margin-bottom: 50px;

    flex-wrap: wrap;

}

	.guide-link li {

    width: 100%;

    text-align: center;

    margin-right: 0;

    margin-bottom: 10px;

}

	.guide-inner h4 {

    font-size: 18px;

}

	.guide-section .return-wrap {

    border: 1px solid #ddd;

    display: inline-block;

    padding: 15px 10px 6px 15px;

    margin: 10px 0 10px 15px;

}

	.guide-section .guide-section-title {

    padding: 15px 0px 20px;

	}

	.guide-inner {

    padding: 0;

}

	.shipping-wrap {

    overflow: scroll;

}

	.guide-section .shipping-list tbody th {

    line-height: 30px;

	vertical-align: middle;

}

	.guide-section .shipping-list tbody td {

    vertical-align: middle;

}

	.guide-section .bank dd {

    padding: 15px;

}

  .comapany-box {

    width: 100%;

  }

	#company .section {

    width: 100%;

}

	.company-list {

    width: 100%;

    margin: 0;

}

	.company-list tr {

    display: flex;

    flex-wrap: wrap;

}

	

	.company-list th {

    width: 100%;

    border-right: none;

    text-align: left;

    padding-left: 20px;

	background: #f4f4f4;

}

	.company-list tr:first-child th {

    border-top: none;

}

	.company-list tr:first-child tｄ {

    border-top: none;

}

	.company-list td {

    width: 100%;

}

	.company-list td h5 {

    width: 100%;

    padding: 10px 0;

}

	.licence {

    width: 100%;

}

  .contract-section {

    width: 100%;

	  margin:0;

  }

.map-wrap {

    margin: 0;

}

  .policy-box {

    width: 100%;

  }





	.middle-ttl {

    padding: 0;

}



	.contract-section dt {

    padding: 15px;

    background: #f4f4f4;

    border-right: none;

    text-align: left;

    width: calc(100% - 30px);

}

	.contract-section dt:first-child {

     border-top: none;

}

	.contract-section dd {

    padding: 15px;

    border-bottom: none;

    width: 100%;

}

  select::-ms-expand {

    display: none;

  }



  .makeshop-option-select-wrap {

    position: relative;

    background: #ffffff;

  }

  .makeshop-option-select-wrap::before {

    position: absolute;

    top: 10px;

    right: 8px;

    content: '';

    border-left: 6px solid transparent;

    border-right: 6px solid transparent;

    border-top: 6px solid #666666;

    pointer-events: none;

  }



  select {

    width: 100%;

    padding-right: 1em;

    cursor: pointer;

    text-indent: 0.01px;

    text-overflow: ellipsis;

    border: none;

    outline: none;

    background: transparent;

    background-image: none;

    box-shadow: none;

    -webkit-appearance: none;

    appearance: none;

  }



  .catalog-info-wrap {

    width: 100%;

  }



  .catalog-img {

    margin: 10px 0 4px;

  }



  .catalog-list,

  .catalog-list td,

  .catalog-list th {

    border-collapse: collapse;

    text-align: center;

  }



  .catalog-list thead th {

    display: none;

  }



  .catalog-list td {

    padding: 8px 12px;

    display: block;

  }



  .catalog-list td[data-title]::before {

    color: #666;

    content: attr(data-title) "";

    font-weight: bold;

    padding: 0 10px 0 0;

    display: inline;

  }

	.sort-wrap {

    flex-wrap: wrap;

}

	.total-count {

    text-align: center;

    width: 100%;

		margin-bottom: 5px;

}

	.category-title2 .search {

    padding: 20px 15px 16px;

    color: #333;

    width: 100%;

    margin-left: -15px;

}

		.category-title2 .search-area li {

    width: 100%;

		flex-wrap: wrap;

}

	.category-title2 .search-area li label {

    width: 100%;

    margin-bottom: 0;

}

	.category-title2 .search-area li:first-child {

    order: 2;

}

	.category-title2 .search-area li:nth-child(2) {

    order: 3;

}

	.category-title2 .search-area select {

		-webkit-appearance: none;

  appearance: none;

    background: #fff url(../images/select.png)no-repeat 97% 50%;

    background-size: 11.5px;

}

	.category-title2 .search-btn {

    width: 245px;

}

	.list-head-sort {

    margin-bottom: 20px;

}

	input.search-price {

    width: 44%;

}

	.search-area label {

    margin-bottom: 2px;

}

	.search-area li.side-key {

    	display: block;

	}

  .search-btn {

}

	.f-cat {

    	margin: 0 12px 70px;

	}

	.f-cat .side-category-list {

	display: block;

	border: 2px solid #3382af;

		margin-top: -1px;

}

	.side-category-child-itemose,

	.side-category-grandchild-item {

    display: none;

}

	.side-category-list {

    margin-bottom: 0;

}

	.side-category-item p, .side-category-item a {

    padding: 11px 30px 16px 14px;

    width: calc(100% - 44px);

    font-size: 18px;

    font-weight: 500;

    position: relative;

    background: #8b7357;

}

	.footer-section .side-category-list a {

    color: #281700 !important;

    padding: 11px 30px 16px 14px;

    font-size: 17px;

    background: #f2ede7;

}

	.footer-section .side-category-list>.side-category-item>a::after,

	.footer-section .side-category-list>.side-category-item>a::before {

    border-top: 2px solid #472c21;

    border-right: 2px solid #472c21;

}

	.side-category-item a.child-item {

    font-weight: normal;

    padding: 10px 40px 10px 20px;

    width: calc(100% - 60px);

    position: relative;

    background: #fff;

    color: #4a4951 !important;

    font-size: 16px;

}

.side-category-item a.child-item::before {

    right: 20px;

    width: 8px;

    height: 8px;

}

	.side-category-list>.side-category-item>a::after,

	.side-category-list>.side-category-item>a::before {

    right: 18px;

    border-top: 2px solid #fff;

    border-right: 2px solid #fff;

}

	.f-cat .side-category-item p.on {

    width: calc(100%  - 45px);

}

	.f-cat .side-category-item a.child-item {

    background: #fff;

    font-weight: normal;

    text-decoration: underline;

    padding: 9.7px 10px 9.7px 40px;

    width: calc(100% - 50px);

    border-bottom: 1px solid #6eb1ce;

    position: relative;

    font-size: 16px;

    font-weight: bold;

}

	.f-cat ul.side-category-child-item li:last-of-type a {

    border: none;

}

	.f-cat .side-category-item p:after {

    top: 23px;

    right: 15px;

    margin: auto;

    width: 9px;

    height: 9px;

}

	.f-cat .side-category-item p.on:after {

    background-color: transparent;

    border-top: 2px solid #fff;

    border-right: 2px solid #fff;

    top: 30px;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

	.f-cat .category-list-title {

    font-size: 20px;

    color: #fff;

}

	.f-cat .category-list-title, .f-cat .side-category-item {

    border-bottom: 1px solid #6eb1ce;

}

	.f-cat .accordion {

    border: none;

}

	

	.pageTop {

    height: 45px;

		width:45px;

    position: fixed;

    right: 10px;

}

	.pageTop a {

    height: 45px;

    width: 45px;

}

	.pageTop a::before {

    right: 14px;

    top: 17px;

}



	.f-snsbox {

    display: flex;

    width: 100%;

    justify-content: center;

    flex-wrap: nowrap;

}

	.f-snsbox a {

    display: block;

    width: 32px;

    padding: 0 5px;

}

	.f-snsbox a img {

    width: 32px;

    margin-bottom: 0;

}

	.footer-section.side-section h3 {

    color: #333;

    font-size: 50px;

    letter-spacing: 0.04em;

    padding: 0;

    font-family: 'Sun zoom spark', sans-serif;

    text-align: center;

    border-bottom: 2px solid #111;

    width: 100vw;

    position: relative;

}

	.spcal-wrap.sp-hmenu {

    margin-right: 0;

		width:100%;

}

	.calendar-wrap {

    width: 45%;

	margin-top: 0;

}

	.f-logo {		

    flex-wrap: wrap;

    justify-content: center;

    margin-top: 5px;

		width:100%;

}

	.add-wrap {

    margin: 25px auto 20px;

    text-align: center;

    width: 100%;

}

	div.f-mail-wrap {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    width: 100%;

}

	a.f-mail {

    margin-right: 0;

}

	.f-sns {

    width: 100%;

    text-align: center;

    margin: 10px auto 20px;

    justify-content: center;

}

	.f-sns img {

    max-width: 33px;

}

	.f-link-wrap {

    flex-wrap: wrap;

		justify-content: center;

}

	#f_nav {

    justify-content: center;

    flex-wrap: wrap;

    width: calc(100% - 60px);

    padding: 0 30px;

}

	.pager-wrap {

    flex-wrap: wrap;

		justify-content: center;

}

	.total-count {

    margin-bottom: 20px;

}

	.pager {

    display: flex;

    justify-content: center;

}

	.section-title.news-title {

    padding: 0 0 5px;

}

	.news-section {

    margin-top: 0;

}

	

	.pc{display: none !important;}

.sp{display: block !important;}

	.sp-hmenu {

    display: flex !important;

}

}





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

  .header .header-menu {

    

  }

header .top-nav {

    max-width: 100%;

}

	header .top-search-wrap {

    max-width: 100%;

}

  .main-visual img {

    

  }



  .main-image img {

    

  }



  .item-list li img {

    height: auto;

  }

	.ranking-wrap .item-list li img {

    height: auto;

}

	ul.minibnr-list img {

 	   width: 100%;

}

  .checked-item-list li img {

    height: auto;

  }



  .sku-option-title {

    width: 100px;

  }



  .sku-cart {

    min-width: 400px;

  }



  .choice-btn li:nth-child(5n) {

    margin-right: 8px;

  }

  .choice-btn li:nth-child(10n) {

    margin-right: 0;

  }

	.movie-list li:first-child iframe {

    width: 100%;

    height: 400px;

}

}

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

  .header .header-menu {

    padding: 20px 20px;

  }



  .choice-btn li {

    width: 56px !important;

    margin-right: 4px;

  }



  .choice-btn li img {

    width: 56px !important;

    height: 56px;

  }



  .sku-cart .btn {

    min-width: 120px;

  }

}




.item-description-attention{

font-size: 20px;

color: #ff0000;

}



.item-description-attention_2{

font-size: 20px;

font-weight:bold;

color: #ff0000;

}