@charset "UTF-8";
@media screen and (min-width: 769px) {
  #subColTitle {
    background: url(../images/img_snavititle.png) center no-repeat;
    text-indent: -9999px;
    vertical-align: middle;
    width: 214px;
    height: 103px;
    padding: 10px 0;
  }

  .prd_bnr {
    display: block;
    width: 715px;
    margin: 0 auto;
  }
  .prd_bnr:hover img {
    opacity: 0.5;
  }
}
@media screen and (max-width: 768px) {
  #subColTitle {
    background: url(../images/img_snavititle_l.jpg) center no-repeat;
    background-size: cover;
    text-indent: -9999px;
    vertical-align: middle;
    width: 100%;
    padding: 5% 0;
    border-top: 1px solid #c7c7c7;
  }

  .prd_bnr {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  .prd_bnr img {
    display: block;
    width: 100%;
  }
  .prd_bnr:hover img {
    opacity: 0.5;
  }
}
/*--------------------*/
/* グッズ　扉ページ
------------------------------------------------------*/
@media screen and (min-width: 769px) {
  #indexCol {
    margin: 0 auto;
    background: url(../images/bg_main2.png) repeat-y;
    width: 1100px;
    min-height: 675px;
  }
  #indexCol .categoryCol {
    display: block;
    margin: 10px auto 0 50px;
  }
  #indexCol .binderCol, #indexCol .cardsetCol, #indexCol .magazineCol, #indexCol .goodsCol, #indexCol .apparelCol, #indexCol .candyCol, #indexCol .cdCol, #indexCol .gashaponCol, #indexCol .carddassCol, #indexCol .stationeryCol, #indexCol .dvdbrCol {
    float: left;
    margin: 0 14px;
    min-height: 300px;
  }
  #indexCol #subCol {
    width: 1100px;
    margin-bottom: 95px;
  }
  #indexCol #subCol #subColTitle {
    background: url(../images/img_snavititle_l.jpg) center no-repeat;
    width: 1090px;
    height: 107px;
  }
  #indexCol #subCol .snCategory {
    width: 1090px;
    background: #84d5ff;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    padding: 1% 0;
    border-top: 3px dotted #00a8ff;
    border-bottom: 3px dotted #00a8ff;
    margin: 20px 5px -8px 0;
    font-size: 21px;
  }
  #indexCol #subCol .snCap {
    text-indent: -9999px;
    width: 465px;
    height: 94px;
  }
  #indexCol #subCol .snList {
    margin: 6px 0 30px;
    width: 466px;
    height: 150px;
    overflow: auto;
  }
  #indexCol #subCol .snList li a {
    margin: 5px auto;
    min-height: 0;
    padding: 14px 1px 14px 72px;
  }
  #indexCol #subCol .snList li span {
    position: absolute;
    top: 5px;
    left: 17px;
    width: 49px;
    height: 42px;
    background: url(../images/img_new_off.png) no-repeat center left;
  }
  #indexCol #subCol .snList li .icon-new {
    background: url(../images/img_new_on.png) no-repeat center left;
  }
  #indexCol #subCol .snList_old {
    margin: 0;
    width: auto;
    height: auto;
    overflow: auto;
  }
  #indexCol #subCol .snCap_old a {
    min-height: 0;
    margin: 5px auto 0;
    padding: 14px 1px 14px 72px;
  }
  #indexCol #subCol .snCap_old span {
    position: absolute;
    top: 5px;
    left: 18px;
    width: 49px;
    height: 42px;
    background: url(../images/img_new_old.png) no-repeat center left;
  }
}
@media screen and (max-width: 768px) {
  #indexCol {
    padding: 0;
    width: 100%;
    background: #fff;
    overflow: hidden;
  }
  #indexCol #subCol {
    background-color: #FFF;
  }
  #indexCol #subCol .categoryCol {
    background-position: center;
    background-size: contain;
    width: 90%;
    height: auto;
    margin: 0 auto;
  }
  #indexCol #subCol .snCategory {
    margin: 5% auto 0%;
  }
  #indexCol #subCol .snCap {
    text-indent: -9999px;
    width: 100%;
    background-size: contain;
    padding-top: 14%;
  }
  #indexCol #subCol .snList {
    max-height: 140px;
    margin: -7px 0 5%;
    overflow: auto;
  }
  #indexCol #subCol .snList_old {
    max-height: none;
    margin: 0;
  }
  #indexCol #subCol .snCap_old span {
    top: 10px;
  }
}
#indexCol #subColInner .tit_products_binder {
  background: url(../images/bnr_binder.png) 0 0 no-repeat;
  background-size: contain;
}
#indexCol #subColInner .tit_products_cardset {
  background: url(../images/bnr_cardset.png) 0 0 no-repeat;
  background-size: contain;
}
#indexCol #subColInner .tit_products_goods {
  background: url(../images/bnr_goods.png) 0 0 no-repeat;
  background-size: contain;
}
#indexCol #subColInner .tit_products_magazine {
  background: url(../images/bnr_magazine.png) 0 0 no-repeat;
  background-size: contain;
}
#indexCol #subColInner .tit_products_apparel {
  background: url(../images/bnr_apparel.png) 0 0 no-repeat;
  background-size: contain;
}
#indexCol #subColInner .tit_products_candy {
  background: url(../images/bnr_candy.png) 0 0 no-repeat;
  background-size: contain;
}
#indexCol #subColInner .tit_products_cd {
  background: url(../images/bnr_cd.png) 0 0 no-repeat;
  background-size: contain;
}
#indexCol #subColInner .tit_products_gashapon {
  background: url(../images/bnr_gashapon.png) 0 0 no-repeat;
  background-size: contain;
}
#indexCol #subColInner .tit_products_carddass {
  background: url(../images/bnr_carddass.png) 0 0 no-repeat;
  background-size: contain;
}
#indexCol #subColInner .tit_products_stationery {
  background: url(../images/bnr_stationery.png) 0 0 no-repeat;
  background-size: contain;
}
#indexCol #subColInner .tit_products_dvdbr {
  background: url(../images/bnr_dvdbr.png) 0 0 no-repeat;
  background-size: contain;
}

/*--------------------*/
/* グッズ　共通
------------------------------------------------------*/
/* お知らせ枠 */
.maincNotice {
  width: 87%;
  margin: 3% auto;
  color: #666666;
  border: 3px solid;
  padding: 2%;
  border-color: #ff0000;
}
.maincNotice h6 {
  display: block;
  width: 100%;
  margin-bottom: 2%;
  padding-bottom: 1%;
  text-align: center;
  font-weight: bold;
  font-size: 120%;
  color: #ff0000;
  border-bottom: 2px solid;
}
.maincNotice h6 span {
  display: block;
  font-size: 80%;
  color: #666666;
  font-weight: normal;
}
.maincNotice p {
  margin-bottom: 2%;
}
.maincNotice p .wB {
  font-weight: bold;
}
.maincNotice p .cLightPink {
  color: #fe68b8;
}
.maincNotice p .cSkyBlue {
  color: #00a8ff;
}
.maincNotice .noticeDate {
  display: block;
  text-align: right;
  font-size: 87%;
}
.maincNotice.isPink {
  border-color: #fe68b8;
}
.maincNotice.isPink h6 {
  color: #fe68b8;
}
.maincNotice.isBlue {
  border-color: #00a8ff;
}
.maincNotice.isBlue h6 {
  color: #00a8ff;
}
.maincNotice dl.noticeDetail dt {
  display: block;
  background: #cbefff;
  border-radius: 5px;
  color: #00a8ff;
  font-weight: bold;
  padding: 0.2em 0.5em;
}
.maincNotice dl.noticeDetail dd {
  display: block;
  padding: 0.3em 1.0em;
  margin: 0 0 1em 0;
}
.maincNotice dl.noticeDetail dd span.tokutenCol {
  display: block;
  margin: 0.7em 0 0 0;
  text-align: center;
  font-weight: bold;
}
.maincNotice div.noticeBtn {
  text-align: center;
  margin: 0 0 1em 0;
}

/*--------------------*/
/* グッズ　各ページ
------------------------------------------------------*/
.fishsausageBtnCol {
  position: relative;
  background: url(../images/img_01.jpg) 0 0 no-repeat;
  background-size: contain;
  width: 100%;
  height: 0;
  padding-top: 43.62%;
}
.fishsausageBtnCol span {
  display: block;
  position: absolute;
  border-radius: 7px;
  background: #FFFFFF;
  top: 66%;
  left: 3%;
  width: 57%;
}
.fishsausageBtnCol span img {
  width: 100%;
}

.curryBtnCol {
  position: relative;
  background: url(../images/img_01.jpg) 0 0 no-repeat;
  background-size: contain;
  width: 100%;
  height: 0;
  padding-top: 43.62%;
}
.curryBtnCol span {
  display: block;
  position: absolute;
  border-radius: 7px;
  background: #FFFFFF;
  top: 66%;
  left: 3%;
  width: 57%;
}
.curryBtnCol span img {
  width: 100%;
}