/* ------------------------------------- 
 *	詳細ページ
 * ------------------------------------- */

#detail {
	width:650px;
	padding-bottom:30px;
}

#detail .detail_l {
    text-align: center;
    border-radius: 9px;
}

#detail .detail_l .product_name {
  font-weight:bolder;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
  font-size: 17px;
  line-height: 25px;
}

/* ------------------------------------- 
 *	商品画像
 * ------------------------------------- */
.slick-slide img{
  opacity: 1!important;
  width: 500px;
  height: 500px;
}

.mainimg{
  padding-bottom:0!important;
}

#detail.mainimg img {
  max-width:600px;
  border-radius: 30px;
}

.slick-slide img{
  border-radius: 30px;
}

/*背景枠-フルサイズ*/
#detail .detail_l .mainimg {
	padding:20px;
}

/* ------------------------------------- 
 *	品番などリスト・カートボタン
 * ------------------------------------- */

input#cart_button{
  
}

/*デザインリセット*/
input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

input[type='submit'], {
  cursor: pointer;
}
/*←デザインリセット*/

input[type="submit"]{
  padding: 12px 17px;
  border: 0;
  margin: 0 auto;
  width: 300px;
}
input[type="submit"]{
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  background-color: #ff7f50;
  border-radius: 15px;
 }

input[type="submit"]:hover{
  background-color: #ffe4e1;
  color: #ff7f50;
}

#detail .spec{
  width: 80%;
  border-spacing: 5px;
  margin-bottom: 10px;
}

#detail .spec th {
  background:#ddd;
  text-align: center;
  padding:5px;
  width: 30%;
  font-weight:normal;
}

#detail .spec td{
  padding: 5px;
  width: 65%;
}

.num{
  margin: 0;
}

.price_detail{
  color: red;
  font-size: 17px;
}

.spec select{
  min-width: 150px;
}

/* ------------------------------------- 
 *	説明文エリア
 * ------------------------------------- */

#detail .detail_r {
  width: 100%;
  box-sizing: border-box;
  background: #f5f5f5;
  margin: 20px auto 30px 0; 
  padding: 30px 40px;
  text-align: left;
}

#detail .etc ul {
  width: 265px;
  margin: 0 auto;
}

#detail .etc ul li a:link,#detail .etc ul li a:visited{
  color: #333;
}

 .cat_gp_list{
   justify-content: left;
   margin: 20px auto;
}

 .cat_gp_list li{
  font-size: 14px;
  border-radius: 30px;
  background: #ddd;
  margin: 5px;
}

 .cat_gp_list li:hover{
  background: #6ac2b2;
}

 .cat_gp_list li a{
  display: block;
  font-weight: normal;
  color: #333;
  padding: 8px 13px;
  text-decoration: none;
}


.etc li {
  margin-bottom: 8px;
  font-size: 12px;
}

.circle-arrow{
    position: relative;
    display: inline-block;
    padding-left: 22px;
    width: 90%;
}

.circle-arrow:before {
    content: '';
    width: 14px;
    height: 14px;
    background: #6ac2b2;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
}

.circle-arrow:after {
    content: '';
    width: 5px;
    height: 5px;
    border: 0px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 3px;
    margin-top: -3px;
}



/*
.subimg {
    margin-bottom: 20px;
	text-align:left;
}
*/
/* 商品その他画像のサイズと装飾 */
/*.subimg img{
	width:90px;
	border:1px solid #000000;
	margin-right:5px;
	margin-top:3px;
	margin-bottom:3px;
}

.explain {
	text-align:left;
	margin:5px 0px 20px 0px;
  font-size: 14px;
    line-height: 21px;
}
*/

.option {
	margin-top:10px;
	text-align:left;

}

.cart_btn {
	margin-top:10px;
}



/* 特定商取引法に基づく表記（返品など）ボタン */
p#sk_link_other {
	text-align:center;
	margin-bottom:10px;
   margin-top: 10px;
}

p#sk_link_other a {
	font-size:12px;
}

/*会員専用価格の表示 商品詳細用*/
.regular_price_detail {
	padding:0px 0px 2px;
	text-decoration:line-through;
}

.price_detail {
	padding:0px;
}

.discount_rate_detail {
	padding:2px 0px 0px;
	color:#ff0000;
}

/* ------------------------------------- 
 *	詳細ページ/ この商品を買ったひとはこんな商品も買っています
 * ------------------------------------- */

dl#together {
	width: 650px;
	margin: 0 auto;
}

#together dt{
    height: 16px;
  padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 17px; 
    text-indent: 0; 
  background: #db7093;
    color: #fff;
    padding: 20px 30px;
}
#together dt {
      margin-bottom: 38px;
}

#together dd {
	width:100%;
	padding-bottom:30px;
}


dl#together .itembox {
	margin:0 22px;
	text-align:center;
}


/* ------------------------------------- 
 *	詳細ページ/ トラックバック
 * ------------------------------------- */

dl#tb {
	width:540px;
	margin:20px 0;
}
#tb dt.tb_title {
	background-image:url(https://img.shop-pro.jp/tmpl_img/20/title_tb.gif);
}

#tb .tb_url {
	text-align:right;
	padding-top:5px;
	background:transparent url(https://img.shop-pro.jp/tmpl_img/20/title_tburl.gif) no-repeat 10px 10px;
}
#tb .tb_url input {
	width:350px;
	padding:2px;
	background:#FFF;
	border:1px solid #999;
}


.tb_box {
	margin:10px 0px;
}

.tb_box dl {
	background:#FFFFFF;
	border:1px solid #FFFFCC;
	padding:5px 10px;
}

.tb_box dt {
 padding:5px;
}

.tb_box dd {
	padding:5px;
}

.tb_box .tb_state {
	text-align:right;
	border-top:1px dotted #FFFFCC;
}

/* ------------------------------------- 
 *	商品オプション 表形式
 * ------------------------------------- */

#option_tbl {
  margin:10px auto;
  width:80%;
  border-spacing: 7px;
}
#option_tbl th{
     padding:5px;
}

#option_tbl td input{
  float:none;
  margin:0 0 5px;
  width:auto;
}

#option_tbl th,
#option_tbl td.none {
  background: #ddd;
}

#option_tbl td {
  padding:5px;
  text-align:center;
  font-size: 13px;
}

.stock_zero {
     color:red;
}

