@charset "utf-8";

@font-face {
  font-family: 'LigatureSymbols';
  src: url('/LigatureSymbols/LigatureSymbols-2.11.eot');
  src: url('/LigatureSymbols/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
    url('/LigatureSymbols/LigatureSymbols-2.11.woff/jp') format('woff'),
    url('/LigatureSymbols/LigatureSymbols-2.11.ttf') format('truetype'),
    url('/LigatureSymbols/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
  font-weight: normal;
  font-style: normal;
}

.clf {
  overflow: hidden;
}

.fll {
  float: left;
}

.flr {
  float: right;
}

.sp {
  display: none;
}

@media only screen and (max-width: 768px) {
  .pc {
    display: none;
  }

  .sp {
    display: block;
  }

  #main-column {
    float: none;
    width: 100%;
    margin-left: 0;
  }

  #main-column .w100 .freeArea2,
  #main-column .w100 .free-contents,
  #main-column .cont .freeTop .th2,
  div#cart-footer,
  footer {
    width: 100%;
    box-sizing: border-box;
  }

  #main-column .w100 .freeArea2 {
    margin: 0;
  }

  #header {
    max-width: 100%;
  }

  body.show-drawer #wrapper {
    -webkit-transform: translateX(-260px);
    transform: translateX(-260px);
  }

  #wrapper {
    transition: -webkit-transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  }

  .shoplogo,
  header #header-inner,
  #infoBox,
  #sub-column {
    display: none;
  }

  div#wrapper div#enquete-header,
  div#wrapper > div#cart-header,
  header {
    width: 100%;
  }

  .shoplogo {
    padding: 0;
    height: auto;
    background: none;
    width: auto;
  }

  #g-navi {
    width: 100%;
  }

  #g-navi ul li,
  #g-navi ul li.gn1 {

    width: 25%;
    height: 10.13vw;
    border-top: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-bottom: 2px solid #0a6cb4;
    box-sizing: border-box;
  }

  #g-navi ul li.gn3,
  #g-navi ul li.gn8 {
    border-right: 0;
  }

  #g-navi ul li a,
  #g-navi ul li.gn1 a,
  #g-navi ul li.gn2 a,
  #g-navi ul li.gn3 a,
  #g-navi ul li.gn4 a,
  #g-navi ul li.gn5 a,
  #g-navi ul li.gn6 a,
  #g-navi ul li.gn7 a {
    margin: 0;
    background: none;
    width: 100%;
    height: auto;
    text-indent: 0;
    font-size: 3.2vw;
    line-height: 1;
    box-sizing: border-box;
  }

  #g-navi ul li a {
    padding: 3.2vw 0;
  }

  #g-navi ul li.gn2 a,
  #g-navi ul li.gn3 a {
    padding: 1.4vw 0;
  }

  #g-navi .gn1 ul {
    display: none;
  }




  #contents {
    width: 100%;
  }

  #d_header .logo img {
    width: 82%;
  }

  .footer_area,
  .sp-footer {
    width: 95%;
    margin: 0 auto;
  }

  .banner_box {
    margin-bottom: 10px;
  }

  div#cart-footer,
  footer {
    background: #fff;
  }

  footer .listmenu,
  div#cart-footer.listmenu {
    text-align: left;
  }

  footer .listmenu a,
  div#cart-footer.listmenu a {
    color: #666666;
    background: white url(/img/top/bg/arrow1.png) no-repeat 97% center;
    border: none;
    border-bottom: 1px solid #dddddd;
    border-radius: 0;
    padding: 8px 10px;
    margin: 0;
    font-size: 11px;
    box-shadow: none;
    -webkit-box-shadow: none;
    display: block;
  }

  .copy {
    color: white;
    font-size: 12px;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    background: #000;
  }
}

@media only screen and (min-width: 769px) {
  header #header-inner {
    background: url(/pic-labo/head_bg_new3.jpg) right no-repeat #FFF;
  }
}

.leftSearch #searchbox input.searchbox {
  background: #fff;
}

#contents,
#main-column {
  margin-left: auto !important;
  margin-right: auto !important;
}

div#wrapper div#enquete-header,
div#wrapper > div#cart-header,
header {
  background: none !important;
}

#leftmenu,
#contents,
#sub-column .group,
#sub-column .category,
#sub-column #followUs,
#sub-column .link,
.news-contents {
  text-align: left;
}

input.searchbox[type="text"] {
  background: none;
}

.leftSearch #searchbox form {
  position: relative;
  width: 100%;
  background: #272727;
}

.leftSearch #searchbox input.searchbox {
  border: none;
  border-radius: 0;
  margin-left: 0;
  padding: 0;
  width: calc(100% - 26px);
  height: 100%;
  float: left;
}

.leftSearch #searchbox input.searchSubmit {
  padding: 0;
  position: absolute;
  right: 0;
  z-index: 2;
  top: 0;
  width: 25px;
  background: #333;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#sub-column .category h2,
#sub-column .group h2 {
  width: 215px;
  background: url(/img/top/bg/side_ttl_ico.gif) no-repeat left;
}

#sub-column .group nav ul li a,
#sub-column .category nav ul li a,
#sub-column .link nav ul li a {
  color: #000;
  text-decoration: none;
  padding: 3px 0;
  line-height: 130%;
  padding: 5px 0 5px 10px;
  background: url(/img/top/bg/arrw.png) no-repeat left center;
}

/*** contents ***/
#contents #bread-crumb-listTop ol li:not(:last-of-type):before {
  content: none;
}

#contents #bread-crumb-listTop ol li:not(:last-of-type) {
  margin-right: 0;
}

#bread-crumb-listTop ol li,
.bread-crumb-listCate ol li {
  padding-top: 0;
}

.header_area {
  margin-left: 0;
}

#bread-crumb {
  width: 100%
}

section#itemDetail-wrap .description {
  margin: 0 10px;
  width: calc(100% - 20px);
}

h4.th4 {
  padding: 10px;
  height: auto;
}

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

  section#itemDetail-wrap .description .itemcont2 .item_SLP07EED h4,
  section#itemDetail-wrap .description .itemcont2 .item_SLP07EED,
  section#itemDetail-wrap .description .itemcont2 .item_SLP07EED .cont5,
  section#itemDetail-wrap .description .itemcont2 .item_SLP07EED .cont5 .cont5_cont,
  section#itemDetail-wrap .description .itemcont2 .item_SLP07EED h4.staff_voice_in,
  #main-column .cont4 h5,
  #main-column .cont4,
  #main-column .cont4_cont .usersVoice .user_box .flr,
  #main-column .cont4_cont h5,
  #main-column .cont4_cont .jirei .voice_box .fll,
  #main-column .cont4_cont .jirei .user_box .flr,
  #main-column .cont .freeTop .th2,
  h4.th4,
  h6.th6a,
  a.bt-samp72,
  #sample1 ul,
  section#itemDetail-wrap .description .itemcont2 div[class^="item_"] {
    width: 100%;
    box-sizing: border-box;
  }

  #main-column .cont4_cont p.date {
    width: calc(100% - 30px);
  }

  #Detail #itemDetail-wrap .specBtn a,
  #main-column .header_area .specBtn a {
    min-width: 310px;
    max-width: 310px;
  }

  #Detail #itemDetail-wrap .catalogBtn a {
    min-width: 350px;
    max-width: 350px;
  }

  #itemDetail-wrap input[type="text"] {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    width: 80%;
  }

}

/*#itemDetail-wrap + #itemDetail-wrap {
  padding: 0 10px;
}*/

#itemDetail-cont .itemOutline,
section#itemDetail-wrap .cartArea {
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}

section#itemDetail-wrap .cartArea {
  padding: 0;
}

#cartButton input {
  width: 100%;
}

section#itemDetail-wrap table.spec input {
  margin-bottom: 0;
  width: calc(100% - 2em);
}

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

  #itemDetail-cont .itemOutline,
  section#itemDetail-wrap .cartArea {
    width: 100%;
  }

  #sps-to-cart p a {
    background: url(../img/top/bg/cart_theme14.png) no-repeat #0cd180 9px 10px;
    background-size: 20px;
  }
}

/*** free ***/
@media only screen and (max-width: 768px) {
  #Journal .journal-cont {
    padding: 0 10px;
    margin: 0;
    box-sizing: border-box;
  }
}

/**category**/
@media only screen and (max-width: 768px) {
  .header_area {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }
}

/** item**/
#main-column .cont4_cont p.date {
  box-sizing: border-box;
}

/*==================
LigatureSymbols*/




.lsf {
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga"1, "dlig"1;
  -ms-font-feature-settings: "liga"1, "dlig"1;
  -o-font-feature-settings: "liga"1, "dlig"1;
  font-feature-settings: "liga"1, "dlig"1;
}

.lsf-icon:before {
  content: attr(title);
  padding: 0 5px 0 0;
  font-size: 130%;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga"1, "dlig"1;
  -ms-font-feature-settings: "liga"1, "dlig"1;
  -o-font-feature-settings: "liga"1, "dlig"1;
  font-feature-settings: "liga"1, "dlig"1;
}

/*==================
選定に迷ったら
==================*/

.sentei_wrap {
  line-height: 135%;
}

.sentei_wrap li {
  list-style: none !important;
}

.sentei_wrap .main_title {
  text-align: center;
  margin: 0 0 10px;
}

.sentei_wrap .main_title .lsf {
  font-size: 100px;
  color: #000;
  padding: 25px 0;
  display: block;
}

.sentei_wrap .senteinav {
  overflow: hidden;
  margin: 2% 0;
}

.sentei_wrap .senteinav .fll {
  width: 32%;
  margin-right: 2%;
}

.sentei_wrap .senteinav .fll:last-child {
  margin-right: 0;
}

.sentei_wrap .senteinav .fll img {
  width: 100%;
}

.sentei_wrap .sentei_comp_box {
  margin: 2% 0;
}

.sentei_wrap .sentei_comp_box h4 {
  background: url(<EBUserThemeImg>smp_tbg.jpg) no-repeat left center;
  display: table;
  background-size: cover;
  width: 100%;
  padding: 2%;
  margin: 2% 0 1%;
  font-size: 1.2rem;
  color: #FFF;
  box-sizing: border-box;
}

.sentei_wrap .sentei_comp_box h5 {
  background-color: #EBF9FA;
  border-left: 8px solid #00A1E9;
  width: 100%;
  padding: 2%;
  margin: 2% 0;
  box-sizing: border-box;
}

.sentei_wrap .sentei_comp_box .compnav,
.sentei_wrap .sentei_comp_box .compnav2,
.sentei_wrap .sentei_comp_box .compnav3 {
  overflow: hidden;
}

.sentei_wrap .sentei_comp_box .compnav li,
.sentei_wrap .sentei_comp_box .compnav2 li {
  float: left;
  width: 49%;
  margin: 0 2% 1% 0;
}

.sentei_wrap .sentei_comp_box .compnav li:nth-child(2n),
.sentei_wrap .sentei_comp_box .compnav2 li:nth-child(2n) {
  margin: 0;
}

.sentei_wrap #senteinav01 img,
.sentei_wrap #senteinav02 img,
.sentei_wrap #senteinav03 img {
  width: 100%;
}

.sentei_wrap .sentei_comp_box .compnav3 li {
  float: left;
  width: 25%;
  margin: 0 2% 0 0;
}

.sentei_wrap .sentei_comp_box .airnav li {
  margin: 0 0 1%;
}

.cont4_cont {
  padding-left: 0;
  padding-right: 0;
}