@charset "utf-8";
/* CSS Document */

/*----------------------------------------
●PC表示　@media print, screen and (min-width: 769px){}
●SP表示　@media screen and (max-width:768px){}
----------------------------------------*/
.box-inner{
  max-width: 1000px;
  margin: 0 auto;
}

/*----------------------------------------
  ヘッダー画像
----------------------------------------*/
#PRODUCT .mv-content{
  background-image: url('../images/img_header.jpg');
}

/*----------------------------------------
  #product
----------------------------------------*/


#product .item-wrap {
  width: 100%;
}

#product .item {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

#product .item figure {
  flex: 1;
  text-align: center;
}

#product .item ul {
  flex: 1;
}

#product .item ul .ttl-L{
  font-size: 1.5em;
  font-weight: bold;
  letter-spacing: .1em;
  color: #7D5F33;
  line-height: 1.3;
}

#product .item ul .ttl-L span {
  font-size: .7em;
  letter-spacing: 0em;
}

#product .item ul .ttl-S{
  margin-top: -5px;
  font-size: .9em;
  color: #7D5F33;

}

#product .item ul .txt {
  margin: 15px 0;
}

#product .hosoku ul {
  font-size: .9em;
  width: 94%;
  margin: 0 auto;
}

#product .hosoku ul .ttl{
  color: #7D5F33;
  padding-bottom: 5px;
  border-bottom: 1px solid #CEC2BA;
  margin-bottom: 10px;
}

@media screen and (max-width:768px){
  #product .item {
    display: block;
  }
  #product .item ul .ttl-S {
  }
  
  #product .item figure {
    margin-bottom: 15px;
    text-align: center;
  }
  
  #product .item figure img {
    max-width: 320px;
  }
  
  #product .item ul {
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }
} 

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
  margin: 30px auto;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

/*IE*/
@media all and (-ms-high-contrast: none) {
  /* ここに書く */
  .mv-content .box-inner {
    max-width: none;
  }
}