/* CSS Document */

 /*
  * レイアウト
  */
.txt_height {
  line-height:1.4;
}
.item_main {	
}
.item_main  .item_photos {
	margin: 40px 0;
}

.collection_detail__gallery {
    width: 100%;
    margin-right: 0;
    display: flex;
}

.item_main .item_syosai {
	line-height:1.4;
    margin-bottom: 40px;
}

.item_cont {
  display: flex;
  justify-content: space-between;
  margin-bottom:30px;
}

.item_syosai ul {
  list-style: none;
}
.item_syosai ul li {
  margin-bottom:5px;
}
ul.item_info {
	list-style-type: none;
	margin-left:14px;
}
ul.item_info li{
  line-height: 1.4;
}
ul.item_info li:before {
  content: url(https://img21.shop-pro.jp/PA01423/966/etc/i_heart.png?cmsp_timestamp=20190106154944);
  margin-left:-14px;
  padding-right: 3px;
}
.input-prepend.input-append input {
  font-size: 24px;
  padding-top: 11px;
  padding-bottom: 11px;
  width: 100px;
  text-align: right;
}

.shipping_cost { background:#eeeeee; text-align:center; margin: 10px auto 15px; font-size:14px;line-height: 2.1875;}
.text_bold {font-weight:bold;}
.money_red { font-size:18px; color:#e5004f; }
.text_red { color:#e5004f; }
.tyuui {  font-size:14px; border:1px solid #ccc; padding:10px; margin: -10px auto 20px; line-height:1.2; line-height:1.4;}

 /*
  * スライダー
  */
.collection_detail__gallery{width:100%;margin-right:4.389%}
@media screen and (max-width:768px){.collection_detail__gallery{margin:0;max-width:none;width:100%}}

/*.gallery__image{max-width:440px;width:80.788%;margin:0 auto;text-align:center}*/
.gallery__image img{max-width:100%;height:auto}

.gallery__controller{max-width:440px;width:80.788%;margin:2.2727% auto;padding:0;display:flex;flex-wrap:wrap;list-style: none;}


/**/
.collection_detail__gallery {
    width: 100%;
    margin-right: 0;
    display: flex;
}
.gallery__image {
    max-width: 440px;
    /*width: 38%;*/
	width: 47.9%;
    margin: 0 auto;
    text-align: center;
}
.gallery__controller {
    max-width: 440px; 
    /*width: 45%;*/
	width: 37%;
    margin: 0; 
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    align-content: flex-start;
}
.gallery__controller__item {
    margin: 0 1.1364% 2.3%;
    padding: 0;
    /*width:18.18%;*/
	width:23%;
}
/*.gallery__controller__item:nth-child(5n){margin-right:0}*/
/*.gallery__controller__item:nth-child(5n+1){margin-left:0}*/
.gallery__controller__item:nth-child(4n){margin-right:0}
.gallery__controller__item:nth-child(4n+1){margin-left:0}
.gallery__controller__item a{display:block;transition:opacity 240ms}
.gallery__controller__item a:hover{opacity:.8}
.gallery__controller__item img{max-width:100%;height:auto;vertical-align:bottom}

/*
* 商品オプション
*/
.product-order,
.item_price{
  width: 48%;
}

.prduct-option{
  width: 100%;
}

.stock_zero, {
  color:#ff0000;
}
.t_stock_num {
  color:#009944;
}
.sale {
  color:#ff0000;
  font-size:20px;
  margin-bottom:3px;
}

table#option_tbl {
  border: 1px solid #ddd;
  border-collapse: collapse;
  border-radius: 4px;
  border-spacing: 0;
  line-height: 1.5;
  width:100%;  
}
table#option_tbl th {
  width:45%;
  padding: 10px;
  font-weight: bold;
  text-align:left;
  vertical-align:middle;
  border: 1px solid #ddd;
 /* border-right: 1px solid #ddd;
  border-top:none;
  border-left:none;*/
  background-color:#f5f5f5;
}
table#option_tbl td {
  width:55%;
  padding: 10px;
  text-align:center;
  border: 1px solid #ddd;
  /*border-top:none;
  border-left:none;*/
  margin: 0 0 -1px;
 }
table#option_tbl tr:first-child th {
  border-radius: 4px 0 0 0;
}
table#option_tbl tr:first-child td {
  border-radius: 0 4px 0 0;
}
table#option_tbl tr:last-child th {
  border-bottom: none;
  border-radius: 0 0 0 4px;
}
table#option_tbl tr:last-child td {
 /* border-bottom: none;*/
  border-radius: 0 0 4px 0;
}

.cell_2 input {
  width: 1.5em;
  height: 1.5em;
  margin-bottom:3px;
}
.cell_2 span {
  line-height: 1.4;
}


hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
.product-order-exp hr {
    margin: 2em 0;
    border: none;
    width: 100%;
    height: 1px;
    background: url(https://img21.shop-pro.jp/PA01423/966/etc/hr-dotted.png?cmsp_timestamp=20190107234650) repeat-x bottom left;
}

@media screen and (max-width:768px){
.collection_detail__gallery {
    flex-direction: column;
}
.gallery__image {
    width: 80.788%;
 }
.gallery__controller {
    width: 80.788%;
    margin: 2.2727% auto;
}
.gallery__controller__item {
    margin: 0 1.1364% 2.3%;
    padding: 0;
    width:18.18%;
}
.gallery__controller__item:nth-child(4n){margin-right:1.1364%}
.gallery__controller__item:nth-child(4n+1){margin-left:1.1364%}
.gallery__controller__item:nth-child(5n){margin-right:0}
.gallery__controller__item:nth-child(5n+1){margin-left:0}	
	
.item_cont {
  display: block;
}
.item_main .item_photos,.item_main .item_syosai {
  width: 100%;
}
.prduct-option, .product-order, .item_price{
  width: 100%;
}
.prduct-option {
  width: 100%;
  margin-bottom: 25px;
}
}

/* ブレイクポイントは適宜指定してください */
table#option_tbl.option_2 {
  border: none;
}
table.option_2 thead {
  display: none;
}
table#option_tbl.option_2 th {
  display: block;
  width: auto;
  /*border: 1px solid #333;
  border-bottom: none;
  background: #333;
  color: #fff;*/
}
table#option_tbl.option_2 td {
  clear:both;
  display : block;
  width: auto;
  /*border-bottom: none;*/
}
table#option_tbl.option_2 td:first-of-type {
  border-top: none;
}
table#option_tbl.option_2 td:last-of-type {
  margin-bottom: 20px;
}
table#option_tbl.option_2 tbody td:before {
  content : attr(data-head);
  display : block;
  font-weight: bold; /* 太字が必要な場合だけ */
  float: left;
  width: 40%;
  text-align: left;
  padding-right: 5px;
  color: #6a3906;
}
table#option_tbl.option_2 tbody td:last-child {
  border-bottom: 1px solid #ccc;
}
table#option_tbl.option_2 label {
    width: 60%;
    margin: 0 0 0 auto;
}

.item-sale-gire {
    margin: 0 auto 20px;
    padding:8px;
    background: #eee;
    font-size: 13px;
    line-height:1.4;
}

.item-sale-gire .tel_buona {
  display:block;
  text-align:center;
}
.item-sale-gire .tel_no {
    font-size: 16px;
    font-weight:bold;
    line-height:1.6;
}
.item-note {
    margin: 0 auto 20px;
    padding:8px;
    border: 1px solid #333;
    font-size: 13px;
    line-height:1.4;
}

.item-orders {
    margin: 0 auto 20px;
    padding:8px;
    border: 1px solid #ff0000;
    font-size: 13px;
    line-height:1.4;
}
.mail_uke {
    margin: 0 auto 20px;
    padding:8px;
    border: 1px solid #ff0000;
    font-size: 13px;
    line-height:1.4;
}

/*トップのバナー*/
.h_banner {
  display: flex;
  justify-content: space-between;
  margin-bottom:20px;
}
.h_banner .banner50 {
  width:49%;
}
.h_banner .banner50 img {
  width:100%;
}
.text_red {
  color:#ff0000;
}
.text_blue {
  color:#0068b7;
}
.text_green{
  color:#06906b;
}
.text_black { color:#333; }
.text_center {text-align:center;}
.tyuui {  font-size:14px; border:1px solid #ccc; padding:10px; margin: 0 auto 20px; line-height:1.2;}
.tyuui3 {  font-size:14px; border:1px solid #ccc; padding:10px; margin: 0 auto 20px; line-height:1.4; text-align:center;}
.tyuui4 {  font-size:14px; border:1px solid #ccc; padding:10px; margin: 20px auto; line-height:1.2;}
.sale_price { font-size:20px;font-weight: bold;}
.discount{margin-top:5px;}
.sale_banner2 {margin: 20px auto;}
.sale_banner2 img{width:100%;height:auto;}
.pc_ok{ display:block;}
.sp_ok{ display:none;}

.ku-pon{
  clear:both;
  border:1px solid #ccc;
  margin: 20px auto 50px;
  padding:15px;
  box-sizing: border-box;
  line-height:1.5;
}
.ku-pon p{margin-bottom:20px;}
@media screen and (max-width:768px){
/*トップのバナー*/
.h_banner {
  display: block;
}
.h_banner .banner50 {
  width:98%;
  margin: 0 auto 20px;
}
  .tyuui3 {box-sizing: border-box;text-align:left; }
  .sp_detail03{
   margin-left:-10px !important;
  }
.sale_banner2 {margin: 20px auto;}

.pc_ok{ display:none;}
.sp_ok{ display:block;}
}
@media screen and (max-width:768px){
.sale_banner { padding: 0px;}
}