@charset "UTF-8";

#colorbox,
#cboxWrapper,
#cboxContent {
  overflow: inherit !important;
  background-color: transparent !important;
  outline: none;
}
#cboxOverlay {
  background: #000 !important;
}
#colorbox {
  /*outline: none !important;*/
}
#cboxLoadedContent {
  margin-bottom: 0 !important;
}
#cboxTopLeft,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxTopCenter,
#cboxBottomCenter {
  width:auto !important;
  height:auto !important;
  background:none !important;
}
#cboxLoadedContent iframe {
  /* height: 500px;
  max-height: 90%; */
  background-color: #fff;
}
#cboxClose {
  padding: 0;
  border: none;
  background: none !important;
  line-height: 1;
  text-indent: 100% !important;
  white-space: nowrap;
  overflow: hidden;
}
#cboxClose:before {
  position: absolute;
}
.modal-cts {
  padding: 40px 50px;
  border: none;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .modal-cts {
    padding: 15px;
  }
}

.flex-box {
  display: flex;
  justify-content: space-between;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-size: 1.1em;
  vertical-align: bottom;
}

.slick-slide:focus,
.btn:focus,
.btn.focus,
.btn:active,
.btn.active,
.btn:active:focus,
.btn:active.focus,
button {
  /*outline: none;*/
  box-shadow: none;
}
.slick-slide:focus {
  outline: none;
}
/* line 102, ../../../../compass/scss/_bootstrap.extends.scss */
.btn-lnk {
}
.btn-close {
  background-repeat: no-repeat;
  background-size: 18px auto;
  background-position: left 30px top 50%;
  background-image: url(/layout/sntec/assets/img/common/delete-red.svg);
}



@media print, screen and (min-width: 768px) {
  
  #colorbox,
  #cboxWrapper,
  #cboxContent,
  #cboxLoadedContent {
    /* width: 1000px !important; */
  }
  .utility-requirements-body #colorbox,
  .utility-requirements-body #cboxWrapper,
  .utility-requirements-body #cboxContent,
  .utility-requirements-body #cboxLoadedContent {
    /* width: 630px !important; */
  }
  #colorbox {
    /* left: 50% !important; */
    /* margin-left: -500px !important; */
  }
  .utility-requirements-body #colorbox {
    /* margin-left: -315px !important; */
  }
  #cboxClose {
    top: -1em;
    width: 4em !important;
    height: 1em !important;
    margin-top: -10px;
    font-size: 13px;
    color: #fff;
  }
  #cboxClose:before {
    content: '\02715閉じる';
    top: 0;
    right: 0;
    text-indent: 0;
  }
  
  .inner {
    width: 1000px;
    margin: auto;
  }

  .utility-requirements-body .inner {
    width: 630px;
    margin: auto;
  }
  
}
@media only screen and (max-width: 767px) {
  
  #colorbox,
  #cboxWrapper,
  #cboxWrapper > div:nth-child(2),
  #cboxContent,
  #cboxLoadedContent {
    max-width: 100% !important;
  }
  #colorbox {
    width: 90% !important;
    max-height: 80%;
    left: 5% !important;
  }
  #cboxClose {
    top: -25px;
    width: 70px !important;
    height: 25px !important;
    margin-top: -10px;
    border-radius: 0;
    background-color: none !important;
    font-size: 13px;
  }
  #cboxClose:before {
    content: '\02715閉じる';
    top: 50%;
    right: 0;
    margin: -0.45em 0 0 0;
    font-size: 14px;
    color: #fff;
  }
  
  header + hr {
    border-color: #ccc;
  }
  .search-bar + .breadcrumb-area,
  .search-bar + .visible-xs,
  .search-bar + * + .visible-xs {
    margin-top: -1px;
  }
  
}

/* line 9, ../../../../../../../../Library/Ruby/Gems/2.3.0/gems/bootstrap-sass-3.3.7/assets/stylesheets/bootstrap/_type.scss */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  line-height: inherit;
}
h5, .h5,
h6, .h6 {
  font-size: inherit;
}
/* line 113, ../../../../../../../../Library/Ruby/Gems/2.3.0/gems/bootstrap-sass-3.3.7/assets/stylesheets/bootstrap/_scaffolding.scss */
hr {
  border-color: #e7e4d9;
}
hr.dot {
  border-top: 1px dotted #bfb5ac;
}

@media print, screen and (min-width: 768px) {
  
  .size18 {
    font-size: 18px;
  }
  
}
@media only screen and (max-width: 767px) {
  
  /* line 50, ../../../../../../../../Library/Ruby/Gems/2.3.0/gems/bootstrap-sass-3.3.7/assets/stylesheets/bootstrap/_type.scss */
  h4, .h4 {
    font-size: 14px;
  }
  .size-xs-10 {
    font-size: 10px;
  }
  .btn-lg.btn-lnk {
    padding-right: 0;
  }
  hr {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  /* line 222, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/bootstrap-sass-3.3.7/assets/stylesheets/bootstrap/_panels.scss */
  .panel-group {
    margin-top: 40px;
  }
  
}



/* #################### */
/* ### common.css ### */
/* #################### */

body .efo-navi {
  width: 270px;
  border-radius: 0;
  color: inherit;
  z-index: 200;
  cursor: move;
}
body .efo-navi .count span {
  color: #f00;
}

body #dialog,
body .efo-navi {
  padding: 25px 30px;
  background-color: #fff;
  box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1);
}
body #dialog #dialog-header {
  width: auto;
  height: auto;
  padding: 0 0 15px;
  border:  none;
  border-bottom: 1px solid #ebe6e1;
  background: none;
  color: inherit;
  overflow: hidden;
  box-sizing: border-box;
}
body #dialog #dialog-header #dialog-title {
  font-size: 18px;
}
body #dialog #dialog-header #dialog-close {
  height: 12px;
  margin: 5px 0;
  background-position-x: right;
}
body #dialog #dialog-content {
  height: auto;
  min-height: 60px;
  margin-top: 20px;
  padding: 0;
  border:  none;
  background-color: transparent;
}
body #dialog #dialog-content #dialog-inner {
  height: auto;
}
@media print, screen and (min-width: 768px) {
  
  .products-category-sec,
  .campaign-sec,
  .products-new-sec,
  .products-ranking-sec,
  .products-current-sec,
  .catalog-sec,
  .news-sec,
  .site-sec {
    margin-top: 80px;
  }
  .products-new-sec:first-child {
    margin-top: 40px;
  }
  .products-category-sec h2,
  .campaign-sec h2,
  .products-new-sec h2,
  .products-ranking-sec h2,
  .products-current-sec h2,
  .catalog-sec h2,
  .news-sec h2,
  .site-sec h2 {
    margin-bottom: 30px;
  }
  
}
@media only screen and (max-width: 767px) {
  
  a.blank {
    position: relative;
    background: none;
  }
  a.blank:after {
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-left: 5px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/layout/sntec/assets/img/common/btn-ic-blank.svg);
  }
  .products-category-sec,
  .campaign-sec,
  .products-new-sec,
  .products-ranking-sec,
  .products-current-sec,
  .catalog-sec,
  .news-sec,
  .site-sec {
    margin-top: 35px;
  }
  .products-new-sec:first-child {
    margin-top: 0;
  }
  .products-category-sec h2,
  .campaign-sec h2,
  .products-new-sec h2,
  .products-ranking-sec h2,
  .products-current-sec h2,
  .catalog-sec h2,
  .news-sec h2,
  .site-sec h2 {
    margin-bottom: 15px;
    padding-bottom: 10px;
    font-size: 18px;
  }
  
}
@media (max-width: 767px){
  #cboxClose{
    top: 15px!important;
  }
  #cboxContent{
    /* padding-top: 40px!important; */
  }
  #cboxContent #cboxLoadedContent {
    margin-bottom: 20px !important;
    margin-top: 40px !important;
  }
  div#colorbox {
    max-height: 100% !important;
  } 
}

/* IE11(win10) */
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .search-bar select.f {
    border-bottom: 1px solid #fff;
  }
  *::-ms-backdrop, .tbl input[type="email"] {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  *::-ms-backdrop, body {
    font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif !important;
  }
  *::-ms-backdrop, .page-top a {
    right: 35px;
  }
  *::-ms-backdrop, .price strong b {
    letter-spacing: 0.05em;
  }
  *::-ms-backdrop, .price span.figure {
    letter-spacing: 0.05em;
  }
  *::-ms-backdrop, .cart-border-r.cart-border-b.text-right.v-m {
    letter-spacing: 0.05em;
  }
  *::-ms-backdrop, .cart-border-t.cart-border-b.text-right.size16.cart-bg-color-2 .size20 {
    letter-spacing: 0.05em;
  }
  *::-ms-backdrop, .rightDivOrderSummary > div .paramName, .rightDivOrderSummary > div .paramValue {
    letter-spacing: 0.05em;
  }
  *::-ms-backdrop, #EC_bp_cart_main_left .addressDiv .itemBlockHeader .itemPriceDiv .subHeading {
    letter-spacing: 0.05em;
  }
  *::-ms-backdrop, #EC_bp_cart_main_left .addressDiv .itemBlockHeader .itemTotalPriceDiv .subHeading {
    letter-spacing: 0.05em;
  }
}