@charset "UTF-8";


.cont_en_title h3{
  text-align: left;
  color: #e8c900;
  font-weight: 500;
  padding-bottom: 0;
}
.contents .cont_en_title {
  margin-bottom: 30px;
}
/* CSS Document */

.pc-only{
  display:block;
}

.sp-only{
  display:none;
}

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

.pc-only{
  display:none;
}

.sp-only{
  display:block;
}

}


/* 共通 ======================================= */

body {
  background:url(../img/bg_pc.jpg) repeat-y center top #f7f4ec;
}

.contents {
  max-width: 100% !important;
  /*padding: 60px 0 0; !important;*/
  padding:0 !important;
}

#contents {
  max-width: 1100px;
  padding: 0 0 50px!important;
  margin:0 auto;
}

#pkz {
  display: none;
}

#main {
  max-width: 100% !important;
}

#main img {
  width:100%;
  height:auto;
}

p,li {
  color:#3f2825;
  font-size:16px;
  line-height:1.6;
}

a:hover {
  opacity: 0.7 ;
  filter: alpha(opacity=70) ;  /* Ie用 */
  -webkit-transition: 0.6s ;
  transition: 0.6s ;
}

.cf:before,.cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {*zoom:1;}

/* nav ======================================= */

.saboNav {
  width:100%;
  margin:0 auto;
  background-color:#382724;
  text-align:center;
  height:88px;
}

.saboNav li {
  display:inline-block;
  padding:20px 28px;
  background:url(../img/nav_line_pc.png) no-repeat right center;
}

.saboNav li img {
  vertical-align:middle;
}

.saboNav li:last-child {
  background:none;
}

.navSP {
  display:none;
}

.fixed {
  position:fixed;
  top:60px;
  left:0;
  z-index:500;
}


/* Item ======================================= */

.itemBlock {
  width: 1100px!important;
  display : block;
  margin: 0 auto;
  padding-top:70px;
  overflow: hidden;
  text-align: left;
}
.ltitemBox {
  display: inline-block;
  width: 265px!important;
  padding: 1em;
  margin-bottom : 20px;
  border: solid 1px #dcdcdc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
}
.ltitemBox a {
  text-decoration:none;
}
.ltitemBox .ltitemCt {
  margin: 10px 0 0;
  font-size: 10px;
  color: #8c8c8c;
}
.ltitemBox .ltitemTit {
  font-size: 12px;
  color: #000b41;
}
.ltitemBox .ltitemPrice {
  margin: 8px 0 0;
  font-size: 11px;
  color: #8c8c8c;
}
.ltitemBox .ltbtnBox {
  display: flex;
  width: 200px;
  margin: 1em auto 1em;
  bottom: 10px;
  font-size: 11px;
  text-align: center;
}
.ltitemBox .ltbtnBox .ltbtnItem {
  margin-right: 5px;
}
.ltitemBox .ltbtnBox .ltbtnItem a {
  display: block;
  width: 90px;
  padding: 3px 0 4px;
  border: solid 1px #000b41;
  color: #000b41;
}
.ltitemBox .ltbtnBox .ltbtnCart {
  margin-left: 5px;
}
.ltitemBox .ltbtnBox .ltbtnCart a {
  display: block;
  width: 90px;
  padding: 3px 0 4px;
  border: solid 1px #ff5a54;
  background-color: #ff5a54;
  color: #fff;
}
.ltitemBox.mrit20{
  margin-right : 9px;
}


/* MEDIA QUERY ======================================= */

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

  body {
    -webkit-text-size-adjust: none;
  }

  #contents {
    padding: 0 !important;
  }

  .contents {
      padding: 40px 0 0 !important;
  }

  .contentL {
      padding: 0 !important;
  }

  .contentL .btmInfo {
    padding-top:10% !important;
  }

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

  p,li {
    font-size:14px;
  }

  .navSP {
    display:block;
    width:100% !important;
    font-size:0;
    background-color:#fff;
  }

  .navSP li {
    display:inline-block;
    width:49%;
    height:auto;
    padding:0.5%;
    background:none;
  }
  .navSP li a {
    width:100%;
    height:100%;
  }

  .fixed {
    position:static;
    top:auto;
    left:auto;
  }

  .itemBlock {
    width:88%!important;
    padding:30px 0 0;
  }
  .ltitemBox {
    width: 100%!important;
    padding: 2%;
    margin-right: 0!important;
    margin-bottom : 20px;
    border: solid 1px #dcdcdc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
  }

}