/* ************************************************ 
   *  all
   * ************************************************ */
  * {
    margin: 0px;
    padding: 0px;
  }

  html {
    height: 100%;
    overflow-y: scroll;
  }

  body {
    background-color: #fff;
    color: #333;
    font-size: 14px; line-height:1.5em;
    font-family: 'Open Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Sans-serif;
    text-align:center;
  }

  a {
    outline: none;
    color: #3579bf;
    text-decoration: none;
  }

  a:visited {
    text-decoration: none;
  }

  a:hover {
    color: #3579bf; text-decoration:underline;
  }

  br.clear {
    clear: both;
    font: 0pt/0pt sans-serif;
    line-height: 0;
  }

  hr.style1 {
    margin: 10px 0;
    border: 0;
    clear: left;
  }
  hr.style2 {
    border: 0;
    height: 0;
    border-top: 1px solid #fff;
  }
  hr.style3 {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    width: 100%;
    min-width: 210px;
    margin-bottom: 10px;
    text-align: center;
  }
  hr.style4 {
  width: 80%;
  text-align: center;
  margin-right: auto;
  margin-left: 10%;
  margin-top: -10px;
  margin-bottom: 20px;
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
  }
  hr.style5 {
  display:none;
  width: 80%;
  text-align: center;
  margin-right: auto;
  margin-left: 10%;
  margin-top: -10px;
  margin-bottom: 20px;
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
  }

  img {
    border: none;
    vertical-align: middle;
  }
  a:hover img {
 /*   transition:all 0.5s ease;*/
    opacity: 0.7;
  }

  img.new_mark_img1 {
    margin-right: 5px !important;
  }

  img.new_mark_img2 {
    margin-left: 5px !important;
  }

  .sold_out {
  color: #dd0000;
  padding: 5px 0 0 0;
  font-weight: bold;
  font-size: 16px;
  display:block;
}

  div.topword {
  background-color:#000;
  font-size: 0.8em !important;
  padding: 6px 0 6px 10px !important;
  margin:0!important;
  height:20px;
  }

  /* ************************************************ 
   *  layout
   * ************************************************ */
  /*ページ全体の幅、レイアウトをセンタリング*/
  #container {
    width:100%;
    margin:0px auto;
  }

  /*ヘッダー*/
  #header {
    width:280px;
    clear:left;
    position: fixed;
    top: 0;
    right: 20px;
z-index:99;
  }

  /*サイド*/
  #side {
    float: left;
    width: 11%;
    min-width: 210px;
    height: 100%;
    z-index: 100;
    position: fixed;
    left: 0;
    top: 0;
    background-image:url("https://img21.shop-pro.jp/PA01349/512/etc/header_bg.jpg");
    font-family: 'Londrina Solid', 'Open Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Sans-serif;
    box-shadow:rgba(0, 0, 0, 0.458824) 0px 0px 6px 3px;
    -webkit-box-shadow:rgba(0, 0, 0, 0.458824) 0px 0px 6px 3px;
    -moz-box-shadow:rgba(0, 0, 0, 0.458824) 0px 0px 6px 3px;
  }
#side h1{ text-align: center; margin-bottom: 0px;}
#side h1.logo a:hover img{ opacity:0.9!important;}

  /*メイン*/
  #main {
    margin-left: 210px;
    color:#333;
  }

  /*フッター（コピーライト）*/
  #footer {
    box-sizing: border-box;
    width: 11%;
    min-width: 210px;
    position: fixed;
    bottom: 10px;
    text-align: center;
    font-size: 1em;
    z-index: 101;
    line-height: 180%;
  }

  /* ************************************************ 
   *  header
   * ************************************************ */
  #header div.header_link {
    float: right;
    margin-bottom: 40px;
    }
    #header div.header_link ul {
      }
      #header div.header_link ul li {
        list-style-type: none;
        float: left;
        margin-left: 2px;
        text-align: center;
        position: relative;
        z-index: 99999 !important;
        }
#header div.header_link ul li a{ display:block; color:#fff; padding: 0; width: 134px; height: 52px; line-height: 52px; box-sizing: border-box; padding-left: 20px; font-weight:bold; font-size:13px;}
#header div.header_link ul li a:hover{ text-decoration:none; opacity:0.9;}
#header div.header_link ul li.login a{background-image:url("https://img21.shop-pro.jp/PA01349/512/etc/login_bnr.png?cmsp_timestamp=20170926202653"); background-size:100%;}
#header div.header_link ul li.cart a{background-image:url("https://img21.shop-pro.jp/PA01349/512/etc/cart_bnr.png?cmsp_timestamp=20170926202730"); background-size:100%;}
/*
        #header div.header_link ul li:hover {
          }
        #header div.header_link ul li::before,
        #header div.header_link ul li::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
    top: 0;
    width: 50%;
    height: 100%;
          }
        #header div.header_link ul li,
        #header div.header_link ul li::before {
         right: 0;
         }
        #header div.header_link ul li::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s;
    transition: all .2s;
          left: 0;
         }
        #header div.header_link ul li:hover::before,
        #header div.header_link ul li:hover::after {
    width: 0;
         }
        #header div.header_link ul li i {
          font-size: 2em;
          color: #000000;
          vertical-align: middle;
          text-align: center;
          margin-right: 10px;margin-top:-3px;
          }
        #header div.header_link ul li a {
          text-decoration: none;
          }
*/
      #header div.header_link ul li.my_account {
        }
        #header div.header_link ul li.my_account i.account {
          background: url(https://img.shop-pro.jp/tmpl_img/56/glyphicons.png) -343px -108px;
          }

      #header div.header_link ul li.view_cart {
        }
        #header div.header_link ul li.view_cart i.cart {
          background: url(https://img.shop-pro.jp/tmpl_img/56/glyphicons.png) -415px -204px;
          }
        #header div.header_link ul li.view_cart span.count {
          background: #ff3355;
          color: #fff;
          font-weight: bolder;
          padding: 5px 10px;
          margin-left: 5px;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          border-radius: 3px;
          }

  #header div.search {
    float: left;
    margin-bottom: 40px;
  }

  #header h1.logo {
    clear: both;
    text-align: center;
    font-size: 50px;
    margin-bottom: 20px;
    width: 100%;
  }

  #header h1.logo a {
    text-decoration: none;
  }

  #header h1.logo img {
    max-width: 100%;
  }

  .shop_logo{ margin-bottom:38px;}

  .category_box{ width:100%; margin:0 auto; text-align:left;}
  .category_img{ margin-bottom:10px;} 


  /* ************************************************ 
   *  footer
   * ************************************************ */
.footer_menu {
  border-top: 1px solid #ccc;
  padding: 20px 180px 10px 10px;
  font-size:12px;
  /*
  background-image:url("https://img21.shop-pro.jp/PA01398/140/etc/footer_bg.jpg?cmsp_timestamp=20170908213311");
  */
}

.footer_menu:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}

.footer_menu  ul{
    margin-bottom: 0px;
    padding: 0 1em;
  }

.footer_menu  ul li {
    list-style: none;
    margin: 0 0 1px 0;
    font-size: 1em;
    float:left;
    padding: 2px 7px;
  }

.footer_menu  ul li a {
  color:#333;
  }
.footer_menu  ul li a::before{
    content: "";
    display: inline-block;
    border: 4px solid transparent;
    border-left-color: #fff;
    margin-right: 3px;
  }
.footer_menu  ul li a:hover {
    color: #ccc;
  }

.foot_copy{ padding:20px 0 30px;}

  #footer h4 {
  box-sizing: border-box;
  width: 100%;
  font-size: 0.8em;
  padding: 0 1em;
  position: relative;
  }

  /* ************************************************ 
   *  main
   * ************************************************ */
  #main p {
  margin: 6px 0 0 0;
  }

  #main div.box {
  clear: both;
  margin: 0;
  background-color: #ffffff;
  color: #696969;
  text-align: left;
  padding-bottom:1.8vw;
  }

  #main div.box h3 {
  margin-bottom: 20px;
  font-size: 20px;
  }

  /* ************************************************ 
   *  item_box
   * ************************************************ */
  .item_box {
  width: 24%;
  margin: 10px 0 10px 1%;
  text-align: center;
  display:inline-block; 
  /display:inline; 
  /zoom:1;
  vertical-align: middle;
  float: left;
  }

  .item_box .item_photo {
  height: 16vw;
  display: table-cell;
  vertical-align: middle;
text-align:center;
width:25vw;
  }

  .item_box .item_photo img.item {
  max-width: 100%;
  max-height: 100%;
  }

  .item_box .item_detail {
  margin: 10px;
  vertical-align: bottom;
line-height: 1em;
  }

  .item_box .item_detail p.item_name {
  font-size: 1em !important;
  margin-bottom: 10px;
  }
  .item_box .item_detail p.item_name a,
  .item_box .item_detail p.item_price {
    color: #696969;
  }
  .item_box .item_detail p.item_name a:hover {
    color: #aeaeae;
  }

  .item_box .item_detail p.item_regular_price {
  font-size: 1em !important;
  font-weight: bold !important;
  margin-bottom: 10px;
  }

  .item_box .item_detail p.item_price {
  font-size: 1em !important;
  font-weight: bold !important;
  margin-bottom: 10px;
  }

  .item_box .item_detail p.item_discount {
  margin-bottom: 10px;
  }

  /* ************************************************ 
   *  Top_Page
   * ************************************************ */
  #main #box_news {
  }

  #main #box_news p {
  line-height: 20px;
  }

  #main #box_recommend {
  margin-left: auto;
  margin-right: auto;
padding:0 0;
  }

  #main #box_sellers {
  width: 94%;
  margin-left: auto;
  margin-right: auto;
padding:0 3%;
  }

  #main #box_free {
  background: #f5f5f5;
  padding: 20px;
  }

  #main #box_free p {
  line-height: 20px;
  }

  .item_box_recently {
  width: 12%;
  margin: 10px 5px;
  text-align: center;
  display:inline-block; 
  /display:inline; 
  /zoom:1;
  vertical-align: middle;
  }

  #box_recentlychecked{
  margin: 20px 0 0 0;
  padding-bottom: 40px!important;
  }

  #box_recentlychecked img {
max-width:100%;
min-width:100%;
  }

  div.footstamp {
  margin-bottom: 10px;
  padding-bottom: 20px;
  float:left;
  font-size: 30px;
  line-height: 1em;
  font-family: 'Londrina Solid', 'Open Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Sans-serif;
  }
  div.footstamp p {
  font-size: 1em !important;
  }
div.footstamp a{ color:#444!important;}
  div.footstamp span {
  margin: 0;
  color: #999;
  }

  .stock_error{
  font-weight:bold;
  color:red;
  padding:10px 0;
  display:none;
  }

  /* ************************************************ 
   *  product_detail_page
   * ************************************************ */
  h2.product_name {
    font-size: 20px;
    line-height: 1em;
    /*
    font-family: 'Londrina Solid', 'Open Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Sans-serif;
    font-weight: inherit;
*/
    padding: 10px 0;
    color:#003399!important;
  }
  h3.product_name {
  font-size: 1em;
  margin-bottom: 5px;
  }

  div.product_detail_area {
  position: relative;
  width: 90%;
  color: #696969;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  padding-top:15px;
  text-align:left;
  }
  div.product_detail_area:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";} 

  div.product_images {
  width: 47%;
  float: left;
  display: inline;
  }

  div.product_images div {
  margin-bottom: 20px;
  }

  div.product_images div img {
  max-width: 100%;
  }

  div.product_images div p.caption {
  margin-top: 10px;
  line-height: 20px;
  }

  div.add_cart {
  width: 180px;
  float: right;
  }
  table.add_cart_table {
  width: 100%;
  }
  table.add_cart_table tr {
  }
  table.add_cart_table th {
  font-size: 11px;padding-bottom:5px;
  }
  table.add_cart_table td {
  padding-bottom:5px;
  }
  table.add_cart_table td input {
  font-size: 11x;
  }
  table.add_cart_table td strong.price {
  font-size: 14px;
  }

  table#option_tbl {
  width: 100%;
  margin-bottom: 20px;
  }
  table#option_tbl th,
  table#option_tbl td.none {
  background: whiteSmoke;
  }
  table#option_tbl th,
  table#option_tbl td {
  border: 1px solid #ccc;
  padding: 10px;
  text-align: center;
  }
  table#option_tbl th {
  background: whiteSmoke;   
  }
  table#option_tbl td div input {
  margin-bottom: 5px;
  }

  ul.option_price {
  padding: 20px 0;
  }
  ul.option_price li {
  list-style-type: none;
  margin-bottom: 5px;
  }
  ul.option_price li a {
    color: #696969;
  }
  ul.option_price li a:hover {
    color: #aeaeae;
  }
  ul.option_price li a:before{
    content: "";
    display: inline-block;
    border: 4px solid transparent;
    border-left-color: #666;
    margin-right: 3px;
}

  div.button_area {
  }
  div.button_area input {
  width: 100%;
  }

  div.product_description {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;  
  clear: both;
  word-wrap: break-word;
  }

  div.product_image_extra {
  text-align: center;
  margin-bottom: 20px;
  }
  div.product_image_extra img.item {
  margin-bottom: 20px;
  }


  div.product_link_area {
  float: left;
  margin: 20px 0 20px 5px;
  }
  div.product_link_area div.twitter {
  float: left;
  width: 80px;
  }
  div.product_link_area div.pinterest {
  float: left;
  margin-right: 30px;
  }
  div.product_link_area div.fb-like {
  float: left;
  width: 200px;
  overflow: hidden;
  }

  div.product_link_area ul.other_link {
  clear: both;
  margin-top: 20px;
  margin-left: 20px;
  padding-top: 20px;
  }
  div.product_link_area ul.other_link li {
  margin-bottom: 10px;
  }
  div.product_link_area ul.other_link li a {
  color: #696969;
  }
  div.product_link_area ul.other_link li a:hover {
  color: #aeaeae;
  }

  #tb_cap_tb{
  }
  #tb_cap_tb{
  margin-top: 20px;
  }

  .tb {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #CCC; 
  }
  #tb_stitle {
  margin-bottom: 20px;
  }
  .tb_date, .tb_title, .tb_body, .tb_state {
  margin-bottom: 5px;
  }

  /* ************************************************ 
   *  cloud_zoom
   * ************************************************ */
  /* This is the moving lens square underneath the mouse pointer. */
  .cloud-zoom-lens {
  border: 4px solid #888;
  margin:-4px;  /* Set this to minus the border thickness. */
  background-color:#fff;  
  cursor:move;    
  }

  /* This is for the title text. */
  .cloud-zoom-title {
  font-family:Arial, Helvetica, sans-serif;
  position:absolute !important;
  background-color:#000;
  color:#fff;
  padding:3px;
  width:100%;
  text-align:center;  
  font-weight:bold;
  font-size:10px;
  top:0px;
  }

  /* This is the zoom window. */
  .cloud-zoom-big {
  border: 4px solid #ccc;
  overflow:hidden;
  }

  /* This is the loading message. */
  .cloud-zoom-loading {
  color:white;  
  background:#222;
  padding:3px;
  border:1px solid #000;
  }

  /* Feature section in ZoomEngine page */
  .zoom-section {
  clear:both;
  }

  * html .zoom-section { 
  display:inline;
  clear:both;
  }

  .zoom-small-image {
  margin-bottom: 20px;
  width: 100%;
  margin-top: 4px;
  }
  .zoom-small-image #wrap {
  top: 0px;
  z-index: 2;
  position: relative;
  }
  .cloud-zoom {
  margin-bottom: 20px;
  }
  .zoom-small-image .mousetrap {
  z-index: 1;
  position: absolute;
  width: 100%;
  left:0px;
  top:0px;
  }

  /* Feature descriptions in ZoomEngine page */
  .zoom-desc {
  width: 500px;
  margin-left: 10px;
  }

  a.cloud-zoom-gallery {
  display: block;
  margin: 0 0 5px 0;
  cursor: pointer;
  }
  .zoom-tiny-image {
  width: 70px;
  height: 70px;
  border: 1px solid #ccc;
  padding: 3px;
  float: left;
  margin-left: 3px;
  }
  .zoom-tiny-image.selected {
  background: #333;
  border: 1px solid #000;
  }
  .zoom-tiny-image:hover {
  border: 1px solid #000;
  }

  /* ************************************************ 
   *  product_option_window
   * ************************************************ */
  div#product_option {
  margin: 20px;
  padding: 20px;
  background: #fff;
  text-align: center;
  color: #696969 !important;
  }
  div#product_option a {
  color: #696969 !important;
  border: 1px solid #696969;
  padding: 6px 3px;
  }

  div#product_option h2 {
  margin-bottom: 20px;
  font-size: 1.5em;
  }

  table.table_option {
  background: #fff;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin-bottom: 20px;
  text-align: center;
  }
  table.table_option th {
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  padding: 10px;
  background: #f5f5f5;
  }
  table.table_option td {
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  padding: 10px;
  }

  div#product_option div.button_area {
  }

  /* ************************************************ 
   *  product_list_page
   * ************************************************ */
  div.sub_category_area,
  div.sub_group_area {
  height: 100%;
  background: #f5f5f5;
  margin-bottom: 20px;
  padding: 10px 10px 0px 10px;
  }

  div.sub_category_area div.sub_category,
  div.sub_group_area div.sub_group {
  float: left;
  margin: 0 20px 10px 0;
  }

  div.sub_category_area div.sub_category img,
  div.sub_group_area div.sub_group img {
  margin-right: 10px;
  }

  /* ************************************************ 
   *  search_page
   * ************************************************ */
  div.search_result {
  background: #f5f5f5;
  margin: 20px 0;
  padding: 10px 0;
  text-align: center;
  }

  div.none {
  text-align: center;
  margin: 50px 0;
  }

  /* ************************************************ 
   *  policy
   * ************************************************ */
  div#policy {
  background-color: #ffffff;
  margin: 0px;
  padding: 30px 5%;
  text-align: left;
  color: #434343;
  }
  div#policy a {
    color: #696969;
  }
  div#policy a:hover {
    color: #aeaeae; 
  }

  div#policy h2 {
  margin-bottom: 20px;padding-bottom:10px; font-size:2em;border-bottom: 1px solid #ccc;
  }

  .policy_box,
  #policy_lead{
  margin-bottom: 30px;
  font-size: 1em;
  }

  div.sk_box {
  margin-bottom: 50px;
  }
  div.sk_box h3 {
  font-size: 16px;
  margin-bottom: 10px;
  }
  div#sk tr {
  border-bottom: 1px solid #ccc;
  }
  div#sk th {
  width: 150px;
  text-align: left;
  padding: 10px 20px 10px 0;
  }
  div#sk th img.poricy_img {
  margin-bottom: 5px;
  } 
  div#sk td {
  padding: 10px 0;
  } 
  div#sk th,
  div#sk td {
  vertical-align: top;
  line-height: 1.8;
  }


  div#payment_method {
  margin-top: 40px;
  }
  div#payment_method table.table {
  width: 100%;
  }
  div#payment_method table.table th {
  width: 200px;
  text-align: center;
  }


  div#shipping_method {
  margin-top: 40px;
  }
  div#shipping_method table.table {
  width: 100%;
  }
  div#shipping_method table.table th {
  width: 200px;
  text-align: center;
  }

  /* ************************************************ 
   *  side
   * ************************************************ */
  #side div.box {
  clear: both;
  margin-bottom: 20px;
  }

  #side div.box h3 {
  margin: -10px 0 0 20px;
  padding:3px 0 0 0;
  text-align: left;
  font-size: 2.5em;
  letter-spacing: 2px;
  }

  #side div.box ul {
  margin: 0;
  list-style: none;
  }

  #side div.box ul li {
  margin: 2px 0 0 0px;
  }

  #side div.box ul li a{
   display:block;
   padding: 5px 10%;
   position: relative;
   text-decoration:none;
   -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all  0.2s ease;
   border-radius: 1px 0 0 1px;
   line-height:23px;
   font-size:25px;
   color:#fff;
  }
   
  #side div.box ul li a:hover {
   background: #ffffff;
   color: #e60000;
  }

#side div.box ul li:first-child { margin:0;}
/*
#side div.box ul li:first-child a{
  display:block;
background-image: url(https://img21.shop-pro.jp/PA01349/512/etc/left_tour_nav.png?cmsp_timestamp=20170928184753); background-size:100%; text-indent:100%;
  white-space: nowrap;
  overflow: hidden;
  height:76px;
  padding:0;
}
*/
#side div.box ul li:first-child a:hover{
background-color:inherit; opacity:0.85;}

  #side div#box_cart {
  }

  #side div#box_cart div.cart_button {
  text-align: right;
  }

  #side div#box_owner {
  }

  #side div#box_owner div.owner_photo {
  padding-left: 20px;
  }

  #side div#box_owner img.owner_photo_inner {
  width: 152px;
  margin-bottom: 10px;
  padding: 3px;
  border: 1px solid #ccc;
  }

  #side div#box_owner p.name {
  font-size: 20px;
  margin-bottom: 10px;
  padding-left: 20px;
  }

  #side div#box_owner p.memo {
  font-size: 11px;
  line-height: 18px;
  margin-bottom: 10px;
  padding-left: 20px;
  }

  #side div#box_owner p.website {
  padding-left: 20px;
  }

  div#box_mailmaga a {
  padding-left: 20px;
  }

  div#box_mobile img {
  padding-left: 26px;
  }

  #group-list {
  border-top:#838383 dotted 1px;
  padding:10px 0px 0px;
  margin:10px 20px 0px 0px;
  }

  /* ************************************************ 
   *  Common Elements
   * ************************************************ */
  /* @group Common Elements */

  table {
    border-collapse: collapse;
    border-spacing: 0;
    }

    table.table {
      border-top: 1px solid #ccc;
      border-right: 1px solid #ccc;
      margin-bottom: 20px;
      }
      table.table th {
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        padding: 5px;
        background: #f5f5f5;
        }
      table.table td {
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        padding: 5px;
        }


  div.footstamp {
    margin-bottom: 0px;
    padding-bottom: 0px;
    }
    div.footstamp span {
      margin: 0 5px;
      color: #999;
      }

        div.footstamp a:hover {
        color: #aeaeae;
        }

  div.sort {
    text-align: right;
    float: right;
    color: #696969;
    margin-right: 4%;
    padding-top:3px;
    }
    div.sort strong {
      margin-right: 5px;
      }
    div.sort a {
      margin-right: 5px;
      text-decoration: underline;
                  color: #696969;
      }
    div.sort span {
      margin-right: 5px;
      font-weight: bolder;
      text-decoration: none;
      background: #eee;
      }

  div.pager {
    padding: 15px 0;
    clear: both;
    text-align: center;
    color: #696969;
    border-top: 1px solid #ddd;
    width: 94%;
    margin: 0 auto;
    }
    div.pager a { color: #696969; padding: 0 12px;}
    div.pager a:hover { color: #aeaeae;}

  div.none {
    clear: both;
    text-align: center;
    margin: 50px 0;
    }

  /* radius */
  .r3 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
    }

  .r5 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    }

  .r7 {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px; 
    }

  /* @group button */

  .btn {
    width: 100%;
    display: inline-block;
    *display: inline;
    padding: 4px 10px 4px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 13px;
    line-height: 18px;
    *line-height: 20px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    *border: 0;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
       -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    text-decoration: none;
  }

  .btn:hover,
  .btn:active,
  .btn.active,
  .btn.disabled,
  .btn[disabled] {
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
  }

  .btn:active,
  .btn.active {
    background-color: #cccccc 9;
  }

  .btn:first-child {
    *margin-left: 0;
  }

  .btn:hover {
    color: #333333;
    text-decoration: none;
    background-color: #ddd;
    /* Buttons in IE7 don't get borders, so darken on hover */

    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
       -moz-transition: background-position 0.1s linear;
        -ms-transition: background-position 0.1s linear;
         -o-transition: background-position 0.1s linear;
            transition: background-position 0.1s linear;
  }

  .btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }

  .btn.active,
  .btn:active {
    background-color: #e6e6e6;
    background-color: #d9d9d9 9;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
       -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
            box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  }

  .btn.disabled,
  .btn[disabled] {
    cursor: default;
    background-color: #e6e6e6;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }

  .btn-large {
    padding: 14px 14px;
    font-size: 15px;
    line-height: normal;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
  }

  .btn-large [class^="icon-"] {
    margin-top: 1px;
  }

  .btn-small {
    padding: 5px 9px;
    font-size: 11px;
    line-height: 16px;
  }

  .btn-small [class^="icon-"] {
    margin-top: -1px;
  }

  .btn-mini {
    padding: 2px 6px;
    font-size: 11px;
    line-height: 14px;
  }

  .btn-primary,
  .btn-primary:hover,
  .btn-warning,
  .btn-warning:hover,
  .btn-danger,
  .btn-danger:hover,
  .btn-success,
  .btn-success:hover,
  .btn-info,
  .btn-info:hover,
  .btn-inverse,
  .btn-inverse:hover {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  }

  .btn-primary.active,
  .btn-warning.active,
  .btn-danger.active,
  .btn-success.active,
  .btn-info.active,
  .btn-inverse.active {
    color: rgba(255, 255, 255, 0.75);
  }

  .btn {
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  }

  .btn-primary {
    background-color: #6e6e6e;
    *background-color: #646464;
    background-image: -ms-linear-gradient(top, #6e6e6e, #646464);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6e6e6e), to(#646464));
    background-image: -webkit-linear-gradient(top, #6e6e6e, #646464);
    background-image: -o-linear-gradient(top, #6e6e6e, #646464);
    background-image: -moz-linear-gradient(top, #6e6e6e, #646464);
    background-image: linear-gradient(top, #6e6e6e, #646464);
    background-repeat: repeat-x;
    border-color: #696969 #696969 #434343;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  }

  .btn-primary:hover,
  .btn-primary:active,
  .btn-primary.active,
  .btn-primary.disabled,
  .btn-primary[disabled] {
    background-color: #696969;
    *background-color: #646464;
  }

  .btn-primary:active,
  .btn-primary.active {
    background-color: #004099 9;
  }

  .btn-success {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    *background-color: #51a351;
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  }

  .btn-success:hover,
  .btn-success:focus,
  .btn-success:active,
  .btn-success.active,
  .btn-success.disabled,
  .btn-success[disabled] {
    color: #ffffff;
    background-color: #51a351;
    *background-color: #499249;
  }

  .btn-success:active,
  .btn-success.active {
    background-color: #408140 \9;
  }

  .btn_quick {
    margin: 10px 0;
  }

  /* ************************************************ 
   *  カテゴリ文字
   * ************************************************ */
  #box_recommend h3,
  #box_sellers h3,
  #box_recentlychecked h3 {
  font-family: 'Anton', sans-serif;
  font-size: 4em !important;
  color: #000000;
  text-align: left;
  padding: 10px 0 0 0;
  margin-left: 2%;
  }
  #box_recentlychecked h4 {
 background-image:url("https://img21.shop-pro.jp/PA01349/512/etc/heading_bar.jpg?cmsp_timestamp=20170926211233"); color:#fff; font-size:20px; line-height:1.5em; padding: 6px 12px;  text-align: left; font-weight: bold; margin-bottom:18px;
  }
  #box_recommend h3 span{
  color: #cc0000 !important;
  }

.footer_snslinks {
margin: 0 auto 10px;
width: 180px;
}
.footer_snslinks ul{ list-style:none;}
.footer_snslinks li{ margin-bottom:5px;}
.footer_snslinks a { display: block; width: 100%;}
.footer_snslinks img {
width: 100%;
}

.head_sns{width: 100%;
    box-sizing: border-box;
    background-image:url("https://img21.shop-pro.jp/PA01349/512/etc/heading_bar.jpg");
    padding: 7px 305px 7px 0;}

.clearfix:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";} 
#page-top { position: fixed; bottom: 5%; right: 5%; opacity: 0.9; z-index: 999;}
#page-top a { font-size:18px;
  background: #003399;
    border-radius: 50px;
    color: #fff;
    display: block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
  font-family: 'Londrina Solid', 'Open Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Sans-serif;
}
#page-top a:hover{ text-decoration:none; opacity:0.9; }

.news_wrap{ width:92%; margin:0 auto; max-width:1000px;padding: 50px 0; font-size:16px;  line-height:1.7em;}
.news_wrap h2{ font-size:24px; line-height:1.4em; border-bottom: 1px solid #ccc; padding-bottom:10px; margin-bottom:15px;}
.news_wrap p{ margin:0 0 1em!important;}

#main .free_notice{     
	max-width: 1000px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 40px 30px 50px 30px;
    font-size: 16px;
    line-height: 1.7em;
    text-align:left;
}
#main .free_notice p{ font-size:16px;}

#main .free_notice .notice_head{ margin-bottom:30px;  font-weight:bold;}
#main .free_notice .notice_head h1{ border-bottom:1px solid #C00; padding-bottom:10px; margin-bottom:10px; font-size:28px; line-height:1.3em;color:#c00;}
#main .free_notice .notice_head h1 i{ font-size:34px; padding-right:15px;}

#main .free_notice .notice_block{padding:15px 25px; border:3px solid #ccc; margin-bottom:10px; }
#main .free_notice .notice_block h2{ border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:15px;}

#main .free_notice .notice_block .notice_date{ color:#c00; font-weight:bold; font-size:22px; line-height:1.4em;}
#main .free_notice .notice_block .notice_date strong{ font-size:32px;}
#main .free_notice .notice_block .notice_date span{ font-size:14px;}

#main .free_notice .notice_block .notice_txt{ font-weight:bold; line-height:1.5em; margin-bottom:40px;}
#main .free_notice .notice_block ul{  padding:10px 0 0 20px; margin-bottom:20px; }
#main .free_notice .notice_block li{ border-bottom:1px dashed #aaa; padding-bottom:10px; margin-bottom:10px;}

#main .free_notice .notice_block p{}

#main .free_notice .notice_block .linkbtn{ background-color:#C00; display:block; text-align:center; padding:20px 0; width:600px; margin:0 auto; border-radius:5px; color:#fff; text-decoration:none;}
#main .free_notice .notice_block .linkbtn:hover{ color:#fff; background-color:#F00;}

#main .backtotop a{ display:block; border:3px solid #C00; color:#C00; text-align:center; padding:20px 0; width:700px; margin: 40px auto 20px; font-weight:bold;}
#main .backtotop a:hover{ border-color:#F00; color:#f00;}

.main_wrap{ width:92%; margin:0 auto; max-width:1200px;}