@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: 0px 20px 20px 20px; box-sizing: border-box;}
#item-detail {display: flex; flex-wrap: nowrap;}
}

/*  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 #777;}
#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: 0px 20px 0px 20px; 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 {width: 100px; line-height: 20px; font-size: 14px; font-weight: normal; letter-spacing: 2px; color: #574A3E;}
#item-detail_info-name dl.category dt span {margin-left: 5px;}
#item-detail_info-name dl.category dd {width: calc(100% - 100px); line-height: 20px; font-size: 14px; font-weight: normal; letter-spacing: 2px;}
#item-detail_info-name dl.category dd a {display: inline-block; color: #574A3E;}
 #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: #A7A49F;}
#item-detail_info-name p span {margin-left: 5px; margin-right: 5px;}
}

/*  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 {width: 80px; line-height: 20px; font-size: 10px; font-weight: normal; letter-spacing: 2px; color: #574A3E;}
#item-detail_info-name dl.category dt span {margin-left: 5px;}
#item-detail_info-name dl.category dd {width: calc(100% - 80px); line-height: 20px; font-size: 10px; font-weight: normal; letter-spacing: 2px;}
#item-detail_info-name dl.category dd a {display: inline-block; color: #574A3E;}

#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: #A7A49F;}
#item-detail_info-name p span {margin-left: 5px; margin-right: 5px;}
}

/*  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; box-sizing: border-box; border: 1px solid #A7A49F;}
 
/*  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: #898580;}
#item-detail_info-detail .price p.zaiko {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: #574A3E;}
#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 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: #EEE; 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: 10px; font-weight: normal; text-align: center; color: #FFF; background-color: #898580;}
#item-detail_info-detail .price p.zaiko {float: left; width: 100%; height: auto; line-height: 20px; margin-top: 10px; font-size: 10px; font-weight: normal; text-align: center; color: #FFF; background-color: #574A3E;}
#item-detail_info-detail .price p.delivery {float: left; width: 100%; height: auto; line-height: 15px; margin-top: 10px; 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 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; 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: #574A3E;}
#item-detail_button dl.form dd {width: calc(100% - 160px);}
#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: #FFF; border: 1px solid #A7A49F; 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: bold; letter-spacing: 2px; color: #FFF; background-color: #574A3E; background-image: url("https://rugru.jp/image/icon_bag-white.png"); background-size: 16px; 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: #898580;}
#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: #574A3E;}
#item-detail_button dl.form dd {width: calc(100% - 120px);}
#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: #FFF; border: 1px solid #A7A49F; 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: bold; letter-spacing: 2px; color: #FFF; background-color: #574A3E; background-image: url("https://rugru.jp/image/icon_bag-white.png"); background-size: 16px; 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;}
#item-detail_button #cart_contact a:hover {background-color: #333;}
}

/*  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-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;}
#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 - info - explain
------------------------------*/
/*  pc  */
@media screen and (min-width: 980px) {
/*  item detail  *//*  info  *//*  explain  */
#item-detail_explain {float: left; width: 100%; height: auto; margin-top: 20px; padding: 20px 0px 20px 0px; border-top: 1px solid #A7A49F; box-sizing: border-box;}
#item-detail_explain-body {float: left; width: 100%; height: auto; line-height: 200%; margin-top: 20px; font-size: 80%;}
#item-detail_explain-body a {display: inline; color: #574A3E; 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 #A7A49F; box-sizing: border-box;}
#item-detail_explain-body {float: left; width: 100%; height: auto; line-height: 180%; margin-top: 20px; font-size: 70%;}
#item-detail_explain-body a {display: inline; color: #574A3E; 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 #DDD; box-sizing: border-box;}
#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 #DDD; box-sizing: border-box;}
#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-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 #DDD; background-color: #FFF;}
#item-detail_history-body {float: left; width: 100%; height: auto; margin-top: 10px;}
#item-detail_history-body ul li {width: calc(100% / 4 - 10px); padding-bottom: 0px;}
#item-detail_history-body ul li .image {border-radius: 5px;}
}

/*  11.  item detail - category
------------------------------*/
/*  pc  */
@media screen and (min-width: 980px) {
/*  item detail  *//*  category  */
#item-detail_cat {padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #DDD; background: repeating-linear-gradient(-45deg,#EEE 0px,#EEE 2px,#FFF 2px,#FFF 4px);}
#item-detail_cat-body {float: left; width: 100%; height: auto;}
#item-detail_cat-body ul {float: left; width: 100%; height: auto; padding: 10px; box-sizing: border-box;}
#item-detail_cat-body ul {display: flex; flex-wrap: wrap; justify-content: center;}
#item-detail_cat-body ul li {width: calc(100% / 5 - 20px); margin: 10px; background-color: #FFF; border-radius: 10px; border: 1px solid #DDD; box-sizing: border-box; overflow: hidden;}
#item-detail_cat-body ul li:hover {box-shadow: 0px 0px 10px #AAA;}
#item-detail_cat-body ul li .image {float: left; width: 100%; height: auto; padding-top: 50%; background-size: cover; background-position: center; box-sizing: border-box;}
#item-detail_cat-body ul li .title {float: left; width: 100%; height: auto; padding: 5px; box-sizing: border-box;}
#item-detail_cat-body ul li .title p.title {line-height: 20px; font-size: 14px; font-weight: normal; text-align: center; color: #333;}
}

/*  sp  */
@media screen and (max-width: 979px) {
/*  top page  *//*  category  */
#item-detail_cat{padding-top: 20px; background: repeating-linear-gradient(-45deg,#EEE 0px,#EEE 2px,#FFF 2px,#FFF 4px);}
#item-detail_cat-body {float: left; width: 100%; height: auto; margin-top: 20px;}
#item-detail_cat-body ul {float: left; width: 100%; height: auto; padding: 1px; box-sizing: border-box;}
#item-detail_cat-body ul {display: flex; flex-wrap: wrap;}
#item-detail_cat-body ul li {width: calc(100% / 3 - 2px); margin: 1px; background-color: #FFF; box-sizing: border-box; overflow: hidden;}
#item-detail_cat-body ul li:hover {box-shadow: 0px 0px 10px #AAA;}
#item-detail_cat-body ul li .image {float: left; width: 100%; height: auto; padding-top: 50%; background-size: cover; background-position: center; box-sizing: border-box;}
#item-detail_cat-body ul li .title {float: left; width: 100%; height: auto; padding: 5px; box-sizing: border-box;}
#item-detail_cat-body ul li .title p.title {line-height: 15px; font-size: 10px; font-weight: bold; text-align: center; color: #333;}
}

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

/*  sp  */
@media screen and (max-width: 979px) {
#product_empty {float: left; width: 100%; height: auto; padding: 120px 40px 120px 40px; box-sizing: border-box;}
#product_empty p.en {line-height: 20px; font-size: 12px; font-weight: normal; text-align: center; letter-spacing: 1px; color: #A7A49F;}
#product_empty p.not_sale {line-height: 30px; margin-top: 20px; font-size: 14px; font-weight: normal; letter-spacing: 1px; text-align: center; color: #574A3E;}
}

/*  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;}