@charset "UTF-8";

/*-----------------------------------------------------------*/
/*PC用ページ用設定*/
/*-----------------------------------------------------------*/
/*共通*/
/*-----------------------------------------------------------*/
/*レイアウト*/
/*-----------------------------------------------------------*/
/*グッズとサンデーSHOP見出し*/
/*-----------------------------------------------------------*/
/*共通レイアウト*/
/*-----------------------------------------------------------*/
/*リスト基本*/
/*-----------------------------------------------------------*/
/*リスト基本の並び方*/
/*-----------------------------------------------------------*/
/*サンデーショップレイアウト*/
/*-----------------------------------------------------------*/
/*注意書き*/
/*-----------------------------------------------------------*/
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #FFF;
  opacity: 0.75;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
}
ul, article ol {
  margin: 0;
  padding-left: 0;
}
li {
  padding: 0;
  list-style: none;
}
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*共通*/
img {
  display: inline-block;
  max-width: 100%;
}
p {
  width: 100%;
}

/*-----------------------------------------------------------*/
/*レイアウト*/
/*-----------------------------------------------------------*/
/*全体レイアウト*/
.sumitlineup {
  position: relative;
  max-width: 840px;
  margin: 0 auto 24px;
  font-size: 16px;
  line-height: 1.6;
  color: #333;
}

/*-----------------------------------------------------------*/
/*キービジュアル*/
.sumitlineup main {
  font-size: 0;
  z-index: 2;
}

/*-----------------------------------------------------------*/
/*グッズレイアウト*/
.sumitlineup .goods {
  position: relative;
  width: 100%;
  background: #a5826d url('../../_image/detective_summit_tour_osaka/goodsBG.png') repeat center bottom;
  padding: 0 0 12px;
  z-index: 2;
}
.sumitlineup .goods .inner {
  position: relative;
  width: 780px;
  background:  url('../../_image/detective_summit_tour_osaka/goodsBG2.png') repeat center bottom;
  margin: 0 auto;
  padding: 28px 0 28px;
  border: 6px solid #902b2b ;
  z-index: 2;
}

/*-----------------------------------------------------------*/
/*購入制限*/
.sumitlineup .ttl_goods {
  background: url('../../_image/detective_summit_tour_osaka/ttl_goods.png') no-repeat center bottom/cover;
  height: 202px;
  text-align: center;
}
/*購入制限スマホ*/
@media screen and (max-width: 667px) {
  .sumitlineup .ttl_goods {
    background: url('../../_image/detective_summit_tour_osaka/ttl_goods.png') no-repeat center bottom/cover;
    height: auto;
    padding-bottom: calc(100% * 200/800);
    text-align: center;
  }
}

/*-----------------------------------------------------------*/
/*リボン左*/
.sumitlineup h3::before {
  content: '';
  position: absolute;
  width: 42px;
  height: 63px;
  background: url('../../_image/detective_summit/lineup/h3BGL.png') no-repeat center bottom/cover;
  top: 12px;
  left: -30px;
  z-index: -1;
}

/*リボン右*/
.sumitlineup h3::after {
  content: '';
  position: absolute;
  background: url('../../_image/detective_summit/lineup/h3BGR.png') no-repeat center bottom/cover;
  width: 41px;
  height: 62px;
  top: 12px;
  right: -30px;
  z-index: -1;
}

/*-----------------------------------------------------------*/
/*共通レイアウト*/
/*-----------------------------------------------------------*/
/*商品レイアウト基本*/
.sumitlineup ul.item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 92%;
  margin: 0 auto;
  padding: 0;
}

/*-----------------------------------------------------------*/
/*リスト基本*/
/*-----------------------------------------------------------*/
.sumitlineup ul.item li {
  position: relative;
  margin: 0 0 20px;
  padding: 8px 20px 32px;
  z-index: 2;
  width: 100%;
  border-bottom: 3px solid #902b2b;

}

/*-----------------------------------------------------------*/
/*リスト基本：グッズ背景*/
.sumitlineup .goods ul.item li {
  color: #333;
}

/*-----------------------------------------------------------*/
/*リスト基本の並び方*/
/*-----------------------------------------------------------*/
/*アイテム2列*/
.sumitlineup ul.item.l2 li {
  width: 49%;
  border-bottom: none;
}

/*-----------------------------------------------------------*/
/*スタートデッキとスリーブ*/
/*-----------------------------------------------------------*/
.sumitlineup .goods ol {
  display: flex;

  max-width:100%;
  margin: 16px 0 0;
}

.sumitlineup ul.item li ol li {
  margin: 0;
  padding: 4px;
  border-bottom: none;
}

/*-----------------------------------------------------------*/
/*グッズ画像下のプレート*/
.sumitlineup img.plt {
  margin: 4px auto 0;
}
/*-----------------------------------------------------------*/
/*番号*/
/*-----------------------------------------------------------*/
.num {
  position: absolute;
  top: 0px;
  left: 16px;
  z-index: 10;
}

/*番号*/
.num2 {
  position: absolute;
  top: -20px;
  left: 50%;
  margin: 0 0 0 -25px;
  z-index: 10;
}

/*-----------------------------------------------------------*/
/*画像*/
/*-----------------------------------------------------------*/
figure {
  position: relative;
  display: block;
  text-align: center;
  vertical-align: top;
  padding-top: 50px;
}
/*ポップアップのパディングは0px*/
.mfp-figure figure {
  padding-top: 0px;
}

/*-----------------------------------------------------------*/
/*テキスト*/
/*-----------------------------------------------------------*/
.prdName {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.prdName dt{
  width: 70%;
  padding: 0;
margin: 0;
  font-size: 22px;
border: none;

}
.prdName dd{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 30%;
  padding: 0;
  margin: 0;

}

.item p {
  text-align: left;
  padding: 24px 0 12px;
}

/*-----------------------------------------------------------*/
/*価格*/
/*-----------------------------------------------------------*/
.sumitlineup em {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-size: 26px;
  line-height: 1em;
  font-style: normal;
  text-align: center;
  /*bold処理*/
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sumitlineup ul.item.l2 li em {
  justify-content: left;
}

.sumitlineup ul.item.l2 li .l2prd {
 
  font-size: 20px;
  

  text-align: left;
  /*bold処理*/
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sumitlineup small {
  font-size: 13px;
  opacity: 1;
  color: #333;
}

.sumitlineup .pak {
  display: inline-block;
  width:  4.5em;
  background: #902b2b;
  color: #FFF;
  line-height: 1;
  padding: 4px 4px 5px;
  margin:0 4px 4px;
  font-size: 13px;
}
.sumitlineup .pak.mt {
  display: inline-block;
  width:  4.5em;
  background: #902b2b;
  color: #FFF;
  line-height: 1;
  padding: 4px 4px 5px;
  margin:0 4px 2px;
  font-size: 13px;
}



/*価格バック販売のみ*/
.sumitlineup em img {
  margin: 0 8px 2px 0;
}

/*各*/
.sumitlineup em span {
  display: inline-block;
  margin: 0 4px 0 0;
  font-size: 18px;
  line-height: 1.4em;
  font-style: normal;
}

/*価格数字*/
.sumitlineup em u {
  display: inline-block;
  margin: 4px 0 0;
  font-size: 24px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1em;
  font-style: normal;
  text-decoration: none;
}

/*税込*/
.sumitlineup em i {
  display: inline-block;
  margin: 0px 0 0 -4px;
  font-size: 14px;
  line-height: 1.4em;
  font-style: normal;
}

/*-----------------------------------------------------------*/
/*注意書き*/
/*-----------------------------------------------------------*/
.sumitlineup .block {
  position: relative;
  width: 92%;
  background: #e4e4e4;
  margin: 0 auto;
  padding: 32px;
  font-size: 14px;
  color: #666666;
  z-index: 2;
  text-align: left;
}

/*上下にスペース*/
.sumitlineup .block p {
  max-width: 100%;
  width: 100%;
  margin: 0 0 6px;
}

/*小見出し*/
.sumitlineup .block p b {
  display: block;
  padding: 6px 0 0;
  /*bold処理*/
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sumitlineup .block ul{
  width: 100%;
  margin: 0;
  padding: 0;
}



/*-----------------------------------------------SP用ページ用設定*/
@media screen and (max-width: 667px) {
  .pc {
    display: none;
  }

  img.max80{
    max-width: 80%;
  }
/*///////////////////////////////////////////*/
  /*全体レイアウト*/
.sumitlineup {
  position: relative;
  max-width: 100%;
  margin: 0 auto 24px;
  font-size: 1%;
  line-height: 1.6;
  color: #333;
}
.sumitlineup .goods .inner {
  position: relative;
  max-width: 100%;
  background:  url('../../_image/detective_summit_tour_osaka/goodsBG2.png') repeat center bottom;
  margin: 20px auto 0;
  padding: 28px 8px 28px;
  border: 5px solid #902b2b ;
  z-index: 2;
} 
.sumitlineup ul.item {
  width: 100%;
}

.item p {
  text-align: left;
  width: 100%;
  padding: 0 0 12px;
}

.prdName {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.prdName dt{
  width: 100%;
  padding: 0;
margin: 0;
border: none;
}
.prdName dd{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0;
  margin: 0;
}
/*-----------------------------------------------------------*/
/*画像*/
/*-----------------------------------------------------------*/
figure {
  position: relative;
  display: block;
  text-align: center;
  vertical-align: top;
  padding: 32px 0 12px;
}

.sumitlineup ul.item li ol li {
  margin: 0 0 12px;
  padding:20px 4px;
  border-bottom: none;
  width: 33.333%;

}


  
/*-----------------------------------------------------------*/
/*グッズとサンデーSHOP見出し*/
/*-----------------------------------------------------------*/

/*見出し内の白ライン内の画像*/
.sumitlineup i.line img {
  max-width: 70%;
  margin: 0 auto;

}
/*-----------------------------------------------------------*/
/*スタートデッキとスリーブ*/
/*-----------------------------------------------------------*/
.sumitlineup .goods ol {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 16px 0 0;
}



.sumitlineup ul.item.l1 li ol li {
  width: 49%;
  margin: 0 auto 24px;
  padding: 20px 4px;
  text-align: center;
}


/*-----------------------------------------------------------*/
/*見出しh3 +画像付き.ph*/
/*-----------------------------------------------------------*/


.sumitlineup h3.ph {
  position: relative;
  width: calc(100% - 30px);
  background: url('../../_image/detective_summit/lineup/h3BG.png') no-repeat center bottom/cover;
  margin: 0 auto 24px;
  padding: 4px 0;
  text-align: center;
}
.sumitlineup h3.ph img {
  max-width: 90%;
}

/*-----------------------------------------------------------*/
/*リボン左*/
.sumitlineup h3::before {
  content: '';
  position: absolute;
  width: 26px;
  height: 40px;
  background: url('../../_image/detective_summit/lineup/h3BGL.png') no-repeat center bottom/cover;
  top: 20px;
  left: -10px;
  z-index: -1;
}

/*リボン右*/
.sumitlineup h3::after {
  content: '';
  position: absolute;
  background: url('../../_image/detective_summit/lineup/h3BGR.png') no-repeat center bottom/cover;
  width: 26px;
  height: 40px;
  top: 20px;
  right: -10px;
  z-index: -1;
}

.h3at {
  margin: 0 0 0 0;
 }

/*-----------------------------------------------------------*/
/*見出しh4*/
/*-----------------------------------------------------------*/
.sumitlineup h4 {
  position: relative;
  width: calc(100% - 30px);
  background: url('../../_image/detective_summit/lineup/h4BG.png') no-repeat center bottom/cover;
  margin: 0 auto 24px;
  padding: 4px 0;
  text-align: center;
}

h4 i.line {
  padding: 4px;
  font-size: 16px;
  line-height: 1, 2;
  color: #FFF;
  font-style: normal;
  /*bold処理*/
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*-----------------------------------------------------------*/
/*リボン左*/
.sumitlineup h4::before {
  content: '';
  position: absolute;
  width: 26px;
  height: 40px;
  background: url('../../_image/detective_summit/lineup/h4BGL.png') no-repeat center bottom/cover;
  top: 20px;
  left: -15px;
  z-index: -1;
}

/*リボン右*/
.sumitlineup h4::after {
  content: '';
  position: absolute;
  background: url('../../_image/detective_summit/lineup/h4BGR.png') no-repeat center bottom/cover;
  width: 26px;
  height: 40px;
  top: 20px;
  right: -15px;
  z-index: -1;
}

/*-----------------------------------------------------------*/
/*キャラブロックの最初の説明レイアウト*/
.sumitlineup .sunday ol.s2 li.charablock,
.sumitlineup .sunday ol.s2 li.fila {
  width: 100%;

}

/*サンデーショップ画像下のプレート*/
.sumitlineup .s2 img.plt {
  margin: 4px auto 0;
}

/*-----------------------------------------------------------*/
/*リスト基本の並び方*/
/*-----------------------------------------------------------*/
/*アイテム2列*/
.sumitlineup ul.item.l2 li {
  width: 100%;
}
.sumitlineup ul.item.l2 li.border {
  border-bottom: 3px solid #902b2b;
}


/*-----------------------------------------------------------*/
.sumitlineup .sunday ol.s2 li {
  width: 100%;
}
/*-----------------------------------------------------------*/
/*サンデーショップレイアウト*/
/*-----------------------------------------------------------*/
/*商品2列リスト*/

/*-----------------------------------------------------------*/
.sumitlineup ul.item.l1 li ol.s2 li{
  width: 100%;
}
.w60 {
  max-width: 60%;
}
.w70 {
  max-width: 70%;
}
.w80 {
  max-width: 80%;
}



/*-----------------------------------------------------------*/
/*番号*/
/*-----------------------------------------------------------*/
.num{
width: 40px;
}
.num.fil{
  width: 60px;
  }

/*番号*/
.num2{
  max-width: 40px;
  }




/*-----------------------------------------------------------*/
/*テキスト*/
/*-----------------------------------------------------------*/
cite {

  font-size: 15px;


}

/*名探偵コナンTCG*/
cite b {
  font-size: 13px;
}

/*-----------------------------------------------------------*/
/*価格*/
/*-----------------------------------------------------------*/
.sumitlineup em {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-size: 20px;
  line-height: 1em;
  font-style: normal;
  text-align: center;
  /*bold処理*/
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*価格バック販売のみ*/
.sumitlineup em img {
  margin: 0 8px 2px 0;
}

/*各*/
.sumitlineup em span {
  display: inline-block;
  margin: 0 4px 0 0;
  font-size: 15px;
  line-height: 1.4em;
  font-style: normal;
}

/*価格数字*/
em u {
  display: inline-block;
  margin: 4px 0 0;
  font-size: 24px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1em;
  font-style: normal;
  text-decoration: none;
}

/*税込*/
em i {
  display: inline-block;
  margin: 0px 0 0 -4px;
  font-size: 14px;
  line-height: 1.4em;
  font-style: normal;
}

  /*end media----------------------------------*/
}