@charset "euc-jp";
/* CSS Document */

.detail-simple_ex{
  font-size: 18px;
  margin-bottom: 80px;
  text-align: center;
  line-height: 2.5;
}

.Product_detail_img{margin-bottom: 60px; text-align: center;}

.pt_icon{
  margin-top: 10px;
  text-align: right;
}
.pt_icon img{
  width: 200px;
}

.Product_detail_mainimg{border: 2px solid #EFEFEF; margin-bottom: 20px;} 

.Product_detail_thm{
  display: flex;
  flex-wrap: wrap;
}
.Product_detail_thm li{
  width: 11.5%;
  margin: 0 0.5% 5px 0.5%;
  display: inline-block;
  border: 2px solid #EFEFEF;
  overflow: hidden;
  box-sizing: border-box;
}
.Product_detail_thm li.thumbnail-current{border: 2px solid #A1C3CD;}

.arrow_prev,
.arrow_next{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  z-index: 10;
}

.arrow_prev{
  left: -20px;
}
.arrow_next{
  right: -20px;
}
  @media screen and (min-width:1025px){
    .Product_detail_wrap{
      display: flex;
      justify-content: space-between;
    }
    .Product_detail_img{
      width: calc(60% + 4px);
    }
    .detail_info{
      width: 32%;
    }
  }

  @media screen and (max-width:767px){
    .Product_detail_img{margin-bottom: 20px;}
    .detail-simple_ex{
      font-size: 16px;
      margin-bottom: 20px;
      text-align: left;
      line-height: 1.8;
    }
  }

.detail_info_caution{
  color: #FF0004;
  margin-bottom: 20px;
  padding: 1em;
}
.detail_info_caution span{
  margin-left: -1em;
}

.sale_budge{
  margin-bottom: 20px;
  background:#FE0107;
  color: #FFF;
  text-align: center;
  border-radius: 20px;
  padding: 2px 10px;
  display: inline-block;}
.sale_budge span{
  font-size: 18px;
  vertical-align: 0;
  font-weight: bold;
}

table.detail_list{}

table.detail_list th,
table.detail_list td{
  text-align: left;
  padding-bottom: 20px;
  vertical-align: top;
}
.detail_price{
  font-size: 18px;
}
table.detail_list th{
  white-space: nowrap;
  padding-right: 20px;
}

ul.list_dot{
  margin-bottom: 30px;
  
}

ul.list_dot li{
  position: relative;
  padding-left: 20px;
}

ul.list_dot li + li{
  margin-top: 15px;
}

ul.list_dot li:before{
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background: #a4c6d0;
  border-radius: 10px;
  position: absolute;
  top: 8px;
  left: 0;}

.blue{color: #a4c6d0;}

p + ul.list_dot{
  margin-top: 10px;
}

.product_inquiry{
  margin-bottom: 30px;
  display: inline-block;
}
.product_inquiry a{border-bottom: 2px solid #000; }

.Share{margin-bottom: 100px; margin-top: 20px;}
.sns_share{
  margin-bottom: 20px;
}
.sns_share p{display: inline-block; margin-right: 10px;}
.sns_share_ttl{
  font-size: 14px;
  color: #76a6b4;
  border-bottom: 1px solid #76a6b4;
  font-family: 'Abel', sans-serif;}
  
.sns_share p img{
  width: 24px;
}


.Detail_common a,
.caption a{border-bottom: 1px solid #000;}

.blue_bg_set_ttl2 h3{
  text-align: left;
}

.link_item a{border-bottom: 2px solid #000;}

.caption{
  font-size: 13px;
  margin-top: 5px;
}

.caption_right{
  font-size: 13px;
  margin-top: 5px;
  text-align: right;
}
.box_inner_img + .box_inner_img{margin-top: 30px;}

.caption_perltone{
  float: right;
  margin-top: 40px;
}
.caption_perltone img,
.caption_perltone p{
  display: inline-block;
  vertical-align: middle;
}
.caption_koinobori{
  margin-top: 10px;
  text-align: center;
  padding: 5px;
  background:#E8F1F4;
  
}


input.product_init_num{
  background: #FFF;
  border: 1px solid #CCC;
  height: 40px;
  padding: 10px 30px;
  text-align: center;
  font-size: 16px;
  -webkit-appearance: none; 
  -moz-appearance: none;
  width: 120px;
  box-sizing: border-box;
  border-radius: 0;
  }
  

.option_box select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
  box-sizing: border-box;
  height: 40px;
  padding: 10px 30px 10px 10px;
  line-height: 1;
  border-radius: 0;
  font-size: 16px;
  text-align: left;
	border: 1px solid #CCC;
	background: url("https://watanabe-koinobori.jp/ec_item/images/icon_select.png") no-repeat 95% 50% #FFF;
  background-size: 14px 7px;
}

select::-ms-expand {
    display: none;
}
.btn_addcart{ text-align: center;}
.btn_addcart button{
  width: 100%;
  max-width: 350px;
  height: 60px;
  font-size: 20px;
  cursor: pointer;
  text-align: center;
  border-radius: 60px;
  box-sizing: border-box;
  
  border:none;
  transition: 0.5 all;
  background: #a4c6d0 url(https://watanabe-koinobori.jp/ec_item/images/icon_cart.png) no-repeat 90% center;
  background-size: 24px 26px;
}
.btn_addcart button:hover{
  opacity: 0.5; 
}
.add_cart_area{
  border-bottom: 1px dashed #CCC;
  padding: 20px 0 40px 0;
}

.btn_naire{
  margin-top: 20px;
}
ul.link_list{
  margin-bottom: 60px;
  
  display: block;
  max-width: 350px;
  padding-top: 30px;}

ul.link_list li{
  position: relative;
  margin-bottom: 10px;
  
  
}

ul.link_list li a{
  font-size: 14px;
  display: block;
  text-align: center;
background: #E8F1F3;
  border-radius: 30px;
  padding: 5px;
  position: relative;
}

ul.link_list li a:after{
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  border-top: 2px solid #76a6b4;
  border-right: 2px solid #76a6b4;
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  top: 50%;
  right: 20px;
}




.Soldout_wrap{
  background: #EFEFEF;
  padding: 20px;
  text-align: center;
}

.btn_inquiry{
  
}
.btn_inquiry a{
  display: block;
  background: #A4C6D0;
  padding: 10px;
  border-radius: 50px;
}

.link_tokusho{
  font-size: 14px;
}
.link_tokusho a{border-bottom: 1px solid #000; padding-bottom: 3px;}


.Detail_Freearea{
  margin-bottom: 60px;
}

.Detail_Freearea h3{
  font-size: 24px;
  margin-bottom: 20px;
}

.Detail_Freearea p.Detail_txt{
  margin-bottom: 40px;
}

.Detail_Freearea p a{
  text-decoration: underline !important;
}


.full_img + h3,
p + .full_img,
.full_img + p,
.full_img + table,
.full_img + div,
.full_img + ul{margin-top: 40px;}

.full_img + .full_img{margin-top: 20px;}

.detail_ex span,
.detail_ex_sp span{font-size:12px; color:#000; margin-top:5px; display:block;}

.Movie_area{
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  margin: 60px 0;
}
.Movie_area video{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

.detail_itemlist{
  margin-top: 150px;
}

.custom_options_txt{
  font-size: 14px;
  padding-top: 20px;
   border-top: 1px dashed #CCC;
   margin-top: 20px;
}

@media screen and (max-width:767px){
  .Detail_Freearea h3{
    font-size: 18px;}
  
  .Share{margin-bottom: 30px;}
}

/**/
.guarantee{
 background: #e8f1f3;
 padding: 30px;
 margin-bottom: 30px;
 border-radius: 5px;
 text-align: center;
}

.guarantee h3{
  display: inline-block;
  font-size: 28px;
    margin-bottom: 30px;
  font-weight: 500;
  background:linear-gradient(transparent 60%, #ff6 60%);
}

.guarantee_inner li,
.guarantee_inner p{
  font-size: 18px;
}

/*.guarantee_inner ul{margin: 10px 0 0 0;}*/

.guarantee_inner ul li{
  display: inline-block;
}
.guarantee_inner p.caution{
  margin-top: 20px;
  font-size: 14px;
}


.guarantee_inner ul.list_dot li:before{top:12px;}

.PriceList_wrap{
  overflow-x: scroll;
}
table.PriceList{
  margin-bottom: 40px;
}

table.PriceList th,
table.PriceList td{
  vertical-align: middle;
  padding: 10px;
  line-height: 1.4;
  text-align: center;
  border-bottom: 1px solid #CCC
}
table.PriceList th{
  background:#E8F1F4;
  border: 1px solid #FFF;
}
table.PriceList tr:first-child th{
  background:#A4C6D0;
  color: #FFF;
}



@media screen and (min-width:768px){
.guarantee_inner ul li + li{
  margin-left: 30px;
}
}
@media screen and (max-width:767px){
  .guarantee{padding: 20px 10px; text-align: left;}
  .guarantee h3{font-size: 20px;}
  .guarantee_inner li,
  .guarantee_inner p{
    font-size: 14px;
  }
  .guarantee_inner p.caution{font-size: 12px;}
  table.PriceList th,
  table.PriceList td{
    font-size: 12px;
    padding: 5px;}
  
  table.PriceList th span{font-size: 10px;}
}