@charset "UTF-8";
/* ---------------
　　　カラーコード
-----------------*/
/*------------------------------------------------------------
	◆読み込みHTML
	/item_detail.html
------------------------------------------------------------*/
/*------------------------------------------------------------
	左側　商品画像
------------------------------------------------------------*/
.lBox {
	float: left;
	width: 600px;
	position: relative; }
.lBox .boxItemImg,
.lBox .box3D,
.lBox .boxMovie {
	display: block;
	border: 1px solid #c9c9c9;
	width: 598px;
	height: 598px;
	background-color: #000;
	position: absolute; }
.lBox .boxItemImg img {
	width: 100%; }
.lBox .box3D {
	display: none; }
.lBox .boxMovie {
	display: none; }

.lBox .btnList {
	margin-top: 620px;
	margin-bottom: 50px; }
.lBox .btnList li {
	float: left;
	margin-left: 20px;
	cursor: pointer; }
.lBox .btnList li:first-child {
	margin-left: 0; }
.lBox .btnList li:hover {
	opacity: 0.6;
	filter: alpha(opacity=60); }
.lBox .btnList li.btnItemImg,
.lBox .btnList li.btnSubImg1,		/* Add for JSM */
.lBox .btnList li.btnSubImg2,		/* Add for JSM */
.lBox .btnList li.btnSubImg3,		/* Add for JSM */
.lBox .btnList li.btnSubImg4 {		/* Add for JSM */
	display: block;
	width: 78px;
	height: 78px;
	border: 1px solid #c9c9c9; }
.lBox .btnList li.btnItemImg img,
.lBox .btnList li.btnSubImg1 img,	/* Add for JSM */
.lBox .btnList li.btnSubImg2 img,	/* Add for JSM */
.lBox .btnList li.btnSubImg3 img,	/* Add for JSM */
.lBox .btnList li.btnSubImg4 img {	/* Add for JSM */
	width: 100%; }
.lBox .btnList li.btn3D {
	display: block;
	margin-top: 20px;	/* Add for JSM */
	width: 80px;
	height: 80px;
	background: url(../img/item_detail/btn_itemDetail_3d.png) no-repeat;
	margin-top: 10px;	/* Add for JSM */
}
.lBox .btnList li.btnMovie {
	display: block;
	margin-top: 20px;	/* Add for JSM */
	width: 190px;
	height: 80px;
	background: url(../img/item_detail/btn_itemDetail_movie.png) no-repeat;
	margin-top: 10px;		/* Add for JSM */
}
.lBox .btnList li.btnBroadcast {
	display: block;
	margin-top: 20px;		/* Add for JSM */
	width: 190px;
	height: 80px;
	background: url(../img/item_detail/btn_itemDetail_broadcast.png) no-repeat;
	margin-top: 10px;		/* Add for JSM */
}

/*------------------------------------------------------------
	左側　商品説明
------------------------------------------------------------*/
.rBox {
  float: right;
  width: 540px; }
  .rBox .backTxt {
    margin-top: 0;
    text-align: right; }
  .rBox .itemName {
    margin: 0 0 27px 3px;
    font-weight: bold;
    font-size: 1.286em;
    line-height: 1.85; }
    .rBox .itemName dt {
      float: left; }
    .rBox .itemName dd {
      padding-left: 4em;
      letter-spacing: -1px; }
  .rBox .itemPrice {
    margin-bottom: 30px; }
    .rBox .itemPrice strong {
      font-size: 1.250em;
      color: #b52701; }
    .rBox .itemPrice p + p {
      margin-top: 8px; }
  .rBox .btnGoCart {
    margin-bottom: 30px;
    text-align: right; }
    .rBox .btnGoCart a {
      padding: 18px 0 14px;
      display: inline-block;
      text-align: center;
      width: 232px;
      color: #fff;
      font-size: 1.450em;
      font-weight: bold;
      margin-right: 83px;	/*-- Add 2017-07-06 --*/
      background-color: #b52701; }
      .rBox .btnGoCart a:hover {
        text-decoration: none;
        opacity: 0.6;
        filter: alpha(opacity=60); }
    .rBox .btnGoCart.btnFreeDial a {
      padding: 10px 5px 10px 20px;
      display: inline-block;
      text-align: left;
      width: 205px;
      color: #fff;
      font-size: 1.30em;
      font-weight: bold;
      background-color: #a6a5a4;
      line-height: 1.2; }
      .rBox .btnGoCart.btnFreeDial a .iconFreeDial {
        display: block;
        background: url(../img/item_detail/icon_freeDial.png) no-repeat 0 center;
        padding-left: 45px;
        margin-top: 5px; }
    .rBox .btnGoCart.btnSoldOut a {
      background-color: #a6a5a4; }
  .rBox .boxQuickOrder {
    margin-bottom: 5px;
    padding: 26px 25px 24px 32px;
    border: 1px solid #CDCDCD;
    background-color: #E7E7E7; }
    .rBox .boxQuickOrder form {
      float: left;
      width: 260px; }
    .rBox .boxQuickOrder p {
      margin-bottom: 0; }
      .rBox .boxQuickOrder p span {
        display: inline-block;
        width: 100px; }
      .rBox .boxQuickOrder p select {
        width: 120px; }
    .rBox .boxQuickOrder .btnQuickOrder {
      float: right; }
      .rBox .boxQuickOrder .btnQuickOrder a {
        padding: 15px 0 13px;
        display: block;
        width: 202px;
        background-color: #fff;
        font-size: 1.425em;
        text-align: center;
        font-weight: bold;
        color: #b52701;
        border: 2px solid #b52701; }
        .rBox .boxQuickOrder .btnQuickOrder a:hover {
          text-decoration: none;
          opacity: 0.6;
          filter: alpha(opacity=60); }
    .rBox .boxQuickOrder .quickOrderAtention {
      clear: both;
      padding-top: 15px;
      color: #b52701; }
  .rBox .aboutQuickOrder {
    margin-bottom: 13px;
    text-align: right; }
    .rBox .aboutQuickOrder span {
      padding-left: 18px;
      display: inline-block;
      background: url(../img/common/icon_question.png) no-repeat left 3px;
      cursor: pointer; }
      .rBox .aboutQuickOrder span:hover {
        color: #42a8bf; }
  .rBox .quickOrder {
    display: none;
    border: 1px solid #c9c9c9;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #fff9d7; }
    .rBox .quickOrder .close {
      display: block;
      text-align: right; }
      .rBox .quickOrder .close span {
        cursor: pointer; }
        .rBox .quickOrder .close span:hover {
          color: #42a8bf;
          text-decoration: underline; }
  .rBox .itemDetail {
    border-top: 1px solid #c9c9c9;
    padding-top: 20px; }
    .rBox .itemDetail .ttl {
      margin-bottom: 6px;
      font-size: 1.150em;
      font-weight: bold; }
  .rBox .textList li {
    padding-left: 1em;
    text-indent: -1em;
    margin-bottom: 11px; }
    .rBox .textList li a {
      color: #42a8bf; }
  .rBox .comTable th {
    width: 19%; }
  .rBox .comTable td {
    width: 81%; }

/*------------------------------------------------------------
	最近チェックしたアイテム checkItem
※ センタリングに調整
------------------------------------------------------------*/
.checkItem {
  margin-top: 80px;
  font-size: 1.4em; }
  .checkItem .ttl {
    margin: 0 auto 25px; }
  .checkItem .sliderBox {
    margin: 0 auto;
    width: 860px;
    letter-spacing: -1px; }
    .checkItem .sliderBox .comPicList li span a span {
      display: block;
      letter-spacing: 0; }
  .checkItem .slider {
    margin: 0 30px; }

/*------------------------------------------------------------
	お気に入り
	2017-07-09
------------------------------------------------------------*/
.rBox .btnFav {
  display: inline-block;
  margin-left: 10px; }

/*----- お気に入りボタン(非選択状態) -----*/
.rBox .btnFav span {
  color: #000;
  position: absolute;
  margin-left: -60px;
  margin-top: -35px;		/*-- Mod 2017-09-29 -55px -> -35px --*/
  width: 45px;
  height: 45px;
  border: solid 2px #CACACA;
  background: url(../img/item_detail/btn_favorite_off.png) no-repeat center 14px;
  background-size: 25px;
  border-radius: 25px;
  cursor: pointer; }
/*----- お気に入りボタン(選択状態) -----*/
.rBox .btnFav span.selItem {
  color: #000;
  position: absolute;
  margin-left: -60px;
  margin-top: -35px;		/*-- Mod 2017-09-29 -55px -> -35px --*/
  width: 45px;
  height: 45px;
  border: solid 2px #CACACA;
  background: url(../img/item_detail/btn_favorite_on.png) no-repeat center 14px;
  background-size: 25px;
  border-radius: 25px;
  cursor: pointer; }

/*------------------------------------------------------------
  2019-07-16 掲載終了＆アイテム
------------------------------------------------------------*/
.last-chance,
.menu_itemCateALL{
	width:860px;
	margin: 0 auto;
}
.last-chance{
	margin-top:50px;
}
h2.ttl2D span{
	font-size:1.56rem;
}