@charset 'UTF-8';

body {font-family:"Sawarabi Mincho";}

main {position:relative; z-index:2;}
.infos-contact {position:relative; z-index:1;}

#logo_other {position:absolute; top:10px; right:10px;}
@media (max-width:767px){
  #logo_other {display:none;}
}

#logo_other > ul {margin:0; padding:0;}
#logo_other > ul >li {margin:0; padding:0; list-style:none; display:inline-block;}
#logo_other > ul >li > img {height:60px; vertical-align:bottom;}
@media (max-width: 992px) {
  #logo_other > ul >li > img {height:50px;}
}

#logo_other > #couteau_link {}
#logo_other > #couteau_link > a {
  position:relative;
  font-size:16px;
  padding:4px 4px 4px 34px;
  text-decoration:underline;
  float:right;
  display:block;
}
#logo_other > #couteau_link > a::before {
  position:absolute;
  content:"";
  background:url(/img/icone_france_hover.png) no-repeat;
  background-size:100%;
  border:#CCC 1px solid;
  top:7px;
  left:0;
  width:30px;
  height:17px;
  display:block;
  opacity:1;
}

#logo_other > #couteau_link > a:hover::before {opacity:0.8;}

#logo_other::after {
  content:"";
  clear:both;
  height:0;
  display:block;
  visibility:hidden;
}


#navbar-main {
  text-align:left !important;
  margin:0 10px !important;
}

.nav > li > a {
  position: relative;
  color:#FFF !important;
  font-size:16px;
  font-weight:normal;
  display: block;
  padding: 0 15px;
  margin:5px 0;
}

.nav > li > a:hover {text-decoration:underline;}

.nav > li#comingsoon {position:relative; min-width:160px;}
.nav > li#comingsoon > a {color:#666; opacity:0.1;}
.nav > li#comingsoon > a:hover {text-decoration:none;}
.nav > li#comingsoon > a::after {display:none;}
@media (min-width: 768px) {
  .nav > li#comingsoon > a {opacity:0.5; transition:0.2s;}
  .nav > li#comingsoon:hover > a {opacity:0;}
}

.nav > li#comingsoon::before {
  position: absolute;
  content:"Coming Soon";
  background:rgba(255,255,255,0.5);
  color:#E8E8E8;
  font-size:0.9em;
  text-transform: capitalize;
  border:#E8E8E8 2px solid;
  padding:4.8%;
  width:88%;
  height:auto;
  top:-3px;
  left:9px;
  display:block;
  cursor: default;
}
@media (min-width: 768px) {
  .nav > li#comingsoon::before {opacity:0;}
  .nav > li#comingsoon:hover::before {opacity:1;}
}




/* @media (max-device-width:480px) and (orientation:landscape){ 480px 768px */

@media (max-width: 992px) {
  .nav > li#comingsoon::before {
    padding:0;
    width:100%;
    height:auto;
    top:0;
    left:0;
  }
}

.breadcrumb {font-size:14px;}
.page-intro {font-size:1.4em;}
@media (max-width:767px){
  .page-intro {font-size:1.2em; padding: 20px 0;}
  .row {
    margin-left: auto;
    margin-right: auto;
  }
}

.page-title > h1 {font-weight:normal;}
.page-title > p.page-title-sub {color:#666; font-size:22px; margin:2px auto 0;}
.page-title > .page-title_name-sub {color:#666; font-size:22px; margin:2px auto 0;}

#grid-home {margin:0 auto 60px 42px;}
@media (max-width:767px){
  #grid-home {margin:0 auto 60px;}
}

#grid-home > h2.grid-home-h2 {
  color:#FFF;
  font-size:24px;
  margin:2px auto 6px;
  padding:0 4%;
}
@media (max-width:767px){
  #grid-home > h2.grid-home-h2 {
    font-size: 21px;
    padding:0 1%;
  }
}

#grid-home > p.grid-home-cap {font-size: 18px; padding: 0 4%;}
@media (max-width:767px){
  #grid-home > p.grid-home-cap {
    font-size: 1.1em;
    padding:0 0 0 1%;
  }
}
#grid-home > p.grid-home-category {color:#FFF; font-size:22px; margin:32px 0 0; padding:0 5%;}
@media (max-width:767px){
  #grid-home > p.grid-home-category {
    padding:0 1%;
  }
}

#grid-home > article {margin:2% 3%;}

@media (max-width:767px){
  .img-product-cat-list {
  }

  .img-product-cat-list {
    display: block;
    vertical-align: middle;
    width: 100%;
    padding: 6px 0 0;
  }

  .infos-product-cat-list {
    display: block;
    vertical-align: middle;
    width: 100%;
    padding: 0 0 6px;
    position: relative;
  }

  .listeProduit .title-sub-category {
    margin: 0;
    padding: 0 0 10px 0;
    text-align: center;
  }

  .listeProduit .title-sub-category a {
    float: none;
    font-size: 15px;
    font-size: 1.6rem;
    text-transform: uppercase;
    padding: 0;
    margin: 6px auto;
  }

  .listeProduit .title-sub-category span {
    font-size: 15px;
    font-size: 1.6rem;
    border: 1px solid #828282;
    padding: 5px;
    margin: 5px 1% 0;
    width: 98%;
    display: block;
    clear: both;
  }

  .listeProduit .overlay-link a {display: none;}

}

.product-image > img {border:#000 2px solid; transition:0.2s;}
.product-image:hover > img {border:#7D7D7D 2px solid;}
.product-image_nolink:hover > img {border:#000 2px solid;}

@media (max-width:767px){
  #grid-home > article {
    margin: 2% auto;
  }
}

.overlay-link > a {font-weight:bold !important;}

#product-detail > div {padding:0 0 0 1%;}
#product-detail > div > h3 {font-size:16px; color:#FFF; border-bottom:#FFF 1px solid; padding:4px;}
#product-detail > div > p {padding:0 0.5%; margin:0 0 4px;}

@media (max-width: 1199px) {
  .navbar-default .navbar-nav > li > a {color: #fff;}
}


@media (min-width: 768px) {
  #navbar-main {margin-bottom: 10px;}
  .header-nav {margin-bottom: 10px;}
}


#product-detail {font-size:1.1em;}
#product-detail h4 {
  font-size:1.2em;
  border-bottom:#666 1px solid;
  margin-top:16px;
  margin-bottom:4px;
  padding:4px;
  display:block;
}

.address_jp {
  margin: 20px auto 0;
}

.address_jp > div {
 font-size: 1.4em;
}
@media (max-width:767px){
  .address_jp > div {
   font-size: 1.1em;
  }
}

.address_jp > #w_logo > a {
  position:relative;
  background:url(/img/w_logo.png) no-repeat;
  background-size:100%;
  margin:0 4px;
  width:100px;
  height:80px;
  left:-116px;
  display:inline-block;
  transition:0.2s;
}
@media (max-width:767px){
  .address_jp > #w_logo > a {
    text-align: center;
    margin: 0 auto;
    left: auto;
    display: block;
   }
}

.address_jp > #w_logo > a:hover {
  background:url(/img/w_logo2.png) no-repeat;
  background-size:100%;
  opacity:0.6;
}
.address_jp > #w_logo > a > span { display:none;}
.address_jp > #w_logo > a > p {font-size:1.4em !important; padding:46px 0 0 120px;}
.address_jp > #w_logo > a:hover > p {text-decoration:underline;}
@media (max-width:767px){
  .address_jp > #w_logo > a > p {
    font-size: 1.1em !important;
    text-align: center;
    padding: 74px 0 0 0;
    margin: 0 18px 0 -18px;
  }
}

.address_jp > #w_logo > p {
  font-size: 1.5em !important;
  text-decoration: none;
}
@media (max-width:767px){
  .address_jp > #w_logo > p {
    font-size: 1.2em !important;
  }
}

@media (min-width: 768px) {
  li:nth-last-child(1) > a::after,
  li:nth-last-child(2) > a::after,
  .header-nav > li.hoge > a::after,
  .header-nav > li > a::after {
    transition: all .5s;
    opacity: 0;
    transform: translateY(-50%);
    background: url(/img/losange-white.png) no-repeat center center !important;
    content: "";
    display: block;
    height: 27px;
    position: absolute;
    width: 100%;
    top: 30px;
    left: 0;
  }
}


@media (max-width:767px){
  #content-main, .folder-description {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}


/* matieres */
.folder-description h2 {font-size:1.8em;}
@media (max-width:767px){
  .folder-description h2 {font-size:1.4em;}
}
.folder-description p {font-size:1.2em; margin-bottom:30px;}
#folder-description_caption {font-size:1.52em; margin-bottom:40px;}
@media (max-width:767px){
  #folder-description_caption {font-size:1.26em;}
}
.col-main_matieres h2 {font-size:1.68em; margin:36px 14px 6px !important;}
@media (max-width:767px){
  .col-main_matieres h2 {font-size:1.36em; margin:36px 14px 6px !important;}
}
.col-main_matieres p {font-size:1.2em;}
@media (max-width:767px){
  .col-main_matieres p {font-size:1.1em;}
}

.image-content {min-height: 100px !important;}

.infos-contact .col-sm-offset-2 {margin-left: 0 !important;}
@media (max-width:767px){
  .infos-contact .col-sm-offset-2 { font-size: 1.0em;}
}
@media (min-width: 992px) {
  .infos-contact .col-sm-offset-2 {margin-left: 16.66666667% !important;}
}


#contact-info .panel-heading {color:#CCC; font-size:1.2em;}
#contact-info .panel-heading::after {
  content:"";
  clear:both;
  height:0;
  display:block;
  visibility:hidden;
}

#contact-info .panel-heading_link_ls {
  font-size:0.9em;
  text-decoration:underline;
  float:right;
  cursor:pointer;
}

.btn-foot-cart {margin:0 auto 30px;}

@media (max-width:767px){
  #cart .product {width:320px; display:block;}
}


#aboutus address,
#aboutus .description-item p {text-align:left;}

#main_histoire h2 {
  font-size:28px;
  border-bottom:#444 2px solid;
  margin:0 0 20px;
  padding:4px;
}

#main_histoire .description {padding:0 16px;}

#main_histoire .description > p {font-size:16px;}

@media (max-width: 1199px) {
  #main_histoire h2 {font-size:20px;}
  #main_histoire .description > p {font-size:14px;}
}


#main_histoire dl {
  font-size:16px;
  margin:0 auto;
  width:100%;
  display:inline-block;
}
@media (max-width: 1199px) {
  #main_histoire dl {font-size:14px;}
}


#main_histoire dl > dt,
#main_histoire dl > dd {margin-bottom:6px; padding:4px 6px;}
#main_histoire dl > dt {
  text-align:right;
  width:10%;
  float:left;
  display:block;
}
#main_histoire dl > dt {
  background: rgb(10,8,9);
  background: -moz-linear-gradient(left, rgba(10,8,9,1) 10%, rgba(70,70,70,1) 100%);
  background: -webkit-linear-gradient(left, rgba(10,8,9,1) 10%,rgba(70,70,70,1) 100%);
  background: linear-gradient(to right, rgba(10,8,9,1) 10%,rgba(70,70,70,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a0809', endColorstr='#464646',GradientType=1 );
}
#main_histoire dl > dd {margin-left:11%; width:89%; display:block;}

@media (max-width: 1199px) {
  #main_histoire dl > dt {
    text-align:left;
    width:40%;
    float:none;
  }
  #main_histoire dl > dt {
    background: rgb(10,8,9);
    background: -moz-linear-gradient(left, rgba(70,70,70,1) 10%, rgba(10,8,9,1) 100%);
    background: -webkit-linear-gradient(left, rgba(70,70,70,1) 10%,rgba(10,8,9,1) 100%);
    background: linear-gradient(to right, rgba(70,70,70,1) 10%,rgba(10,8,9,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#0a0809',GradientType=1 );
  }
  #main_histoire dl > dd {
    margin-left:0;
    width:100%;
  }
}

#main_histoire dl::after {
  content:"";
  clear:both;
  height:0;
  display:block;
  visibility:hidden;
}


/* care */
#care-container > article#content-main {margin:0 auto 100px;}
#care-container > article#content-main > section#grid-home {margin:0 auto 0px; clear:both;}
#care-container #grid-home > #grid-home-category {font-size:1.4em; margin:30px 64px 4px; padding:0;}
#care-container #grid-home > ul {font-size:1.2em; margin:10px 50px;}
@media (max-width:767px){
  #care-container #grid-home > ul {font-size:1.2em; margin:10px 10px;}
}

.care_details {
  border:#333 2px solid;
  margin:12px 2.6% 0 0.4%;
  width:97%;
  padding:12px;
}
@media (max-width:767px){
  .care_details {
    margin:12px 0 0;
    width:100%;
  }
}

.care_details > p {
  font-size:0.96em;
  line-height:1.4em;
  margin:0;
}
.care_details > p > a {
  text-decoration:underline;
}
.care_details > ul {
  font-size:0.9em;
  padding:0;
  margin:12px 0 0;
  list-style:none;
}
.care_details > ul > li {
  margin-bottom:3px;
}


/* video */
#video-container > section {margin:60px auto 0;}
#video-container > section > h1 {
  color:#D2D2D2;
  font-size:2.0em;
  line-height:1.4em;
  text-align:center;
}

/* #video-container > section > .video */
.video {
  position: relative;
  margin:0 auto;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 1199px) {
  #video-container > section > h1 {
    font-size:1.6em;
    line-height:1.2em;
  }
  .video iframe {
    top: 0;
    left: 2%;
    width: 96%;
    height: 96%;
  }
}
@media (min-width: 768px) {
  #video-container > section > h1 {
    font-size:1.8em;
    line-height:1.3em;
  }
  .video iframe {
    top: 0;
    left: 10%;
    width: 80%;
    height: 80%;
  }
}
@media (min-width: 992px) {
  #video-container > section > h1 {
    font-size:2.0em;
    line-height:1.4em;
  }
  .video iframe {
    top: 0;
    left: 15%;
    width: 70%;
    height: 70%;
  }
}


.col-main_site-info .description h3 {margin-top:40px;}

.col-main_site-info .description p {font-size:1.2em;}
.col-main_site-info_pm .description p {font-size:1.32em;}
.col-main_site-info_pm .description p > span {color:#888; font-size:0.94em;}

.col-main_site-info .description ul {list-style:none; margin:0; padding:0;}
.col-main_site-info_pm .description ul {margin:0 0 20px; padding:0 16px;}

.col-main_site-info .description li {font-size:1.2em;}
.col-main_site-info_pm .description li {font-size:1.32em;}
.col-main_site-info_pm .description li span {padding:0 18px;}
.col-main_site-info_pm .description li a {padding:0 18px 10px; text-decoration:underline; display:block;}

.col-main_site-info_pm .description dl {font-size:1.2em; margin:10px;}
.col-main_site-info_pm .description dl > dt {font-weight:bold; min-width:90px; float:left;}
.col-main_site-info_pm .description dl > dd {}
.col-main_site-info_pm .description dl > dd::before {content:"：";}
@media (max-width:767px){
  .col-main_site-info_pm .description dl {font-size:1.0em; margin:10px 4px;}
  .col-main_site-info_pm .description dl > dt {float:none;}
  .col-main_site-info_pm .description dl > dt::after {content:"：";}
  .col-main_site-info_pm .description dl > dd {border-bottom:#999 1px dotted; margin-bottom:6px;}
  .col-main_site-info_pm .description dl > dd::before {display:none;}
}

input,
textarea {
  color:#000;
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.control-input {
  color:#EEE;
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size:1.2em;
}



#paymentmethod > section {
  border:#999 1px solid;
  margin:0 2% 2%;
  padding:1% 0.6%;
  width:96%;
}
#paymentmethod > section > h4 {
  color:#CCC !important;
  margin:0.5% !important;
}

#paymentmethod > section > p {
  font-size:1.2em;
  padding:0;
  margin:0 10px;
}
#paymentmethod > section > section {
  padding:0.2% 1%;
}
#paymentmethod > section > section > h5 {
  background:#333;
  color:#CCC !important;
  font-size:1.2em !important;
  margin:6px 0;
  padding:4px 0;
}
#paymentmethod > section > section > p {
  color:#CCC;
  font-size:1.2em;
  margin:0;
  padding:0;
}
#paymentmethod > section > section > ul {
  color:#CCC;
  margin:8px 0;
  padding:0;
}
#paymentmethod > section > section > ul > li {
  font-size:1.2em;
  border-bottom:#666 1px dotted;
  padding:4px;
}
#paymentmethod > section > section > ul > li:first-child {
  border:none;
  padding:0;
}