/*リンク文字*/
.product-order-exp a:hover {
  font-weight: bold;
}
.product_matome a {
  color: #fa6565;
}
.btn_mini a {
  color: #333333;
}
/*-----商品名-----*/
/* 商品名の前の付加画像を隠す */
#product .new_mark_img1 {
  display: none !important;
}
/*-----ソーシャルボタン-----*/
.sns_button {
  text-align: right;
  margin: 0;
}
.sns_button iframe {
vertical-align: top;
}
/*Facebookボタン*/
.sns_button iframe:first-child {
  width: 68px !important;
}
/*ラインボタン*/
iframe.line-it-button {
  width: 84px !important;
}
.btn_mini {
  font-size: 11px;
  font-weight: 100;
  height: 20px;
  padding: 0 6px;
  vertical-align: top;
}
/*-----商品画像-----*/
/* メイン商品画像 */
li.main-image {
  padding: 0.5%;
}
.product-image-main img {
  border-radius: 8px 8px 0 0;
}

/* メイン商品画像ズーム */
.mousetrap {
  cursor: move !important;
}
#cloud-zoom-big {
  border-radius: 8px 8px 0 0;
}

/* サムネイル商品画像*/
div.product-image-thumb {
  padding: 0;
}
.product-image-thumb ul li.col {
  padding: 0.5%;
}
/*サムネイル画像の大きさ*/
.custom-thumb .col-lg-3 {
  width: 14.28571428571429%;
}

/*-----商品説明-----*/
/*テキスト*/
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.3em;
}
/*Youtubeビデオ埋め込み*/
.iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  margin-bottom: 1.5em;
  height: 0;
  overflow: hidden;
}
.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*説明下エリア*/
.product_unit p, .product_matome p, .product_otoku p, .product_notes p {
   margin: 0;
   padding-left: 1em;
   text-indent: -1.3em;
}
.unit_outer {
  text-align: right;
  margin-top: 1.5em;
}
/*販売単位*/
.product_unit {
  display: inline-block;
  background-color: #fcfcfc;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 6px 14px;
  text-align: left;
}
.product_unit p:before {
  font-family: "Font Awesome 5 Free";
  content: "\f024";
  color: #1f5c9e;
  font-weight: 900;
  margin-right: 0.3em;
}
p .order_unit {
  color: #1f5c9e;
  font-size: large;
  font-weight: bold;
  margin: 0 0.1em;
}
/*まとめ買い*/
.product_matome {
  background-color: #fcf1f1;
  border-radius: 10px;
  padding: 10px 16px;
  margin-top: 0.5em;
}
.product_matome p:before {
  font-family: "Font Awesome 5 Free";
  content: "\f468";
  color: #fa6565;
  font-weight: 900;
  margin-right: 0.3em;
}
.product_matome .order_matome {
  color: #fa6565;
  font-weight: bold;
  margin: 0 0.5em 0 0;
}
p + .product_matome {
  margin-top: 1.5em;
}
/*お買い得*/
.product_otoku {
  border: dashed 1px #fa6565;
  border-radius: 10px;
  padding: 10px 16px;
  margin-top: 0.5em;
}
.product_otoku p:before {
  font-family: "Font Awesome 5 Free";
  content: "\f164";
  color: #fa6565;
  font-weight: 900;
  margin-right: 0.3em;
}
.product_otoku .otoku_ashford {
  color: #fa6565;
  font-weight: bold;
  margin: 0 0.5em 0 0;
}
p + .product_otoku {
}
p.otoku_ashford:after {
  content: "アシュフォード機材本体がいつでも定価の1割引き！" ;
}
/*ご了承下さい*/
.product_notes {
  background-color: #f5fbeaab;
  border-radius: 10px;
  padding: 1em 1.5em;
  margin-top: 0.8em;
  font-size: 14px;
}
.product_notes img {
  width: 100%;
  margin: 0.6em 0 1em 0;
}
.product_notes p:before {
  font-family: "Font Awesome 5 Free";
  content: "\f06a";
  color: #439e1f;
  font-weight: 900;
  margin-right: 0.3em;
}
p.note_ash_waribiki:after {
  content: "アシュフォード製品の割引は機材本体のみとなっています。備品その他は含まれません。" ;
}
p.note_fabric_cut:after {
  content: "生地はご注文を頂いた時点で点検・裁断するため、ご注文後の変更・キャンセル・交換はできません。" ;
}
p.note_roll:after {
  content: "ロールの計量は少しコツがいるため、ご注文の量と若干異なることがあります。少なくなることはありませんが、どうぞ予めご了承下さい。" ;
}
p.note_fleece:after {
  content: "フリースは個体によって毛質や毛足の長さ、色も様々です。自然の色をお楽しみください。" ;
}
p.note_sarasa_iro:after {
  content: "インド木版更紗布は、色落ち、日焼けします。洗濯をする時は他のものと分けて（濃い色の場合は特に）洗うようにして下さい。時の経過によって変化していく風合いをお楽しみ下さい。" ;
}
p.note_sarasa_hand:after {
  content: "インド木版更紗は手作業で製作されています。木版を手で捺印していますので、ずれや汚れがあります。手作り特有の良さを存分にお楽しみ下さい。" ;
}
p.note_kase:after {
  content: "かせによって多少の差があります。予めご了承下さい。" ;
}
p.note_tama:after {
  content: "玉によって多少の差があります。予めご了承下さい。" ;
}
p.note_maki:after {
  content: "巻きによって多少の差があります。予めご了承下さい。" ;
}
p.note_display_iro:after {
  content: "画面に表示の色は、お使いのモニターによって実際の色味とやや異なります。予めご了承下さい。" ;
}
/*-----価格テーブル-----*/
.table-rounded {
  border: none;
  border-radius: 50px;
  border-spacing: 0 5px;
  margin-bottom: 10px;
}
.table-rounded th {
  border: 2px solid #ddd;
  border-top: 2px solid #ddd !important;
  border-right: none;
  padding: 8px 12px;
  border-top-left-radius: 50px !important;
  border-bottom-left-radius: 50px !important;
}
.table-rounded td {
  border: 2px solid #ddd;
  border-top: 2px solid #ddd !important;
  border-left:  1.5px solid #ddd;
  padding: 8px 12px;
  border-top-right-radius: 50px !important;
  border-bottom-right-radius: 50px !important;
}
/* セール前価格 */
.before_sale {
  color: #f00;
  text-decoration: line-through;
}
.before_sale span {
  color: #000;
}

/*-----オプションデスクトップ-----*/
th {
  background-color: #fcfcfc;
}
#prd-opt-table table{
  table-layout: fixed;
}
#prd-opt-table td, #prd-opt-table th {
  padding: 0.2em 1em;
}
#prd-opt-table div{
  float: left;
  margin-right: 0.3em;
}
table#option_tbl {
  border-top: 0;
}
table#option_tbl th, table#option_tbl td {
  border-top: 1px solid #ddd !important;
}
#option_tbl br {
  display: none;
}
.stock_zero {
  padding-left: 0.5em;
  color: #bbbbbb;
}
/*-----オプションモバイル-----*/
#prd-opt-select table {
  border-top: 0;
  table-layout: fixed;
  margin-bottom: 20px;
  width: 100%;
  border: 1px solid #ddd;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-collapse: separate;
}
#prd-opt-select table th, #prd-opt-select table td {
  text-align: center;
  border-left: 1px solid #ddd;
  padding: 0.2em 1em;
}
#prd-opt-select table td input[type=radio]{
  margin: 8px 0;
}
#prd-opt-select #option_tbl br {
    display: inherit;
}
/*-----注文数量-----*/
.input-prepend.input-append input {
  font-size: 24px;
  font-weight: bold;
  padding-top: 11px;
  padding-bottom: 11px;
  width: 100px;
  text-align: right;
  height: 22px;
  border: 1px solid #ccc;
}

/*-----カートに入れる-----*/
.product-order .btn-addcart {
  width: 100%;
  border-radius: 50px;
}

/*-----組み合わせ-----*/
.together-block .toge-img img{
    height: 160px;
    width: auto;
    object-fit: cover;
    border-radius: 8px;
}
.together-block .toge-name {
  font-weight: bold;
  font-size: 90%;
}