.product-order-exp a{
text-decoration:none;
border-bottom:dashed 1px;
}


@charset "euc-jp";
/* スマホテーブルスクロール */
.table-scroll_prd-opt{
    overflow: auto;
    white-space: nowrap; 
    width: 100%;
  margin:10px;
}
.table-scroll_prd-opt table{
    margin: 0;
    border-spacing: 0;
  border-top: 1px solid #ccc;
}
.table-scroll_prd-opt td , .none{
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #FFF;
    padding: 5px;
}
.table-scroll_prd-opt th , .none{
    white-space: nowrap;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #f2f2f2;
    /*position: sticky; */
    top: 0;
    left: 0;
      padding: 5px;
}
.table-scroll_prd-opt tr:first-child th , .none{
    border-top: 1px solid #ccc;
}
.table-scroll_prd-opt th:first-child , .none{
    border-left: 1px solid #ccc;
}
.table-scroll_prd-opt tr:first-child th:first-child , .none{
   /* z-index: 1; */
  background: #f2f2f2;
}


/* 素材 */
.sozai-area{
margin: 0px;
}

.sozai-box {
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px dotted #ccc;
}

.seibun-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 12px;
}
.seibun-table th, .seibun-table  td {
	padding: 2px 3px;
	border: 1px solid #dddddd;
}
.seibun-table th {
	width: 20%;
	text-align: left;
	background: #f4f4f4;
	font-weight: normal;
}
.ver-mid {
  /*素材（親要素）*/
  position: relative;
}
.ver-mid p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
  width: 100%;
  text-align: center;
}

/* 吹き出し */
.title-balloon1 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 10px 15px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #F0E68C;
  border-radius: 15px;
}
.title-balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #F0E68C;
}
.title-balloon1 p {
  margin: 0;
  padding: 0;
}
/* 斜線吹き出し */
.title-balloon2 {
  position: relative;
  padding: 0.6em;
  background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
  background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
  border-radius: 7px;
}

.title-balloon2:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #ffebbe;
  width: 0;
  height: 0;
}
/* ボックス */
/* 破線 */
.box-hasen {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #FDF5E6;
    border: dashed 1px #FFE4B5;
}
.box-hasen p {
    margin: 0; 
    padding: 0;
}
/* 二重線 */
.box-double {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #F6D8CE;
}
.box-double p {
    margin: 0; 
    padding: 0;
}


.product_midashi-detail {
  position: relative;
  background: #eee;
  padding: 0.3em 0.5em;
  border-left: solid 2em #666;
  font-size:24px;
  margin: 30px 0 20px;
}
.product_midashi-detail:before {
  font-family: "Font Awesome 5 Free";
  content: "\f15c";
  position: absolute;
  padding: 0em;
  color: white;
  font-weight: 700;
  left: -1.35em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* ## 特記事項 ## */
.box_caution-pnk p , .box_caution-blu , .box_caution-yel , .box_caution-grn , .box_caution-gry p{
  margin: 0;
  padding: 0;
}
/* 大切なお知らせ */
.box_caution-pnk{
  margin: 1em 1em 3em;
  background-color: #ffebee;
  border: 1px solid #ef5350;
  padding: 1em;
}
.box_caution-pnk_title{
  color: #ef5350;
  font-size: 16px;
  font-weight: bold;
}
.box_caution-pnk_title:before{
  font-family: "Font Awesome 5 Free";
  content: "\f06a";
  font-size: 17px;
}
/* 配送について */
.box_caution-blu{
  margin: 1em 1em 3em;
  background-color: #e3f2fd;
  border: 1px solid #2196f3;
  padding: 1em;
}
.box_caution-blu_title{
  color: #2196f3;
  font-size: 16px;
  font-weight: bold;
}
.box_caution-blu_title:before{
  font-family: "Font Awesome 5 Free";
  content: "\f06a";
  font-size: 17px;
}
/* 納期について */
.box_caution-yel{
  margin: 1em 1em 3em;
  background-color: #fffddf;
  border: 1px solid #f39800;
  padding: 1em;
}
.box_caution-yel_title{
  color: #f39800;
  font-size: 16px;
  font-weight: bold;
}
.box_caution-yel_title:before{
  font-family: "Font Awesome 5 Free";
  content: "\f06a";
  font-size: 17px;
}
/* アパレル商品について */
.box_caution-grn{
  margin: 1em 1em 3em;
  background-color: #f8fbf8;
  border: 1px solid #65ab31;
  padding: 1em;
}
.box_caution-grn_title{
  color: #f08080;
  font-size: 16px;
  font-weight: bold;
}
.box_caution-grn_title:before{
  font-family: "Font Awesome 5 Free";
  content: "\f06a";
  font-size: 17px;
}
/* 購入前の注意 */
.box_caution-gry{
  margin: 1em 0;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  padding: 1em;
}
.box_caution-gry_title{
  color: #e9546b;
  font-size: 16px;
  font-weight: bold;
  margin-bottom:10px;
}
.box_caution-gry_title:before{
  font-family: "Font Awesome 5 Free";
  content: "\f06a";
  font-size: 17px;
}
.box_caution-gry dd {
  padding-bottom: 1em;
}

/* campaign */
.box_camp {
    margin: 30px 0;
    background: #fffdea;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box_camp .box_camp_title {
    font-size: 1.2em;
    background: #ffc1a8;
    padding: 4px;
    text-align: center;
    color: #752302;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box_camp_title:before{
  font-family: "Font Awesome 5 Free";
  content: "\f0a1";
  font-size: 17px;
  padding-right: 3px;
}
.box_camp p {
    padding: 8px 20px;
    margin: 0;
}

/* How To use */
.box_howtouse{
  margin: 2em 0;
  padding: 1.5em 1em 1em;
  position: relative;
  border: 1px solid #946c45;
  background-color: #fffcf4;
}
.box_howtouse_title{
  position: absolute;
  top: -0.8em;
  left: 20px;
  font-weight: bold;
  font-size: 1.1em;
  background-color: #946c45;
  color: #fff;
  padding: 0 0.5em;
}
.box_howtouse p{
  margin: 0;
  padding: 0;
}

/* voice */
.box_voice{
  background: #fafafa;
  border-left: 5px dotted rgba(0,0,0,.1);
  box-shadow: 1px 1px 2px 1px #ccc;
  padding: 1em;
  margin: 1em;
}
.box_voice p{
  margin: 0;
  padding: 0;
}
.voice_title {
  position: relative;
  background: #eee;
  padding: 0.25em 0.5em;
  border-left: solid 2em #ef857d;
  font-size:24px;
  margin-bottom: 20px;
}
.voice_title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f086";
  position: absolute;
  padding: 0em;
  color: white;
  font-weight: 700;
  left: -1.5em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.voice_avatar {
    border-radius: 50%;
    width:  150px;
    height: 150px;
    margin:0 auto;
}


/* 使用上の注意 */
.box_precautions{
  margin: 2em 0;
  background-color: #f5f5f5;
  border: 1px solid #999;
  letter-spacing: .3px;
}
.box_precautions_title {
  color: #fff;
  background-color: #999;
  padding: 4px 6px;
  text-align: center;
  font-size: 16px;
}
.box_precautions p{
  margin: 0;
  padding: 0.5em;
}

/* この商品を見た人は */
.together_section {
  background: #fff; 
}
.together_title {
    padding: .5em 0 .5em .75em;
    border-left: 5px solid  #66cdaa;
    background: repeating-linear-gradient(-45deg, #edf5f4, #edf5f4 10px, #f6faf9 0, #f6faf9 20px);
    font-size: 20px;
  margin-bottom: 0;
}

/* review関連 */
.reviewlist_datas {
  overflow: hidden;
  zoom: 1;
  margin-bottom: 10px;
}
.icon_star {
  float: left;
  width: 75px;
  overflow: hidden;
}
.icon_star img {
  max-width: inherit;
}
.review_poster li {
  float: left;
  margin-left: 10px;
}
.review_poster li {
  list-style: none;
}
.reviewlist {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px dotted #ccc;
}
.review_ttl,
.shopcomment_ttl {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
.review_img {
  float: right;
  margin: 0 0 10px 10px
}
.reviewlist_content {
  overflow: hidden;
  zoom: 1;
}
.shopcomment {
  margin-top: 10px;
  margin-bottom: 10px;
  background: #fdf8f2;
  padding: 15px;
  border-radius: 6px;
}

/* bxSlider関連 */
.container-section {
  opacity: 0; 
  transition: opacity .3s linear;
}

.product-image-main img{
  margin: auto !important;
}

.bx-wrapper {
  margin: 0 !important;
}

ul.bxslider {
  margin: 0px !important;
}

.bx-wrapper .bx-viewport {
  border: none;
  box-shadow: none;
  left: 0;
  background: transparent;
}

.custom-thumb li {
  position: relative;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  margin: 0;
  padding: 5px 5px 5px 0;
}

.custom-thumb li a:hover {
  opacity: 0.7;
}

/* サムネイルactive時の枠を付ける */
.custom-thumb a {
  display: inline-block;
}

a.active {
  border: 1px solid #333;
}

/* 販売価格の文字強調 */
.product_sales {
  line-height: 1.5;
  font-weight: 700;
  font-size: 1.2em;
}

/* 数量入力欄 */
input.product-cart-init-num {
  float: left;  
  -webkit-appearance: none;
  border: 1px solid #ccc;
  height: 20px;
  width: 20%;
}

/* 商品単位 */
.product-unit {
  float: left;
  padding: 5px;
}

/* 名入れ入力欄 */
.product-order-form input[type="text"] {
  width: calc(100% - 14px);
}

/* カスタムオプション */
#custom-options-container{
background: #fff6e2;
padding: 0 10px 10px;
margin-bottom:10px;
}

/* カートボタン下マージン */
.product_cart_area {
  margin-bottom: 15px;
}

/* カートボタンのデザイン */
.btn-addcart {
  background-color: #ef857d;
  border: medium none;
  color: #fff;
  font-size: 18px;
  letter-spacing: 0.1em;
  padding: 18px 0;
}

/* いいねボタンのズレ修正 */
.fb_adjust {
  position: relative;
  top: 1px;
}

/* IE11だけで適用されるスタイルシート */
@media all and (-ms-high-contrast:none) {

  *::-ms-backdrop,
  .custom-thumb img {
    width: 100%; //IE11のmax-width崩れ
  }
}

iframe.youtube-16-9 {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}