@charset "euc-jp";
/* 共通CSS */
* {
  box-sizing: border-box;
}

body {
  background-color: #fff;
  background-image: url(https://img.shop-pro.jp/tmpl_img/76/bg.gif);
  color: #333;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
}

a {
  color: #333;
}

a:hover {
  color: #ccc;
  text-decoration: none;
}

form {
  margin: 0;
}

img {
  vertical-align: initial;
}
/*
 * layout
 */

#wrapper {
  position: relative;
}

/* common */
.heading {
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding-bottom: 20px;
  letter-spacing: 0.1em;
  border-bottom: 1px solid #333;
}

.lists {
  margin: 0;
  border-bottom: 1px solid #333;
}

.list {
  border-top: 1px solid #ccc;
  font-weight: normal;
}

.list:first-child {
  border-top: none;
}

.list_link {
  padding: 20px 0;
}

.list_link_name {
  display: block;
  padding-right: 30px;
}

.list_link_img {
  margin-bottom: 5px;
}

.list_icon_arrow {
  float: right;
  margin-right: 10px;
}

.item_img {
  margin: 0 auto;
  width: 100px;
}
.item_img:hover {
  opacity: 0.8;
}
.item_name {
  padding-top: 5px;
}
.item_regular_price {
  text-decoration: line-through;
}
.item_price {
  font-weight: bold;
}
.item_price_discount {
  color: #cf0400;
}
.item_discount_rate {
  color: #cf0400;
}
.item_soldout {
  color: #cf0400;
}

.rank_box {
  position: absolute;
  width: 25px;
  height: 25px;
  background-color: #333;
  display: block;
  z-index: 5;
}
.rank_box_color_1 {
  background-color: #dccc18;
}

.rank_box_color_2 {
  background-color: #bab9c1;
}

.rank_box_color_3 {
  background-color: #e18961;
}

.rank_number {
  color: #fff;
  display: block;
  padding-top: 1px;
  font-size: 14px;
}

.btn-more {
  width: 96%;
  margin: 0 auto 60px;
  padding: 10px 12px;
}

/*
 * header
 */

#header {
  margin-bottom: 30px;
}

.header_top {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #eee;
  position: absolute;
  top: 0;
  background-color: #333;
  z-index: 10;
}

.header_top_cmspbar {
  position: fixed;
}
.header_top_inner {
  max-width: 980px;
  margin: 0 auto;
}

.search_form {
  margin: 0;
  padding-top: 10px;
  float: left;
}

.search_select {
  width: 150px;
  border: 1px solid #101010;
  font-size: 12px;
}

.search_box {
  width: 260px;
}

.btn_search {
  padding: 2px 5px 3px 5px;
  border: 1px solid #101010;
}

.btn_search i {
  vertical-align: -35%;
}

.header_nav_headline {
  text-align: right;
  font-size: 12px;
  margin-top: 14px;
  letter-spacing: 0.1em;
  float: right;
}

.header_nav_headline li a i {
  vertical-align: -40%;
}

.header_nav_headline li a {
  color: #fff;
  margin-right: 5px;
}

.header_nav_headline li a:hover {
  color: #ccc;
  text-decoration: none;
}

.header_nav_headline .headline_viewcart {
  padding-left: 15px;
  border-left: 1px solid #000;
}

.header_mid {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #333;
  position: absolute;
  top: 51px;
  background-color: #fff;
  z-index: 9;
}

.header_mid_cmspbar {
  position: fixed;
}

.header_mid_inner {
  max-width: 980px;
  margin: 0 auto;
  position: relative;
}

.header_nav_global {
  font-size: 12px;
  margin-top: 14px;
}

ul.header_nav_global > li {
  padding: 0 5px 0 0;
}

.header_nav_global li a i {
  vertical-align: -40%;
}

.header_nav_global li a {
}

.header_nav_global li a:hover {
  text-decoration: none;
}

.header_nav_global_box {
  display: none;
  width: 100%;
  height: auto;
  background-color: #333;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc; 
  border-right: 1px solid #ccc;
  position: absolute;
  top: 37px;
  left: -1px;
  padding: 0;
}
.header_nav_global_box_heading {
  color: #fff;
  font-size: 12px;
  margin: 0;
  padding-top: 30px;
  text-align: center;
  letter-spacing: 0.1em;
}
.header_nav_global_box_detail {
  background-color: #fff;
  padding: 30px 20px 20px;
}

.header_nav_global_left {
  float: left;
  margin: 0;
}

.header_nav_global_left li {
  padding-bottom: 15px;
}

.header_nav_global_right {
  float: right;
}

.header_nav_global_social {
  padding-left: 5px;
}

ul.header_nav_global_social > li {
  padding: 0;
}

.header_nav_global_social li a i {
  vertical-align: -40%;
}

.header_btm {
  max-width: 980px;
  padding-top: 101px;
  margin: 0 auto;
}

.header_logo {
  margin: 0 auto;
  padding-top: 30px;
  float: left;
}

.header_lead {
  padding-top: 40px;
  font-size: 18px;
  color: #aaa;
  letter-spacing: 0.1em;
  float: right;
}

.header_nav_phone {
  z-index: 99;
  float: right;
  height: 50px;
}
.header_nav_lst_phone {
  position: absolute;
  left: 55%;
  display: none;
  margin-left: -50%;
  width: 90%;
  border: 1px solid #ccc;
  background: #fff;
}
.header_nav_lst_phone ul {
  margin: 0;
}
.header_nav_lst_phone li {
  padding: 0;
  border-bottom: 1px solid #ccc;
  text-align: center;
  font-size: 12px;
}
.header_nav_lst_phone li:last-child {
  border-bottom: none;
}
.header_nav_lst_phone a {
  display: block;
  padding: 6px 0;
}
.header_nav_lst_phone a:hover {
  background: #333;
  text-decoration: none;
  color: #fff;
}
.nav_btn_phone {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
}
.nav_btn_phone i {
  vertical-align: -40%;
}

/*
 * main
 */

.main {
  max-width: 980px;
}

/*
 * contents
 */

.contents {
  padding: 0 inherit;
  float: right;
}

/* pankuzu */
.pankuzu_lists {
  font-size: 10px;
}
ul.pankuzu_lists > li {
  padding: 0;
}
.pankuzu_list {
}

/* info */
.info {
  margin-bottom: 60px;
}

.info_heading {
}

.info_detail {
  margin: 20px 0 0;
  font-size: 13px;
}

.info_detail_lists {
}

.info_detail_list_dt {
  padding: 20px 0 5px;
}

.info_detail_list_dt:first-child {
  padding: 0 0 5px;
}

.info_detail_list_dd {
  margin: 0;
}

/* ranking鐚&#136;seller鐚&#137; */
.seller {
  margin-bottom: 20px;
}

.seller_heading {
}

.seller_lists {
  margin-top: 20px;
  font-size: 12px;
}

.seller_list {
  margin-bottom: 40px;
  text-align: center;
  position: relative;
}

/* recommend, new-item */
.recommend, .new-item {
  margin-bottom: 20px;
}

.recommend_heading, .new-item_heading {
}

.recommend_lists, .new-item_lists {
  margin-top: 20px;
  font-size: 12px;
}

.recommend_list, .new-item_list {
  margin-bottom: 40px;
  text-align: center;
  position: relative;
}

/* free_space */
.free_space {
}

/*
 * side
 */

.side {
  padding: 0;
}

.side .unstyled img {
  display: block;
  margin-bottom: 5px;
}

.side_banner {
  margin: 0 0 40px;
}
.side_banner_lists {
}
.side_banner_list {
  margin-top: 19px;
}
.side_banner_list:first-child {
  margin-top: 0;
}

.side_category {
  margin: 0;
}
.side_category_list {
  position: relative;
}
.side_subcategory_lists {
  width: 80%;
  padding: 15px 20px;
  position: absolute;
  top: -21px;
  right: -180px;
  border: 1px solid #ccc;
  background-color: #fff;
  z-index: 7;
  display: none;
}
.side_subcategory_list {
  border-top: none;
}
.side_subcategory_lists li a {
  padding: 5px 0;
}

.side_group {
  margin-top: 60px;
}
.side_group_heading {
}
.side_group_lists {
}
.side_group_list {
}

.side_freepage {
  margin-top: 60px;
}
.side_freepage_heading {
  margin-bottom: 20px;
}
.side_freepage_lists {
}
.side_freepage_list {
  padding-top: 0;
  border: none;
}
.side_freepage_list a {
  padding: 0 0 20px 0;
}

.side_mobile_shop {
  margin-top: 60px;
}
.side_mobile_shop_heading {
  margin-bottom: 20px;
}
.side_mobile_shop_img {
  text-align: center;
}

.side_banner_long {
  margin-top: 40px;
}

/*
 * footer
 */

.footer {
  width: 100%;
  margin-top: 40px;
  position: relative;
}

.footer_inner {
  max-width: 980px;
  margin: 0 auto;
}

.footer_heading {
}
.footer_lists {
  margin-top: 20px;
}
.footer_list {
  padding: 0 10px;
  text-align: center;
}
.footer_list_img {
  margin: 0 auto;
}

.footer_seller,
.footer_recommend,
.footer_new-item,
.footer_checked {
  margin-bottom: 40px;
}

.footer_seller_lists,
.footer_recommend_lists,
.footer_new-item_lists,
.footer_checked_lists {
  font-size: 10px;
}

.footer_seller_list,
.footer_recommend_list,
.footer_new-item_list,
.footer_checked_list{
  margin-bottom: 10px;
}

.footer_banner {
  padding-bottom: 60px;
  margin: 0 auto;
}

.footer_pagetop {
  text-align: center;
  background-color: #333;
}
.footer_pagetop a {
  display: block;
  width: 100%;
  height: 40px;
}
.footer_pagetop_icon {
  margin-top: 8px;
}

.footer_notice {
  padding: 60px 0;
  background-color: #eee;
}
h3.footer_notice_heading {
  padding-bottom: 40px;
  border-bottom: none;
}
.footer_notice_lists {
  margin: 0;
}
.footer_notice_list_dt {
  padding: 20px 0 10px;
}
.footer_notice_list_dt:first-child {
  padding: 0 0 10px;
}
.footer_notice_list_dd {
  margin: 0;
  line-height: 1.8;
}
.footer_notice_cal_table {
}
.footer_notice_cal_memo {
}

.tbl_calendar {
  margin-bottom: 20px;
  max-width: 260px;
  width: 100%;
  font-size: 84.615%;
  table-layout: fixed;
}
  .tbl_calendar caption {
    text-align: center;
  }
  .tbl_calendar th {
    padding: .3em 0;
    border-bottom: 1px solid #ccc;
    text-align: center;
  }
  .tbl_calendar td {
    padding: .5em 0;
    width: 14.2%;
    border-bottom: 1px solid #ccc;
    text-align: center;
  }
.cal_memo {
  margin-top: 1em;
  font-size: 84.615%;
}

.footer_nav {
  padding: 60px 0;
  background-color: #333;
}

.footer_nav_shopinfo {
  color: #fff;
}
.footer_nav_shopinfo_img {
  padding: 0;
  text-align: left;
}
.footer_nav_shopinfo_img img {
  width: 180px;
}
.footer_nav_shopinfo_caption {
  padding: 0 2%;
}
.footer_nav_shopinfo_name {
  font-size: 18px;
  padding-left: 5px;
}
.footer_nav_shopinfo_memo {
  padding-left: 5px;
}

.footer_nav_lists {
}
.footer_nav_list {
  color: #fff;
  padding-top: 15px;
}
.footer_nav_list:first-child {
  padding-top: 0;
}
.footer_nav_list_link {
  color: #fff;
}
.footer_nav_list_link:hover {
  color: #ccc;
  text-decoration: none;
}

.footer_copyright {
  text-align: center;
  padding: 2em 0;
}
.footer_powered {
  display: block;
  padding: 10px 0;
  line-height: 18px;
}
  .footer_powered a {
    color: #a1a19f;
    text-decoration: none;
    font-size: 11px;
  }
  .footer_powered img {
    margin-bottom: 10px;
    margin-left: 4px;
    width: 200px;
    height: 18px;
  }

/*
 * Slider
 */

.slider {
  position: relative;
  margin-bottom: 40px;
}

.bx-wrapper {
  z-index: 0;
}

.bx-wrapper img {
  width: 100%;
  height: auto;
}

.slider .bx-wrapper .bx-viewport {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  left: 0 !important;
  border: none !important;
}

.slider .bx-wrapper .bx-caption {
  background: #000\9;
  background: rgba(0, 0, 0, 0.60);
}

.slider .bx-wrapper .bx-caption span {
  font-size: 14px;
  padding: 10px 10px 10px 20px;
}

/*
 * sk privacy
 */

.skpr_box {
  padding-top: 120px;
  margin-top: -60px
}

.skpr_box:first-child {
  padding-top: 0;
  margin-top: 0;
}

.skpr_detail,
.privacy_lead {
  margin: 20px 0 0;
  font-size: 13px;
}

.skpr_detail_lists {
}

.skpr_detail_list_dt {
  padding: 20px 0 5px;
}

.skpr_detail_list_dt:first-child {
  padding: 0 0 5px;
}

.skpr_detail_list_dd {
  margin: 0;
}

/*
 * temp
 */

/* textarea input */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  border: 1px solid #101010;
  background-color: #fff;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  outline: 0;
  outline: thin dotted \9;
  border-color: rgba(82, 168, 236, 0.8);
}

/*
 * icons
 */
.icon-b.icon-user { background-position: -208px -0px; }
.icon-w.icon-user { background-position: -208px -0px; }
.icon-lg-b.icon-user { background-position: -312px -0px; }
.icon-lg-w.icon-user { background-position: -312px -0px; }
.icon-b.icon-adduser { background-position: -240px -0px; }
.icon-w.icon-adduser { background-position: -240px -0px; }
.icon-lg-b.icon-adduser { background-position: -360px -0px; }
.icon-lg-w.icon-adduser { background-position: -360px -0px; }
.icon-b.icon-login { background-position: -48px -80px; }
.icon-w.icon-login { background-position: -48px -80px; }
.icon-lg-b.icon-login { background-position: -72px -120px; }
.icon-lg-w.icon-login { background-position: -72px -120px; }
.icon-b.icon-logout { background-position: -32px -80px; }
.icon-w.icon-logout { background-position: -32px -80px; }
.icon-lg-b.icon-logout { background-position: -48px -120px; }
.icon-lg-w.icon-logout { background-position: -48px -120px; }
.icon-b.icon-cart { background-position: -176px -64px; }
.icon-w.icon-cart { background-position: -176px -64px; }
.icon-lg-b.icon-cart { background-position: -264px -96px; }
.icon-lg-w.icon-cart { background-position: -264px -96px; }
.icon-b.icon-search { background-position: -208px -16px; }
.icon-w.icon-search { background-position: -208px -16px; }
.icon-lg-b.icon-search { background-position: -312px -24px; }
.icon-lg-w.icon-search { background-position: -312px -24px; }
.icon-b.icon-mail { background-position: -64px -0px; }
.icon-w.icon-mail { background-position: -64px -0px; }
.icon-lg-b.icon-mail { background-position: -96px -0px; }
.icon-lg-w.icon-mail { background-position: -96px -0px; }
.icon-b.icon-book { background-position: -144px -32px; }
.icon-w.icon-book { background-position: -144px -32px; }
.icon-lg-b.icon-book { background-position: -216px -48px; }
.icon-lg-w.icon-book { background-position: -216px -48px; }
.icon-b.icon-help { background-position: -288px -80px; }
.icon-w.icon-help { background-position: -288px -80px; }
.icon-lg-b.icon-help { background-position: -432px -120px; }
.icon-lg-w.icon-help { background-position: -432px -120px; }
.icon-b.icon-c_twitter { background-position: -112px -176px; }
.icon-w.icon-c_twitter { background-position: -112px -176px; }
.icon-lg-b.icon-c_twitter { background-position: -168px -264px; }
.icon-lg-w.icon-c_twitter { background-position: -168px -264px; }
.icon-b.icon-c_facebook { background-position: -144px -176px; }
.icon-w.icon-c_facebook { background-position: -144px -176px; }
.icon-lg-b.icon-c_facebook { background-position: -216px -264px; }
.icon-lg-w.icon-c_facebook { background-position: -216px -264px; }
.icon-b.icon-c_google { background-position: -192px -176px; }
.icon-w.icon-c_google { background-position: -192px -176px; }
.icon-lg-b.icon-c_google { background-position: -288px -264px; }
.icon-lg-w.icon-c_google { background-position: -288px -264px; }
.icon-b.icon-c_pinterest { background-position: -224px -176px; }
.icon-w.icon-c_pinterest { background-position: -224px -176px; }
.icon-lg-b.icon-c_pinterest { background-position: -336px -264px; }
.icon-lg-w.icon-c_pinterest { background-position: -336px -264px; }
.icon-b.icon-chevron_right { background-position: -16px -144px; }
.icon-w.icon-chevron_right { background-position: -16px -144px; }
.icon-lg-b.icon-chevron_right { background-position: -24px -216px; }
.icon-lg-w.icon-chevron_right { background-position: -24px -216px; }
.icon-b.icon-chevron_down { background-position: -352px -128px; }
.icon-w.icon-chevron_down { background-position: -352px -128px; }
.icon-lg-b.icon-chevron_down { background-position: -528px -192px; }
.icon-lg-w.icon-chevron_down { background-position: -528px -192px; }
.icon-b.icon-chevron_up { background-position: -0px -144px; }
.icon-w.icon-chevron_up { background-position: -0px -144px; }
.icon-lg-b.icon-chevron_up { background-position: -0px -216px; }
.icon-lg-w.icon-chevron_up { background-position: -0px -216px; }
.icon-b.icon-chevron_left { background-position: -336px -128px; }
.icon-w.icon-chevron_left { background-position: -336px -128px; }
.icon-lg-b.icon-chevron_left { background-position: -504px -192px; }
.icon-lg-w.icon-chevron_left { background-position: -504px -192px; }
.icon-b.icon-list { background-position: -192px -96px; }
.icon-w.icon-list { background-position: -192px -96px; }
.icon-lg-b.icon-list { background-position: -288px -144px; }
.icon-lg-w.icon-list { background-position: -288px -144px; }
.icon-b.icon-pencil { background-position: -96px -0px; }
.icon-w.icon-pencil { background-position: -96px -0px; }
.icon-lg-b.icon-pencil { background-position: -144px -0px; }
.icon-lg-w.icon-pencil { background-position: -144px -0px; }
.icon-b.icon-instagram { background-position: -112px -192px; }
.icon-w.icon-instagram { background-position: -112px -192px; }
.icon-lg-b.icon-instagram { background-position: -168px -288px; }
.icon-lg-w.icon-instagram { background-position: -168px -288px; }
.icon-b.icon-youtube { background-position: -128px -160px; }
.icon-w.icon-youtube { background-position: -128px -160px; }
.icon-lg-b.icon-youtube { background-position: -191px -240px; }
.icon-lg-w.icon-youtube { background-position: -191px -240px; }

.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/76/icon16_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon16_w.png); }
.icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_b.png); }
.icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_w.png); }


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

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 1), 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/tmpl_img/76/icon16_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon16_2x_w.png); }
  .icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_2x_b.png); }
  .icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_2x_w.png); }
}
@media (max-width: 768px) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/76/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/76/icon24_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_2x_w.png); }
}

/*
 * Media Queries
 */

@media (min-width: 980px) {
  .contents {
    width: 670px;
  padding: 0 inherit;
  }

  .contents_detail {
    width: 100%;
  }

  .side {
    width: 270px;
  }

  .header_nav_global_right li {
    display: inline-block !important;
  }
}

@media (min-width: 769px) {
  .footer_list {
    width: 10%;
  }
}

@media (max-width: 980px) {
  #base_gmoWrapp,
  #gmo_CMSPbar {
    overflow: hidden;
    min-width: 100% !important;
    width: 100% !important;
  }

  .contents,
  .side,
  .footer_heading {
    padding-right: 1%;
    padding-left: 1%;
  }

  .header_nav_phone {
    margin-right: 10px;
  }
  .header_nav_phone {
    margin-right: 0;
  }
  .nav_btn_phone {
    display: block;
    height: 30px;
    padding-top: 15px;
  }
}

@media (max-width: 768px) {
  .contents,
  .side,
  .footer_heading {
  padding: 0 inherit;
  }

  .productlist_lists {
    padding: 0 10px 20px;
  }

  .header_btm {
    padding-top: 51px;
    text-align: center
  }

  .header_logo {
    float: none;
  }
  
  .header_lead {
    padding-top: 10px;
    font-size: 12px;
    float: none;
  }

  .header_nav_global_social {
    padding-left: 0;
  }

  .search_form {
    float: none;
  }

  .search_select {
    width: 100%;
    margin-bottom: 10px;
  }
  
  .search_box {
    width: 75%;
    float: left;
  }

  .btn_search {
    width: 15%;
    float: right;
  }

  .slider {
    margin-bottom: 20px;
  }

  .side_group,
  .side_freepage {
    margin-top: 0;
  }

  .info_detail,
  .seller_lists,
  .recommend_lists {
    padding: 0 10px 20px;
  }

  .free_space {
    font-size: 12px;
    padding: 0 10px 60px;
  }


  .list {
    padding: 0;
  }

  .list_link {
    padding: 10px;
  }

  .list_icon_arrow {
    margin-right: 0;
  }

  .side_banner {
    margin-bottom: 40px;
    text-align: center;
  }

  .side_banner_list {
    margin-top: 0;
  }

  .side_freepage_heading {
    margin-bottom: 0;
  }
  .side_freepage_list {
    padding: 0;
    border-top: 1px solid #ccc;
  }
  .side_freepage_list a {
    padding: 10px;
  }

  .heading {
    font-size: 14px;
    font-weight: bold;
    padding: 0 10px 20px;
  }

  .side_category {
    margin-top: 0;
  }
  .side_category_list {
    position: static;
    cursor: pointer;
  }
  .side_subcategory_lists {
    width: 100%;
    padding: 0;
    position: static;
    border: none;
    background-color: #f5f5f5;
    display: none;
  }
  .side_subcategory_list {
    border-top: 1px solid #ccc;
  }
  .side_subcategory_list:first-child {
    border-top: 1px solid #ccc;
  }
  .side_subcategory_lists li a {
    padding: 10px;
  }


  .side_category_heading,
  .side_group_heading,
  .side_freepage_heading,
  .footer_seller_heading,
  .footer_recommend_heading,
  .footer_new-item_heading,
  .footer_checked_heading{
    background-color: #333;
    color: #fff;
    padding: 10px 0 10px 10px;
  }

  .footer {
    margin-top: 0;
  }

  .footer_lists {
    padding: 0 10px 20px;
  }

  .footer_list {
    padding-right: 1%;
    padding-left: 1%;
  }

  .footer_checked {
    border-bottom: 1px solid #333;
  }

  .footer_banner {
    text-align: center;
    padding: 0 10px 60px;
  }
  .footer_banner li {
    padding: 5px;
  }


  .footer_seller_lists,
  .footer_recommend_lists,
  .footer_new-item_lists,
  .footer_checked_lists {
    font-size: 12px;
  }
  .footer_seller_list,
  .footer_recommend_list,
  .footer_new-item_list {
    margin-bottom: 40px;
  }
  .footer_checked_list {
    margin-bottom: 10px;
  }

  .footer_notice {
    padding: 0;
  }

  .footer_nav {
    padding: 0;
  }
  .footer_nav_shopinfo {
    padding: 30px 0;
  }
  .footer_nav_shopinfo_img {
    padding-bottom: 10px;
    text-align: center;
  }
  .footer_nav_shopinfo_caption {
    text-align: center;
  }
  .footer_nav_shopinfo_name {
    padding-left: 0;
  }
  .footer_nav_shopinfo_memo {
    padding-left: 0;
  }

  .footer_nav_menu_right {
    padding: 0;
    border-top: 1px solid #777;
  }
    .footer_nav_menu_right li {
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #777;
    }
    .footer_nav_menu_right li:nth-child(odd) {
      border-right: 1px solid #777;
    }
    .footer_nav_menu_right a {
      display: block;
      padding: 12px 10px;
      color: #fff;
      text-decoration: none;
      font-size: 11px;
    }

  .footer_nav_menu {
    padding: 20px;
    text-align: center;
    font-size: 10px;
    background-color: #333;
    color: #fff;
  }

  .footer_nav_list {
    padding-top: 5px;
  }

  .footer_copyright {
    font-size: 10px;
  }

  .skpr_detail,
  .privacy_lead {
    padding: 0 10px 20px;
  }

  .skpr_box {
    padding-top: 70px;
    margin-top: -10px
  }
  
  .skpr_box:first-child {
    padding-top: 0;
    margin-top: 0;
  }
}

@media (max-width: 480px) {
  .side_banner_list {
    margin-top: 19px;
  }
  .side_banner_list:first-child {
    margin-top: 0;
  }
}


/*==============================
main site common
==============================*/
hr {
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #E2E2E2;
  border-left: none;
  border-right: none;
  margin: 30px 0;
  border-radius: 1px;
}

.large {
  font-size: 1.5em;
}

h1 {
  font-weight: normal;
  line-height: 1.2;
  border-bottom: 3px solid #333;
  font-size: 28px;
  padding: 0.8em 0;
  margin: 0 0 20px;
}
.header_logo {
    margin: 0 auto;
    padding-top: 30px;
    float: left;
    border-bottom: none;
}

h2 {
/*  position: relative;　ここが有効だとサムネイルが切り替わらない不具合（PCのみ）*/
  color: #333;
  line-height: 1.3;
  font-weight: normal;
}
h2.lead {
  margin: 0 0 26px;
  font-size: 24px;
}
h2.large {
  font-size: 33px;
  margin: 0 0 22px 0;
}

h3 {
  position: relative;
  font-size: 22px;
  color: #333;
  font-weight: normal;
}

.sub-h4 {
  color: #BB914E;
  font-family: sans-serif;
  font-weight: normal;
  font-size: 0.9em;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 3px 5px;
}

h4 {
  border-bottom: 2px solid #353535;
  position: relative;
  font-size: 18px;
  font-weight: normal;
  margin: 1em 0;
  padding: 5px;
  text-align: left;
}
h4::before {
  content: "";
  width: 5.5em;
  height: 0;
  border-bottom: 3px solid #353535;
  position: absolute;
  bottom: 0;
  left: 0;
}

.h4 {
  border-bottom: 2px solid #353535;
  position: relative;
  font-size: 18px;
  font-weight: normal;
  margin: 2em 0 3em;
  padding: 5px;
}
.h4::before {
  content: "";
  width: 5.5em;
  height: 0;
  border-bottom: 3px solid #353535;
  position: absolute;
  bottom: 0;
  left: 0;
}

h5,
.h5 {
  color: #7E7E7E;
  font-size: 1rem;
  font-family: "Yu Gothic Medium","游ゴシック","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Sans W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-weight: normal;
  margin: 1em 0 0;
  position: relative;
}

h6,
.h6 {
  font-weight: normal;
  font-size: 1rem;
}

.note,
.page .note {
  font-size: 0.78em;
  line-height: 1.3;
  margin: 2px 0;
}

.contact {
  padding: 5px 0;
}
.contact a {
  display: table;
  padding: 0.2em 0.5em 0.2em 1em;
  margin: 20px auto;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border: 2px solid #000;
}

.btn-square {
  display: table;
  margin: 1em auto;
}
.btn-square a {
  display: block;
  min-width: 200px;
  padding: 0.2em 2em 0.2em 2.5em;
  font-weight: bold;
  text-align: center;
  border: 2px solid #000;
}

.link-shop {
  display: table;
  margin: 1em auto;
}
.link-shop a {
  display: inline-flex;
  justify-content: space-around;
  align-items: center;
  min-width: 300px;
  padding: 0.2em 1.5em 0.2em 2em;
  margin: auto;
  font-weight: bold;
  text-align: center;
  border: 2px solid #000;
  background-color: #000;
  color: #FFF;
}

.sankaku-down {
  display: block;
  text-align: center;
  margin: 3em 0 2em;
}
.sankaku-down::before {
  content: "▼";
  font-size: 2.5rem;
}

.bg-gray {
  width: 100%;
  padding: 10px 0;
  background-color: #E5E5E5;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* footer */
address {
  font-style: normal;
}

.backtotop {
  width: 65px;
  height: 65px;
  background-color: #333;
  position: fixed;
  right: 0;
  bottom: 0;
}
.backtotop a {
  display: block;
  color: #FFF;
  text-align: center;
  text-decoration: none;
  width: 100%;
  height: 100%;
  padding-top: 40px;
  font-family: "Yu Gothic Medium","游ゴシック","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Sans W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  position: relative;
}
.backtotop a::before {
  content: "";
  display: block;
  width: 36%;
  height: 36%;
  border-top: 3px solid #FFF;
  border-left: 3px solid #FFF;
  border-radius: 2px;
  position: absolute;
  top: 28%;
  left: 30%;
  transform: rotate(45deg);
}

/* バナーリンク  */
.top-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  padding: 0;
  margin-top: -55px;
  position: relative;
  z-index: 5;
  line-height: 1;
  vertical-align: bottom;
}
.top-link p {
  width: 50%;
  margin: 0;
}

.top-banner {
  display: block;
  text-align: center;
  padding: 14px 0;
  position: relative;
  width: 100%;
  height: 70px;
  background-color: #000;
  border: 4px solid #000;
  font-size: 16px;
}
.top-banner i {
  color: #B59145;
}
.top-banner::before {
  content: "";
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid #B59145;
  position: absolute;
  top: 0;
  left: 0;
}
.top-banner::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-bottom: 1px solid #FFF;
  border-right: 1px solid #FFF;
  position: absolute;
  bottom: 15px;
  left: calc(50% - 5px);
  transform: rotate(45deg);
  border-radius: 1px;
}

.banner-text {
  color: #FFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: 1;
}

.banner-subtext {
  font-size: 14px;
  color: #B59145;
  font-family: "Yu Gothic Medium","游ゴシック","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Sans W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

.banner-img {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
}
.banner-img img {
  height: 26px;
  width: auto;
}

/*  互換性保持用  */
.flt_r {
  float: right;
}

/* box */
.box2 {
  padding: 5px 10px;
  border: 10px #C4E1C2 solid;
}
.box2 p {
  line-height: 1.5;
}

.box3 {
  background: #F6C5BE;
  margin: 0 0 20px 0;
  padding: 10px;
}

/* table  */
table {
  width: 100%;
}

th {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  text-align: left;
  padding: 0.3em 0.1em;
  width: 25%;
}

td {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 0.5em 0.1em;
}

.th-6em th {
  width: 6em;
}

.tbl_01 {
  margin: 20px auto;
  background-color: #FFF;
}

.tbl3 {
  background: #FBE8C0;
  margin: 0 0 20px 0;
  padding: 1% 2%;
}
.tbl3 th,
.tbl3 td {
  margin: 0;
  padding: 10px;
  line-height: 1.5;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}
.tbl3 th p,
.tbl3 td p {
  line-height: 1.5;
  margin: 0;
}
.tbl3 th {
  vertical-align: top;
  min-width: 8em;
}


.table-overview {
  width: 100%;
}
.table-overview td {
  font-weight: bold;
}

.table-history {
  width: 100%;
}

.table-history th {
  border-top: none;
  border-bottom: none;
  border-left: 2px solid #BFBFBF;
  position: relative;
  font-size: 1.2rem;
  font-family: parameter.$font_sanserif;
  color: #B89043;
  line-height: 1;
  padding: 0.3em 0.5em;
  vertical-align: top;
  width: 5em;
}
.table-history th .wareki {
  font-size: 0.76rem;
  color: #808080;
  display: block;
  width: 6em;
  line-height: 1.1;
}
.table-history th::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: #B89043;
  position: absolute;
  top: 15px;
  left: -4px;
}

.table-history td {
  font-weight: bold;
  border-top: none;
  border-bottom: 1px solid #BFBFBF;
  vertical-align: top;
  line-height: 1.3;
}


/*  title */
.post h2 {
  font-size: 1.2rem;
}

h3.common2 {
  background: #4EAA79;
  color: #FFFFFF;
  padding: 5px;
  text-align: center;
  font-size: 1rem;
  margin: 0 0 5px;
  font-weight: bold;
}

h3.common1 {
  background: #BB8354;
  color: #FFFFFF;
  padding: 5px;
  margin: 1em 0 5px;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
}

h3.common3 {
  background: #E07A75;
  color: #FFFFFF;
  padding: 5px;
  margin: 1em 0 5px;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
}

.ttl_01 {
  color: #fff;
  margin: 20px 0;
  padding: 10px;
  font-size: 1.2rem;
  background-color: #A68947;
  line-height: 1.3em;
  text-shadow: 0px 0px 7px #674904;
}

.ttl_02 {
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: bold;
  color: #FFF;
  background-color: #002E64;
  padding: 10px;
}

.ttl_03 {
  color: #fff;
  margin: 20px 0;
  padding: 10px;
  font-size: 1.1em;
  line-height: 1.3;
  background: #8C0000 repeat;
}

.ttl_04 {
  padding: 10px;
  font-size: 1.2rem;
  background: #f5f5f5 repeat;
  line-height: 1.3;
}

.ttl_05 {
  font-size: 1.15rem;
  line-height: 1.3;
  border-bottom: 4px solid #333;
  margin: 10px 0;
  position: relative;
  padding-bottom: 5px;
  display: block;
}
.ttl_05::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 6em;
  height: 0;
  border-bottom: 3px solid #333;
  padding: 0 4px 4px 0;
}

.ttl_kon {
  line-height: 1.3;
}

.ttl_gold {
  color: #FFF;
  padding: 10px;
  line-height: 1.3;
  background-color: #A68947;
  text-shadow: 0px 0px 7px #674904;
}

.ttl_enji {
  background-color: #7C0000;
  color: #FFF;
  font-size: 1.3em;
  padding: 10px;
  line-height: 1.3;
}

.button {
  padding: 10px;
  border: 1px solid #000;
  background-color: #FFF;
  display: inline-block;
  line-height: 1;
}
.button::after {
  content: " →";
}

/*  font-color */

.fc_01 {
  color: #BB914E;}

.fc_01b {
  color: #BB914E;
  font-weight: bold;}

.fc_02 {
  color: #002E64;}

.fc_02b {
  font-weight: bold;
  color: #002E64;}

.fc_03 {
  color: #8C0000;
}

.fc_03b {
  font-weight: bold;
  color: #8C0000;
}

.fc_06 {
  border: 1px solid #333;padding: 10px;
}

.fc_07 {
  color: #002E64;
  border: #002E64 1px solid;
  padding: 5px 5px 4px;
  line-height: 1.5;
}

.fc_08 {
  border: 1px solid #8C0000;
  margin: 0;
}

.fc_marker {
  background-color: #FF0;
  font-family: Yu Gothic Medium","游ゴシック","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Sans W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ W3","ＭＳ Ｐゴシック","MS PGothic", sans-serif;
  padding: 0 5px;
  border-radius: 2px;
}

/*  categoery archive  */
.post-data {
  display: flex;
  justify-content: space-between;
}

.post-date {
  font-size: 14px;
  color: #353535;
}

.post-categories {
  padding: 0;
  list-style: none;
  width: 100%;
  max-width: 5em;
  margin-right: 5px;
}

.post-categories li {
  width: 100%;
  font-size: 0.87rem;
  font-weight: bold;
  margin-bottom: 5px;
}

.post-categories a {
  display: block;
  border: 1px solid #333;
  padding: 4px;
  width: 100%;
  text-align: center;
  line-height: 1;
}

.link-all {
  padding: 0;
  margin: 20px auto;
  display: block;
  width: calc(100% - 20px);
}

.link-all a {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 2.5em;
  max-width: 400px;
  margin: auto;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border: 1px solid #000;
}

.category-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.child-link {
  padding: 0;
  text-align: center;
  width: calc(50% - 10px);
  max-width: 11em;
  margin: 0 0px 10px 0px;
  float: left;
}
.child-link a {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 2.5em;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border: 1px solid #000;
}

/* slider */

.slider-album .slick-dots li {
  position: relative;
}
.slider-album .slick-dots li button::before {
  content: "●";
  font-size: 20px;
  color: #333;
  opacity: 1;
}
.topics-slider .slick-dots li.slick-active button::before,
.items-slider .slick-dots li.slick-active button::before,
.slider .slick-dots li.slick-active button::before,
.slider-album .slick-dots li.slick-active button::before {
  color: #B59045;
  opacity: 1;
}

.album-img {
    padding: 20px;
    margin: auto;
}
.album-img img {
        margin: 0 auto;
        border-radius: 50%;
        max-width: 90%;
        width: auto;
        height: auto;
        max-height: 400px;
        object-fit: cover;
}

/*slider-text*/
.album-text h3 {text-align: center;}
.album-text p {line-height:2; font-size: 16px;}
.album-img {padding: 0 0 30px;}
.album-img img {border-radius: 0%;}

@media screen and (min-width: 641px) {
  .post-categories {
    width: 9em;
    max-width: none;
  }
  .post-categories li {
    width: 9em;
  }

  .category-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }

  .child-link {
    padding: 0;
    text-align: center;
    margin: 0;
  }
  .child-link a {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 2.5em;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #000;
  }
}
/*  font-size */
.fs_xxxl {
  font-size: 1em;
}

.fs_xxl {
  font-size: 1em;
}

.fs_xl {
  font-size: 1em;
}

.fs_l {
  font-size: 1em;
}

.fs_s {
  font-size: 0.8em;
}

/* font-weight */
.fw_b {
  font-weight: bold;
}

/* text-align */
.ta_l {
  text-align: left;
}

.ta_c {
  text-align: center;
}

.ta_r {
  text-align: right;
}

.line-ht20 {
  line-height: 2;
}

/*
  custom2
*/
/*font*/
.ff_sansserif {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

.ff_serif {
  font-family: "游明朝", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

h2 {
  font-size: 30px;
  margin-top: 0px;
}

.layout-box {
  display: flex;
  justify-content: space-between;
  gap: 0 20px;
}

.layout-sub {
  width: 100px;
}

.layout-main {
  width: calc(100% - 120px);
}

.tate {
  writing-mode: vertical-rl;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.tate h2 {
  font-size: 40px;
  line-height: 1;
  width: 1em;
  margin-bottom: 30px;
  font-weight: normal;
}

.tate p {
  width: 100%;
}

.yoko p {
  margin-bottom: 2em;
}
h3 {
  font-size: 23px;
  line-height: 1.5;
  margin-top: 0px;
}

p {
  line-height: 2;
}

.ttl {
    /* background-color: #333;
    color: #FFF;
    font-size: 1.3em;
    padding: 10px;
    height: auto;
    text-align: left;
    margin-bottom: 20px; */
    background-color: none;
    position: relative;
    color: #333;
    line-height: 1.3;
    font-weight: normal;
    font-size: 35px;
}

.post .ttl {
    font-size: 35px;
}

p.ttl {
  margin: 0;
}

h4 {
  font-size: 23px;
  margin: 1em 0 1em !important;
}

h4.h4 {
  margin: 1em 0 2em !important;
}

h4.h4_s {
  font-size: 16px;
}

.h4_nounder {
  border-bottom: 2px solid #353535;
  position: relative;
  font-size: 18px;
  font-weight: normal;
  margin: 1em 0;
  padding: 5px;
}

.h4::before,
.h4_nounder::before {
  width: 8em;
}

h2.section-kv-text {
  color: #000;
  text-shadow: 0px 0px 2px #fff;
  display: none;
}

.fc_gld {
  color: #BB914E;
}

.fs_005 {
  font-size: 0.5em;
}

.fs_006 {
  font-size: 0.6em;
}

.fs_007 {
  font-size: 0.7em;
}

.fs_008 {
  font-size: 0.8em;
}

.fs_009 {
  font-size: 0.9em;
}

/*parts*/
.section-kv,
.page-kv {
  background: #000;
}

.bg-gray {
  padding: 10px 20px;
  font-size: 16px;
}

.column1 {
  width: calc(83% - 0px) !important;
  max-width: 100%;
}

.column1 a {
  padding: 5px;
  line-height: 1.3;
}

.picture {
  margin-top: 0 !important;
}

/*detail*/
.layout-main {
  width: calc(100% - 100px);
}

.contact a {
  margin: 0px auto;
}

.bdr_gray img {
  border: solid 1px #bbb;
}

.sankaku-down {
  margin: 1em 0 1em;
}

/* 黒枠ボタン */
.child-link a {
  font-weight: normal;
}

/* Shortcodes Ultimate */
.su-spoiler {
  margin-bottom: 1em;
}

.su-spoiler-style-default > .su-spoiler-title {
  font-size: 0.9em;
}

.su-spoiler-style-default > .su-spoiler-content {
  padding: 0 0 1em 27px !important;
}

.su-box {
  margin: 0 0 1.5em;
  border: #a7a7a7 2px solid;
  border-radius: 5px;
}

.su-box-content {
    background-color: #fff;
    color: #444;
    padding: 1em;
}

.su-box-title {
  padding: 0.5em 1em;
  font-weight: 700;
  font-size: 1.1em;
}

.item-important {
    display: table;
    padding: 5px 10px;
    margin: 0.5em auto;
    color: #8C0000;
    font-size: 0.8em;
    border: 1px solid #8C0000;
}

@media screen and (min-width: 641px) {
  .btn-square a {
    font-size: 1rem;
  }

  /* footer */
  .backtotop {
  }
  .backtotop a {
  }
  .backtotop a::before {
  }

  /* バナーリンク */
  .top-link {
    justify-content: center;
    align-items: center;
    gap: 0 50px;
    padding: 0px 0 20px;
    margin-top: 0;
  }

  .top-banner {
    gap: 0 10px;
    height: 100px;
    font-size: 18px;
    padding-top: 19px;
  }
  .top-banner i {
    font-size: 30px;
  }
  .top-banner::after {
    width: 18px;
    height: 18px;
    border-bottom: 2px solid #FFF;
    border-right: 2px solid #FFF;
    bottom: 20px;
    left: calc(50% - 9px);
    border-radius: 1px;
  }

  .banner-text {
    font-size: 30px;
  }

  .banner-subtext {
    font-size: 20px;
  }

  .banner-img {
    padding-left: 0px;
  }
  .banner-img img {
    height: 40px;
    width: auto;
  }

  /* more */
  .more a {
    margin: 180px auto;
    padding: 0.3em 1.5em 0.3em 2em;
    width: auto;
    font-size: 28px;
  }

  /* font */
  .flt_l {
    float: left;
    max-width: 42%;
  }
  
  .fs_xxxl {
    font-size: 1.5em;
  }

  .fs_xxl {
    font-size: 1.2em;
  }

  .fs_xl {
    font-size: 1.1em;
  }

  .fs_l {
    font-size: 1.05em;
  }
}
@media screen and (min-width: 971px) {
  .pc_w50 {
    width: 50%;
    height: auto;
  }

  .pc_w60 {
    width: 60%;
    height: auto;
  }

  .pc_w70 {
    width: 70%;
    height: auto;
  }

  .pc_w80 {
    width: 80%;
    height: auto;
  }

  .pc_w90 {
    width: 90%;
    height: auto;
  }

  .pc_w100 {
    width: 100%;
    height: auto;
  }

  .fs_022vw {
    font-size: 2.2vw;
  }

  .fs_023vw {
    font-size: 2.3vw;
  }

  .fs_024vw {
    font-size: 2.4vw;
  }

  /*detail*/
  .tate .long {
    height: 800px;
  }

  /*slider-text*/
  .album-text {
    padding: 0 90px;
  }

    /*----------------
トップページ
-----------------*/
    /*KVトップバナー*/
  .top-link {
    padding: 0px 0 20px;
  }

  .more {
    padding: 0;
  }

  .more a {
    margin: 0px auto !important;
    padding: 0.3em 3em;
    font-size: 20px;
  }
}
/*  free page utility  */
.w0 {
  width: 0%;
  height: auto;
}

.w0 img {
  width: 100%;
  height: auto;
}

.w5 {
  width: 5%;
  height: auto;
}

.w5 img {
  width: 100%;
  height: auto;
}

.w10 {
  width: 10%;
  height: auto;
}

.w10 img {
  width: 100%;
  height: auto;
}

.w15 {
  width: 15%;
  height: auto;
}

.w15 img {
  width: 100%;
  height: auto;
}

.w20 {
  width: 20%;
  height: auto;
}

.w20 img {
  width: 100%;
  height: auto;
}

.w25 {
  width: 25%;
  height: auto;
}

.w25 img {
  width: 100%;
  height: auto;
}

.w30 {
  width: 30%;
  height: auto;
}

.w30 img {
  width: 100%;
  height: auto;
}

.w35 {
  width: 35%;
  height: auto;
}

.w35 img {
  width: 100%;
  height: auto;
}

.w40 {
  width: 40%;
  height: auto;
}

.w40 img {
  width: 100%;
  height: auto;
}

.w45 {
  width: 45%;
  height: auto;
}

.w45 img {
  width: 100%;
  height: auto;
}

.w50 {
  width: 50%;
  height: auto;
}

.w50 img {
  width: 100%;
  height: auto;
}

.w55 {
  width: 55%;
  height: auto;
}

.w55 img {
  width: 100%;
  height: auto;
}

.w60 {
  width: 60%;
  height: auto;
}

.w60 img {
  width: 100%;
  height: auto;
}

.w65 {
  width: 65%;
  height: auto;
}

.w65 img {
  width: 100%;
  height: auto;
}

.w70 {
  width: 70%;
  height: auto;
}

.w70 img {
  width: 100%;
  height: auto;
}

.w75 {
  width: 75%;
  height: auto;
}

.w75 img {
  width: 100%;
  height: auto;
}

.w80 {
  width: 80%;
  height: auto;
}

.w80 img {
  width: 100%;
  height: auto;
}

.w85 {
  width: 85%;
  height: auto;
}

.w85 img {
  width: 100%;
  height: auto;
}

.w90 {
  width: 90%;
  height: auto;
}

.w90 img {
  width: 100%;
  height: auto;
}

.w95 {
  width: 95%;
  height: auto;
}

.w95 img {
  width: 100%;
  height: auto;
}

.w100 {
  width: 100%;
  height: auto;
}

.w100 img {
  width: 100%;
  height: auto;
}


.mt-0 {
  margin-top: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mt-sp-0 {
  margin-top: 0px !important;
}

.mb-sp-0 {
  margin-bottom: 0px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mt-sp-5 {
  margin-top: 5px !important;
}

.mb-sp-5 {
  margin-bottom: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mt-sp-10 {
  margin-top: 10px !important;
}

.mb-sp-10 {
  margin-bottom: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mt-sp-15 {
  margin-top: 15px !important;
}

.mb-sp-15 {
  margin-bottom: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mt-sp-20 {
  margin-top: 20px !important;
}

.mb-sp-20 {
  margin-bottom: 20px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mt-sp-30 {
  margin-top: 30px !important;
}

.mb-sp-30 {
  margin-bottom: 30px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mt-sp-40 {
  margin-top: 40px !important;
}

.mb-sp-40 {
  margin-bottom: 40px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mt-sp-50 {
  margin-top: 50px !important;
}

.mb-sp-50 {
  margin-bottom: 50px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mt-sp-60 {
  margin-top: 60px !important;
}

.mb-sp-60 {
  margin-bottom: 60px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.mt-sp-70 {
  margin-top: 70px !important;
}

.mb-sp-70 {
  margin-bottom: 70px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mt-sp-80 {
  margin-top: 80px !important;
}

.mb-sp-80 {
  margin-bottom: 80px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.mt-sp-90 {
  margin-top: 90px !important;
}

.mb-sp-90 {
  margin-bottom: 90px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.mt-sp-100 {
  margin-top: 100px !important;
}

.mb-sp-100 {
  margin-bottom: 100px !important;
}

.mt-110 {
  margin-top: 110px !important;
}

.mb-110 {
  margin-bottom: 110px !important;
}

.mt-sp-110 {
  margin-top: 110px !important;
}

.mb-sp-110 {
  margin-bottom: 110px !important;
}

.mt-120 {
  margin-top: 120px !important;
}

.mb-120 {
  margin-bottom: 120px !important;
}

.mt-sp-120 {
  margin-top: 120px !important;
}

.mb-sp-120 {
  margin-bottom: 120px !important;
}

@media screen and (min-width: 641px) {
  .mt-tab-0 {
    margin-top: 0px !important;
  }

  .mb-tab-0 {
    margin-bottom: 0px !important;
  }

  .mt-tab-5 {
    margin-top: 5px !important;
  }

  .mb-tab-5 {
    margin-bottom: 5px !important;
  }

  .mt-tab-10 {
    margin-top: 10px !important;
  }

  .mb-tab-10 {
    margin-bottom: 10px !important;
  }

  .mt-tab-15 {
    margin-top: 15px !important;
  }

  .mb-tab-15 {
    margin-bottom: 15px !important;
  }

  .mt-tab-20 {
    margin-top: 20px !important;
  }

  .mb-tab-20 {
    margin-bottom: 20px !important;
  }

  .mt-tab-30 {
    margin-top: 30px !important;
  }

  .mb-tab-30 {
    margin-bottom: 30px !important;
  }

  .mt-tab-40 {
    margin-top: 40px !important;
  }

  .mb-tab-40 {
    margin-bottom: 40px !important;
  }

  .mt-tab-50 {
    margin-top: 50px !important;
  }

  .mb-tab-50 {
    margin-bottom: 50px !important;
  }

  .mt-tab-60 {
    margin-top: 60px !important;
  }

  .mb-tab-60 {
    margin-bottom: 60px !important;
  }

  .mt-tab-70 {
    margin-top: 70px !important;
  }

  .mb-tab-70 {
    margin-bottom: 70px !important;
  }

  .mt-tab-80 {
    margin-top: 80px !important;
  }

  .mb-tab-80 {
    margin-bottom: 80px !important;
  }

  .mt-tab-90 {
    margin-top: 90px !important;
  }

  .mb-tab-90 {
    margin-bottom: 90px !important;
  }

  .mt-tab-100 {
    margin-top: 100px !important;
  }

  .mb-tab-100 {
    margin-bottom: 100px !important;
  }

  .mt-tab-110 {
    margin-top: 110px !important;
  }

  .mb-tab-110 {
    margin-bottom: 110px !important;
  }

  .mt-tab-120 {
    margin-top: 120px !important;
  }

  .mb-tab-120 {
    margin-bottom: 120px !important;
  }
}
@media screen and (min-width: 971px) {
  .mt-pc-0 {
    margin-top: 0px !important;
  }

  .mb-pc-0 {
    margin-bottom: 0px !important;
  }

  .mt-pc-5 {
    margin-top: 5px !important;
  }

  .mb-pc-5 {
    margin-bottom: 5px !important;
  }

  .mt-pc-10 {
    margin-top: 10px !important;
  }

  .mb-pc-10 {
    margin-bottom: 10px !important;
  }

  .mt-pc-15 {
    margin-top: 15px !important;
  }

  .mb-pc-15 {
    margin-bottom: 15px !important;
  }

  .mt-pc-20 {
    margin-top: 20px !important;
  }

  .mb-pc-20 {
    margin-bottom: 20px !important;
  }

  .mt-pc-30 {
    margin-top: 30px !important;
  }

  .mb-pc-30 {
    margin-bottom: 30px !important;
  }

  .mt-pc-40 {
    margin-top: 40px !important;
  }

  .mb-pc-40 {
    margin-bottom: 40px !important;
  }

  .mt-pc-50 {
    margin-top: 50px !important;
  }

  .mb-pc-50 {
    margin-bottom: 50px !important;
  }

  .mt-pc-60 {
    margin-top: 60px !important;
  }

  .mb-pc-60 {
    margin-bottom: 60px !important;
  }

  .mt-pc-70 {
    margin-top: 70px !important;
  }

  .mb-pc-70 {
    margin-bottom: 70px !important;
  }

  .mt-pc-80 {
    margin-top: 80px !important;
  }

  .mb-pc-80 {
    margin-bottom: 80px !important;
  }

  .mt-pc-90 {
    margin-top: 90px !important;
  }

  .mb-pc-90 {
    margin-bottom: 90px !important;
  }

  .mt-pc-100 {
    margin-top: 100px !important;
  }

  .mb-pc-100 {
    margin-bottom: 100px !important;
  }

  .mt-pc-110 {
    margin-top: 110px !important;
  }

  .mb-pc-110 {
    margin-bottom: 110px !important;
  }

  .mt-pc-120 {
    margin-top: 120px !important;
  }

  .mb-pc-120 {
    margin-bottom: 120px !important;
  }
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

.alignleft {
  float: left;
  margin: 0 5px 0 0;
}

.alignright {
  float: right;
  margin: 0 0 0 5px;
}

@media screen and (min-width: 641px) {
  img.alignleft, img.alignright {
    max-width: 50%;
  }
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.flt_l img {
  max-width: 100%;
}


/*==============================

ここから仲西mico追記　2021-10月

==============================*/

/*ヘッダー*/
.header_logo {padding: 30px 20px 20px;}

@media screen and (min-width: 641px) {
    /* タブレットサイズ以上（タブレット・PC）に適用 */
	
#header {
margin-bottom: 0px !important;}

.header_logo {
    margin: 0 auto;
    padding: 30px 250px;}
}

@media (max-width: 768px){
	/* スマホに適用 */
.search_box {width: 80%;}
}

select, textarea, [type="text"], .uneditable-input {height: 30px;}

/*項目*/
@media (max-width: 768px){
    /* スマホに適用 */
.heading {font-size: 16px;}
}


/*装飾*/
.bold {font-weight: bold;}

hr {
  border-top: none; 
  border-bottom: 1px solid #ccc;
  margin: 20px 0;
   border-radius: 0px; 
}

/*ランキング画像枠*/
.border_img {
    border: 1px #ccc solid !important;}

.product_explain {padding: 0 10px 60px;}

/*アイコン*/
.icon-lg-b.icon-instagram { background-position: -263px -240px; }
.icon-lg-b.icon-youtube { background-position: -287px -240px; }
.icon-lg-b.icon-voice { background-position: -191px -24px; }
.icon-lg-w.icon-voice { background-position: -191px -24px; }
.icon-lg-b.icon-check { background-position: -95px -120px; }
.icon-lg-b.icon-clip { background-position: -193px -0px; }
.icon-lg-r.icon-clip { background-position: -193px -0px; }
.icon-lg-b.icon-drop { background-position: -480px -48px; }
.icon-lg-b.icon-link { background-position: -409px -0px; }
.icon-lg-w.icon-link { background-position: -409px -0px; }
.icon-lg-b.icon-flask { background-position: -384px -96px; }
.icon-lg-b.icon-home { background-position: -264px -24px; }
.icon-lg-b.icon-guide { background-position: -216px -168px; }
.icon-lg-b.icon-inquiry { background-position: -287px -71px; }
.icon-lg-b.icon-good { background-position: -144px -25px; }
.icon-lg-b.icon-sp { background-position: -24px -0px; }
.icon-lg-b.icon-tel { background-position: -0px -0px; }
.icon-lg-w.icon-sp { background-position: -28px -0px; }
.icon-lg-b { background-image: url(https://taragawa.co.jp/s/gazo/eshop2021/common/icon24_2x_b.png) !important; }
.icon-b { background-image: url(https://taragawa.co.jp/s/gazo/eshop2021/common/icon24_2x_b.png) !important; }
.icon-lg-w { background-image: url(https://taragawa.co.jp/s/gazo/eshop2021/common/icon24_2x_w.png) !important; }
.icon-w { background-image: url(https://taragawa.co.jp/s/gazo/eshop2021/common/icon24_2x_w.png) !important; }
.icon-lg-r { background-image: url(https://taragawa.co.jp/s/gazo/eshop2021/common/icon24_2x_r.png) !important; }
.icon-r { background-image: url(https://taragawa.co.jp/s/gazo/eshop2021/common/icon24_2x_r.png) !important; }
.v_al-25 {vertical-align: -6px;}

/*ハンバーガーメニュー*/
.header_nav_lst_phone {margin-left: 0%; width: 50%; position: absolute;left: 50%; top:100%;}
.header_nav_lst_phone li {padding: 0 0 0 10px; text-align: left;}

/*フッター*/
.footer-address a{color: #fff;}
.footer-banner-shop a {
    display: flex;
    width: 70%;
    justify-content: center;
    align-items: center;
    gap: 5px;
    border: 1px solid #B59145;
    padding: 10px;
	margin: 30px auto;}
.footer-banner-shop {margin: 0px auto 30px;}
.banner-text {font-size: 16px; line-height: 1.3;}

@media screen and (min-width: 641px){
    /* タブレットサイズ以上（タブレット・PC）に適用 */

.footer-banner-shop a {padding: 10px; margin: 20px 0;}
.banner-subtext {font-size: 14px;}

}

/*カレンダーcss(カラーミー用意)*/
.tbl_calendar {
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}
.tbl_calendar th, .tbl_calendar td {
  padding: 4px !important;
  text-align: center !important;
  border-bottom: 1px solid #ccc !important;
}
@media (max-width: 768px){
    /* スマホに適用 */
.tbl_calendar_mobile {
    margin: 10px auto !important;
    width: 69% !important;}
}


/*------------------------
   商品詳細ページ
-------------------------*/

/*レビュー*/
.reviewlist_datas {line-height: 2 !important; border-bottom: #333 solid 1px;}
.review_ttl, .shopcomment_ttl {font-size: 16px !important;}
.reviewlist {
    padding: 15px;
    margin-top: 10px;
    border-top: none !important;
    text-align: left;
    background-color: #eee;
}
/*パンくずリスト*/
.pankuzu {margin: 0 0 20px;}

/*価格エリア*/
.product_cart_area {margin: 30px 0 20px !important;}

/*価格エリア・タグ*/
.product_belong_list {background-color: #333; padding: 5px !important; border-radius: 5px; margin-bottom: 5px;}
.product_belong_list:first-child {padding: 5px !important;}
.product_detail_area {padding: 0 0px !important;}
.product_belong_lists {margin: 20px 0 20px !important;}
.product_belong_lists a {color:#fff !important;}

/*価格エリア・タイトル*/
.product_name {font-size: 25px !important;}

/*価格エリア・カートボタン*/
.btn-addcart, .btn-reviews {background-color: #6f9700 !important;}

/*送料ボックス*/
.page-souryou {
	margin: 0 auto 20px !important;
	width: 90% !important;
	padding: 3% 2% !important;
	border: #ccc 2px solid;
	font-size: 16px;
	text-align: center;
	background: #ffffff;
}
.page-souryou p {margin: 0;}
.page-souryou a {display: block; width: 100%; height: 100%; text-decoration: none; color: #222;}
.page-souryou hr {margin: 10px 0; border: none; border-top: #ccc 1px solid;}
.page-souryou .strong {font-size: 18px; color: #920B00; font-weight: bold;}
.page-souryou .weak {font-size: 12px;}

/*レビューを見るリスト*/
.product_related_lists {margin: 10px 0 0 !important;}

/*説明エリア*/
 .product_explain,
 .product_img_sub {font-size: 15px !important;}

/*説明エリアのグレー背景内pタグ*/
.bg-gray p {margin: 0 0 1em 0;}


/*------------------------
   フリーページ
-------------------------*/

/*横の余白*/
.contents {padding-right: 10px; padding-left: 10px; padding-bottom: 60px;}

/*泡盛について*/
.kura .flt_l {
	float:left;
	width:42%;}

.kura .flt_r {
	float:right;
	width:55%;}

/*ご利用ガイド*/

.step{
  list-style-type: none;
  padding:0;
  margin:0 0 50px 0;
}

.stepNo {
	color:#fff;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";
	font-size: 150%;
}

.step li{
  position: relative;
  width:100%;
  background: #AF9251;
  padding: 1em 0;
  text-align:center;
  color: #fff;
    letter-spacing: 0.1em;
	border-radius: 10px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";
	margin: 0 0 30px;
}

.step li a{
	color: #fff;
	text-decoration: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";
}

.step li:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
    bottom: -15px;
    left: 48%;
    border-style: solid;
    border-color: #AF9251 transparent transparent transparent;
    border-width: 15px 15px 0 15px;
  z-index: 1;
}

.method {
  position: relative;
  width:100%;
  background: #9bbb30;
  padding: 1em 0;
  margin-bottom: 1em;
  text-align:center;
  color: #fff;
	border-radius: 10px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";
}

.step li.method:after{
  content: "";
	position: none;
	border: none;
}

.opacity1 {opacity: 0.6;}
.opacity2 {opacity: 0.7;}
.opacity3 {opacity: 0.8;}
.opacity4 {opacity: 0.9;}


.step_ttl_top p {
	position: relative;
    width: 25%;
    background: #AF9251;
    padding: 10px 20px;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";
    letter-spacing: 0.1em;
    font-size: 1.3em;
	margin-top: 30px;
}

.step_ttl_top p:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -10px;
    left: 40%;
    border-style: solid;
    border-color: #AF9251 transparent transparent transparent;
    border-width: 10px 10px 0 10px;
    z-index: 1;
}	

.step_ttl {
    padding: 5px 10px 5px 0;
    color: #333;
    font-family: sans-serif;
    font-weight: normal;
	font-size: 1.3em;
    letter-spacing: 0.1em;
    border-bottom: #333 3px solid;
	margin: 10px 0 20px;
}

.step_ttl_pay {
  background: #9bbb30;
  padding: 1em 0;
  margin: 30px 0 10px 0 !important;
  text-align:center;
  color: #fff;
	border-radius: 10px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";
}

.combini_list li{
  width:50%;
  background: #9bbb30;
  padding: 1em 0;
  text-align:center;
  color: #fff;
    letter-spacing: 0.1em;
	border-radius: 10px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";
	margin: 1em auto;
}

.combini_list li a{
	color: #fff;
	text-decoration: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";
}

@media (max-width: 768px) {
   .clear-sp {
    clear: both;
   }
}
