@charset "euc-jp";
/*--------- CSS MENU ---------*/
/*------------------------------
/*  01.  item detail
/*  02.  item detail - image
/*  03.  item detail - info
/*  04.  item detail - info - name
/*  05.  item detail - info - detail
/*  06.  item detail - info - button
/*  07.  item detail - info - link
/*  08.  item detail - info - explain
/*  09.  item detail - together
/*  10.  item detail - history
/*  11.  item detail - category
/*  ex.  item detail - empty
--------------------------------
------------------------------*/

/*  01.  item detail
------------------------------*/
/*  pc  */
@media screen and (min-width: 980px) {
/*  item detail  */
#item-detail {float: left; width: 100%; height: auto; padding: 20px; box-sizing: border-box;}
#item-detail {display: flex; flex-wrap: wrap;}
}

/*  sp  */
@media screen and (max-width: 979px) {
/*  item detail  */
#item-detail {float: left; width: 100%; height: auto;}
}

/*  02.  item detail - image
------------------------------*/
/*  pc  */
@media screen and (min-width: 980px) {
/*  item detail  *//*  image  */
#item-detail_image {width: calc(100% - 500px);}
#item-detail_image .item-detail_image-slider {position: relative; float: left; width: 100%; height: auto; padding-left: 110px; box-sizing: border-box;}
#item-detail_image .item-detail_image-slider img {float: left; width: 100%; height: auto; vertical-align: top;}
#item-detail_image .item-detail_image-slider .flex-control-thumbs {position: absolute; float: left; width: 100px; height: auto; top: 0; left: 0;}
#item-detail_image .item-detail_image-slider .flex-control-thumbs {display: flex; flex-wrap: wrap;}
#item-detail_image .item-detail_image-slider .flex-control-thumbs li {float: left; width: 100px; height: auto; margin-bottom: 10px;}
#item-detail_image .item-detail_image-slider .flex-control-thumbs img {float: left; width: 100%; height: auto; vertical-align: top; border: 1px solid #FFF; box-sizing: border-box;}
#item-detail_image .item-detail_image-slider .flex-control-thumbs img:hover,
#item-detail_image .item-detail_image-slider .flex-control-thumbs img.flex-active {border: 1px solid #C4A547;}
#item-detail_image .item-detail_image-slider .flex-direction-nav {display: none;}
}

/*  sp  */
@media screen and (max-width: 979px) {
/*  item detail  *//*  image  */
#item-detail_image {float: left; width: 100%; height: auto; padding: 5px; box-sizing: border-box;}
#item-detail_image .item-detail_image-slider {position: relative; float: left; width: 100%; height: auto;}
#item-detail_image .item-detail_image-slider img {float: left; width: 100%; height: auto; vertical-align: top;}
#item-detail_image .item-detail_image-slider .flex-control-thumbs {float: left; width: 100%; height: auto;}
#item-detail_image .item-detail_image-slider .flex-control-thumbs {display: flex; flex-wrap: wrap;}
#item-detail_image .item-detail_image-slider .flex-control-thumbs li {float: left; width: calc(100% / 4 - 3px); height: auto;}
#item-detail_image .item-detail_image-slider .flex-control-thumbs li:nth-of-type(4n) {margin: 4px 0px 0px 2px;}
#item-detail_image .item-detail_image-slider .flex-control-thumbs li:nth-of-type(4n+1) {margin: 4px 2px 0px 0px;}
#item-detail_image .item-detail_image-slider .flex-control-thumbs li:nth-of-type(4n+2) {margin: 4px 2px 0px 2px;}
#item-detail_image .item-detail_image-slider .flex-control-thumbs li:nth-of-type(4n+3) {margin: 4px 2px 0px 2px;}
#item-detail_image .item-detail_image-slider .flex-control-thumbs img {float: left; width: 100%; height: auto; vertical-align: top; border: 1px solid #FFF; box-sizing: border-box;}
#item-detail_image .item-detail_image-slider .flex-control-thumbs img.flex-active {border: 1px solid #777;}
.flex-direction-nav {display: none;}
}

/*  03.  item detail - info
------------------------------*/
/*  pc  */
@media screen and (min-width: 980px) {
/*  item detail  *//*  info  */
#item-detail_info {width: 460px; height: auto; margin-left: 40px;}
}

/*  sp  */
@media screen and (max-width: 979px) {
/*  item detail  *//*  info  */
#item-detail_info {float: left; width: 100%; height: auto;}
}

/*  04.  item detail - info - name
------------------------------*/
/*  pc  */
@media screen and (min-width: 980px) {
/*  item detail  *//*  info  *//*  name  */
#item-detail_info-name {float: left; width: 100%; height: auto;}
#item-detail_info-name dl.category {float: left; width: 100%; height: auto; margin-bottom: 10px;}
#item-detail_info-name dl.category {display: flex; flex-wrap: nowrap;}
#item-detail_info-name dl.category dt {line-height: 20px; margin-right: 5px; font-size: 12px; font-weight: normal; letter-spacing: 2px; color: #A17843;}
#item-detail_info-name dl.category dt span {margin-left: 5px;}
#item-detail_info-name dl.category dd {line-height: 20px; font-size: 12px; font-weight: normal; letter-spacing: 2px;}
#item-detail_info-name dl.category dd a {display: inline-block; color: #A17843;}
#item-detail_info-name dl.category dd a:hover {color: #777;}

#item-detail_info-name h2 {line-height: 30px; font-size: 20px; font-weight: normal; letter-spacing: 1px;}

#item-detail_info-name p {line-height: 20px; font-size: 12px; font-weight: normal; letter-spacing: 1px; color: #777;}
#item-detail_info-name p span {margin-left: 5px; margin-right: 5px;}
#item-detail_info-name p.shipping {margin-top: 20px; line-height: 20px; font-size: 12px; color: #FFF; padding: 5px 10px; background-color: #0095ff; font-weight: bold; display: inline-block;}
}
  
/*  sp  */
@media screen and (max-width: 979px) {
/*  item detail  *//*  info  *//*  name  */
#item-detail_info-name {float: left; width: 100%; height: auto; padding: 20px; box-sizing: border-box;}
#item-detail_info-name dl.category {float: left; width: 100%; height: auto; margin-bottom: 5px;}
#item-detail_info-name dl.category {display: flex; flex-wrap: nowrap;}
#item-detail_info-name dl.category dt {line-height: 20px; font-size: 10px; font-weight: normal; letter-spacing: 2px; color: #A17843;}
#item-detail_info-name dl.category dt span {margin-left: 5px;}
#item-detail_info-name dl.category dd {line-height: 20px; font-size: 10px; font-weight: normal; letter-spacing: 2px;}
#item-detail_info-name dl.category dd a {display: inline-block; color: #A17843;}

#item-detail_info-name h2 {line-height: 24px; font-size: 16px; font-weight: normal; letter-spacing: 1px;}

#item-detail_info-name p {line-height: 20px; font-size: 10px; font-weight: normal; letter-spacing: 1px; color: #777;}
#item-detail_info-name p span {margin-left: 5px; margin-right: 5px;}
#item-detail_info-name p.shipping {margin-top: 20px; line-height: 20px; font-size: 12px; color: #FFF; padding: 5px 10px; background-color: #0095ff; font-weight: bold; display: inline-block;}
}

/*  05.  item detail - info - detail
------------------------------*/
/*  pc  */
@media screen and (min-width: 980px) {
/*  item detail  *//*  info  *//*  detail  */
#item-detail_info-detail {float: left; width: 100%; height: auto; padding: 20px; margin-top: 20px; background-color: #F6F4EE; box-sizing: border-box;}
 
/*  item detail  *//*  info  *//*  detail  *//*  price  */
#item-detail_info-detail .price {float: left; width: 100%; height: auto;}

#item-detail_info-detail .price p.soldout {float: left; width: 100%; height: auto; line-height: 20px; margin-top: 10px; font-size: 12px; font-weight: normal; text-align: center; color: #FFF; background-color: #DDD;}
#item-detail_info-detail .price p.sold {float: left; width: 100%; height: auto; line-height: 20px; margin-top: 10px; font-size: 12px; font-weight: normal; text-align: center; color: #FFF; background-color: #A17843;}

#item-detail_info-detail .price p.delivery {float: left; width: 100%; height: auto; line-height: 15px; font-size: 10px; font-weight: normal;}
#item-detail_info-detail .price p.delivery span {display: inline-block; width: 15px; height: 15px; margin-right: 5px;  font-weight: bold; text-align: center; color: #777; background-color: #FFF; border: 1px solid #777; border-radius: 20px;}
#item-detail_info-detail .price p.delivery a {display: inline-block; color: #777;}

#item-detail_info-detail .price p.haisou {float: left; width: 100%; height: auto; line-height: 20px; margin-top: 10px; font-size: 12px; font-weight: normal; color: #333;}
#item-detail_info-detail .price p.haisou a {display: inline-block; text-decoration: underline; color: #777;}

#item-detail_info-detail .price dl {float: left; width: 100%; height: auto;}
#item-detail_info-detail .price dl {display: flex; flex-wrap: nowrap;}
#item-detail_info-detail .price dl dt {width: 150px; line-height: 30px; font-size: 14px; font-weight: normal; letter-spacing: 2px;}
#item-detail_info-detail .price dl dd {width: calc(100% - 150px); line-height: 30px; font-size: 20px; font-weight: normal; text-align: right; letter-spacing: 1px;}
#item-detail_info-detail .price dl dd span {line-height: 15px; font-size: 12px; color: #777;}

 /*  item detail  *//*  info  *//*  detail  *//*  option  */
#item-detail_info-detail .option {float: left; width: 100%; height: auto; margin-top: 20px;}
  
/*  item detail  *//*  info  *//*  detail  *//*  option table  */
#item-detail_info-detail #table {float: left; width: 100%; height: auto;}
#item-detail_info-detail #table #option_tbl {float: left; width: 100%; height: auto; border: 1px solid #A7A49F; box-sizing: border-box;}
#item-detail_info-detail #table #option_tbl th {line-height: 15px; padding: 10px; font-size: 10px; font-weight: bold; text-align: center; letter-spacing: 1px; border: 1px solid #A7A49F; box-sizing: border-box;}
#item-detail_info-detail #table #option_tbl td {position: relative; line-height: 15px; padding: 10px; font-size: 10px; font-weight: normal; text-align: center; letter-spacing: 1px; border: 1px solid #A7A49F; box-sizing: border-box;}
#item-detail_info-detail #table #option_tbl td div {margin-bottom: 5px;}
#item-detail_info-detail #table #option_tbl td div input[type="radio"] {position: relative; width: 10px; height: 10px; border: 2px solid #FFF; border-radius: 10px; outline: 0px; background-color: #AAA; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;}
#item-detail_info-detail #table #option_tbl td div input[type="radio"]::before {position: absolute; content: ""; width: 10px; height: 10px; top: -4px; left: -4px; border: 2px solid #AAA; border-radius: 10px; z-index: 1;} 
#item-detail_info-detail #table #option_tbl td div input[type=radio]:checked {background-color: #574A3E;}
#item-detail_info-detail #table #option_tbl td div input[type=radio]:checked::before {border: 2px solid #574A3E;}

/*  item detail  *//*  info  *//*  detail  *//*  option select  */
#item-detail_info-detail #select {float: left; width: 100%; height: auto;}
#item-detail_info-detail #select dl {float: left; width: 100%; height: auto; margin-bottom: 10px;}
#item-detail_info-detail #select dl:last-of-type {margin-bottom: 0px;}
#item-detail_info-detail #select dl {display: flex; flex-wrap: nowrap;}
#item-detail_info-detail #select dl dt {width: 160px; line-height: 40px; font-size: 12px; font-weight: normal; letter-spacing: 1px; color: #574A3E;}
#item-detail_info-detail #select dl dd {width: calc(100% - 160px);}
#item-detail_info-detail #select dl dd select,
#item-detail_info-detail #select dl dd select:focus {width: 100%; height: 40px; line-height: 20px; padding: 10px; font-size: 12px; font-weight: normal; text-overflow: ellipsis; letter-spacing: 1px; color: #333; background-color: #FFF; border: 1px solid #A7A49F; outline: 0px; appearance: none; -webkit-appearance: none; cursor: pointer;}
}

/*  sp  */
@media screen and (max-width: 979px) {
/*  item detail  *//*  info  *//*  detail  */
#item-detail_info-detail {float: left; width: 100%; height: auto; padding: 20px; box-sizing: border-box; background-color: #F6F4EE; box-sizing: border-box;}
 
/*  item detail  *//*  info  *//*  detail  *//*  price  */
#item-detail_info-detail .price {float: left; width: 100%; height: auto;}

#item-detail_info-detail .price p.soldout {float: left; width: 100%; height: auto; line-height: 20px; margin-top: 20px; font-size: 10px; font-weight: normal; text-align: center; color: #FFF; background-color: #DDD;}
#item-detail_info-detail .price p.sold {float: left; width: 100%; height: auto; line-height: 20px; margin-top: 20px; font-size: 10px; font-weight: normal; text-align: center; color: #FFF; background-color: #A17843;}

#item-detail_info-detail .price p.delivery {float: left; width: 100%; height: auto; line-height: 15px; font-size: 10px; font-weight: normal;}
#item-detail_info-detail .price p.delivery span {display: inline-block; width: 15px; height: 15px; margin-right: 5px;  font-weight: bold; text-align: center; color: #777; background-color: #FFF; border: 1px solid #777; border-radius: 20px;}
#item-detail_info-detail .price p.delivery a {display: inline-block; color: #777;}

#item-detail_info-detail .price p.haisou {float: left; width: 100%; height: auto; line-height: 15px; margin-top: 10px; font-size: 10px; font-weight: normal; color: #333;}
#item-detail_info-detail .price p.haisou a {display: inline-block; text-decoration: underline; color: #777;}

#item-detail_info-detail .price dl {float: left; width: 100%; height: auto;}
#item-detail_info-detail .price dl {display: flex; flex-wrap: wrap;}
#item-detail_info-detail .price dl dt {width: 120px; line-height: 30px; font-size: 12px; font-weight: normal; letter-spacing: 1px;}
#item-detail_info-detail .price dl dd {width: calc(100% - 120px); line-height: 30px; font-size: 20px; font-weight: normal; text-align: right; letter-spacing: 1px;}
#item-detail_info-detail .price dl dd span {line-height: 15px; font-size: 10px; color: #777;}

 /*  item detail  *//*  info  *//*  detail  *//*  option  */
#item-detail_info-detail .option {float: left; width: 100%; height: auto; margin-top: 20px;}
  
/*  item detail  *//*  info  *//*  detail  *//*  option table  */
#item-detail_info-detail #table {float: left; width: 100%; height: auto;}
#item-detail_info-detail #table #option_tbl {float: left; width: 100%; height: auto; border: 1px solid #A7A49F; box-sizing: border-box;}
#item-detail_info-detail #table #option_tbl th {line-height: 15px; padding: 10px; font-size: 10px; font-weight: bold; text-align: center; letter-spacing: 1px; border: 1px solid #A7A49F; box-sizing: border-box;}
#item-detail_info-detail #table #option_tbl td {position: relative; line-height: 15px; padding: 10px; font-size: 10px; font-weight: normal; text-align: center; letter-spacing: 1px; border: 1px solid #A7A49F; box-sizing: border-box;}
#item-detail_info-detail #table #option_tbl td div {margin-bottom: 5px;}
#item-detail_info-detail #table #option_tbl td div input[type="radio"] {position: relative; width: 10px; height: 10px; border: 2px solid #FFF; border-radius: 10px; outline: 0px; background-color: #AAA; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;}
#item-detail_info-detail #table #option_tbl td div input[type="radio"]::before {position: absolute; content: ""; width: 10px; height: 10px; top: -4px; left: -4px; border: 2px solid #AAA; border-radius: 10px; z-index: 1;} 
#item-detail_info-detail #table #option_tbl td div input[type=radio]:checked {background-color: #574A3E;}
#item-detail_info-detail #table #option_tbl td div input[type=radio]:checked::before {border: 2px solid #574A3E;}

/*  item detail  *//*  info  *//*  detail  *//*  option select  */
#item-detail_info-detail #select {float: left; width: 100%; height: auto;}
#item-detail_info-detail #select dl {float: left; width: 100%; height: auto; margin-bottom: 10px;}
#item-detail_info-detail #select dl:last-of-type {margin-bottom: 0px;}
#item-detail_info-detail #select dl {display: flex; flex-wrap: nowrap;}
#item-detail_info-detail #select dl dt {width: 120px; line-height: 40px; font-size: 12px; font-weight: normal; letter-spacing: 1px; color: #574A3E;}
#item-detail_info-detail #select dl dd {width: calc(100% - 120px);}
#item-detail_info-detail #select dl dd select,
#item-detail_info-detail #select dl dd select:focus {width: 100%; height: 40px; line-height: 20px; padding: 10px; font-size: 12px; font-weight: normal; text-overflow: ellipsis; letter-spacing: 1px; color: #333; background-color: #FFF; border: 1px solid #A7A49F; outline: 0px; appearance: none; -webkit-appearance: none; cursor: pointer;}
}

/*  06.  item detail - info - button
------------------------------*/
/*  pc  */
@media screen and (min-width: 980px) {
/*  item detail  *//*  info  *//*  button  */
#item-detail_button {float: left; width: 100%; height: auto; padding: 20px 0px 20px 0px; margin-top: 20px; box-sizing: border-box;}
#item-detail_button dl.form {float: left; width: 100%; height: auto; margin-bottom: 20px;}
#item-detail_button dl.form {display: flex; flex-wrap: nowrap;}
#item-detail_button dl.form dt {width: 160px; line-height: 40px; font-size: 12px; font-weight: normal; letter-spacing: 1px; color: #333;}
#item-detail_button dl.form dd {width: calc(100% - 160px);}
#item-detail_button dl.form dd input[type="text"] {
    width: 200px;
    height: 20px;
    line-height: 20px;
    padding: 10px;
    font-size: 12px;
    font-weight: normal;
    text-overflow: ellipsis;
    letter-spacing: 1px;
    color: #333;
    background-color: #eee;
    border: 1px solid #777;
    outline: 0px;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
  }
#item-detail_button dl.form dd select,
#item-detail_button dl.form dd select:focus {width: 100%; height: 40px; line-height: 20px; padding: 10px; font-size: 12px; font-weight: normal; text-overflow: ellipsis; letter-spacing: 1px; color: #333; background-color: #EEE; border: 1px solid #777; outline: 0px; appearance: none; -webkit-appearance: none; cursor: pointer;}

#item-detail_button #button {float: left; width: 100%; height: auto;}
#item-detail_button #cart_button {position: relative;  float: left; width: 100%; height: auto;}
#item-detail_button #cart_button input[type=submit] {display: block; width: 100%; height: 50px; line-height: 50px; font-size: 12px; font-weight: normal; letter-spacing: 2px; color: #FFF; background-color: #E1D2A0; background-image: url("https://img07.shop-pro.jp/PA01461/110/etc/icon_cart_white.png"); background-size: 20px; background-position: 120px 17px; background-repeat: no-repeat; box-sizing: border-box; outline: 0px; border: 0px; border-radius: 5px; cursor: pointer; -webkit-appearance: none;}
#item-detail_button #cart_button input[type=submit]:hover {background-color: #A17843;}
#item-detail_button .stock_error {float: left; width: 100%; height: auto; line-height: 20px; font-size: 10px; font-weight: bold; text-align: center; color: #AAA;}

#item-detail_button #cart_contact {float: left; width: 100%; height: auto;}
#item-detail_button #cart_contact a {width: 100%; height: 50px; line-height: 50px; font-size: 12px; font-weight: bold; text-align: center; letter-spacing: 2px; color: #FFF; background-color: #AAA;}
#item-detail_button #cart_contact a:hover {background-color: #333;}
}

/*  sp  */
@media screen and (max-width: 979px) {
/*  item detail  *//*  info  *//*  button  */
#item-detail_button {float: left; width: 100%; height: auto; padding: 20px; box-sizing: border-box;}
#item-detail_button dl.form {float: left; width: 100%; height: auto; margin-bottom: 20px;}
#item-detail_button dl.form {display: flex; flex-wrap: nowrap;}
#item-detail_button dl.form dt {width: 120px; line-height: 40px; font-size: 12px; font-weight: normal; letter-spacing: 1px; color: #333;}
#item-detail_button dl.form dd {width: calc(100% - 120px);}
#item-detail_button dl.form dd input[type="text"] {
    width: 90px;
    height: 20px;
    line-height: 20px;
    padding: 10px;
    font-size: 12px;
    font-weight: normal;
    text-overflow: ellipsis;
    letter-spacing: 1px;
    color: #333;
    background-color: #eee;
    border: 1px solid #777;
    outline: 0px;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
  }
#item-detail_button dl.form dd select,
#item-detail_button dl.form dd select:focus {width: 100%; height: 40px; line-height: 20px; padding: 10px; font-size: 12px; font-weight: normal; text-overflow: ellipsis; letter-spacing: 1px; color: #333; background-color: #EEE; border: 1px solid #777; outline: 0px; appearance: none; -webkit-appearance: none; cursor: pointer;}

#item-detail_button #button {float: left; width: 100%; height: auto;}
#item-detail_button #cart_button {position: relative;  float: left; width: 100%; height: auto;}
#item-detail_button #cart_button input[type=submit] {display: block; width: 100%; height: 50px; line-height: 50px; font-size: 12px; font-weight: normal; letter-spacing: 2px; color: #FFF; background-color: #A17843; background-image: url("https://img07.shop-pro.jp/PA01461/110/etc/icon_cart_white.png"); background-size: 20px; background-position: 20% 17px; background-repeat: no-repeat; box-sizing: border-box; outline: 0px; border: 0px; border-radius: 5px; cursor: pointer; -webkit-appearance: none;}
#item-detail_button .stock_error {float: left; width: 100%; height: auto; line-height: 20px; font-size: 10px; font-weight: bold; text-align: center; color: #AAA;}

#item-detail_button #cart_contact {float: left; width: 100%; height: auto;}
#item-detail_button #cart_contact a {width: 100%; height: 50px; line-height: 50px; font-size: 12px; font-weight: bold; text-align: center; letter-spacing: 2px; color: #FFF; background-color: #AAA;}
}

/*  07.  item detail - info - link
------------------------------*/
/*  pc  */
@media screen and (min-width: 980px) {
/*  item detail  *//*  info  *//*  link  */
#item-detail_link {float: left; width: 100%; height: auto; padding: 20px 0px 0px 0px; margin-top: 20px; box-sizing: border-box;}
#item-detail_link {display: flex; flex-wrap: nowrap;}
#item-detail_link #item-detail_sns {width: auto; margin-right: 20px;}
#item-detail_link #item-detail_legal {width: auto;}
#item-detail_link #item-detail_sns ul,
#item-detail_link #item-detail_legal ul {float: left; width: 100%; height: auto;}
#item-detail_link #item-detail_sns ul li {clear: both; float: left; width: auto; height: auto; margin-top: 5px;}
#item-detail_link #item-detail_sns ul li:first-of-type {margin-top: 0px;}
#item-detail_link #item-detail_legal ul li {float: left; width: 100%; height: auto; line-height: 15px; margin-top: 5px; font-size: 10px; font-weight: normal; letter-spacing: 1px;}
#item-detail_link #item-detail_legal ul li:first-of-type {margin-top: 0px;}
#item-detail_link #item-detail_legal ul li a {display: inline; color: #777;}
#item-detail_link #item-detail_legal ul li a:hover {text-decoration: underline;}
}

/*  sp  */
@media screen and (max-width: 979px) {
/*  item detail  *//*  info  *//*  link  */
#item-detail_link {float: left; width: 100%; height: auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
#item-detail_link {display: flex; flex-wrap: nowrap;}
#item-detail_link #item-detail_sns {width: auto; margin-right: 20px;}
#item-detail_link #item-detail_legal {width: auto;}
#item-detail_link #item-detail_sns ul,
#item-detail_link #item-detail_legal ul {float: left; width: 100%; height: auto;}
#item-detail_link #item-detail_sns ul li {clear: both; float: left; width: auto; height: auto; margin-top: 5px;}
#item-detail_link #item-detail_sns ul li:first-of-type {margin-top: 0px;}
#item-detail_link #item-detail_legal ul li {float: left; width: 100%; height: auto; line-height: 15px; margin-top: 5px; font-size: 10px; font-weight: normal; letter-spacing: 1px;}
#item-detail_link #item-detail_legal ul li:first-of-type {margin-top: 0px;}
#item-detail_link #item-detail_legal ul li a {display: inline; color: #777;}
}

/*  08.  item detail - explain
------------------------------*/
/*  pc  */
@media screen and (min-width: 980px) {
/*  item detail  *//*  info  *//*  explain  */
#item-detail_explain {float: left; width: 100%; height: auto; padding: 40px; margin-top: 20px; border-top: 1px solid #EEE; box-sizing: border-box;}
#item-detail_explain .content {width: 900px;}
#item-detail_explain .content_title h3 {width: 100%; margin: 0; padding: 0; font-size: 30px; text-align: center; color: #A17843;} 
#item-detail_explain .content_title p {width: 100%; margin: 0; margin-top: 10px; padding: 0; text-align: center; color: #A17843;}
#item-detail_explain-body {float: left; width: 100%; height: auto; line-height: 200%; margin-top: 20px; font-size: 90%;}
#item-detail_explain-body img {float: left; width: 100%; height: auto; margin-top: 10px; margin-bottom: 10px; vertical-align: top;}
#item-detail_explain-body a {display: inline; color: #A17843; text-decoration: underline;}
}

/*  sp  */
@media screen and (max-width: 979px) {
/*  item detail  *//*  info  *//*  explain  */
#item-detail_explain {float: left; width: 100%; height: auto; margin-top: 20px; padding: 20px; border-top: 1px solid #EEE; box-sizing: border-box;}
#item-detail_explain .content_title h3 {width: 100%; margin: 0; padding: 0; text-align: center; color: #A17843;} 
#item-detail_explain .content_title p {width: 100%; margin: 0; margin-top: 0px; padding: 0; text-align: center; color: #A17843;}
#item-detail_explain-body {float: left; width: 100%; height: auto; line-height: 180%; margin-top: 20px; font-size: 80%;}
#item-detail_explain-body img {float: left; width: 100%; height: auto; margin-top: 5px; margin-bottom: 5px; vertical-align: top;}
#item-detail_explain-body a {display: inline; color: #A17843; text-decoration: underline;}
}

/*  09.  item detail - together
------------------------------*/
/*  pc  */
@media screen and (min-width: 980px) {
/*  item detail  *//*  together  */
#item-detail_together {float: left; width: 100%; height: auto; padding: 40px 20px 20px 20px; background-color: #FFF; border-top: 1px solid #EEE; box-sizing: border-box;}
#item-detail_together .content_title h3 {width: 100%; margin: 0; padding: 0; font-size: 30px; text-align: center; color: #A17843;}
#item-detail_together .content_title p {width: 100%; margin: 0; margin-top: 10px; padding: 0; text-align: center; color: #A17843;}
#item-detail_together-body {float: left; width: 100%; height: auto; margin-top: 20px;}
#item-detail_together-body ul {justify-content: center;}
#item-detail_together-body ul li {width: 300px;}
}

/*  sp  */
@media screen and (max-width: 979px) {
/*  item detail  *//*  together  */
#item-detail_together {float: left; width: 100%; height: auto; padding: 20px 0px 20px 0px; background-color: #FFF; border-top: 1px solid #EEE; box-sizing: border-box;}
#item-detail_together .content_title h3 {width: 100%; margin: 0; padding: 0; text-align: center; color: #A17843;}
#item-detail_together .content_title p {width: 100%; margin: 0; margin-top: 0px; padding: 0; text-align: center; color: #A17843;}
#item-detail_together-body {float: left; width: 100%; height: auto; margin-top: 20px;}
#item-detail_together-body ul {justify-content: center;}
#item-detail_together-body ul li {width: calc(100% / 3 - 10px); margin: 0px 5px 0px 5px;}
}

/*  10.  item detail - history
------------------------------*/
/*  pc  */
@media screen and (min-width: 980px) {
/*  item detail  *//*  history  */
#item-detail_history {float: left; width: 100%; height: auto; padding: 40px 20px 20px 20px; border-top: 1px solid #DDD; background-color: #FFF; box-sizing: border-box;}
#item-detail_history .content_title h3 {width: 100%; margin: 0; padding: 0; font-size: 30px; text-align: center; color: #A17843;}
#item-detail_history .content_title p {width: 100%; margin: 0; margin-top: 10px; padding: 0; text-align: center; color: #A17843;}
#item-detail_history-body {float: left; width: 100%; height: auto; margin-top: 10px;}
#item-detail_history-body ul {justify-content: center;}
#item-detail_history-body ul li {width: calc(100% / 8 - 20px); padding-bottom: 0px;}
#item-detail_history-body ul li .image {border-radius: 10px;}
}

/*  sp  */
@media screen and (max-width: 979px) {
/*  item detail  *//*  history  */
#item-detail_history {float: left; width: 100%; height: auto; padding: 20px 0px 10px 0px; border-top: 1px solid #EEE; background-color: #FFF;}
#item-detail_history .content_title h3 {width: 100%; margin: 0; padding: 0; text-align: center; color: #A17843;}
#item-detail_history .content_title p {width: 100%; margin: 0; margin-top: 0px; padding: 0; text-align: center; color: #A17843;}
#item-detail_history-body {float: left; width: 100%; height: auto; margin-top: 10px;}
#item-detail_history-body ul li {width: calc(100% / 4 - 10px); margin: 5px; padding-bottom: 0px;}
#item-detail_history-body ul li .image {border-radius: 5px;}
}

/*  ex.  item detail - empty
------------------------------*/
/*  pc  */
@media screen and (min-width: 980px) {
#product_empty {float: left; width: 100%; height: auto; padding: 120px 20px 120px 20px; box-sizing: border-box;}
#product_empty p.jp {line-height: 30px; font-size: 24px; font-weight: normal; text-align: center; letter-spacing: 1px; color: #333;}
#product_empty p.not_sale {line-height: 30px; margin-top: 20px; font-size: 16px; font-weight: normal; letter-spacing: 2px; text-align: center; color: #777;}

#product_empty .button {float: left; width: 100%; height: auto; margin-top: 60px;}
#product_empty .button ul {width: 600px;}
#product_empty .button ul li {float: left; width: 100%; height: auto; line-height: 40px; margin-top: 20px; font-size: 14px; font-weight: bood; text-align: center;}
#product_empty .button ul li a {color: #FFF;}
#product_empty .button ul li:nth-of-type(2n+1) a {background-color: #25435F;}
#product_empty .button ul li:nth-of-type(2n) a {background-color: #A17843;}
}

/*  sp  */
@media screen and (max-width: 979px) {
#product_empty {float: left; width: 100%; height: auto; padding: 80px 20px 80px 20px; box-sizing: border-box;}
#product_empty p.jp {line-height: 20px; font-size: 14px; font-weight: normal; text-align: center; letter-spacing: 1px; color: #333;}
#product_empty p.not_sale {line-height: 20px; margin-top: 10px; font-size: 12px; font-weight: normal; letter-spacing: 2px; text-align: center; color: #777;}

#product_empty .button {float: left; width: 100%; height: auto; margin-top: 20px;}
#product_empty .button ul {float: left; width: 100%; height: auto; padding: 0px 20px 0px 20px; box-sizing: border-box;}
#product_empty .button ul li {float: left; width: 100%; height: auto; line-height: 40px; margin-top: 10px; font-size: 12px; font-weight: bood; text-align: center;}
#product_empty .button ul li a {color: #FFF;}
#product_empty .button ul li:nth-of-type(2n+1) a {background-color: #25435F;}
#product_empty .button ul li:nth-of-type(2n) a {background-color: #A17843;}
}

/*  ex. animation
----------------------------*/
/*  animation  */
.flex-control-thumbs img,
#cart_contact a,
#cart_button input[type=submit],
#option_tbl td div input[type="radio"],
#option_tbl td div input[type="radio"]::before {transition: all .3s;}

#item-detail_cat-body ul li {transition: all .3s;}

/*  ex.  item detail - add
------------------------------*/
/*  pc  */
@media screen and (min-width: 980px) {
#item-detail_explain-body .table {float: left; width: 100%; height: auto;}
#item-detail_explain-body .table table {float: left; width: 100%; height: auto; border-collapse: collapse; border: 1px solid #E1D2A0; box-sizing: border-box;}
#item-detail_explain-body .table table th {line-height: 20px; padding: 10px; font-size: 14px; font-weight: bold; letter-spacing: 2px; color: #FFF; background-color: #A17843; border-bottom: 1px solid #DDD;}
#item-detail_explain-body .table table td {line-height: 20px; padding: 10px; font-size: 14px; font-weight: normal; letter-spacing: 1px; color: #777; background-color: #FFF; border-bottom: 1px solid #DDD}
#item-detail_explain-body .table table tr:last-of-type th,
#item-detail_explain-body .table table tr:last-of-type td {border: 0px;}
}

/*  sp  */
@media screen and (max-width: 979px) {
#item-detail_explain-body .table {float: left; width: 100%; height: auto;}
#item-detail_explain-body .table table {float: left; width: 100%; height: auto; border-collapse: collapse; border: 1px solid #E1D2A0; box-sizing: border-box;}
#item-detail_explain-body .table table th {float: left; width: 100%; height: auto; line-height: 20px; padding: 10px; font-size: 12px; font-weight: bold; letter-spacing: 2px; color: #FFF; background-color: #A17843; box-sizing: border-box;}
#item-detail_explain-body .table table td {float: left; width: 100%; height: auto; line-height: 20px; padding: 10px; font-size: 12px; font-weight: normal; color: #777; background-color: #FFF; box-sizing: border-box;}
}

/*  pc  */
@media screen and (min-width: 980px) {
#item-detail_explain-body .block {float: left; width: 100%; height: auto; margin-top: 20px;}
#item-detail_explain-body .block ul {float: left; width: 100%; height: auto;}
#item-detail_explain-body .block ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
#item-detail_explain-body .block.one ul li {width: 100%; margin-bottom: 20px;}
#item-detail_explain-body .block.two ul li {width: calc(100% / 2 - 20px); margin-bottom: 20px;}
#item-detail_explain-body .block ul li img {width: 100%; height: auto; margin-bottom: 20px; vertical-align: top;}
#item-detail_explain-body .block ul li p.title {line-height: 30px; margin-bottom: 10px; font-size: 16px; font-weight: bold; letter-spacing: 2px; color: #25435F;}
#item-detail_explain-body .block ul li p.text {line-height: 30px; font-size: 14px; font-weight: normal; letter-spacing: 1px; color: #777;}
}

/*  sp  */
@media screen and (max-width: 979px) {
#item-detail_explain-body .block {float: left; width: 100%; height: auto; margin-top: 20px;}
#item-detail_explain-body .block ul {float: left; width: 100%; height: auto;}
#item-detail_explain-body .block ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
#item-detail_explain-body .block ul li {width: 100%; margin-bottom: 20px;}
#item-detail_explain-body .block ul li img {width: 100%; height: auto; margin-bottom: 10px; vertical-align: top;}
#item-detail_explain-body .block ul li p.title {line-height: 20px; margin-bottom: 5px; font-size: 14px; font-weight: bold; letter-spacing: 1px; color: #25435F;}
#item-detail_explain-body .block ul li p.text {line-height: 20px; font-size: 12px; font-weight: normal; letter-spacing: 1px; color: #777;}
}

/*  pc  */
@media screen and (min-width: 980px) {
#item-detail_explain-body .attention {float: left; width: 100%; height: auto; padding: 40px; margin-top: 20px; background-color: #F6F4EE; border: 2px solid #E1D2A0; box-sizing: border-box;}
#item-detail_explain-body .attention .list {float: left; width: 100%; height: auto; margin-bottom: 20px;}
#item-detail_explain-body .attention .list dl {float: left; width: 100%; height: auto; padding: 20px; border-bottom: 1px dashed#E1D2A0; box-sizing: border-box;}
#item-detail_explain-body .attention .list dl {display: flex; flex-wrap: nowrap;}
#item-detail_explain-body .attention .list dl dt {width: 150px; line-height: 20px; font-size: 14px; font-weight: bold; color: #333;}
#item-detail_explain-body .attention .list dl dd {width: calc(100% - 150px); line-height: 20px; font-size: 14px; font-weight: normal; color: #333;}
#item-detail_explain-body .attention .detail {float: left; width: 100%; height: auto;}
#item-detail_explain-body .attention .detail p.text {line-height: 20px; margin-bottom: 10px; font-size: 14px; font-weight: normal; letter-spacing: 1px; color: #777;}
#item-detail_explain-body .attention .detail p.text:last-of-type {margin-bottom: 0px;}
}

/*  sp  */
@media screen and (max-width: 979px) {
#item-detail_explain-body .attention {float: left; width: 100%; height: auto; padding: 20px; margin-top: 20px; background-color: #F6F4EE; border: 2px solid #E1D2A0; box-sizing: border-box;}
#item-detail_explain-body .attention .list {float: left; width: 100%; height: auto; margin-bottom: 20px;}
#item-detail_explain-body .attention .list dl {float: left; width: 100%; height: auto; padding: 10px 0px 10px 0px; border-bottom: 1px dashed#E1D2A0; box-sizing: border-box;}
#item-detail_explain-body .attention .list dl {display: flex; flex-wrap: wrap;}
#item-detail_explain-body .attention .list dl dt {width: 100%; line-height: 20px; margin-bottom: 5px; font-size: 12px; font-weight: bold; color: #333;}
#item-detail_explain-body .attention .list dl dd {width: 100%; line-height: 20px; font-size: 12px; font-weight: normal; color: #333;}
#item-detail_explain-body .attention .detail {float: left; width: 100%; height: auto;}
#item-detail_explain-body .attention .detail p.text {line-height: 20px; margin-bottom: 10px; font-size: 12px; font-weight: normal; letter-spacing: 1px; color: #777;}
#item-detail_explain-body .attention .detail p.text:last-of-type {margin-bottom: 0px;}
}

/*  pc  */
@media screen and (min-width: 980px) {
#item-detail_explain-body .button_block {float: left; width: 100%; height: auto; margin-top: 20px;}
#item-detail_explain-body .button_block-body {max-width: 600px; margin: auto; margin-bottom: 10px;}
#item-detail_explain-body .button_block-body:last-of-type {margin-bottom: 0px;}
#item-detail_explain-body .button_block-body a {display: block; line-height: 30px; padding: 10px; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; letter-spacing: 2px; color: #FFF; background-color: #E1D2A0; border-radius: 10px;}
#item-detail_explain-body .button_block-body a:hover {background-color: #A17843;}
}

/*  sp  */
@media screen and (max-width: 979px) {
#item-detail_explain-body .button_block {float: left; width: 100%; height: auto; margin-top: 20px;}
#item-detail_explain-body .button_block-body {max-width: 600px; margin: auto; margin-bottom: 10px;}
#item-detail_explain-body .button_block-body:last-of-type {margin-bottom: 0px;}
#item-detail_explain-body .button_block-body a {display: block; line-height: 30px; padding: 10px; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; letter-spacing: 1px; color: #FFF; background-color: #CABE9A; border-radius: 10px;}
}

/*  pc  */
@media screen and (min-width: 980px) {
#item-detail_explain-body .set-list {float: left; width: 100%; height: auto; margin-top: 20px;}
#item-detail_explain-body .set-list .block {float: left; width: 100%; height: auto;}
#item-detail_explain-body .set-list .block ul {float: left; width: 100%; height: auto;}
#item-detail_explain-body .set-list .block ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
#item-detail_explain-body .set-list .block ul li {width: calc(100% / 3 - 20px); margin-bottom: 20px;}
#item-detail_explain-body .set-list .block ul li img {width: 100%; height: auto; margin-top: 0px; margin-bottom: 20px; vertical-align: top;}
#item-detail_explain-body .set-list .block ul li p.name {line-height: 30px; margin-bottom: 10px; font-size: 16px; font-weight: bold; letter-spacing: 2px;}
#item-detail_explain-body .set-list .block ul li p.text {line-height: 30px; font-size: 14px; font-weight: normal; letter-spacing: 1px;}
}

/*  sp  */
@media screen and (max-width: 979px) {
#item-detail_explain-body .set-list {float: left; width: 100%; height: auto; margin-top: 10px;}
#item-detail_explain-body .set-list .block {float: left; width: 100%; height: auto;}
#item-detail_explain-body .set-list .block ul {float: left; width: 100%; height: auto;}
#item-detail_explain-body .set-list .block ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
#item-detail_explain-body .set-list .block ul li {width: calc(100% / 2 - 10px); margin-bottom: 10px;}
#item-detail_explain-body .set-list .block ul li img {width: 100%; height: auto; margin-top: 0px; margin-bottom: 10px; vertical-align: top;}
#item-detail_explain-body .set-list .block ul li p.name {line-height: 20px; margin-bottom: 5px; font-size: 12px; font-weight: bold; letter-spacing: 1px;}
#item-detail_explain-body .set-list .block ul li p.text {line-height: 20px; font-size: 10px; font-weight: normal; letter-spacing: 0px;}
}

/*  pc  */
@media screen and (min-width: 980px) {
#item-detail_explain-body .simple {float: left; width: 100%; height: auto;}
#item-detail_explain-body .simple {display: flex; flex-wrap: wrap; justify-content: space-between;}
#item-detail_explain-body .simple .image {width: 50%; padding-right: 40px; box-sizing: border-box;}
#item-detail_explain-body .simple .image img {width: 100%; height: auto; vertical-align: top;}
#item-detail_explain-body .simple .detail {width: 50%;}
#item-detail_explain-body .simple .detail p.copy {line-height: 30px; margin-bottom: 20px; font-size: 16px; font-weight: bold; letter-spacing: 2px; color: #A17843;}
#item-detail_explain-body .simple .detail p.text {line-height: 30px; font-size: 14px; font-weight: normal; letter-spacing: 1px; color: #333;}
}

/*  sp  */
@media screen and (max-width: 979px) {
#item-detail_explain-body .simple {float: left; width: 100%; height: auto;}
#item-detail_explain-body .simple {display: flex; flex-wrap: wrap;}
#item-detail_explain-body .simple .image {width: 100%;}
#item-detail_explain-body .simple .image img {width: 100%; height: auto; vertical-align: top;}
#item-detail_explain-body .simple .detail {width: 100%; margin-top: 20px;}
#item-detail_explain-body .simple .detail p.copy {line-height: 20px; margin-bottom: 10px; font-size: 14px; font-weight: bold; letter-spacing: 1px; color: #A17843;}
#item-detail_explain-body .simple .detail p.text {line-height: 20px; font-size: 12px; font-weight: normal; letter-spacing: 1px; color: #333;}
  
  
  
  
  /*  item_detail about_staff  */

.clear {
  clear: both;
}


/*  item_detail about_item  */

/*  pc  */
@media screen and (min-width: 980px) {
  .about_item {
    background-color: #f5f3e9;
    height: auto;
    padding: 30px 60px 30px 60px;
    margin: 0 auto 80px auto;
  }

  .about_item_txt {
    padding-top: 40px;
  }
}

/*  sp  */
@media screen and (max-width: 979px) {
  .about_item {
    background-color: #f5f3e9;
    height: auto;
    padding: 20px;
    margin: 0 auto 80px auto;
  }

  .about_item_txt {
    padding-top: 40px;
  }
}

}

/*  staff  */

.staff_item {
  @media screen and (max-width: 979px) {
    background-color: #f5f3e9;
    height: auto;
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  @media screen and (min-width: 980px) {
    background-color: #f5f3e9;
    height: auto;
    padding: 30px 60px 30px 60px;
    display: flex;
  }
}

.staff_photo {
  @media screen and (max-width: 979px) {
    width: 20%;
    flex-direction: column;
  }
  @media screen and (min-width: 980px) {
    width: 10%;
    flex-direction: column;
  }
}

.staff_photo img {
  @media screen and (max-width: 979px) {
    width: 100%;
    height: auto;
  }
  @media screen and (min-width: 980px) {
    width: 100%;
    height: auto;
  }
}

.staff_txt {
  @media screen and (max-width: 979px) {
    width: 80%;
    height: auto;
    margin-left: 30px;
    flex-direction: column;
  }
  @media screen and (min-width: 980px) {
    width: 90%;
    height: auto;
    margin-left: 80px;
    flex-direction: column;
  }
}