@charset "UTF-8";
/* ==========================================================
  グッズ
========================================================== */

/* サブナビ
========================================================== */
#goods .sub-navi ul {
    height: 79px;
    margin: 0 auto;
    padding: 7px 0 0;
    width: 476px;
}
#goods.category_01 .sub-navi .sub-navi_01 a {
  background: url(../images/goods/snavi_01_on.gif) no-repeat 0 0;
  display: block;
  height: 70px;
  text-indent: -9999px;
  width: 117px;
}

#goods.category_02 .sub-navi .sub-navi_02 a {
  background: url(../images/goods/snavi_02_on.gif) no-repeat 0 0;
  display: block;
  height: 70px;
  text-indent: -9999px;
  width: 117px;
}

#goods.category_03 .sub-navi .sub-navi_03 a {
  background: url(../images/goods/snavi_03_on.gif) no-repeat 0 0;
  display: block;
  height: 70px;
  text-indent: -9999px;
  width: 117px;
}

#goods.category_04 .sub-navi .sub-navi_04 a {
  background: url(../images/goods/snavi_04_on.gif) no-repeat 0 0;
  display: block;
  height: 70px;
  text-indent: -9999px;
  width: 117px;
}


/* 下層
========================================================== */
#goods h3 {
  background: url(../images/goods/h3.jpg) no-repeat center top;
  width: 920px;
  height: 22px;
  margin: 0 auto 20px;
  padding-top: 40px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
#goods h4.category {
    background-color: #304fd8;
    border-radius: 5px;
    padding: 5px;
    font-size: 1.25em;
    width: 40%;
    color: #FFF;
    text-align: center;
    margin: 20px auto 0 auto;
}
#goods .inner {
  width: 912px;
  margin: 0 auto;
}

#goods .goods-info {
  margin: 10px 0 30px;
}
#goods .main-bottom {
  bottom: 20px;
}
#goods .page {
  margin: -60px auto 0;
}
#goods .sNavi a,
#goods .sNavi span {
  display: block;
  height: 36px;
}
.#goods .sNavi li a:hover {
  background-position: 0 -36px;
}
#goods.category-all .sNavi .category-all a,
#goods.category-blu-ray .sNavi .category-blu-ray a,
#goods.category-dvd .sNavi .category-dvd a,
#goods.category-cd .sNavi .category-cd a,
#goods.category-book .sNavi .category-book a {
  background-position: 0 -36px;
}
#goods .sNavi .category-all {
  left: 46px;
}
#goods .sNavi .category-blu-ray {
  left: 165px;
}
#goods .sNavi .category-dvd {
  left: 264px;
}
#goods .sNavi .category-cd {
  left: 360px;
}
#goods .sNavi .category-book {
  left: 470px;
}
#goods .sNavi .category-all a {
  width: 112px;
  background: url(../images/goods/snavi01.png) no-repeat;
}
#goods .sNavi .category-blu-ray a {
  width: 109px;
  background: url(../images/goods/snavi02.png) no-repeat;
}
#goods .sNavi .category-blu-ray span {
    width: 109px;
    background: url(../images/goods/snavi02_soon.png) no-repeat;
  }
#goods .sNavi .category-dvd a {
  width: 109px;
  background: url(../images/goods/snavi03.png) no-repeat;
}
#goods .sNavi .category-dvd span {
    width: 109px;
    background: url(../images/goods/snavi03_soon.png) no-repeat;
  }
#goods .sNavi .category-cd a {
  width: 110px;
  background: url(../images/goods/snavi04.png) no-repeat;
}
#goods .sNavi .category-book a {
  width: 112px;
  background: url(../images/goods/snavi05.png) no-repeat;
}
#goods .goods-list:before,
#goods .goods-list:after {
  content: "";
  display: table;
}
#goods .goods-list a > li {
  float: left;
  width: 218px;
  margin: 20px 5px 20px;
}
#goods .goods-list a > li:hover {
  opacity: 0.75;
}
#goods .goods-list a > li .img {
  width: 218px;
  height: 218px;
  margin-bottom: 6px;
  padding: 9px 15px 0px 9px;
  background: url(../images/goods/bg_item.png) no-repeat;
}
#goods .goods-list a > li ul.icon-list {
  font-size: 12px;
  margin-bottom: 8px;
}
#goods .goods-list a > li ul.icon-list:before, .goods-list > li ul.icon-list:after {
  content: "";
  display: table;
}
#goods .icon-02,#goods .icon-01 {
  width: 68px;
  height: 18px;
  text-align: center;
  font-size: 12px;
  padding-top: 1px;
  color: #fff;
}
#goods .icon-01 {
  background: url(../images/goods/bg_icon01.png) no-repeat;
}
#goods .icon-02 {
  background: url(../images/goods/bg_icon02.png) no-repeat;
}
#goods .goods-list a > li ul.icon-list li {
  float: left;
  margin-left: 4px;
}
#goods .goods-list a > li ul.icon-list li:first-child {
  margin-left: 0;
}
#goods .goods-list a > li ul.icon-list:after {
  clear: both;
}
#goods .text {
  width: 200px;
  margin: 0 auto;
}
#goods .goods-list a > li p {
  clear: both;
  font-size: 14px;
  text-align: left;
  padding-top: 5px;
}
#goods .goods-list a > li p {
  text-decoration: underline;
}

#goods .goods-list a > li p:hover {
  text-decoration: none;
}
/* グッズ詳細
========================================================== */
#goods h3.h3_detail {
  background: url(../images/goods/h3_detail.jpg) no-repeat center top;
  width: 920px;
  height: 22px;
  margin: 0 auto 20px;
  padding-top: 40px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
#goods h5 {
    clear: both;
    font-size: 26px;
    color: #72f8ff;
    margin-bottom: 8px;
    padding: 6px 0 2px 45px;
    border-bottom: 1px dotted #d6fdff;
    background: url(../images/goods/icon.png) no-repeat 5px 12px;
}
#goods .goods-info .goods-image {
  float: left;
  margin-right: 14px;
  padding: 9px 9px;
  background: url(../images/goods/bg_item_detail.png) no-repeat;
}
#goods .goods-info:before, .goods-info:after {
  content: "";
  display: table;
}
#goods .goods-info:after {
  clear: both;
}
#goods .goods-info .goods-detail {
  float: left;
  width: 480px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 5px #f0e8ff;
  -moz-box-shadow: 0px 0px 5px #f0e8ff;
  box-shadow: 0px 0px 5px #f0e8ff;
  -webkit-border-radius: 5px 5px;
  -moz-border-radius: 5px 5px;
  -ms-border-radius: 5px 5px;
  -o-border-radius: 5px 5px;
  border-radius: 5px 5px;
  border: #f0e8ff;
  background-color: #fff;
  border: 1px solid #f0e8ff \9;
  background: url(../images/goods/bg_detail.png) repeat;
}
#goods.category-blu-ray .icon-02, 
#goods.category-dvd .icon-02, 
#goods.category-cd .icon-02, 
#goods.category-book .icon-02 {
    text-shadow: 0 0 5px #102755;
  height: 20px;
  padding: 0;
  margin: 0 auto;
}
#goods .goods-info h4 {
  font-size: 28px;
  color: #eaff7a;
  text-align: center;
  margin: 0 0 15px;
  line-height: 1.25em;
}
#goods .goods-info .table-container table {
  width: 480px;
  margin: 0 auto 10px;
  font-size: 12px;
}
#goods .goods-info .table-container tbody {
  border: 2px;
  border-style: solid;
  border-color: #72bbe0;
}
#goods .goods-info .table-container table th,
#goods .goods-info .table-container table td {
  padding: 1px 25px 1px 5px;
  border-top: 2px solid #72bbe0;
  font-size: 12px;
}

#goods .goods-info .table-container table th {
  color: #fff;
  background-color: #0370c0;
  border-right: 2px solid #72bbe0;
}
#goods .goods-info .table-container table td {
  background-color: #0098e4;
}
#goods .goods-info .icon_ribbon {
  margin: 10px 0 8px;
}
 @media screen and (max-width: 670px) {
  #goods .page {
    margin: 0 auto 0;
    padding: 30px 10px 50px;
  }

  #goods .main-bottom {
    bottom: -15px;
  }
  #goods .inner {
    width: 570px;
    margin: 0 auto;
    padding-bottom: 20px;
  }  
  #goods h3,
  #goods h3.h3_detail {
    display: none;
  }
  #goods .goods-list a > li .img {
    width: 180px;
    height: auto;
    margin-bottom: 10px;
    padding: 0;
    background: none;
  }
  #goods .goods-list a > li .img img {
    width: 100%;
    height: auto;
  }
  #goods .goods-list a > li {
    width: 180px;
    height: auto;
    margin: 20px 5px;
    min-height: 251px;
  }
  #goods .goods-list a > li p {
  font-size: 18px;
  }
  #goods .goods-list > li:nth-child(even) {
    margin-left: 20px;
  }
  #goods .text {
    width: auto;
  }
  #goods .btn {
    margin-top: 30px;
  }

/* グッズ詳細
========================================================== */

body.category-cd .inner,
body.category-book .inner {
  width: auto;
  margin: 0 auto;
  padding: 0;
}
#goods .goods-info .goods-image {
  float: none;
  background: none;
  margin: auto;
  text-align: center;
  padding: 20px 0px 30px;
}
#goods .goods-info .goods-detail {
  float: none;
  width: auto;
}
#goods.category-blu-ray .icon02,
#goods.category-dvd .icon02,
#goods.category-cd .icon02,
#goods.category-book .icon02 {
  height: 20px;
  padding: 0;
  margin: 0 auto;
}
#goods .goods-info h4 {
  font-size: 24px;
}
#goods .goods-info .table-container table {
  width: 100%;
  margin-left: 0;
}
#goods .goods-info .table-container table th, 
#goods .goods-info .table-container table td {
  padding: 5px;
}
}
#goods h6 {
  background-color: #0370c0;
  border-radius: 5px;
  font-size: 1.1em;
  color: #FFF;
  text-align: center;
  margin: 20px auto 5px auto;
}
#goods .caution {
  color: #fffc00;
  font-size: 12px;
}
#goods .list-indent li {
    text-indent: -1em;
    padding-left: 1em;
    padding-bottom: 5px;
}
/* btn */
#goods .buyButton{width:60%;text-align: center;margin:20px 20% 0px;}
#goods .buyButton a{
    background-image: -moz-linear-gradient(90deg, rgba(0, 236, 94, 0.75) 0%, rgba(214, 255, 21, 0.75) 100%);
    background-image: -webkit-linear-gradient(90deg, rgba(0, 236, 94, 0.75) 0%, rgba(214, 255, 21, 0.75) 100%);
    background-image: -ms-linear-gradient(90deg, rgba(0, 236, 94, 0.75) 0%, rgba(214, 255, 21, 0.75) 100%);
    border: 1px solid #fff;
    border-radius: 5px;
    box-sizing: border-box;
    margin: 0 0 10px;
    padding: 10px;
    text-align: center;
    width:auto;
  display:block;
  font-size:1.5em;
  text-decoration:none;
 } 
 
#goods .buyButton a:hover{opacity:0.6;}