@charset "euc-jp";
@import url('https://fonts.googleapis.com/css?family=Cantata+One');

body {
  background-color: #fff;
  background-image: url(https://img.shop-pro.jp/tmpl_img/73/bg.gif);
  color: #464e54;
}
a {
  color: #464e54;
  text-decoration: underline;
}
a:hover {
  opacity: .6;
  color: #5e5e5e;
  text-decoration: none;
}
.nodecoration { text-decoration: none;  }
.inline_block { display: inline-block; }
.top-submenu-pc {display:block;}
.top-submenu-sp {display:none;}
@media (max-width:980px) {
	.top-submenu-pc {display:none!important;}
   #header.open .top-right-contents.top-submenu-sp  { display: block; float: none; width: 100%; padding: 0 5% 30px; }
}
/*
 * layout
 */
#wrapper {
  max-width: 100%;
}
.contents-wrap {
   max-width: 980px;
   width: 90%;
   margin: 0 auto;
}

/*header*/
#header { padding: 15px 0 0; }
#header .btn_open { display: none; }
.top-logo { max-width: 40%; width: 376px;  }
#global-navi { margin: 15px 0 0;  }
#global-navi  > li { display: inline-block; text-align: center; width: 12.5%; vertical-align: middle;  }
#global-navi a { padding: 1.2em 0; display: block; text-decoration: none; }
.gnavi_sub a { color: #535353; }
.menu-cart { color: #000; font-weight: bold; }
.menu-cart:before { content:''; width: 14px; height: 14px; display: inline-block; background: url(https://img10.shop-pro.jp/PA01048/330/etc/icon-shopping.png?cmsp_timestamp=20171217121200) center center; background-size: 100% 100%;  margin-right: 5px; vertical-align: middle;  }

@media (max-width: 980px) {
    #header { padding: 15px 0 8px; position: relative; }
    #header.open { z-index: 1000; }
    #header .btn_open { display: block; width: 1.5rem; height 1.5rem; cursor: pointer; position: absolute; right: 5%; top:10px; margin: auto; text-indent: 100%; overflow: hidden; white-space: nowrap; }
    #header .btn_open:before,
    #header .btn_open:after { content: ''; width: 1.5rem; height: 2px;display: block; background: #333; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;  }
    #header .btn_open:before { -ms-transform: translateY(-.5rem);-webkit--ms-transform: -webkit--ms-translateY(-.5rem);transform: translateY(-.5rem); box-shadow: 0 .5rem #333; }
    #header .btn_open:after { -ms-transform: translateY(.5rem); -webkit-transform: translateY(.5rem);transform: translateY(.5rem);  }

    #global-navi  { width: 100%; overflow :scroll: white-space: nowrap;  }
    #global-navi  > li { min-width: 150px; }
    .top-right-contents { display: none; text-align: center; margin-top: 40px; }
    .top-right-contents img { float: none; }
    .bg_navi_brown  { display: none; }
    #header.open .bg_navi_brown  { display: block; }
    #header.open .top-right-contents  { display: block; }
}

/*footer*/
#footer { padding: 80px 0; }

/*
 * contents
 */

#contents {
  float: right;
  padding-left: 30px;
}

#contents .topicpath-nav {
  margin-bottom: 5px;
}
  #contents .topicpath-nav li {
    padding: 0;
  }
  #contents .topicpath-nav a {
    margin-left: 5px;
  }

/*
 * side
 */
@media (max-width: 760px){
#side { max-width: 400px; margin-left: auto; margin-right: auto; float: none;}
}
#side .unstyled img {
  display: block;
  margin-bottom: 5px;
}

/*
 * temp
 */

.t_cantata{ font-family: 'Cantata One', serif; }

/* font */
.txt_l { text-align: left; }
.txt_c { text-align: center; }
.txt_r { text-align: right; }
.txt_fwn { font-weight: normal; }
.txt_fwb { font-weight: bold; }
.txt_10 { font-size: 10px; }
.txt_11 { font-size: 11px; }
.txt_12 { font-size: 12px; }
.txt_14 { font-size: 14px; }
.txt_16 { font-size: 16px; }
.txt_18 { font-size: 18px; }
.txt_20 { font-size: 20px; }
.txt_24 { font-size: 24px; }
.txt_28 { font-size: 28px; }
.txt_c_fff {color: #fff;}
.txt_c_333 {color: #333;}
.txt_c_red { color: #D90000; }
.txt_c_brown { color: #660000; }
.txt_undeline { text-decoration: underline; }
.txt_high { line-height: 200%; }

/* background */
.bgc_gray {
  background-color: #f1f1f1;
}

/* margin */
.mar_auto { margin: 0 auto; }
.mar_0 { margin: 0; }
.mar_t_0 { margin-top: 0; }
.mar_r_0 { margin-right: 0; }
.mar_b_0 { margin-bottom: 0; }
.mar_l_0 { margin-left: 0; }
.mar_5 { margin: 5px; }
.mar_t_5 { margin-top: 5px; }
.mar_r_5 { margin-right: 5px; }
.mar_b_5 { margin-bottom: 5px; }
.mar_l_5 { margin-left: 5px; }
.mar_t_10 { margin-top: 10px; }
.mar_r_10 { margin-right: 10px; }
.mar_b_10 { margin-bottom: 10px; }
.mar_l_10 { margin-left: 10px; }
.mar_t_20 { margin-top: 20px; }
.mar_r_20 { margin-right: 20px; }
.mar_b_20 { margin-bottom: 20px; }
.mar_l_20 { margin-left: 20px; }
.mar_t_30 { margin-top: 30px; }
.mar_r_30 { margin-right: 30px; }
.mar_b_30 { margin-bottom: 30px; }
.mar_l_30 { margin-left: 30px; }
.mar_t_50 { margin-top: 50px; }
.mar_r_50 { margin-right: 50px; }
.mar_b_50 { margin-bottom: 50px; }
.mar_l_50 { margin-left: 50px; }
.mar_b_80 { margin-bottom: 80px; }

/* padding */
.pad_v_5 { padding: 5px 0; }
.pad_v_10 { padding: 10px 0; }
.pad_v_15 { padding: 15px 0; }
.pad_v_20 { padding: 20px 0; }
.pad_v_30 { padding: 30px 0; }
.pad_v_80 { padding: 80px 0; }
.pad_0 { padding: 0; }
.pad_t_0 { padding-top: 0; }
.pad_r_0 { padding-right: 0; }
.pad_b_0 { padding-bottom: 0; }
.pad_l_0 { padding-left: 0; }
.pad_5 { padding: 5px; }
.pad_t_5 { padding-top: 5px; }
.pad_r_5 { padding-right: 5px; }
.pad_b_5 { padding-bottom: 5px; }
.pad_l_5 { padding-left: 5px; }
.pad_10 { padding: 10px; }
.pad_t_10 { padding-top: 10px; }
.pad_r_10 { padding-right: 10px; }
.pad_b_10 { padding-bottom: 10px; }
.pad_l_10 { padding-left: 10px; }
.pad_20 { padding: 20px; }
.pad_t_20 { padding-top: 20px; }
.pad_r_20 { padding-right: 20px; }
.pad_b_20 { padding-bottom: 20px; }
.pad_l_20 { padding-left: 20px; }
.pad_30 { padding: 30px}
.pad_t_30 { padding-top: 30px; }
.pad_r_30 { padding-right: 30px; }
.pad_b_30 { padding-bottom: 30px; }
.pad_l_30 { padding-left: 30px; }

/* border */
.bor_1 { border: 1px solid #eee; }
.bor_t_1 { border-top: 1px solid #eee; }
.bor_r_1 { border-right: 1px solid #eee; }
.bor_b_1 { border-bottom: 1px solid #eee; }
.bor_l_1 { border-left: 1px solid #eee; }
.bor_t_2 { border-top: 2px solid #eee; }
.bor_b_1_brown { border-bottom: 1px solid #5D4531;  }

/* vertical align */
.va-10 { vertical-align: -10%; }
.va-20 { vertical-align: -20%; }
.va-30 { vertical-align: -30%; }
.va-35 { vertical-align: -35%; }
.va-40 { vertical-align: -40%; }

@media (max-width: 980px) {
  /* ~980px */
  #base_gmoWrapp,
  #gmo_CMSPbar {
    overflow: hidden;
    min-width: 100% !important;
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  /* ~768px */
  #contents {
    padding-left: 0;
  }
}
@media (max-width: 480px) {
  /* ~480px */
}

/*
 * icons
 */
.icon-user { background-position: -208px 0px; }
.icon-lg-b.icon-user { background-position: -312px 0px; }
.icon-adduser { background-position: -240px 0px; }
.icon-lg-b.icon-adduser { background-position: -360px 0px; }
.icon-login { background-position: -48px -80px; }
.icon-lg-b.icon-login { background-position: -72px -120px; }
.icon-logout { background-position: -32px -80px; }
.icon-lg-b.icon-logout { background-position: -48px -120px; }
.icon-home { background-position: -176px -16px; }
.icon-lg-b.icon-home { background-position: -264px -24px; }
.icon-mail { background-position: -64px 0px; }
.icon-lg-b.icon-mail { background-position: -96px 0px; }
.icon-pencil { background-position: -96px 0px; }
.icon-lg-b.icon-pencil { background-position: -144px 0px; }
.icon-help { background-position: -272px -80px; }
.icon-lg-b.icon-help { background-position: -408px -120px; }
.icon-cart { background-position: -176px -64px; }
.icon-lg-b.icon-cart { background-position: -264px -96px; }
.icon-search { background-position: -208px -16px; }
.icon-lg-b.icon-search { background-position: -312px -24px; }
.icon-chevron_up { background-position: -0px -144px; }
.icon-lg-b.icon-chevron_up { background-position: -0px -216px; }
.icon-chevron_down { background-position: -352px -128px; }
.icon-lg-b.icon-chevron_down { background-position: -528px -192px; }

.icon-b,
.icon-w {
  width: 16px;
  height: 16px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.icon-lg-b,
.icon-lg-w {
  width: 24px;
  height: 24px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_w.png); }
.icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
.icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-b,
  .icon-w {
    -webkit-background-size: 368px 320px;
    background-size: 368px 320px;
  }

  .icon-lg-b,
  .icon-lg-w {
    -webkit-background-size: 552px 480px;
    background-size: 552px 480px;
  }

  .icon-b { background-image: url(https://img.shop-pro.jp/tpml_img/73/icon16_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_w.png); }
  .icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
  .icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }

}
@media (max-width: 768px) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}
/*override*/
.col { padding-left: 2%; padding-right: 2%; }
@media (max-width: 480px) {
  .col-xs-12 { width: 50%; }
}

/*header*/

/*title text*/
.title-sidenavi { margin: 10px;  }
.title-sidenavi:before,
.title-sidenavi:after {content:''; width: 1em; height :1px; vertical-align: middle; background: #755840; margin-right: .5em; display: inline-block;}
.title-sidenavi:before  { margin-right: .5em; }
.title-sidenavi:after  { margin-left: .5em;  }
.title-section { font-size: 26px; font-weight: bold; margin-bottom: 1em; padding-bottom: 10px; border-bottom: 3px solid;  padding-left: 1em; letter-spacing: .05em; background: url(https://img10.shop-pro.jp/PA01048/330/etc/icon-title.gif?cmsp_timestamp=20171218233603) no-repeat left center; }
.title-footer { font-size: 30px; color: #795930; margin: 0 0 80px; }

/*color*/
.bg_white { background-color: #FFF;  }
.bg_navi_brown { color: #FFF; background-color: #3B2D24; }
.bg_gray { background-color: #EBEBEB; }
.bg_foot_brown { color: #FFF; background-color: #362C24;  }
.bg_brown_dark { color: #FFF; background-color: #1D1712; }

/*link*/
.list-circle { list-style: none; padding: 0; margin: 0; }
.list-circle > li { margin-bottom: 1em; }
.list-circle > li:before { content: '●';  }

.side-category li { padding-left: 42px; position: relative; overflow: hidden; padding-right: 0; line-height: 120%; }
.side-category li a { color: #333333; font-weight: bold; text-decoration: none; width: 100%; height: 100%; display: block;}
.side-category img { width: 36px; height: auto; position: absolute; top: 50%; left: 2px; margin: auto; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);transform: translateY(-50%); }

.maincolumn-category li { width: 23.5%; text-align: center; display: inline-block; vertical-align: top; margin-bottom: 20px; margin-right: 2%; }
.maincolumn-category li:nth-child(4n)  { margin-right: 0; }
.maincolumn-category img { display: block; margin: 0 auto; }

@media (max-width:640px) {
	.maincolumn-category li { width: 33%; margin-right: 0; }
}

@media (max-width:420px) {
	.maincolumn-category li { width: 50%; }
}
/*image*/
.bnrimg { width: 100%; height: auto; }
/*search*/
input[name="keyword"] { height: 26px; padding: 3px 5px; border: 1px solid #CCC; background: #ECECEC; border-radius: 0; box-sizing: border-box; letter-spacing: 0.05em; }
.searchform_l input[name="keyword"] { width: 330px; max-width: 50%; height: 32px; padding: 3px 8px; background: #FFF; }
#side input[name="keyword"] { width: 185px; }
.searchbtn,
.searchbtn:hover,
.searchbtn:active{ background: #3B2D24; color: #FFF;  padding: 0 6px; border-radius: 0; }
.searchbtn { height: 26px; }
.searchform_l .searchbtn  { height: 32px; padding: 0 10px; }
.searchbtn:hover, .searchbtn:active { opacity: .8; }

label[for="search-bar"] { color: #000; font-weight: bold; display: inline-block; margin-right: 10px; }
label[for="search-bar"]:before { content:''; width: 26px; height: 26px; display: inline-block; background: url(https://img10.shop-pro.jp/PA01048/330/etc/icon-search.png?cmsp_timestamp=20171217120704) center center; background-size: 100% 100%;  margin-right: 10px; vertical-align: middle;  }

@media (max-width: 640px) {
  label[for="search-bar"] { display: block; }
}
/*スライダー*/
.slider { width: 100%; overflow: hidden; position: relative; }
.slider-inner { width: 2940px; position:relative; left:50%; margin-left: -1470px; }
.bx-wrapper { margin-bottom: 0!important; }
.bx-wrapper .bx-viewport { box-shadow: none!important; border: none!important; left: 0!important; }

.custom-control { position: absolute; top: 50%; left: 0; right: 0; margin: auto; z-index: 999;}
.custom-control .bx-prev,
.custom-control .bx-next { width: 5vw; height: 5vw; max-width: 66px; max-height: 66px; display: block; border-radius: 50%; background: rgba(83,31,18,.7); text-indent: 100%; white-space: nowrap; overflow: hidden;}
.custom-control .bx-prev { position: absolute; left: 0; top: 0; margin: auto; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  }
.custom-control .bx-next { position: absolute; right: 0; top: 0; margin: auto;  -ms-transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); }

.custom-control .bx-prev:before,
.custom-control .bx-next:before { content: ''; width: 10px; height: 10px; border-top: 4px solid #FFF; border-right: 4px solid #FFF; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; margin: auto; }
.custom-control .bx-prev:before {-ms-transform: translateX(2px)  rotate(-135deg); -webkit-transform:  translateX(2px) rotate(-135deg);transform: translateX(2px) rotate(-135deg);  }
.custom-control .bx-next:before { -ms-transform:  translateX(-2px) rotate(45deg); -webkit-transform: translateX(-2px) rotate(45deg); transform: translateX(-2px) rotate(45deg);  }

.custom-control .bx-prev:hover,
.custom-control .bx-next:hover { opacity: .6; }

.custom-thumb { margin-top: 20px; margin-bottom: 20px; }
.custom-thumb > a { width: calc( 94% / 6 );/*width: 19.2%;*/ display: inline-block;vertical-align: top; }
.custom-thumb > a + a { margin-left: 1%; }
..custom-thumb img { width: 100%; height: auto; }

@media (max-width: 980px) {
  .slider-inner { width: 300%; height: auto; position:relative; left:50%; margin-left: -50%; }
  .bx-wrapper img  { width: 100vw; height: auto;}
}
/*frame*/
.feature-frame { width: 100%; height: 300px; overflow: scroll; }
.feature_list { text-align: center; }
.feature_list > li { width: 45%; margin-bottom: 20px; display: inline-block;  }
.feature_list > li:nth-child(even) { margin-left: 3%; }

/*calendar*/
table.calbase_rakuten { width: 100%!important; }
table.calframe_rakuten { width: 90%!important; }

.t-note { font-size: .7rem; text-align: center; margin: 10px 0 -1em; }
@media (max-width: 980px) {
  .t-note { font-size: .6rem; position: absolute; left: 5%; bottom: 0; margin: auto; }
}

/* VintageButton Category */

.ttp_category p , .ttp_category ul , .ttp_category li , .ttp_category dl , .ttp_category dt , .ttp_category dd{
margin:0;
padding:0;
list-style:none;
}
.ttp_category{
/*width:740px;*/
color:#444;
font-family:Arial, Helvetica, "メイリオ", Meiryo, sans-serif
}
.ttp_category img{
max-width:100%;
}
.ttp_category .cate-ttl{
position: relative;
padding-bottom:0.5em;
font-size:26px;
text-align:center;
line-height:1;
}
.ttp_category .cate-ttl:before {
content: '';
position: absolute;
bottom: -5px;
left:50%;
width: 100px;
height: 3px;
border-radius: 3px;
background-color: #3b2d24;
transform: translateX(-50%);
}
.ttp_category .cate-ttl_jp{
display:block;
padding:0.5em 0 0;
font-size:12px;
text-align:center;
}
.ttp_category .cate-desc{
margin:2em 0;
font-size:16px;
text-align:center;
line-height:1.8;
}

.ttp_category .cate-inner {
display:flex;
flex-wrap:wrap;
}
.ttp_category .cate-inner dl{
width:calc( (100% - 20px) / 2);
margin:0 20px 20px 0;
}
.ttp_category .cate-inner dl:nth-child(2n){
margin:0 0 20px 0;
}
.ttp_category .cate-subttl {
padding: 0.5em 1em;
margin-bottom: 10px;
font-size: 16px;
background-color: #3b2d24;
color: #ffffff;
}
.ttp_category dt small{
margin-left:1em;
}
.ttp_category dd:last-of-type{
margin-top:10px;
text-align:right;
}
.ttp_category p.cate-subttl2{
margin:20px 0 0;
padding:0.5em;
background-color:#eee8e1;
text-align: center;
}
.ttp_category .related{
display:flex;
flex-wrap:wrap;
margin:20px 0 0;
}
.ttp_category .related li{
width:calc((100% - 60px) / 4 );
margin:0 20px 20px 0;
}
.ttp_category .related li:first-child{
width:100%;
margin:0 0 20px 0;
}
.ttp_category .related li:last-child{
margin:0 0 20px 0;
}
.ttp_category .related li img{
display: block;
}
.ttp_category .related li span{
display: block;
margin:0.5em 0 0;
padding: 0.5em;
font-size:84%;
color:#666;
border-top:1px dashed #ccc;
}
.ttp_category .category-detail ul{
display:flex;
flex-wrap:wrap;
margin:20px 0 0;
justify-content: center;
}
.ttp_category .category-detail li{
width:calc((100% - 60px) / 4 );
margin:0 20px 20px 0;
}
.ttp_category .category-detail li:nth-child(4n){
margin:0 0 20px 0;
}
.ttp_category .category-detail li span{
display: block;
font-size:86%;
text-align: center;
}
.ttp_category .category-main{
display: block;
margin-bottom: 40px;
}



.ttp-item-spec table{
border-collapse: collapse;
border-spacing: 0;
color:#444444;
}
.ttp-item-spec th , .ttp-item-spec td{
padding: 1em;
line-height: 1.5;
}
.ttp-item-spec th{
width:30%;
border-bottom: 2px solid #3b2d24;
font-weight:bold;
color:#3b2d24;
}
.ttp-item-spec td{
width:70%;
border-bottom: 2px solid #ccc;
}
@media (max-width: 480px) {
  /* ~480px */
  .ttp_category .cate-inner dl {
  width:100%;
  margin: 0 0 20px 0;
  }
.ttp_category .related li{
  width:100%;
  margin: 0 0 20px 0;
}
  }