@charset "UTF-8";
/* CSS Document */
/* -----------------------------------------------------------------
   reset
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
----------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, em, img, 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, section, summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul, li {
  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; }

pre {
  text-align: left;
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line; }

img[width="0"], img[width="1"] {
  display: none; }
  
  
  
.transition-01{ 
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.transition-02{ 
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.transition-03{ 
	-webkit-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
}

/* -----------------------------------------------------------------
   module font-family: 'Noto Sans Japanese';
----------------------------------------------------------------- */
body {
  background: #fff;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-size: 100%;
  line-height: 1.6;
  color: #333;
  height: 100%;
  text-align: center;
  position: relative;
  width: 100%; }

a {
  color:#0071bc;
  transition: .2s; }

a:hover {
  opacity: 0.6;
  text-decoration: underline; }

a[class$="btn"], a.header-incart-switch {
  text-decoration: none !important; }

input[type="text"],
select {
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 6px;
  font-size: inheirt;
  font-family: 'Noto Sans Japanese';
  box-sizing: border-box; }

select {
  width: 100%; }

.pre-wrap {
  word-break: break-all; }



.inner{max-width: 1200px; margin: 0 auto;position: relative; padding: 0 10px}
img{max-width: 100%; height: auto;vertical-align: bottom}


.cols-2{font-size:0;}
.cols-2 .col{font-size:14px; display: inline-block; vertical-align: top; width :50%}

.cols-3{font-size:0;}
.cols-3 .col{font-size:14px; display: inline-block; vertical-align: top; width :33.33333%}

.cols-4{font-size:0;}
.cols-4 .col{font-size:14px; display: inline-block; vertical-align: top; width :25%}

.cursor{cursor:pointer}

#window-size{position: fixed; bottom:10px; left: 10px; width: 200px; background-color: #fff; font-size: 16px; font-weight: bold; z-index: 9999; text-align: center;padding: 10px;display: none}

/** ***********************************************

Header

*********************************************** **/
header{position: relative}
#bt-nav-os{display: none}

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

#hd-1 .bt-contact{display: none}

#bt-nav-os{position: absolute; top:20px; right: 10px; padding: 10px; border-radius: 3px; z-index: 99999; display: block}
#bt-nav-os{display: block}
#bt-nav-os .item-01{border-top:solid 2px #000;width:30px; display:block}
#bt-nav-os .item-02{border-top:solid 2px #000;width:30px; display:block; margin-top:8px}
#bt-nav-os .item-03{border-top:solid 2px #000;width:30px; display:block; margin-top:8px}
#bt-nav-os.on .item-01{
	-webkit-transform: rotate(-40deg);
	transform: rotate(-40deg);
	transform-origin:right;
	border-top:solid 2px #fff;
}
#bt-nav-os.on .item-02{width:0}
#bt-nav-os.on .item-03{width:30px;
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
	transform-origin:right;
	border-top:solid 2px #fff;
}







}

#hd-catch{background-color:#232F3E; text-align:center; padding:8px 0; position:relative}
#hd-catch p{font-size:16px; color:#de1c24; font-weight:bold; letter-spacing: 1px}
#hd-catch a{font-size:16px; color:rgba(204,0,0,1.00); font-weight:normal}
#hd-catch a.bt-01{color:#fff; border:solid 1px #fff; margin-left:10px; font-size:12px; display:inline-block; padding:5px 10px; border-radius:3px}
#hd-catch a.bt-01:hover{background-color:#fff;color:#232F3E;opacity: 1;text-decoration: none}


@media screen and (max-width: 500px) {
#hd-catch p{font-size:12px}
#hd-catch a.bt-01{font-size:10px;}
}



#hd-main{padding:10px 10px}
#hd-main .col-1{width:25%; text-align:center}
#hd-main .col-2{width:50%; text-align:center; padding:0 10px}
#hd-main .col-3{width:25%}
#logo{text-align: center}
.shopname{font-size: 10px; background-color: #de1c24; color:#fff; border-radius: 2px; font-weight: normal}

#hd-main .free-shipping{font-weight:bold; font-size:16px; margin-bottom:5px;color:#de1c24}
#hd-main .free-shipping span{font-size: 10px}



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

#hd-main{padding:10px 10px}
#hd-main .col-1{width:80%;}
#hd-main .col-2{width:100%; text-align:left; padding:0;}
#hd-main .col-3{width:100%;display: none}

#hd-main .free-shipping{font-weight:bold; font-size:12px; margin-bottom:5px;color:#de1c24}
#hd-main .free-shipping span{font-size: 10px}

}




.wrap-search{border:solid 1px #ddd;padding: 0 ;text-align: left;position:relative}
.wrap-search .cat{width: 20%; display: inline-block;text-align: center;color:#fff; font-size: 12px; font-weight: bold;background-color: #232F3E;padding: 8px;position: relative; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 10px;vertical-align: top}
.wrap-search input.sc-txt{width: 74%; display: inline-block; border:none;border-radius: 0;font-size: 14px;outline: none;vertical-align: top;font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";}
.wrap-search .fa-search{color:#000;vertical-align: middle;padding-top: 8px}
.wrap-search .cat .fa-caret-down{position: absolute; right:0px; top:50%; margin-top: -5px}
.show-cat{display: none; position: absolute; top:10px ;left: 0; text-align: left;width:200px;background-color: #eee;padding: 10px 0; z-index: 10;box-shadow: 0px 0px 2px 2px #ccc}
.show-cat li{font-size: 12px;margin-bottom: 3px;cursor:pointer;padding: 1px 10px; color:#333;font-weight: normal}
.show-cat li:hover{background-color: #e25a24; color:#fff}

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

.wrap-search{border:solid 1px #232F3E;padding: 0 ;text-align: left;position:relative;font-size: 0;background-color: #232F3E}
.wrap-search .cat{display: none}
.wrap-search input.sc-txt{width: 90%;background-color: #fff;font-size: 12px}
.wrap-search .fa-search{color:#000;vertical-align: middle;padding: 8px;background-color: #232F3E;display: block;width: 10%;text-align: center;position: absolute; top:0; right:0;color:#fff;font-size: 14px}

}



#user-menu{padding-bottom:6px }
#user-menu li{display:inline-block; font-weight:bold; position:relative}
#user-menu li a{font-size:12px; border-left:solid 1px #ddd; padding:0 6px 0 8px;color:#333;text-decoration: none}
#user-menu li:last-child a{padding:0 0 0 8px}
#user-menu li:first-child a{border-left:none}

#hd-main .sub{position:absolute; top:38px; right:0; background-color:#fff; width:150px;  border:solid 1px #ddd;-webkit-box-shadow: 2px 3px 3px #666;-moz-box-shadow: 2px 3px 3px #666;-o-box-shadow: 2px 3px 3px #666;box-shadow: 2px 3px 3px #666; display:none; 
z-index:999}
#hd-main .sub li a{font-size:12px; padding:8px; border-top:solid 1px #ddd; display:block; background-color:#fff;font-weight:bold; }
#hd-main .sub li:first-child a{border-top:none}
#hd-main .fusen{position:absolute; top:-10px; font-size:12px; left:50%; font-style:normal; color:#ddd; z-index:-1}




.bt-cart{background-color: #e25a24; color:#fff; padding: 8px 5px;  font-size: 14px;font-weight: bold; width: 80%; text-decoration: none;display: block;position: relative;margin: 0 auto}
.bt-cart:hover{opacity:.8; color:#fff;text-decoration: none}
.bt-cart i{position: absolute; top:50%; left: 15px;margin-top: -10px; font-size: 18px}

.bt-cart .item-num{font-size:12px; font-weight:normal;  display:block; vertical-align:middle; padding:2px 5px 0; text-align:center;height:20px ; width:20px; position:absolute; top:50%; margin-top: -10px; right:15px; background-color:#fff; color:#333;border-radius: 100%}


.quick{background-color: #f5f5f5; border-top:solid 1px #eee; padding: 10px;text-align: left; font-size: 13px}
.quick a{text-decoration: none; font-weight: bold;font-size: 13px}

.txt-outlet{font-size: 20px;padding: 6px;background:#e25a24; background: linear-gradient(25deg, rgba(238,36,36,1.00) , rgba(252,234,31,1.00));
color:#fff;font-weight: bold;letter-spacing: 3px
}

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

.quick{background-color: #f5f5f5; border-top:solid 1px #eee; padding: 10px;text-align: left; font-size: 8px!important;overflow-x: auto;overflow-y:hidden; -webkit-overflow-scrolling:touch;overflow-scrolling: touch}
.quick .inner{width: 1200px;font-size: 8px}
.quick a{text-decoration: none; font-weight: bold;font-size: 8px!important}

.txt-outlet{font-size: 12px}

}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {background:#de1c24}





/** お知らせ部分 **/
.notice{margin-bottom: 20px; border: solid 3px rgba(237,27,37,1.00)}
.notice .title{ background-color: rgba(237,27,37,1.00); color:#fff; font-size: 16px; padding: 10px}
.notice .content{padding: 20px; text-align: left}
.notice .content p{margin-bottom: 1em}
.notice .content p:last-child{margin-bottom: 0}

.bold{font-weight: bold}
.red{color:rgba(237,27,37,1.00)}

.bns{margin-bottom: 30px}
.bns a{display: block; margin-bottom: 20px}


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

.notice{margin-bottom: 20px; border: solid 3px rgba(237,27,37,1.00)}
.notice .title{ background-color: rgba(237,27,37,1.00); color:#fff; font-size: 14px; padding: 10px;text-align: left}
.notice .content{padding: 10px; text-align: left}
.notice .content p{margin-bottom: 1em;font-size: 14px}
.notice .content p:last-child{margin-bottom: 0}

}





.shop-name {
  margin-top: 24px; }

.global-nav {
  margin: 48px auto 24px;
  font-size: 1.2rem; }

.global-nav li {
  display: inline-block;
  padding: 0 48px; }

.account-nav {
  position: absolute;
  left: 16px;
  top: 0;
  display: inline-block;
  background: #f0efe9;
  padding: 8px;
  font-size: 0.8rem;
  color: #666; }

.account-nav li {
  display: inline-block;
  margin: 0 8px; }

.account-nav p {
  display: inline-block; }

.account-nav li a {
  color: #666; }

.member-point {
  margin: 0 8px; }

.member-name em {
  margin-right: 4px; }

.member-status {
  margin-left: 8px; }

.header-cart {
  display: inline-block;
  position: absolute;
  right: 24px;
  top: 24px; }
  .header-cart .header-incart-switch {
    display: block;
    background: #242325;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    color: #fff; }

.header-cart-count {
  position: absolute;
  right: -8px;
  top: -4px;
  background: #ef3c62;
  color: #fff;
  width: 28px;
  height: 28px;
  line-height: 26px;
  border-radius: 50%;
  text-align: center;
  font-size: 0.9rem; }

/* -----------------------------------------------------------------
   main
----------------------------------------------------------------- */
.main-visual {
  width: 100%; 
  max-width: 1200px; margin: 20px auto 0;padding: 0 10px}

.main-visual img {width: 100%}

.bx-wrapper .bx-controls-direction a {transition: none}



.wrap {
  width: 100%;
  max-width: 1200px;
  margin: 64px auto;
  display: flex;
  align-items: flex-start; 
  padding: 0 10px
  }

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix { display: inline-table}


.side {width: 250px}

#side-user-menu,
.side .bt-cart{display: none}

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

.side {width: 80%;height: 100%; overflow: auto; position: fixed; top:0; left: 0; background-color: #fff; z-index: 99999; display: none}
.layer{display: block; width: 100%; height: 100%; position: fixed; top:0; left: 0; background-color: rgba(0,0,0,.8);z-index: 1000; display: none}

#side-user-menu{font-size: 0;padding: 20px 10px; background-color: #f5f5f5}
#side-user-menu li{display: inline-block;font-size: 10px;width: 33.333333333%}
#side-user-menu li a{display: block;border:solid 1px #ddd;font-size: 12px; font-weight: bold; text-decoration: none; color: #333; padding: 5px; background-color: #fff}

#side-user-menu,
.side .bt-cart{display: block}

}


.side-section {
  padding: 16px 0 32px;
  margin-bottom: 32px
 }

.side-title {
  margin: 0 auto 24px;
  padding: 8px 0;
  position: relative;
  background: #fff; 
  font-size: 14px; text-align: left;
  color:#666;
  border-bottom:solid 1px #333;
 }

.side-category-item {
  position: relative; }
 
 .side-category-item a {
    text-align: left;
    padding: 12px;
    font-size: 14px;
	color:#333;
	text-decoration: none;
    display: block; 
	border-bottom: solid 1px #ddd;
	position: relative
}

.side-category-item a:hover {
      background: #eee;
      opacity: .8; 
}

 .side-category-item a i{position: absolute; right:0; top:50%; margin-top: -7px}
  .side-category-item::after {
    content: "";
    display: block;
    width: 90%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    margin: 0 auto; }

.side-category-item:hover .side-category-child-list {
  opacity: 1;
  visibility: visible; }

.side-category-child-list {
  position: absolute;
  right: -200px;
  top: -4px;
  width: 200px;
  z-index: 10;
  background: #f5f5f5;
  border: 1px solid #ddd;
  opacity: 0;
  visibility: hidden; 
  font-size: 12px
}
.side-category-child-list a{font-size: 13px;padding: 6px}

.side-category-switch.hover {background: #fff}

.side-category-child-list li::after {
  background-color: #ddd;
}




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


.wrap {margin: 20px auto}
  
  
  
.side-category-child-list {
	z-index: 10;
	background: #f5f5f5;
	border-left: none;
	display: none
}
.side-category-child-list a {
	font-size: 12px
}
.side-category-child-list li::after {
	background-color: #f0efe9;
}

  .side-category-item::after {
    content: "";
    display: block;
    width: 90%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    margin: 0 auto; }

.side-category-item:hover .side-category-child-list {
  opacity: 1;
  visibility: visible; 
}

.side-category-child-list {
  position: inherit;
  right: 0px;
  top: 0px;
  width: auto;
  z-index: inherit;
  background: #f5f5f5;
  border: 1px solid #ddd;
  opacity: 1;
  visibility: inherit; 
  font-size: 12px
}
.side-category-child-list a{font-size: 13px;padding: 6px}

.side-category-switch.hover {background: #fff}

.side-category-child-list li::after {
  background-color: #ddd;
}


}



.side-search li {
  text-align: left;
  font-size: 0.9rem;
  padding: 4px 16px; }

.side-search label {
  display: block;
  margin-bottom: 4px; }

.side-search input {
  width: 100%; }

.side-search input.side-search-price {
  width: 40%; }

.side-search .side-search-price {
  width: 25%; }

.side-search-btn {
  display: block;
  padding: 4px 12px;
  color: #fff;
  border-radius: 4px;
  margin: 16px auto 0;
  width: 60%; }

.side-section-others {
  background: #fff;
  padding: 0; }

.mailmagazine-btn {
  width: 100%;
  display: block;
  padding: 16px 0;
  font-size: 0.9rem;
  background: #555;
  color: #fff;
  border-radius: 4px; }

.content {
  margin-left: 24px;
  flex: 1; }

.section {
  margin-bottom: 64px; }

.section-title {
  font-size: 18px;
  margin-bottom: 24px;
  text-align: left!important;
  background-color: rgba(35,47,62,1.00);
  color:#fff;
  font-weight: bold;
  padding:10px
}

.ranking-item .section-title {background-color: rgba(237,27,37,1.00)}



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

.content {
	margin-left: 0;
	padding: 0 10px
}
}
@media screen and (max-width: 500px) {
.section {margin-bottom: 20px}
.section-title {
  font-size: 14px!important;
  margin-bottom: 24px;
}
.side-title {
  padding: 8px;
  font-weight: bold
 }
.side-section {
  margin-bottom: 20px
 }
 
 
}


.bt-cart{width: auto; height: auto; max-width: 100%}


/** 一覧用 **/

.item-list-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}



.item-list {
	width: calc(100% / 3);
	padding: 12px 20px;
	position: relative;
	text-align: center
}

.new-item-list-wrap .item-list {
	width: calc(100% / 4);
}
.item-list-image {
	position: relative;
	background-color: #fff;
	text-align: center;
	padding: 10px;
}
.item-list-image a {
	display: block;
	width: 400px;
	height: 300px;
	border: solid 1px #eee;
	display: table-cell;
	vertical-align: middle;
}
.item-list-image a:hover {
	border: solid 1px #333
}
.item-list img {
	width: auto;
	height: auto;
	max-width: 200px;
	max-height: 200px;
	display: block;
	margin: 0 auto;
	margin-bottom: 10px
}

.item-badge {color:#fff;font-size: 12px;font-weight: bold;padding: 5px;position: absolute;top:0; right: 0; width: 50%; z-index: 3}
.checked-item .item-badge {font-size: 10px;width: auto; padding: 3px 5px}
.item-badge br{display: none}
.item-sale-badge {
	background-color:#de1c24
	
}
.item-soldout-badge {
	background: #242325;
	
}

.item-list .bt-add-cart{max-width: 100%; width: auto; height: auto}

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

.item-list {padding: 12px 10px;}
.item-badge {font-size: 10px;padding: 3px; }

.item-badge {font-size: 10px;padding: 3px; width: 100%;position: relative}
.item-list-image a {
	display: block;
	width: 200px;
	height: 150px;
	border: solid 1px #eee;
	display: table-cell;
	vertical-align: middle;
}
.item-list-image a:hover {
	border: solid 1px #333
}
.item-list img {
	width: auto;
	height: auto;
	max-width: 120px;
	max-height: 120px;
	display: block;
	margin: 0 auto;
	margin-bottom: 10px
}


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

.item-list {padding: 0 10px;width: calc(100% / 2);}
.item-badge {font-size: 10px;padding: 3px; width: 100%;position: relative}
.item-list-image a {
	display: block;
	width: 200px;
	height: 150px;
	border: solid 1px #eee;
	display: table-cell;
	vertical-align: middle;
}
.item-list-image a:hover {
	border: solid 1px #333
}
.item-list img {
	width: auto;
	height: auto;
	max-width: 120px;
	max-height: 120px;
	display: block;
	margin: 0 auto;
	margin-bottom: 10px
}


}

.item-list-info {
	text-align: left;
	font-size: 0.8rem;
	margin-top: 8px;
}
.item-list-category-name {
	font-size: 12px;
	margin-bottom: 10px
}
.item-list-category-name a {
	color: #999
}
.item-list-name {
	font-size: 14px;
	line-height: 160%;
	margin-bottom: 5px
}
.item-list-name a {
	color: #0071bc;
	font-size: 12px;
}
.item-list-price {
	font-weight: bold;
	text-align: left;
	color: #de1c24;
	font-size: 18px;
	margin-bottom: 5px
}
.item-list-original-price {
	font-weight: normal;
	font-size: 0.8rem;
	color: #999;
	margin-top: 8px;
}
.item-list-sale-price {
	color: #ef3c62;
}
.item-list-sale-discount-price {
	font-size: 0.8rem;
}
.item-list-system-code, .item-list-original-code {
	display: none
}

@media screen and (max-width: 800px) {
.item-list-name a {
	font-size: 12px;
	padding: 0 10px;
	display: block;
	line-height: 160%
}
.item-list-price {
	font-size: 14px;
	display: block; padding: 0 10px
}
.tax {
	font-size: 10px!important;
}
}
@media screen and (max-width: 500px) {

.item-list-name a {
	font-size: 12px!important;
	line-height: 160%;
}
.item-list-price {
	font-size: 14px;
}
.tax {
	font-size: 10px!important;
}
}



.item-list-sale-discount-rate {
	font-size: 0.8rem;
	background: #ef3c62;
	color: #fff;
	padding: 1px 4px;
	display: inline-block;
}
.item-list-stock {
	font-weight: bold;
	margin-bottom: 4px;
}
.item-stock {
	margin-left: 4px;
}
.item-list-description {
	font-size: 14px;
	color: #333;
	margin-bottom: 10px;
	display: none
}
.item-list-description ::after {
	content: "…";
}
.index-title {
	text-align: center;
}
.item-list-review {
	display: flex;
	align-items: center;
}
.item-list-review .reviewRateStar::before {
	font-size: 1rem;
}
.item-list-review-rate {
	margin: 0 8px;
	font-weight: bold;
	font-size: 1rem;
}
.item-list-rank {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	width: 45px;
	height: 45px;
	background: #ccc;
	color: #fff;
	z-index: 999;
	align-items: center;
	border-radius: 25px;
	justify-content: center;
}
.rank-1 {
	background:rgba(200,0,3,1.00);
}
.rank-2 {
	background: #999;
}
.rank-3 {
	background: #573D1C;
}
/******************************** REVIEW */
.index-review-list .review-list-unit {
	display: flex;
}
.index-review-list .review-list-info {
	width: 180px;
	text-align: left;
	font-size: 0.8rem;
	margin-right: 16px;
}
.index-review-list .review-list-info img {
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}
.index-review-list .review-list-content-wrap {
	flex: 1;
}
.index-review-list .review-list-name, .index-review-list .review-score-wrap {
	display: inline-block;
}
.index-review-list .reviewRateStar::before {
	font-size: 0.9rem;
}
/******************************** NEWS */
.news-list {
	border-top: 1px dotted #ccc;
}
.news-list.index-news-list {
	margin-bottom: 24px;
}
.news-list li {
	display: flex;
	padding: 24px 0;
	text-align: left;
	border-bottom: 1px dotted #ccc;
}
.news-list-date {
	width: 15%;
	margin-right: 16px;
	font-size: 0.9rem;
	color: #999;
}
.news-list-detail {
	text-align: left;
	flex: 1;
}
.news-list-content {
	margin-top: 8px;
	font-size: 0.8rem;
}
.news-list-content a {
	color: #888;
}
.news-list-content::after {
	content: "…";
}
.news-more {
	text-align: right;
	margin-top: 16px;
}


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

.news-list-date {
	width: 15%;
	margin-right: 16px;
	font-size: 12px;
	color: #999;
}
.news-list-detail {
	text-align: left;
	flex: 1;
}
.news-list-content {
	margin-top: 8px;
	font-size: 0.8rem;
}
.news-list-content a {
	color: #888;
	font-size: 12px
}
.news-list-title{font-size: 14px}
.news-list-content::after {
	content: "…";
}
.news-more {
	text-align: right;
	margin-top: 16px;
	font-size: 12px
}

}




















/* -----------------------------------------------------------------
   category
----------------------------------------------------------------- */

.breadcrumb {
	text-align: left;
	font-size: 12px;
	margin-bottom: 10px;
}
.breadcrumb-item {
	display: inline-block;
	margin-right: 8px;
}
.breadcrumb-item::after {
	content: ">";
	margin-left: 8px;
}
.breadcrumb-item:last-child::after {
	display: none;
}

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

.breadcrumb {margin-bottom: 5px}

}

.category-head, .search-head {
	margin-top: 24px;
}
.search-title {
	font-size: 1.5rem;
}
.category-recomend-title {
	font-size: 1.4rem;
	text-align: center;
}
.category-code {
	font-size: 0.8rem;
	margin-left: 8px;
}
.category-image {
	max-width: 100%;
}
.child-category-list {
	background: #f0efe9;
	padding: 16px;
	margin: 24px auto;
	text-align: left;
}
.child-category-item {
	width: 22%;
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	margin: 0 8px 1em;
	line-height: 180%;
	padding-left: 20px;
}
.child-category-item a{color:#333}

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

.child-category-list {
	padding: 10px;
	padding-bottom: 0;
	margin: 24px auto 0;
}
.child-category-item {
	width: 46%;
	font-size: 12px;
}

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

.child-category-list {max-height:300px; overflow-y: auto;}
.child-category-item {margin: 0 0 10px}

}




.list-head {
	margin: 64px 0 24px;
	display: flex;
	justify-content: space-between;
	font-size: 0.9rem;
}
.list-head-sort {
	display: flex;
	font-size: 0.8rem;
}
.list-head-sort dd {
	margin-right: 8px;
}
.list-head-sort dd a{
	color:#0071bc
}
.list-head-sort dd a.on{
	font-weight: bold;
	color:#333
}




.empty {
	margin-top: 120px;
	color: #666;
}
.list-head-type {
	display: flex;
	font-size: 0.8rem;
}
.list-head-type li .list-head-type-btn, .list-head-type li a {
	display: inline-block;
	background: #f0efe9;
	padding: 3px 8px;
}
.list-head-type li a {
	background: #242325;
	color: #fff;
	text-decoration: none;
}

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

.list-head {margin: 24px 0 24px;font-size: 12px}



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

.list-head {margin: 24px 0 24px;display: block;font-size: 12px}
.list-head-sort {margin-top: 10px}

}


/****************************** pager */
.pager {
	text-align: center;
	margin-top: 50px
}
.pager li {
	display: inline-block;
	vertical-align: top
}
.pager li .current,  .pager li a {
	display: block;
	padding: 8px 10px;
	border: 1px solid #ccc;
	margin: 0 2px;
	text-decoration: none;
	width: 40px;
	height: 40px;
}
.pager li .current,  .pager li a:hover {
	background: #555;
	border-color: #555;
	color: #fff;
}

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

.pager li .current,  
.pager li a {
	display: block;
	padding: 5px 8px;
	border: 1px solid #ccc;
	margin: 0 2px;
	text-decoration: none;
	width: 30px;
	height: 30px;
	font-size: 12px
}

}


/* -----------------------------------------------------------------
   detail
----------------------------------------------------------------- */
.item-breadcrumb {
	display: flex;
}
.item {
	display: flex;
	margin-top: 48px;
}

.item-image-wrap {
	width: 400px;
	margin-right: 20px;
}

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

.item-breadcrumb {display: block}
.item {display: block;width: 100%}
.item-image-wrap {width: 300px;margin: 0 auto}

}

#slide-item{border:solid 1px #ddd}
.item-image {max-width: 100%}
.thumbs {font-size: 0; margin-top: 10px; position: relative}
.thumbs li{display: inline-block; width: 20%;font-size: 12px;padding: 5px; cursor:pointer}
.thumbs img{border:solid 1px #ddd}
.thumbs .slick-arrow{position: absolute; top:0; margin-top: 0px; color:#fff; font-size: 20px; z-index: 10; background-color: rgba(0,0,0,.6);height: 100%;padding-top: 24px;opacity:0;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.thumbs .slick-prev{left:0px;padding-left: 3px}
.thumbs .slick-next{right:0px; padding-left: 3px}
.slick:hover .slick-prev{left:0px}
.slick:hover .slick-next{right:0px}
.thumbs:hover .slick-arrow{opacity:1}

#cboxCurrent{display: none!important}

.item-thumbnail-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}
.item-thumbnail-list li {
	width: calc(100% / 9);
	padding: 4px;
}
.item-thumbnail-list li img {
	max-width: 100%;
}
.item-category-name {
	font-size: 0.9rem;
	margin-bottom: 8px;
}
.item-category-name a {
	color:#0071bc;
}
.item-icon-list li {
	display: inline-block;
	margin: 0 4px;
}
.item-name {
	font-size: 1.3rem;
}
.item-wrap {
	text-align: left;
	flex: 1;
}

@media screen and (max-width: 500px) {
.item-wrap {
	flex:none;
	display: block;
	padding-top: 30px
}

.item-category-name {font-size: 10px;margin-bottom: 10px}
.item-name {font-size: 16px}

}



.sale-rate {
	margin-top: 8px;
}
.sale-badge {
	display: inline-block;
	padding: 2px 12px;
	background: #cc0000;
	color: #fff;
	font-size: 1.2rem;
}
.sale-discount {
	color: #cc0000;
}
.item-price-wrap {
	padding: 16px 0;
}
.item-reserve {
	margin-bottom: 16px;
	background: #f0efe9;
	padding: 16px;
}
.item-price {
	font-size: 1.8rem;
	font-weight: bold;
	color:#de1c24
}
.tax {
	font-size: 0.8rem;
	color: #777;
	font-weight: normal;
}
.item-option {
	padding: 8px 0;
}
.item-description-wrap {
	font-size: 0.9rem;
	margin: 50px auto 0;
}
.item-description-wrap table{width: 100%!important;margin-top: 10px}
.item-description-wrap th{padding: 10px;white-space: normal; background-color: #eee}
.item-description-wrap td{padding: 10px}


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

.item-description-wrap th{padding: 5px;white-space: normal; background-color: #eee;display: block}
.item-description-wrap td{padding: 5px;display: block}
.item-description-wrap img{display: block; float:none!important}
}


.item-adddescription-wrap {
	font-size: 0.9rem;
	margin-bottom: 32px;
}
.item-info {
	margin-top: 64px;
	border-top: 1px dotted #242325;
	padding-top: 32px;
}
.item-info-list {
	background: #f0efe9;
	padding: 16px;
	font-size: 0.8rem;
	color: #666;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 32px;
}
.item-info-list dt {
	font-weight: bold;
	width: 40%;
	padding: 4px 0;
}
.item-info-list dd {
	width: 60%;
	padding: 4px 0;
}
.item-stock-count {
	margin-left: 16px;
}
.cart-btn-wrap {
	text-align: center;
	margin-top: 24px;
}

.item-quantity{margin-top: 5px}
.item-quantity input{width: 40px!important}

.btn {
	background: #555;
	color: #fff;
	display: block;
	margin: 16px auto 0;
	padding: 10px 0;
	width: 60%;
	text-align: center;
	font-size: 0.9rem;
	text-decoration: none !important;
}
.disabled {
	opacity: 0.2;
	background: #555 !important;
	pointer-events: none;
}
.cart-btn {
	background-color:#e25a24;
	width: 100%;
	max-width: 450px;
	padding: 18px 0;
	margin: 16px 0 0;
	font-size: 1.1rem;
	font-weight: bold; 
	border-radius: 3px
}
.restock-btn {
	background: #1c678c;
	width: 90%;
	padding: 18px 0;
	font-size: 1.1rem;
}
.soldout {
	margin: 32px auto;
	color: #cc0000;
	text-align: center;
	background: #ffeeee;
	padding: 18px 0;
}
input[data-id="makeshop_quantity"] {
	width: 30%;
}
select[name="item-quantity"] {
	margin-left: 8px;
	width: 3rem;
}
select.makeshop_option-select {
	width: 100%;
	margin: 4px auto;
}
i {
	margin-right: 8px;
}
.makeshop_option-wrap {
	margin-bottom: 8px;
}
.add-image {
	display: flex;
}
.add-image-list {
	padding: 8px;
	width: calc(100% / 3);
}
.add-image-list img {
	max-width: 100%;
}
.add-description {
	text-align: left;
	font-size: 0.8rem;
}
.sale-info {
	margin: 16px auto;
}
.item-contact {
	text-align: right;
}
.item-share {
	margin-top: 24px;
}
.item-share li {
	display: inline-block;
}
/******************************** REVIEW STAR */
.reviewRateStar {
	display: inline-block;
	font-size: 0;
	color: #F8D803;
}
.reviewRateStar::before {
	font-family: FontAwesome;
	content: "\f005";
	font-size: 1.5rem;
}
.starOff::before {
	font-family: FontAwesome;
	content: "\f006";
}
.starHalf::before {
	font-family: FontAwesome;
	content: "\f123";
}
/******************************** ITEM REVIEW */
.item-review {
	text-align: left;
	display: flex;
	align-items: center;
	padding-top: 16px;
}
.item-review-average {
	font-size: 1.3rem;
	margin: 0 4px 0 12px;
}
/******************************** ITEM REVIEW LIST */
.item-review-detail {
	text-align: left;
	margin-top: 48px;
}
.item-review-title {
	position: relative;
	margin-bottom: 16px;
}
.btn-review-post-wrap {
	position: absolute;
	right: 0;
	top: 0;
}
.item-review-detail .btn-review-post {
	margin: 0;
	padding: 4px 8px;
	width: auto;
	display: inline-block;
	font-size: 0.7rem;
	background: #999;
}
.review-list-unit {
	padding: 16px 0;
	font-size: 0.9rem;
	border-bottom: 1px dotted #ccc;
}
.review-list-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
}
.review-star, .review-score {
	display: inline-block;
}
.review-list-score-wrap .reviewRateStar::before {
	font-size: 1.1rem;
}
.review-score {
	margin-left: 4px;
	font-weight: bold;
	font-size: 1.0rem;
}
.review-list-content {
	font-size: 0.8rem;
	text-align: left;
}
.review-list-date {
	font-size: 0.7rem;
	margin-top: 8px;
	color: #999;
}
.review-list-text {
	text-align: center;
	color: #999;
	margin-top: 64px;
}
/******************************** SUBSCRIPTION */
.subscription-discount-list td {
	border: 1px solid #242325;
	padding: 8px;
}
.subscription-discount-point {
	font-size: 0.9rem;
}
.subscription-gift-list {
	margin: 32px auto;
}
.subscription-gift {
	background: #f0efe9;
	padding: 24px;
	margin: 16px auto;
}
.subscription-gift-img {
	max-width: 100px;
	height: auto;
}
.subscription-gift-times {
	border-bottom: 1px dotted #242325;
	padding-bottom: 6px;
	margin-bottom: 8px;
}
.subscription-gift-item {
	margin-bottom: 4px;
}
.subscription-gift-info {
	font-size: 0.8rem;
}
.item-subscription {
	margin-top: 48px;
	border: 2px solid #FB6107;
	padding: 24px;
	background: #FFF2EA;
	border-radius: 4px;
}
/* -----------------------------------------------------------------
   cart
----------------------------------------------------------------- */
.cart-title {
	font-size: 1.6rem;
	margin-bottom: 32px;
	text-align: left;
}
.cart-title i {
	margin-right: 8px;
}
.incart-total-item {
	background: #f0f0f0;
	padding: 16px;
	text-align: left;
}
.incart-total-count, .incart-total-price {
	font-weight: bold;
	margin-right: 8px;
}


.cart-list {
	width: 100%;
	margin: 32px auto 48px;
}
.cart-list th, .cart-list td {
	border-top: 1px solid #999;
}
.cart-list thead th {
	font-size: 0.9rem;
	padding: 12px 0;
}
.cart-list td {
	padding: 16px 8px;
	vertical-align: middle;
}
.cart-list .cart-item-wrap {
	display: flex;
}
.cart-list .cart-item-image {
	width: 100px;
}
.cart-list .cart-item-image img {
	max-width: 100%;
}
.cart-list .cart-item-info {
	text-align: left;
	font-size: 0.9rem;
	flex: 1;
	margin-left: 16px;
}
.cart-list .cart-item-option {
	font-size: 0.8rem;
}
.cart-list .cart-item-special {
	margin-top: 4px;
	font-size: 0.8rem;
	color: #999;
}
.cart-list .cart-item-price,  .cart-list .cart-item-unit-price,  .cart-list .cart-item-point {
	text-align: right;
	white-space: nowrap;
}
.cart-list input[name="item-quantity"] {
	width: 3em;
}
.cart-list .cart-item-unit-price {
	font-size: 0.8rem;
	color: #999;
}
.cart-list .btn {
	width: auto;
	display: inline-block;
	padding: 4px 10px;
	margin: 0;
	font-size: 0.8rem;
}
.cart-list .item-delete-btn {
	background: #ccc;
	padding: 0;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	line-height: 28px;
}
.cart-list .item-delete-btn i {
	margin-right: 0;
}
.cart-list .cart-total-title {
	text-align: right;
}
.cart-list .cart-total-price-wrap {
	text-align: right;
}
.cart-list .cart-total-price {
	font-size: 1.5rem;
	font-weight: bold;
	color: #cc0000;
}
.cart-list .cart-total-point {
	color: #cc0000;
}
.free-shipping-wrap {
	margin-bottom: 48px;
	font-size: 0.9rem;
}
.payment-btn-wrap {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: space-between;
	text-align: right;
}
.payment-btn-wrap .btn {
	width: auto;
	display: inline-block;
	margin: 0;
}
.payment-btn-wrap .payment-btn {
	width: 40%;
	padding: 12px 0;
	background: #2996CC;
	font-size: 1.2rem;
}
.noitem-btn-wrap {
	margin-top: 64px;
}




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


.cart-list {
	margin: 32px auto 0;
}
.cart-list th{display: none}
.cart-list td {display: block}


.cart-list td {
	padding: 16px 8px;
	vertical-align: middle;
	font-size: 12px
}
.cart-list .cart-item-info {font-size: 12px;}
.cart-list .cart-item-option {font-size: 12px;}
.cart-list .cart-item-special {font-size: 12px;}

.cart-list input[name="item-quantity"] {width: 3em;border:solid 1px #ddd;padding: 3px;vertical-align: top;font-size: 14px
}
.cart-list .cart-item-unit-price {
	font-size: 12px;
	color: #999;
}
.cart-list .btn {font-size: 12px;}
.cart-list .item-delete-btn {
	background: #999;
	padding: 0;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	line-height: 28px;
}
.cart-list .item-delete-btn i {
	margin-right: 0;
}
.cart-list .cart-total-title {
	text-align: right;
}
.cart-list .cart-total-price-wrap {
	text-align: right;
}
.cart-list .cart-total-price {
	font-size: 18px;
	font-weight: bold;
	color: #cc0000;
}

.free-shipping-wrap {
	margin-bottom: 48px;
	font-size: 0.9rem;
}
.payment-btn-wrap {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: space-between;
	text-align: right;
}
.payment-btn-wrap .btn {
	width: auto;
	display: inline-block;
	margin: 0;
}
.payment-btn-wrap .payment-btn {
	width: 40%;
	padding: 12px;
	background: #2996CC;
	font-size: 16px;
}
.noitem-btn-wrap {
	margin-top: 64px;
}

}



/* -----------------------------------------------------------------
   review
----------------------------------------------------------------- */
.review-title {
	font-size: 1.5rem;
	margin-top: 24px;
	margin-bottom: 48px;
	text-align: left;
}
.review-title em {
	font-weight: bold;
}
.review-item-wrap {
	display: flex;
	padding: 16px;
	border: 1px solid #ddd;
	border-radius: 6px;
	background: #f0f0f0;
}
.review-item-image {
	width: 100px;
}
.review-item-image img {
	max-width: 100%;
}
.review-item-info {
	flex: 1;
	text-align: left;
	margin-left: 16px;
	font-size: 0.9rem;
}
.total-review {
	margin-top: 8px;
}
.total-review .reviewRateStar::before {
	font-size: 1.1rem;
}
.review-average, .review-count {
	display: inline-block;
}
.review-average {
	font-weight: bold;
	margin-left: 8px;
	font-size: 1.2rem;
}
.review-item-btn {
	text-align: right;
}
.btn-review-post {
	width: auto;
	display: inline-block;
	padding: 8px 24px;
}
.all-review {
	margin-bottom: 48px;
}
.all-review .review-head-wrap {
	width: 70%;
	text-align: left;
}
.all-review .review-list-content {
	text-align: left;
}
.all-review .review-name,  .all-review .review-list-score-wrap {
	display: inline-block;
}
.review-form-wrap {
	width: 600px;
	margin: 48px auto 32px;
}
.review-form {
	display: flex;
	text-align: left;
	padding: 16px 0;
}
.review-form-title {
	width: 200px;
}
.review-form-content {
	flex: 1;
}
.review-form-content input, .review-form-content textarea {
	width: 100%;
}
/* -----------------------------------------------------------------
   guide
----------------------------------------------------------------- */
.guide-title {
	margin-bottom: 48px;
}
.guide-section {
	margin-bottom: 64px;
	text-align: left;
	font-size: 0.9rem;
}
.guide-section-title {
	margin-bottom: 16px;
	font-weight: bold;
	font-size: 1.1rem;
}

.h3-title{margin-bottom: 1em}

#merit_list{position: relative; padding-bottom: 50px}
#merit_list dl{background-color: aliceblue;padding: 30px;}
#merit_list dt{font-size:16px; font-weight:bold; padding-bottom:10px}
#merit_list dt:first-letter{font-size:24px}
#merit_list dd{padding-left:30px; padding-bottom:25px; border-bottom:1px solid #ddd; margin-bottom:25px; font-size:14px}

.wrap-guide-item{position: relative;padding: 10px}
.wrap-guide-item .bt{background-color: #0071bc; color:#fff; font-size: 15px; letter-spacing: 1px;  width: 250px; padding: 10px; display: block;border-radius: 3px; box-shadow: 0 2px 0 #ccc;position: absolute;bottom:0;left: 0}
.wrap-guide-item .bt:hover{box-shadow: 0 0 0 #ccc;bottom: -2px}
.wrap-guide-item p{line-height: 180%;padding:0 10px}

/* -----------------------------------------------------------------
   news
----------------------------------------------------------------- */
.news-list {
	margin-bottom: 64px;
}
.news-wrap {
	margin-top: 32px;
}
.news-head {
	margin-bottom: 24px;
}
.news-content-wrap {
	padding: 24px 48px 48px;
	text-align: left;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 24px;
}
.news-pager {
	display: flex;
	justify-content: space-between;
}
.news-date {
	font-size: 0.9rem;
	color: #999;
	margin-bottom: 8px;
	text-align: left;
}
.news-empty {
	color: #ccc;
}
/* -----------------------------------------------------------------
   company
----------------------------------------------------------------- */
.company-image img {
	margin: 0 auto 48px;
}
/* -----------------------------------------------------------------
   order-contract
----------------------------------------------------------------- */
.order-contract-title {
	margin-bottom: 64px;
}
.contract-item {
	margin: 24px;
	display: flex;
	text-align: left;
}
.contract-title {
	width: 200px;
}
.contract-content {
	flex: 1;
	padding-left: 24px;
}
/* -----------------------------------------------------------------
   catalog
----------------------------------------------------------------- */
.catalog-list {
	width: 100%;
	margin-bottom: 48px;
}
.catalog-list th {
	background: #f0efe9;
}
.catalog-list th, .catalog-list td {
	border: 1px solid #c7c3ac;
	padding: 6px 8px;
}
.catalog-input-num {
	width: 10rem;
}
.catalog-input-quantity {
	width: 3rem;
}
.catalog-info-wrap {
	text-align: left;
	font-size: 0.9rem;
	width: 400px;
}
.catalog-search-btn {
	width: 60px;
}
.catalog-cart-btn {
	width: 25%;
}
/* -----------------------------------------------------------------
   footer
----------------------------------------------------------------- */


.shop-info > p {
	display: inline;
	font-size: 0.8rem;
	margin: 0 8px;
}
.copyright {
	display: block;
	font-size: 0.7rem;
	color: #fff;
	margin-top: 48px;
	font-family: Verdana, Geneva, "sans-serif", 'Noto Sans Japanese';
}
/* -----------------------------------------------------------------
   追加
----------------------------------------------------------------- */
  
  
 
.cols-2 {
	font-size: 0;
}
.cols-2 .col {
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
	width : 50%;
	text-align: left
}
.cols-3 {
	font-size: 0;
}
.cols-3 .col {
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
	width : 33.33333%
}
.cols-4 {
	font-size: 0;
}
.cols-4 .col {
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
	width : 25%
}




.banners{margin-bottom: 30px}
.banners a{display: block; margin-bottom: 10px}
.banners img{width: 100%}

.item-4 li{width: 25%!important}
.item-4 li a{font-size: 13px}
.item-4 li .item-list-image a {
	display: block;
	width: 400px;
	height: 200px;
	border: solid 1px #eee;
	display: table-cell;
	vertical-align: middle;
	
}
.item-4 li .item-list-image img {
	width: auto;
	height: auto;
	max-width: 150px;
	max-height: 150px;
	display: block;
	margin: 0 auto;
	margin-bottom: 10px
}


.item-6 li{width: calc(100% / 8)!important}
.item-6 li .item-list-image a {
	width: 120px;
	height: 120px;
	border: solid 1px #eee;
	display: table-cell;
	vertical-align: middle;
}
.item-6 li .item-list-image img {
	width: auto;
	height: auto;
	max-width: 100px;
	max-height: 100px;
	display: block;
	margin: 0 auto;
	margin-bottom: 10px
}
.item-list-category-name{display: none}
.item-6 li .item-list-name a{font-size: 12px;display: none}
.item-6 li .item-list-price{display: none}


#hd-2 .item-5{background-color:rgba(250,29,96,1.00); color:#fff}

.wrap-calendar{padding: 30px 0;}
.wrap-calendar iframe{height: 400px;width: 163px; margin: 0 auto}

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

.item-4 li .item-list-image a {
	width: 200px;
	height: 150px;
}
.item-4 li .item-list-image img {
	max-width: 120px;
	max-height: 120px;
}
.item-6 li.item-list{padding: 0}

.item-6 li .item-list-image a {
	width: 80px;
	height: 80px;
}
.item-6 li .item-list-image img {
	max-width: 60px;
	max-height: 60px;
}


}


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


.cols-2 .col, .cols-3 .col, .cols-4 .col {
	display: block;
	width : 100%
}
.item-4 li{width: 50%!important}
.item-4 li .item-list-image a {
	width: 200px;
	height: 150px;
}
.item-4 li .item-list-image img {
	max-width: 120px;
	max-height: 120px;
}
.item-6 li{width: calc(100% / 4)!important}
.item-6 li.item-list{padding: 0}

.item-6 li .item-list-image a {
	width: 80px;
	height: 80px;
}
.item-6 li .item-list-image img {
	max-width: 60px;
	max-height: 60px;
}

.bx-controls-direction{display: none!important}

}


.shop-info > p {
	display: inline;
	font-size: 0.8rem;
	margin: 0 8px;
}
.copyright {
	display: block;
	font-size: 0.7rem;
	color: #fff;
	margin-top: 48px;
	font-family: Verdana, Geneva, "sans-serif", 'Noto Sans Japanese';
}

#pagetop{display: block; background-color: #000; color:#fff; text-decoration: none;font-size: 14px;padding: 5px}
#pagetop i{display: block}

/** ***********************************************

Shopping Guide FOOTER

*********************************************** **/
#shopping-guide{background-color:#f5f5f5; min-height:500px; padding:20px;}
#shopping-guide h4{text-align:center; padding:20px;font-weight: bold}
#shopping-guide .col{padding:0 20px 20px!important; text-align: left}
#shopping-guide .item{padding:10px 0; border-bottom:solid 1px #ddd;display: block!important; margin-top: 10px}
#shopping-guide .item h5{padding-bottom:15px; font-size: 14px;font-weight: bold}

#shopping-guide .item p{padding-bottom:1em; font-size:13px;line-height: 180%}
#shopping-guide .item img{margin-bottom:1em; max-width:100%; height:auto}
#shopping-guide .item-03{border-bottom:none}

#shopping-guide .staff{width:100%; height:auto}
#shopping-guide .staff img{width:45%; height:auto; float:left; vertical-align:bottom}
#shopping-guide .staff p{width:55%; padding:0 10px; float:right}

#shopping-guide .mail{vertical-align:text-top; height: 15px!important;width: auto;}

#copy{font-size: 10px; letter-spacing: 1px; background-color: rgba(29,39,53,1.00);color:#fff;padding: 5px}
#copy span{font-size: 16px;vertical-align: middle}

.fnav {padding-bottom: 30px}
.fnav li{display: inline-block; margin: 0 10px}
.fnav li a{font-size: 12px;color:#333}
@media screen and (max-width: 800px) {

#shopping-guide{padding:20px 10px}
#shopping-guide .td{width:100%; padding:0px; display: block}

}

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

#shopping-guide{padding:10px;}
#shopping-guide .col{padding:0!important}

}



/** ***********************************************

Shopping Guide PAGE

*********************************************** **/
.guide-title {
	margin-bottom: 48px;
  }
  
  .guide-section {
	margin-bottom: 64px;
	text-align: left;
  }
  
  #guide-menu {
	text-align: center;
	background-color: #f5f5f5;
	padding: 20px 30px 5px;
	border-radius: 3px;
  }
  
  @media screen and (max-width: 600px) {
	#guide-menu {
	  text-align: left;
	  padding: 20px 20px 10px;
	}
  }
  
  #guide-menu li {
	font-size: 14px;
	margin: 0 2px 15px;
	border-right: solid 1px #ccc;
	padding-right: 8px;
	display: inline-block;
	letter-spacing: 1px;
	font-weight: bold;
  }
  
  @media screen and (max-width: 600px) {
	#guide-menu li {
	  font-size: 12px;
	  margin: 0 2px 10px;
	}
  }
  
  #guide-menu li:last-child {
	border-right: none;
  }
  
  .note {
	color: #b90b0b;
  }
  
  .wrap-guide-item {
	padding: 50px 0 0;
	letter-spacing: 1px;
  }
  
  .wrap-guide-item p {
	line-height: 180%;
  }
  
  .wrap-guide-item .title {
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 16px;
	padding: 15px;
	border-bottom: solid 1px #0053a4;
	background-color: #f5f5f5;
	letter-spacing: 1px;
  }
  .wrap-guide-item a{text-decoration:none}
  @media screen and (max-width: 600px) {
	.wrap-guide-item .title {
	  font-size: 14px;
	}
  }
  
  .wrap-guide-item .title::before {
	content: "- ";
  }
  
  .wrap-guide-item .title::after {
	content: " -";
  }
  
  .wrap-guide-item .desc {
	line-height: 200%;
	padding: 20px 20px 0;
	letter-spacing: 1px;
	font-size: 16px;
  }
  
  @media screen and (max-width: 1024px) {
	.wrap-guide-item .desc {
	  font-size: 14px;
	}
  }
  
  .wrap-guide-item .payment-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 30px;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	margin: 0 auto;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
  }
  
  @media screen and (max-width: 600px) {
	.wrap-guide-item .payment-menu {
	  padding: 30px 0;
	}
  }
  
  .wrap-guide-item .payment-menu li {
	width: 30%;
	padding: 20px;
	border: solid 1px #ddd;
	border-radius: 5px;
	list-style: none;
	margin: 0 5px 20px;
	cursor: pointer;
	position: relative;
	background-color: #f5f5f5;
  }
  
  @media screen and (max-width: 600px) {
	.wrap-guide-item .payment-menu li {
	  width: 100%;
	}
  }
  
  .wrap-guide-item .payment-menu li a {
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 1px;
  }
  
  @media screen and (max-width: 600px) {
	.wrap-guide-item .payment-menu li a {
	  font-size: 14px;
	}
  }
  
  .wrap-guide-item .payment-menu li a span {
	font-size: 12px;
	display: block;
  }
  
  .wrap-guide-item .payment-menu li p {
	font-size: 14px;
	padding: 0;
	margin-top: 10px;
  }
  
  @media screen and (max-width: 600px) {
	.wrap-guide-item .payment-menu li p {
	  font-size: 12px;
	}
  }
  
  .wrap-guide-item .payment-menu li::after {
	content: "";
	display: block;
	color: #0053a4;
	position: absolute;
	font-size: 20px;
	bottom: 5px;
	left: 50%;
	margin-left: -10px;
	width: 10px;
	height: 10px;
	border-left: solid 2px #0053a4;
	border-bottom: solid 2px #0053a4;
	-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
  }
  
  .wrap-guide-item .payment-menu li:hover {
	opacity: 0.7;
  }
  
  .wrap-guide-item .wrap-item {
	padding: 50px 20px 0;
  }
  
  @media screen and (max-width: 600px) {
	.wrap-guide-item .wrap-item {
	  padding: 50px 10px 0;
	}
  }
  
  .wrap-guide-item .wrap-item p {
	font-size: 16px;
	letter-spacing: 1px;
  }
  
  @media screen and (max-width: 1024px) {
	.wrap-guide-item .wrap-item p {
	  font-size: 14px;
	}
  }
  
  .wrap-guide-item .wrap-item .payment-desc {
	margin-bottom: 30px;
  }
  
  .wrap-guide-item .wrap-item h4 {
	padding: 12px 15px 10px;
	font-size: 16px;
	margin-bottom: 40px;
	background-color: #0053a4;
	color: #fff;
	letter-spacing: 2px;
  }
  
  @media screen and (max-width: 600px) {
	.wrap-guide-item .wrap-item h4 {
	  font-size: 14px;
	}
  }
  
  .wrap-guide-item .wrap-item .wrap-img {
	margin-bottom: 30px;
  }
  
  .wrap-guide-item .wrap-item .flow {
	margin-bottom: 30px;
	background-color: #f5f5f5;
	padding: 20px;
  }
  
  .wrap-guide-item .wrap-item .flow h5 {
	font-size: 14px;
	margin: 0 0 15px 10px;
	letter-spacing: 1px;
  }
  
  .wrap-guide-item .wrap-item .flow p {
	font-size: 14px;
  }
  
  @media screen and (max-width: 600px) {
	.wrap-guide-item .wrap-item .flow p {
	  font-size: 12px;
	}
  }
  
  .wrap-guide-item .wrap-item .wrap-bank {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
  }
  
  .wrap-guide-item .wrap-item .wrap-bank .bank {
	width: 36%;
	margin: 0 2% 30px;
	padding: 20px;
	border: solid 3px #0ba26c;
	border-radius: 5px;
	text-align: center;
  }
  
  @media screen and (max-width: 600px) {
	.wrap-guide-item .wrap-item .wrap-bank .bank {
	  width: 100%;
	}
  }
  
  .wrap-guide-item .wrap-item .wrap-bank .bank h5 {
	font-size: 14px;
	margin: 0 0 15px 0;
	letter-spacing: 1px;
  }
  
  @media screen and (max-width: 600px) {
	.wrap-guide-item .wrap-item .wrap-bank .bank h5 {
	  margin: 0;
	}
  }
  
  .wrap-guide-item .wrap-item .wrap-bank .bank p {
	font-size: 14px;
  }
  
  .wrap-guide-item .wrap-item .wrap-bank .bank1 h5 {
	color: #0ba26c;
  }
  
  .wrap-guide-item .wrap-item .wrap-bank .bank2 {
	border: solid 3px #009900;
  }
  
  .wrap-guide-item .wrap-item .wrap-bank .bank2 h5 {
	color: #009900;
  }
  
  .wrap-guide-item .wrap-item .wrap-secure {
	border: solid 3px #ffa700;
	border-radius: 5px;
	padding: 20px;
	margin-bottom: 30px;
  }
  
  .wrap-guide-item .wrap-item .wrap-secure dl {
	margin: 20px;
  }
  
  @media screen and (max-width: 600px) {
	.wrap-guide-item .wrap-item .wrap-secure dl {
	  margin: 20px 0;
	}
  }
  
  .wrap-guide-item .wrap-item .wrap-secure dl dt {
	border-left: solid 5px #333;
	padding-left: 10px;
	font-weight: bold;
	margin-bottom: 15px;
	letter-spacing: 1px;
  }
  
  @media screen and (max-width: 1024px) {
	.wrap-guide-item .wrap-item .wrap-secure dl dt {
	  font-size: 14px;
	}
  }
  
  @media screen and (max-width: 600px) {
	.wrap-guide-item .wrap-item .wrap-secure dl dt {
	  font-size: 12px;
	}
  }
  
  .wrap-guide-item .wrap-item .wrap-secure dl dd {
	margin: 0 10px 30px;
	letter-spacing: 1px;
	line-height: 180%;
  }
  
  @media screen and (max-width: 1024px) {
	.wrap-guide-item .wrap-item .wrap-secure dl dd {
	  font-size: 14px;
	}
  }
  
  @media screen and (max-width: 600px) {
	.wrap-guide-item .wrap-item .wrap-secure dl dd {
	  font-size: 12px;
	}
  }
  
  .wrap-guide-item .wrap-item .wrap-icons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
  }
  
  .wrap-guide-item .wrap-item .wrap-icons a {
	display: block;
	width: 130px;
	margin: 0 10px;
  }
  
  @media screen and (max-width: 600px) {
	.wrap-guide-item .wrap-item .wrap-icons a {
	  width: 40%;
	}
  }
  
  .wrap-guide-item .wrap-item .wrap-col2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	margin-bottom: 30px;
  }
  
  .wrap-guide-item .wrap-item .wrap-col2 .col-1 {
	width: 30%;
  }
  
  @media screen and (max-width: 600px) {
	.wrap-guide-item .wrap-item .wrap-col2 .col-1 {
	  width: 100%;
	}
  }
  
  .wrap-guide-item .wrap-item .wrap-col2 .col-2 {
	width: 70%;
  }
  
  @media screen and (max-width: 600px) {
	.wrap-guide-item .wrap-item .wrap-col2 .col-2 {
	  width: 100%;
	}
  }
  
  .wrap-guide-item .wrap-item .wrap-col2 img {
	max-height: 80px;
  }
  
  @media screen and (max-width: 600px) {
	.wrap-guide-item .wrap-item .wrap-col2 img {
	  display: block;
	  margin-bottom: 10px;
	}
  }
  
  .wrap-guide-item .wrap-item .wrap-col2 .bt-a {
	display: inline-block;
	color: #0053a4;
	font-weight: bold;
	padding: 10px 20px;
	margin-top: 20px;
	text-align: center;
	border: solid 1px #0053a4;
	border-radius: 3px;
  }
  
  @media screen and (max-width: 1024px) {
	.wrap-guide-item .wrap-item .wrap-col2 .bt-a {
	  font-size: 14px;
	}
  }
  
  @media screen and (max-width: 600px) {
	.wrap-guide-item .wrap-item .wrap-col2 .bt-a {
	  margin-top: 10px;
	}
  }
  
  .wrap-guide-item .wrap-item .wrap-col2 .bt-a::before {
	content: "\025b6 ";
  }
  
  .wrap-guide-item .wrap-item .wrap-col2 .bt-a:hover {
	background-color: #0053a4;
	color: #fff;
	opacity: 1;
  }
  
  .wrap-guide-item .wrap-item .wrap-step {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	padding-top: 30px;
  }
  
  .wrap-guide-item .wrap-item .wrap-step .col-1 {
	width: 60%;
	margin-bottom: 50px;
	text-align: center;
  }
  
  @media screen and (max-width: 600px) {
	.wrap-guide-item .wrap-item .wrap-step .col-1 {
	  width: 100%;
	  margin-bottom: 0px;
	}
  }
  
  .wrap-guide-item .wrap-item .wrap-step .col-1 .retina {
	margin-bottom: 30px;
  }
  
  .wrap-guide-item .wrap-item .wrap-step .col-2 {
	width: 40%;
	padding: 30px;
  }
  
  @media screen and (max-width: 600px) {
	.wrap-guide-item .wrap-item .wrap-step .col-2 {
	  width: 100%;
	  padding: 30px 0;
	}
  }
  
  .wrap-guide-item .wrap-item .wrap-step .col-2 p {
	font-size: 14px;
  }
  
  .wrap-guide-item .wrap-item .note {
	font-weight: bold;
	padding: 10px;
	line-height: 200%;
  }
  
  .wrap-guide-item .wrap-item2 {
	padding: 20px;
  }
  
  @media screen and (max-width: 600px) {
	.wrap-guide-item .wrap-item2 {
	  padding: 20px 10px;
	}
  }
  
  .wrap-guide-item .wrap-item2 p {
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 180%;
	margin-bottom: 20px;
  }
  
  @media screen and (max-width: 1024px) {
	.wrap-guide-item .wrap-item2 p {
	  font-size: 14px;
	}
  }
  
  .wrap-guide-item .wrap-item2 h4 {
	padding: 12px 15px 10px;
	font-size: 16px;
	margin-bottom: 40px;
	background-color: #0053a4;
	color: #fff;
	letter-spacing: 2px;
  }
  
  .wrap-guide-item .wrap-item2 .strong {
	font-weight: bold;
  }
  
  .wrap-guide-item .wrap-bd {
	border: solid 1px #333;
	padding: 20px;
  }
  
  .wrap-guide-item .table-style-01 {
	background-color: #ccc;
	width: 100%;
  }
  
  .wrap-guide-item .table-style-01 table {
	width: 100%;
  }
  
  .wrap-guide-item .table-style-01 th {
	background-color: #eee;
	padding: 10px;
	white-space: nowrap;
  }
  
  @media screen and (max-width: 1024px) {
	.wrap-guide-item .table-style-01 th {
	  font-size: 14px;
	}
  }
  
  @media screen and (max-width: 600px) {
	.wrap-guide-item .table-style-01 th {
	  font-size: 12px;
	}
  }
  
  .wrap-guide-item .table-style-01 td {
	background-color: #fff;
	padding: 10px;
  }
  
  @media screen and (max-width: 1024px) {
	.wrap-guide-item .table-style-01 td {
	  font-size: 14px;
	}
  }
  
  @media screen and (max-width: 600px) {
	.wrap-guide-item .table-style-01 td {
	  font-size: 12px;
	}
  }
  
  .wrap-guide-item img {
	max-width: 100%;
  }
  
  .wrap-guide-item .dl-dl {
	margin-bottom: 2em;
  }
  
  .wrap-guide-item .dl-dl dt {
	font-weight: bold;
	margin-bottom: 5px;
  }
  
  @media screen and (max-width: 1024px) {
	.wrap-guide-item .dl-dl dt {
	  font-size: 14px;
	}
  }
  
  .wrap-guide-item .dl-dl dd {
	margin-bottom: 1em;
  }
  
  @media screen and (max-width: 1024px) {
	.wrap-guide-item .dl-dl dd {
	  font-size: 14px;
	}
  }
  
  .wrap-guide-item .ul-info {
	margin-bottom: 50px;
	padding: 20px;
	border: solid 2px #ddd;
  }
  
  .wrap-guide-item .ul-info li {
	list-style: disc outside;
	margin-left: 2em;
	font-size: 14px;
	margin-bottom: 5px;
	line-height: 180%;
  }
  
  .wrap-guide-item .ul-info li.note {
	padding: 0 !important;
  }
  
  .wrap-guide-item .wrap-note {
	background-color: #fff5e0;
	padding: 20px;
	border: solid 1px #dd0000;
	border-radius: 5px;
  }
  
  .wrap-guide-item .wrap-note li {
	list-style: disc outside;
	margin-left: 2em;
	font-size: 12px;
	margin-bottom: 5px;
	line-height: 180%;
  }
  
  #merit_list dl {
	background-color: aliceblue;
	padding: 30px;
	margin-bottom: 50px;
  }
  
  #merit_list dt {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
  }
  
  @media screen and (max-width: 1024px) {
	#merit_list dt {
	  font-size: 14px;
	}
  }
  
  #merit_list dt:first-letter {
	font-size: 24px;
  }
  
  #merit_list dd {
	padding-left: 30px;
	padding-bottom: 25px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 25px;
	font-size: 14px;
  }
  
  @media screen and (max-width: 1024px) {
	#merit_list dd {
	  padding-left: 0px;
	}
  }
  
  #merit_list .bt {
	background-color: #0071bc;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	width: 100%;
	max-width: 350px;
	padding: 20px;
	display: block;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 0 #ccc;
			box-shadow: 0 2px 0 #ccc;
	margin-bottom: 30px;
  }
  
  @media screen and (max-width: 600px) {
	#merit_list .bt {
	  font-size: 14px;
	}
  }
  
  #merit_list .bt::before {
	content: "\025b6 ";
  }
  
  #merit_list .ul-info {
	margin-bottom: 0;
  }



/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; font-size:12px}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;overflow:visible}

#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}

#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

#cboxOverlay{background:#000;}
#colorbox{outline:none}
#cboxContent{margin:0px;background:#fff}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxTitle{position:absolute; bottom:-30px; left:0; color:#fff; font-size:14px; font-weight: bold;text-align: center; width: 100%}
#cboxCurrent{position:absolute; bottom:-30px; left:0px; color:#ccc; font-size: 12px}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:none;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}


#colorbox .slick-arrow{color:#fff; font-size: 40px}
#cboxPrevious .slick-arrow{margin-top: -25px; left: -40px}
#cboxNext .slick-arrow{margin-top: -35px; right: -40px}
#cboxClose{font-size:40px; color:#fff; position: absolute; top:-60px; right: 0}



#bnavi {background-color:#f5f5f5;position:relative}
#bnavi .inner{letter-spacing:.5; font-size:0;}
#bnavi .inner li{display:inline-block; color:#999; font-size:10px; letter-spacing:normal; padding:10px 0}
#bnavi .inner li:after{content:"/"; margin:0 5px}

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

#colorbox .slick-arrow{font-size: 30px}
#cboxPrevious .slick-arrow{margin-top: -25px; left: 10px}
#cboxNext .slick-arrow{margin-top: -25px; right: 10px}

}

/**  Slick Base  fadeする場合はslick.cssの読み込みが必要**/

.slick{overflow: hidden; width: 100%; position: relative;}
.slick li.slick-slide{display: inline-block; vertical-align: middle;overflow: hidden}
.slick li.slick-slide img{width: 100%; height: auto}
.slick-arrow{position: absolute; top:50%; font-size: 50px; margin-top: -50px; z-index: 2; color:#ddd}

.slick-prev{left:-30px}
.slick-next{right:-30px}
.slick:hover .slick-prev{left:10px}
.slick:hover .slick-next{right:10px}

.slick-dots{text-align: center; position: absolute; bottom:0px; left: 0 ;width: 100%}
.slick-dots li{display: inline-block; width: 10px; height: 10px; margin: 0 3px; border:solid 1px #ddd; border-radius: 100%; text-indent: -9999px}
.slick-dots li.slick-active{background-color:#ddd;border:solid 1px #ddd;}

.wrap-notice{border:solid 2px #de1c24; text-align: left;padding: 15px}
.wrap-notice p{font-size: 12px; line-height: 180%; margin-bottom: 5px;margin-left: 1em}
.wrap-notice img{vertical-align: middle; padding: 0 5px;width: inherit!important;max-width: inherit!important}
.wrap-notice .hd{font-size: 14px; font-weight: bold;margin-bottom: 2px; margin-left: 0}


.wrap-payments{
	background-color: #fff;
	padding: 10px;
	max-width: 400px;
	margin-bottom: 20px;
}
.wrap-payments .amazon img{width: 48%;}
.wrap-payments .rakuten img{width: 48%;}

.hd-bn{text-align:center}.hd-bn img{max-width: 1140px;width:100%;height:auto}