@charset "UTF-8";
/*------------------------------------------------------------*/
/*商品情報*/
/*キービジュアル*/
div #mainImg {
  width: 1024px;
  margin: -56px auto -50px;
  position: relative;
  z-index: 1;
}
/*--------------------------------------------------------------*/
.usb {
    width: 90%;
    margin: 0 auto;
    font-size: 13px;
}
/*USBテーブル*/
table {
	width: 100%;
	margin: 16px auto 8px;
	border-collapse: collapse;
	text-align: center;
}
table th {
    width: 33.33%;
	background: #e79dc3;
	padding: 4px;
	font-size: 13px;
	color: #FFF;
	border: 1px solid #000;
    text-align: center;
}
table td {
    width: 33.33%;

	background: #FFF;
	padding: 4px;
	font-size: 12px;
	color: #333;
	border: 1px solid #000;
}
table em {
	font-style: normal;
}

table a {
    color: #333;
    text-decoration: underline;
}
table a:hover {
    color: #CCC;
    text-decoration: underline;
}
/*------------------------------------------------------------*/
/*詳細ページレイアウト 基本*/
/*------------------------------------------------------------*/
.new {
    position: absolute;
    width:18%;
    top:-12px;
    left: 12px;
    z-index: 10;
}

#wrapper_mazica dl {
  min-height: 312px;
}
/*画像ボックスの中の場合はmin-heightをリセット*/
#wrapper_mazica dl.ph {
  min-height: auto;
}
#wrapper_mazica dl::after {
  content: "";
  display: block;
  clear: both;
}
#wrapper_mazica dt {
  position: relative;
  width: 50%;
  float: left;
  text-align: center;
}
#wrapper_mazica dd {
  position: relative;
  width: 50%;
  margin-left: 50%;
  padding: 44px 0 0 0;
  font-size: 15px;
  text-align: left;
  font-family: source-han-sans-japanese, sans-serif;
}
#wrapper_mazica dl.ph dd {
  /*画像ボックスの中の場合は設定をリセット*/
  padding: 8px 0 0 0;
}
/*------------------------------------------------------------*/
/*アイコン*/
/*------------------------------------------------------------*/
/*パックアイコン*/
dl.pack dd:before {
  content: '';
  position: absolute;
  width: 84px;
  height: 26px;
  background: url('_img/icon_pack.png')no-repeat center top/100% auto;
  top: 8px;
  left: 0;
}
/*セットアイコン*/
dl.set dd:before {
  content: '';
  position: absolute;
  width: 84px;
  height: 26px;
  background: url('_img/icon_set.png')no-repeat center top/100% auto;
  top: 8px;
  left: 0;
}
/*ツールアイコン*/
dl.tool dd:before {
  content: '';
  position: absolute;
  width: 84px;
  height: 26px;
  background: url('_img/icon_tool.png')no-repeat center top/100% auto;
  top: 8px;
  left: 0;
}
/*------------------------------------------------------------*/
/*商品画像 水平垂直中央*/
#wrapper_mazica dl dt {
  display: table;
  min-height: 290px;
}
#wrapper_mazica dl dt a {
  display: table-cell;
  vertical-align: middle;
}
/*------------------------------------------------------------*/
/*詳細ページ：商品名*/
#wrapper_mazica dl dd p {
  padding-bottom: 12px;
}
#wrapper_mazica dl dd p.lineName {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
}
/*------------------------------------------------------------*/
/*詳細ページ*/
/*------------------------------------------------------------*/
.detail dt {
  position: relative;
  width: 46%;
  min-height: 450px;
  float: left;
  text-align: center;
}
/*min-height高さをリセット*/
.detail dt.reset {
  min-height: auto;
}
.detail dt img {
  max-width: 90%;
}

.detail dt img.ex {
    width: 380px;
}

.detail dd {
  position: relative;
  width: 54%;
  margin-left: 46%;
  padding: 44px 0 0 0;
  font-size: 15px;
  text-align: left;
  font-family: source-han-sans-japanese, sans-serif;
}
/*詳細ページ：商品名*/
.detail p {
  text-align: left;
  padding-bottom: 12px;
}
.detail dl dd p.lineName {
  font-size: 22px;
  line-height: 1.4;
  font-weight: 600;
}
/*ライン 赤*/
.detail hr {
  width: 98%;
  height: 0px;
  border-radius: 2px;
  margin: 26px auto;
  border: 2px solid #eb8bbc;
}
/*ライン 赤*/
.blue .detail hr {
  width: 98%;
  height: 0px;
  border-radius: 2px;
  margin: 26px auto;
  border: 2px solid #1860c2;
}
.green .detail hr {
  width: 98%;
  height: 0px;
  border-radius: 2px;
  margin: 26px auto;
  border: 2px solid #31b067;
}
.yellow .detail hr {
  width: 98%;
  height: 0px;
  border-radius: 2px;
  margin: 26px auto;
  border: 2px solid #FC0;
}
.orange .detail hr {
  width: 98%;
  height: 0px;
  border-radius: 2px;
  margin: 26px auto;
  border: 2px solid #e63d19;
}
/*---------------------------------------------------*/
/*説明文*/
.detail p.read {
  width: 96%;
  margin: 0 auto;
  padding: 0;
}
/*画像ボックス*/
.detail div.phBox {
  width: 90%;
  min-height: auto;
  margin: 0 auto;
  padding: 0;
}
.detail .cardInfo {
  width: 96%;
  margin: 0 auto;
  padding-left: 12px;
  border-left: 1px solid #FFF;
}
/*強調文字：赤*/
.detail .cardInfo span.color1 {
  font-size: 18px;
  font-weight: bold;
  color: #e79dc3;
}
/*強調文字：黄色*/
.detail .cardInfo span.color2 {
  font-size: 18px;
  font-weight: bold;
  color: #FFFF00;
}
/*---------------------------------------------------*/
/*収録マジカ*/
.detail h4 {
  position: relative;
  margin: 26px auto;
  padding: 0 28px;
  font-weight: bold;
  text-align: left;
}
.detail h4:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 50%;
  margin-left: -49%;
  width: 98%;
  height: 4px;
  content: '';
  background: #eb8bbc;
  border-radius: 2px;
}
/*収録マジカ 背景*/
.detail h4 span {
  position: relative;
  background: #dd3d90;
  padding: 0.2em 1.5em;
  color: #FFFF00;
  border-radius: 2px;
}
/*---------------------------------------------------*/
/*煽り文字*/
.detail h5 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 1.6;
  color: #e79dc3;
  font-weight: bold;
  text-align: center;
}
/*---------------------------------------------------*/
/*カードのリスト*/
/*---------------------------------------------------*/
/*収録商品名*/
h6 {
  margin: 100px auto -18px;
  padding: 0;
  font-size: 18px;
  color: #FFF;
}
/*リストの並び*/
.cardlistBox ul.cardList {
  width: 90%;
  margin: 0 auto;
  font-size: 0;
  text-align: left;
}
/*リストの並び*/
.cardlistBox ul.cardList li {
  display: inline-block;
  width: 25%;
  margin: 0 auto;
  padding: 5px 2px;
  font-size: 0;
}
/*---------------------------------------------------*/
/*レア度*/
.cardlistBox h3 {
  width: 90%;
  margin: 36px auto 0;
}
/*---------------------------------------------------*/
/*---------------------------------------------------*/
/*ポップアップ*/
/*---------------------------------------------------*/
/*基本レイアウト*/
.cardPop {
  position: relative;
  margin-bottom: 200;
  padding: 36px 0 100px;
}
.cardPop section.panel .inner {
  padding: 24px 0 12px;
}
/*---------------------------------------------------*/
/*カード名：5色*/
.cardPop section.panel h2 {
  position: absolute;
  width: 484px;
  height: 80px;
  margin: 0 0 0 -242px;
  padding: 22px 0 0 0;
  font-size: 18px;
  color: #FFF;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: bold;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
  text-align: center;
  top: -52px;
  left: 50%;
}
.cardPop section.panel h3 {
  position: relative;
  width: 484px;
  height: 80px;
  margin: 0 auto;
  padding: 22px 0 0 0;
  font-size: 18px;
  font-family: source-han-sans-japanese, sans-serif;
  color: #FFF;
  font-weight: bold;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
  text-align: center;
}
/*---------------------------------------------------*/
/*青*/
.cardPop section.panel.blue h2, .cardPop section.panel.blue h3 {
  background: url("_img/bg_h2_blue@2x.png") no-repeat center top/100% auto;
}
/*緑*/
.cardPop section.panel.green h2, .cardPop section.panel.green h3 {
  background: url("_img/bg_h2_green@2x.png") no-repeat center top/100% auto;
}
/*オレンジ*/
.cardPop section.panel.orange h2, .cardPop section.panel.orange h3 {
  background: url("_img/bg_h2_orange@2x.png") no-repeat center top/100% auto;
}
/*赤*/
.cardPop section.panel.red h2, .cardPop section.panel.red h3 {
  background: url("_img/bg_h2_red@2x.png") no-repeat center top/100% auto;
}
/*黄*/
.cardPop section.panel.yellow h2, .cardPop section.yellow h3 {
  background: url("_img/bg_h2_yellow@2x.png") no-repeat center top/100% auto;
}
/*紫*/
.cardPop section.panel.purple h2, .cardPop section.purple h3 {
  background: url("_img/bg_h2_purple@2x.png") no-repeat center top/100% auto;
}
/*メインカード表面と裏面*/
.cardPop ul.main, .cardPop ul.sub {
  position: relative;
  width: 95%;
  margin: 0 auto;
  font-size: 0;
  color: #FFF;
  z-index: 200;
}
.cardPop ul.main li {
  display: inline-block;
  width: 46%;
  margin: 0 10px;
  font-size: 0;
  text-align: center;
}
.over li {
  overflow: visible;
}
.over li img {
  display: block;
  transition-duration: 0.5s;
}
.over li img:hover {
  transform: scale(1.6, 1.6);
  transition-duration: 0.2s;
}
/*カード名テキスト*/
.cardPop ul.main li em, .cardPop ul.sub li em {
  display: inline-block;
  padding: 8px 0 16px;
  font-size: 15px;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 600;
}
/*バリエーション表面と裏面*/
.cardPop ul.sub li {
  display: inline-block;
  width: 46%;
  margin: 0 10px;
  font-size: 0;
  text-align: center;
}
/*イラストレーター*/
.cardPop i {
  display: block;
  font-size: 15px;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 600;
  color: #FFF;
  font-style: normal;
  text-align: center;
}
/*注意文言*/
.cardPop .caution {
  padding: 12px 0 0 0;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  color: #FFF;
  text-align: center;
}
/*---------------------------------------------------*/
/*カードリストページ内ナビゲーション*/
/*---------------------------------------------------*/
ul.listNav {
  position: relative;
  display: block;
  margin: 20px auto 80px;
  font-size: 0;
  text-align: center;
  z-index: 20;
}
ul.listNav.mb {
  margin: 20px auto 12px;
}
ul.listNav li {
  display: inline-block;
  width: 313px;
  margin: 0 -6px;
  font-size: 0;
}
ul.listNav_sub {
  position: absolute;
  text-align: left;
  font-size: 0;
  top: -70px;
    z-index: 15;
}
ul.listNav_sub li {
    position: relative;
  display: inline-block;
  width: 199px;
  margin: 0 -5px 0 0;
  font-size: 0;
}
ul.listNav_sub li a img:hover {
  opacity: 1
}

ul.listNav li.off,ul.listNav_sub li.off {
  opacity: 0.9;
    background: #000;
}
ul.listNav li.off img,ul.listNav_sub li.off img {
  opacity: 0.7;

}


/*---------------------------------------------------*/
/*カードQA*/
/*---------------------------------------------------*/
/*基本レイアウト*/
.cardPop h4 {
  position: relative;
  width: 88%;
  margin: 12px auto;
  padding: 0;
  font-weight: 800;
  text-align: left;
}
.cardPop h4:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background: #ffe466;
}
.cardPop h4 span {
  position: relative;
  padding: 0 0.5em;
  font-size: 15px;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  color: #ffe466;
  background: #000;
}
/*Q*/
.cardPop p.que {
  width: 86%;
  background: url("../qa/_img/qa_q.png") no-repeat left top;
  margin: 6px auto 20px auto;
  padding: 5px 0px 10px 40px;
  font-size: 15px;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  line-height: 1.4;
  color: #FFF;
  text-align: left;
  border-bottom: 2px solid #ffe466;
}
/*A*/
.cardPop p.ans {
  width: 80%;
  background: url(../qa/_img/qa_a.png) no-repeat left top;
  margin: 12px auto 30px;
  padding: 0px 40px 10px;
  font-size: 15px;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  line-height: 1.4;
  color: #FFF;
  text-align: left;
}
/*---------------------------------------------------*/
/*ボタン設定*/
/*---------------------------------------------------*/
/*通常*/
.btn_more {
  position: relative;
  display: block;
  width: 90%;
  height: auto;
  background: url("_img/btn_more_b.png") no-repeat center top/100% auto;
  padding-top: calc(100%*160/1000);
  font-size: 0px;
  margin: 0 auto -8px;
}
/*---------------------------------------------------*/
/*通常：予約*/
.btn_yoyaku {
  position: relative;
  display: block;
  width: 90%;
  height: auto;
  background: url("_img/btn_yoyaku.png") no-repeat center top/100% auto;
  padding-top: calc(100%*160/1000);
  font-size: 0px;
  margin: 0 auto -8px;
}
/*通常：購入*/
.btn_buy {
  position: relative;
  display: block;
  width: 90%;
  height: auto;
  background: url("_img/btn_buy.png") no-repeat center top/100% auto;
  padding-top: calc(100%*160/1000);
  font-size: 0px;
  margin: 0 auto -8px;
}
/*通常：入荷案内申し込み*/
.btn_nyuka {
  position: relative;
  display: block;
  width: 90%;
  height: auto;
  background: url("_img/btn_nyuka.png") no-repeat center top/100% auto;
  padding-top: calc(100%*160/1000);
  font-size: 0px;
  margin: 0 auto -8px;
}
/*---------------------------------------------------*/
/*1パック*/
.btn_yoyaku_pack {
  position: relative;
  display: block;
  width: 90%;
  height: auto;
  background: url("_img/btn_yoyaku_pack.png") no-repeat center top/100% auto;
  padding-top: calc(100%*160/1000);
  font-size: 0px;
  margin: 0 auto -8px;
}
.btn_buy_pack {
  position: relative;
  display: block;
  width: 90%;
  height: auto;
  background: url("_img/btn_buy_pack.png") no-repeat center top/100% auto;
  padding-top: calc(100%*160/1000);
  font-size: 0px;
  margin: 0 auto -8px;
}
.btn_nyuka_pack {
  position: relative;
  display: block;
  width: 90%;
  height: auto;
  background: url("_img/btn_nyuka_pack.png") no-repeat center top/100% auto;
  padding-top: calc(100%*160/1000);
  font-size: 0px;
  margin: 0 auto -8px;
}
/*---------------------------------------------------*/
/*1BOX*/
.btn_yoyaku_box {
  position: relative;
  display: block;
  width: 90%;
  height: auto;
  background: url("_img/btn_yoyaku_box.png") no-repeat center top/100% auto;
  padding-top: calc(100%*160/1000);
  font-size: 0px;
  margin: 0 auto -8px;
}
.btn_buy_box {
  position: relative;
  display: block;
  width: 90%;
  height: auto;
  background: url("_img/btn_buy_box.png") no-repeat center top/100% auto;
  padding-top: calc(100%*160/1000);
  font-size: 0px;
  margin: 0 auto -8px;
}
.btn_nyuka_box {
  position: relative;
  display: block;
  width: 90%;
  height: auto;
  background: url("_img/btn_nyuka_box.png") no-repeat center top/100% auto;
  padding-top: calc(100%*160/1000);
  font-size: 0px;
  margin: 0 auto -8px;
}
/*------------------------------------------------------------*/
/*高解像度ディスプレイ用設定*/
/*------------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .lineupList dl.pack dd:before {
    background: url('_img/icon_pack@2x.png')no-repeat center top/100% auto;
  }
  /*セットアイコン*/
  .lineupList dl.set dd:before {
    background: url('_img/icon_set@2x.png')no-repeat center top/100% auto;
  }
  /*ツールアイコン*/
  .lineupList dl.tool dd:before {
    background: url('_img/icon_tool@2x.png')no-repeat center top/100% auto;
  }
  /*----------------------------------------高解像度ディスプレイ-end@media*/
}
/*------------------------------------------------------------*/
/*SP設定*/
/*------------------------------------------------------------*/
@media screen and (max-width: 667px) {
  /*------------------------------------------------------------*/
  /*商品情報*/
  /*------------------------------------------------------------*/
  /*詳細ページレイアウト 基本*/
  /*------------------------------------------------------------*/
  #wrapper_mazica dl {
    min-height: auto;
  }
  /*画像ボックスの中の場合はmin-heightをリセット*/
  #wrapper_mazica dl.ph {
    min-height: auto;
  }
  #wrapper_mazica dl::after {
    content: "";
    display: block;
    clear: both;
  }
  #wrapper_mazica dt {
    position: relative;
    width: 50%;
    float: left;
    text-align: center;
  }
  #wrapper_mazica dd {
    position: relative;
    width: 50%;
    margin-left: 50%;
    padding: 44px 0 0 0;
    font-size: 13px;
    text-align: left;
    font-family: source-han-sans-japanese, sans-serif;
  }
  #wrapper_mazica dl.ph dd {
    /*画像ボックスの中の場合は設定をリセット*/
    padding: 8px 0 0 0;
  }
  /*------------------------------------------------------------*/
  /*商品画像 水平垂直中央*/
  #wrapper_mazica dl dt {
    display: table;
    min-height: auto;
  }
  #wrapper_mazica dl dt a {
    display: table-cell;
    vertical-align: middle;
  }
  /*------------------------------------------------------------*/
  /*詳細ページ：商品名*/
  #wrapper_mazica dl dd p {
    padding-bottom: 12px;
  }
  #wrapper_mazica dl dd p.lineName {
    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;
  }
  /*------------------------------------------------------------*/
  /*詳細ページ*/
  /*------------------------------------------------------------*/
  #wrapper_mazica .detail dt {
    position: relative;
    display: block;
    width: 90%;
    min-height: auto;
    margin: 0 auto;
    float: none;
    text-align: center;
  }
  /*min-height高さをリセット*/
  #wrapper_mazica .detail dt.reset {
    min-height: auto;
  }
  #wrapper_mazica .detail dt img {
    max-width: 66%;
  }
  #wrapper_mazica .detail dt img.ex {
    max-width: 70%;
  }
  #wrapper_mazica .detail dd {
    position: relative;
    width: 90%;
    margin: 0 auto;
    padding: 44px 0 0 0;
    font-size: 13px;
    text-align: left;
    font-family: source-han-sans-japanese, sans-serif;
  }
  /*詳細ページ：商品名*/
  #wrapper_mazica .detail p {
    font-size: 13px;
    text-align: left;
    padding-bottom: 12px;
  }
  #wrapper_mazica .detail dl dd p.lineName {
    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;
  }
  /*ライン 赤*/
  #wrapper_mazica .detail hr {
    width: 98%;
    height: 0px;
    border-radius: 2px;
    margin: 18px auto;
    border: 2px solid #eb8bbc;
  }
  /*ライン 赤*/
  #wrapper_mazica .blue .detail hr {
    border: 1px solid #1860c2;
  }
  #wrapper_mazica .green .detail hr {
    border: 1px solid #31b067;
  }
  #wrapper_mazica .yellow .detail hr {
    border: 1px solid #FC0;
  }
  #wrapper_mazica .orange .detail hr {
    border: 1px solid #e63d19;
  }
  #wrapper_mazica .purple .detail hr {
    border: 1px solid #551276;
  }
  /*---------------------------------------------------*/
  /*説明文*/
  .detail p.read {
    width: 96%;
    margin: 0 auto;
    padding: 0;
  }
  /*画像ボックス*/
  .detail div.phBox {
    width: 90%;
    min-height: auto;
    margin: 0 auto;
    padding: 0;
  }
  .detail .cardInfo {
    width: 96%;
    margin: 0 auto;
    padding-left: 12px;
    border-left: 1px solid #FFF;
  }
  /*強調文字：赤*/
  .detail .cardInfo span.color1 {
    font-size: 15px;
    font-weight: bold;
    color: #e79dc3;
  }
  /*強調文字：黄色*/
  .detail .cardInfo span.color2 {
    font-size: 15px;
    font-weight: bold;
    color: #FFFF00;
  }
  /*---------------------------------------------------*/
  /*収録マジカ*/
  .detail h4 {
    position: relative;
    margin: 26px auto;
    padding: 0 28px;
    font-weight: bold;
    text-align: left;
  }
  .detail h4:before {
    position: absolute;
    top: calc(50% - 1px);
    left: 50%;
    margin-left: -49%;
    width: 98%;
    height: 4px;
    content: '';
    background: #eb8bbc;
    border-radius: 2px;
  }
  /*収録マジカ 背景*/
  .detail h4 span {
    position: relative;
    background: #dd3d90;
    padding: 0.2em 1.5em;
    color: #FFFF00;
    border-radius: 2px;
  }
  /*---------------------------------------------------*/
  /*煽り文字*/
  .detail h5 {
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 1.6;
    color: #e79dc3;
    font-weight: bold;
    text-align: center;
  }
  /*---------------------------------------------------*/
  /*カードのリスト*/
  /*---------------------------------------------------*/
  /*収録商品名*/
  h6 {
    margin: 12px auto -18px;
    padding: 0;
    font-size: 18px;
    color: #FFF;
  }
  /*リストの並び*/
  .cardlistBox ul.cardList {
    width: 90%;
    margin: 0 auto;
    font-size: 0;
    text-align: left;
  }
  /*リストの並び*/
  .cardlistBox ul.cardList li {
    display: inline-block;
    width: 33.33%;
    margin: 0 auto;
    padding: 5px 2px;
    font-size: 0;
  }
  /*---------------------------------------------------*/
  /*レア度*/
  .cardlistBox h3 {
    width: 90%;
    margin: 36px auto 0;
  }
  /*---------------------------------------------------*/
  /*---------------------------------------------------*/
  /*ポップアップ*/
  /*---------------------------------------------------*/
  /*基本レイアウト*/
  .cardPop {
    position: relative;
    padding: 36px 0 100px;
  }
  .cardPop section.panel .inner {
    padding: 24px 0 12px;
  }
  /*---------------------------------------------------*/
  /*カード名：5色*/
  .cardPop section.panel h2 {
    position: absolute;
    width: 96%;
    height: 60px;
    margin: 0 0 0 -45%;
    padding: 16px 0 0 0;
    font-size: 15px;
    color: #FFF;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: bold;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
    text-align: center;
    top: -42px;
    left: 50%;
  }
  .cardPop section.panel h3 {
    position: relative;
    width: 96%;
    height: 60px;
    margin: 0 auto;
    padding: 16px 0 0 0;
    font-size: 15px;
    font-family: source-han-sans-japanese, sans-serif;
    color: #FFF;
    font-weight: bold;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
    text-align: center;
  }
  /*---------------------------------------------------*/
  /*青*/
  .cardPop section.panel.blue h2, .cardPop section.panel.blue h3 {
    background: url("_img/bg_h2_blue@2x.png") no-repeat center top/100% auto;
  }
  /*緑*/
  .cardPop section.panel.green h2, .cardPop section.panel.green h3 {
    background: url("_img/bg_h2_green@2x.png") no-repeat center top/100% auto;
  }
  /*オレンジ*/
  .cardPop section.panel.orange h2, .cardPop section.panel.orange h3 {
    background: url("_img/bg_h2_orange@2x.png") no-repeat center top/100% auto;
  }
  /*赤*/
  .cardPop section.panel.red h2, .cardPop section.panel.red h3 {
    background: url("_img/bg_h2_red@2x.png") no-repeat center top/100% auto;
  }
  /*黄*/
  .cardPop section.panel.yellow h2, .cardPop section.yellow h3 {
    background: url("_img/bg_h2_yellow@2x.png") no-repeat center top/100% auto;
  }
/*紫*/
  .cardPop section.panel.purple h2, .cardPop section.purple h3 {
    background: url("_img/bg_h2_purple@2x.png") no-repeat center top/100% auto;
  }
  /*メインカード表面と裏面*/
  .cardPop ul.main, .cardPop ul.sub {
    position: relative;
    width: 95%;
    margin: 0 auto;
    font-size: 0;
    color: #FFF;
    z-index: 200;
  }
  .cardPop ul.main li {
    display: inline-block;
    width: 42%;
    margin: 0 10px;
    font-size: 0;
    text-align: center;
  }
  .over li {
    overflow: visible;
  }
  .over li img {
    display: block;
    transition-duration: 0.5s;
  }
  .over li img:hover {
    transform: scale(1.6, 1.6);
    transition-duration: 0.2s;
  }
  /*カード名テキスト*/
  .cardPop ul.main li em, .cardPop ul.sub li em {
    display: inline-block;
    padding: 8px 0 16px;
    font-size: 13px;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 400;
  }
  /*バリエーション表面と裏面*/
  .cardPop ul.sub li {
    display: inline-block;
    width: 42%;
    margin: 0 10px;
    font-size: 0;
    text-align: center;
  }
  /*イラストレーター*/
  .cardPop i {
    display: block;
    font-size: 13px;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 400;
    color: #FFF;
    font-style: normal;
    text-align: center;
  }
  /*注意文言*/
  .cardPop .caution {
    padding: 12px 0 0 0;
    font-size: 13px;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 400;
    color: #FFF;
    text-align: center;
  }
  /*---------------------------------------------------*/
  /*カードリストページ内ナビゲーション*/
  /*---------------------------------------------------*/
  ul.listNav {
    position: relative;
    display: block;
    margin: 18px auto 0;
    font-size: 0;
    text-align: center;
    z-index: 20;
  }
  /*プロモーションのみマージン下削除*/
  ul.listNav.mb {
    margin: 0 auto -30px;
  }
  ul.listNav li {
    display: inline-block;
    width: 45%;
    margin: 0 auto;
    font-size: 0;
  }
  ul.listNav_sub { 
    position: relative;
      width: 100%;
      margin-bottom: -14%;
    text-align: left;
    font-size: 0;
    top: -48px;
      z-index: 15;
  }
  ul.listNav_sub li {
    display: inline-block;
    width: 26%;
    margin: 0 -5px 0 0;
    font-size: 0;
  }
  ul.listNav_sub li a img:hover {
    opacity: 1
  }
  /*---------------------------------------------------*/
  /*カードQA*/
  /*---------------------------------------------------*/
  /*基本レイアウト*/
  .cardPop h4 {
    position: relative;
    width: 96%;
    margin: 12px auto;
    padding: 0;
    font-weight: 800;
    text-align: left;
  }
  .cardPop h4:before {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    background: #ffe466;
  }
  .cardPop h4 span {
    position: relative;
    padding: 0 0.5em;
    font-size: 15px;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 400;
    color: #ffe466;
    background: #000;
  }
  /*Q*/
  .cardPop p.que {
    width: 96%;
    background: url("../qa/_img/qa_q.png") no-repeat left top;
    margin: 6px auto 20px auto;
    padding: 5px 0px 10px 40px;
    font-size: 13px;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 400;
    line-height: 1.4;
    color: #FFF;
    text-align: left;
    border-bottom: 2px solid #ffe466;
  }
  /*A*/
  .cardPop p.ans {
    width: 90%;
    background: url(../qa/_img/qa_a.png) no-repeat left top;
    margin: 12px auto 30px;
    padding: 5px 0px 10px 40px;
    font-size: 13px;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 400;
    line-height: 1.4;
    color: #FFF;
    text-align: left;
  }
/*---------------------------------------------------*/
  /*レアリティ帯*/
/*---------------------------------------------------*/
  h3.rare_ur img {display:none;}
    /*ウルトラレア*/
  h3.rare_ur {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background: url("../cardlist/_image/bn_urSP.png") no-repeat center top/90% auto;
    padding-top: calc(100%*160/1000);
    font-size: 0px;
    margin: 0 auto 12px;
  }
  h3.rare_sr img {display:none;}
    /*スーパーレア*/
  h3.rare_sr {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background: url("../cardlist/_image/bn_srSP.png") no-repeat center top/90% auto;
    padding-top: calc(100%*160/1000);
    font-size: 0px;
    margin: 0 auto 12px;
  }
  h3.rare_r img {display:none;}
    /*レア*/
  h3.rare_r {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background: url("../cardlist/_image/bn_rSP.png") no-repeat center top/90% auto;
    padding-top: calc(100%*160/1000);
    font-size: 0px;
    margin: 0 auto 12px;
  }
  h3.rare_n img {display:none;}
    /*ノーマル*/
  h3.rare_n {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background: url("../cardlist/_image/bn_nSP.png") no-repeat center top/90% auto;
    padding-top: calc(100%*160/1000);
    font-size: 0px;
    margin: 0 auto 12px;
  }
  h3.rare_setgentei img {display:none;}
    /*セット限定マジカ*/
  h3.rare_setgentei {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background: url("../cardlist/_image/bn_setgenteiSP.png") no-repeat center top/90% auto;
    padding-top: calc(100%*160/1000);
    font-size: 0px;
    margin: 0 auto 12px;
  }
  h3.rare_shuroku img {display:none;}
    /*収録マジカ*/
  h3.rare_shuroku {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background: url("../cardlist/_image/bn_shurokuSP.png") no-repeat center top/90% auto;
    padding-top: calc(100%*160/1000);
    font-size: 0px;
    margin: 0 auto 12px;
  }
  h3.bn_prom_koro04 img {display:none;}
    /*コロコロ4月*/
  h3.bn_prom_koro04 {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background: url("../cardlist/_image/bn_prom_koro04SP.png") no-repeat center top/90% auto;
    padding-top: calc(100%*160/1000);
    font-size: 0px;
    margin: 0 auto 12px;
  }
 h3.bn_prom_koro05 img {display:none;}
    /*コロコロ5月*/
  h3.bn_prom_koro05 {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background: url("../cardlist/_image/bn_prom_koro05SP.png") no-repeat center top/90% auto;
    padding-top: calc(100%*160/1000);
    font-size: 0px;
    margin: 0 auto 12px;
  }
 h3.bn_prom_etc img {display:none;}
    /*その他*/
 h3.bn_prom_etc {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background: url("../cardlist/_image/bn_prom_etcSP.png") no-repeat center top/90% auto;
    padding-top: calc(100%*160/1000);
    font-size: 0px;
    margin: 0 auto 12px;
  }
  h3.bn_prom_camp04 img {
    display: none;
  }
  /*URマジカゲットキャンペーン！*/
  h3.bn_prom_camp04 {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background: url("../cardlist/_image/bn_prom_camp04SP.png") no-repeat center top/90% auto;
    padding-top: calc(100%*160/1000);
    font-size: 0px;
    margin: 0 auto 12px;
  }
  h3.bn_prom_camp05 img {
    display: none;
  }
  /*金ぴかバーンバルニャー*/
  h3.bn_prom_camp05 {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background: url("../cardlist/_image/bn_prom_camp05SP.png") no-repeat center top/90% auto;
    padding-top: calc(100%*160/1000);
    font-size: 0px;
    margin: 0 auto 12px;
  }
	
  h3.bn_prom_colo08 img {
    display: none;
  }
  /*コロコロ8月*/
  h3.bn_prom_colo08 {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background: url("../cardlist/_image/bn_prom_colo08SP.png") no-repeat center top/90% auto;
    padding-top: calc(100%*160/1000);
    font-size: 0px;
    margin: 0 auto 12px;
  }
	
  h3.bn_prom_colo09 img {
    display: none;
  }
  /*コロコロ9月*/
  h3.bn_prom_colo09 {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background: url("../cardlist/_image/bn_prom_colo09SP.png") no-repeat center top/90% auto;
    padding-top: calc(100%*160/1000);
    font-size: 0px;
    margin: 0 auto 12px;
  }
	
	h3.bn_prom_pr09 img {
    display: none;
  }
	
  /*MZ-14　マジカバトルエントリーパックエピソード２L*/
  h3.bn_prom_pr09 {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background: url("../cardlist/_image/bn_prom_pr09SP.png") no-repeat center top/90% auto;
    padding-top: calc(100%*160/1000);
    font-size: 0px;
    margin: 0 auto 12px;
  }
	h3.bn_prom_pr10 img {
    display: none;
  }
  /*MZ-15　マジカバトルエントリーパックエピソード２R*/
  h3.bn_prom_pr10 {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background: url("../cardlist/_image/bn_prom_pr10SP.png") no-repeat center top/90% auto;
    padding-top: calc(100%*160/1000);
    font-size: 0px;
    margin: 0 auto 12px;
  }

    
  /*---------------------------------------------------*/
  /*ボタン設定*/
  /*---------------------------------------------------*/
  /*通常*/
  .btn_more {
    position: relative;
    display: block;
    width: 90%;
    height: auto;
    background: url("_img/btn_more_b.png") no-repeat center top/100% auto;
    padding-top: calc(100%*160/1000);
    font-size: 0px;
    margin: 0 auto -8px;
  }
  /*---------------------------------------------------*/
  /*通常：予約*/
  .btn_yoyaku {
    position: relative;
    display: block;
    width: 90%;
    height: auto;
    background: url("_img/btn_yoyaku.png") no-repeat center top/100% auto;
    padding-top: calc(100%*160/1000);
    font-size: 0px;
    margin: 0 auto -8px;
  }
  /*通常：購入*/
  .btn_buy {
    position: relative;
    display: block;
    width: 90%;
    height: auto;
    background: url("_img/btn_buy.png") no-repeat center top/100% auto;
    padding-top: calc(100%*160/1000);
    font-size: 0px;
    margin: 0 auto -8px;
  }
  /*通常：入荷案内申し込み*/
  .btn_nyuka {
    position: relative;
    display: block;
    width: 90%;
    height: auto;
    background: url("_img/btn_nyuka.png") no-repeat center top/100% auto;
    padding-top: calc(100%*160/1000);
    font-size: 0px;
    margin: 0 auto -8px;
  }
  /*---------------------------------------------------*/
  /*1パック*/
  .btn_yoyaku_pack {
    position: relative;
    display: block;
    width: 90%;
    height: auto;
    background: url("_img/btn_yoyaku_pack.png") no-repeat center top/100% auto;
    padding-top: calc(100%*160/1000);
    font-size: 0px;
    margin: 0 auto -8px;
  }
  .btn_buy_pack {
    position: relative;
    display: block;
    width: 90%;
    height: auto;
    background: url("_img/btn_buy_pack.png") no-repeat center top/100% auto;
    padding-top: calc(100%*160/1000);
    font-size: 0px;
    margin: 0 auto -8px;
  }
  .btn_nyuka_pack {
    position: relative;
    display: block;
    width: 90%;
    height: auto;
    background: url("_img/btn_nyuka_pack.png") no-repeat center top/100% auto;
    padding-top: calc(100%*160/1000);
    font-size: 0px;
    margin: 0 auto -8px;
  }
  /*---------------------------------------------------*/
  /*1BOX*/
  .btn_yoyaku_box {
    position: relative;
    display: block;
    width: 90%;
    height: auto;
    background: url("_img/btn_yoyaku_box.png") no-repeat center top/100% auto;
    padding-top: calc(100%*160/1000);
    font-size: 0px;
    margin: 0 auto -8px;
  }
  .btn_buy_box {
    position: relative;
    display: block;
    width: 90%;
    height: auto;
    background: url("_img/btn_buy_box.png") no-repeat center top/100% auto;
    padding-top: calc(100%*160/1000);
    font-size: 0px;
    margin: 0 auto -8px;
  }
  .btn_nyuka_box {
    position: relative;
    display: block;
    width: 90%;
    height: auto;
    background: url("_img/btn_nyuka_box.png") no-repeat center top/100% auto;
    padding-top: calc(100%*160/1000);
    font-size: 0px;
    margin: 0 auto -8px;
  }
  /*詳細ページのボタンの大きさは100%*/
  .detail a {
    width: 100%;
    padding-top: calc(100%*180/1000);
  }
}