@charset "utf-8";
/* CSS Document */

/* ランキング数字 */
p.fngRankNo{
  position: absolute;
  left:5px;
  color:white;
  font-weight: bold;
  font-size:1.6rem;
  text-shadow: 1px 2px 3px #3f3f3f;
}

p.fngLastSeen{
 text-align: center;
 color: #fff;
 font-size: 1rem;
	position: relative;
	margin-bottom: 0.25em;
}

.items-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

/* predictions */
.items-row2Layout{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content:space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.items-row2Layout .row{
	margin-left:0;
	margin-right:0;
}
.items-row2Layout .bg-light{
	width:100%;
}


.occurrences-table-container{
  overflow:auto;
  max-height: 238px;
}

/*base-label*/
.rarity-label{
  padding: .25rem .5rem;
  background-color: #6094CE;
  color: #fff;
}

/*rarity-label*/
.rarity-label.legendary{
  background-color: #e67e22;
  color: #fff;
}
.rarity-label.epic{
  background-color: #c751f8;
  color: #fff;
}
.rarity-label.rare{
  background-color: #3DABF5;
  color: #fff;
}
.rarity-label.uncommon{
  background-color: #51A50B;
  color: #fff;
}
.rarity-label.common{
  background-color: #828282;
  color: #fff;
}
.rarity-label.marvel{
  background-color: #EA3537;
  color: #fff;
}
.rarity-label.dc{
  background-color: #6094CE;
  color: #fff;
}
.rarity-label.gaming{
  background-color: #9790FF;
  color: #fff;
}
.rarity-label.slurp{
  background-color: #53F0FF;
  color: #fff;
}
.rarity-label.cube{
  background-color: #ff42e7;
  color: #fff;
}
.rarity-label.creatorcollab{
  background-color: #32a7a7;
  color: #fff;
}

/*css重複のため変更予定*/
.rarity-label.shadow{
  background-color: #949494;
  color: #fff;
}

.detailPriceText{
  margin-bottom:.75rem;
  font-size: 1.6rem;
}

/* card */
.card img{
  width: 100%;
  height: auto;
}

/*share button*/
.share .row div {
	text-align: center;
	padding: 10px;
}

.share .row {
	padding: 5px;
}

.sharebtns div {
	border-radius: 5px;
}

.sharebtns a {
	display: block;
    color: #fff;
    padding: 5px;
}

.twitterbtn {
	background-color: #009EF5;
}

.facebookbtn {
	background-color: #3B539A;
}

.hatebubtn {
	background-color: #00A4E1;
}

.googlebtn {
	background-color: #DD4B39;
}

.pocketbtn {
	background-color: #EE4056;
}

.linebtn {
	background-color: #00C300;
}

/*adsense CLS対策*/
@media screen and (max-width: 768px){
.wpaw-google-adsense{
	min-height:320px;
}
}

/* old-itemshop-css */
*{
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, sans-serif;
	margin: 0px;
	padding: 0px;
}
#wrapper{
	width:100%;
	background:white;
}
#contentInner{
}
footer{
	background:#23282d;
	padding:1.5em;
	text-align:center;
}
.footerSNS{
	padding-bottom: 1em;
	text-align: center;
}
/*ヘッダー*/
#headbox-bg{
	background:#febe31;
}
#st-text-logo{
	padding:14px 0 6px;
	margin:0 auto;
	text-align: center;
}
#st-text-logo img{
	width:140px;
}
p.descr{
	color:white;
	text-align: center;
	font-size: 0.8rem;
}
/*見出し*/
h1.fngPartiH1{
	color:#2a2a2a;
	font-weight:900;
	text-align: center;
	font-size:1.4rem;
	margin-top:10px;
}
h1.fngPartiH1 b{
	background: linear-gradient(transparent 70%,#f8fd48 0%);
}
h1.fngPartiH1 span{
	display: block;
	font-size:80%;
}
.fngPartiHead{
 position: relative;
padding:0.25em;
 font-size: 1.2rem;
 font-weight: bold;
	color:white;
	background-color: #febe31;
	text-align: center;
	margin:0em auto -0.5em;
}
.fngPartiHead:before{
	content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 10px solid #febe31;
}
.fngPartiHead.empty{
 color: #999999;
 text-align: center;
 margin: 40px;
}
/*ボックス*/
.fngParti{
	padding:3em 1%;
	background:radial-gradient(#00cff0 -20%,#1d0067 110%);
	display:flex;
	justify-content:center;
	flex-flow: wrap;
}
.fngFrame{
 position: relative;
 background-color: rgb(38, 54, 100);
 background: radial-gradient(#5475C7,#243461);
 display:block;
	border:3px solid gray;
}
.main-img .fngFrame {
  width:98%;
  height:98%;
}

/*各レアリティ*/
.fngFrame.legendary{
 background-color:#E98D4B;
 background: radial-gradient(#ea8d23,#78371d);
	border-color:#E98D4B;
}
.fngFrame.epic{
 background-color:#E95EFF;
 background: radial-gradient(#c359ff,#4c2483);
	border-color:#E95EFF;
}
.fngFrame.rare{
 background-color:#37D1FF;
 background: radial-gradient(#2cc0ff,#143877);
	border-color:#37D1FF;
}
.fngFrame.uncommon{
 background-color:#87E339;
 background: radial-gradient(#6abb1e,#175117);
	border-color:#87E339;
}

.fngFrame.cube{
 background-color:#87E339;
 background: radial-gradient(#fb22df,#520c6f);
	border-color:#ff42e7;
}

/*css重複のため変更予定*/
/*以下どちらかにする*/
.fngFrame.shadow{
 background-color:#87E339;
 background: radial-gradient(#717171,#191919);
	border-color:#949494;
}
.fngFrame.shadowseries{
 background-color:#87E339;
 background: radial-gradient(#717171,#191919);
	border-color:#949494;
}

/*以下どちらかにする*/
.fngFrame.dc{
 background-color:#6094CE;
 background: radial-gradient(#5475C7,#243461);
	border-color:#6094CE;
}
.fngFrame.dcuseries{
 background-color:#6094CE;
 background: radial-gradient(#5475C7,#243461);
	border-color:#6094CE;
}

/*以下どちらかにする*/
.fngFrame.creatorcollab{
 background-color:#52E0E0;
 background: radial-gradient(#36b7b7,#256b6b);
	border-color:#52E0E0;
}
.fngFrame.CreatorCollabSeries{
 background-color:#52E0E0;
 background: radial-gradient(#36b7b7,#256b6b);
	border-color:#52E0E0;
}

/*以下どちらかにする*/
.fngFrame.marvel{
 background-color:#Ef3537;
 background: radial-gradient(#c53333,#761b1b);
	border-color:#Ef3537;
}
.fngFrame.marvelseries{
 background-color:#Ef3537;
 background: radial-gradient(#c53333,#761b1b);
	border-color:#Ef3537;
}

/*以下どちらかにする*/
.fngFrame.slurp{
 background-color:#53F0FF;
 background: radial-gradient(#29f1a3,#12a9a4);
	border-color:#53F0FF;
}
.fngFrame.slurpseries{
 background-color:#53F0FF;
 background: radial-gradient(#29f1a3,#12a9a4);
	border-color:#53F0FF;
}

/*以下どちらかにする*/
.fngFrame.platformSeries{
 background-color:#8078ff;
 background: radial-gradient(#5447d4,#312497);
	border-color:#8078ff;
}
.fngFrame.platform{
 background-color:#8078ff;
 background: radial-gradient(#5447d4,#312497);
	border-color:#8078ff;
}


/*画像*/
.fngFrame .imagesec{
 width:100%;
 height:100%;
}
.fngFrame .imagesec img{
 width:100%;
 height:100%;
  object-fit: cover;
}
.fngCaption{
 position: absolute;
 left: 0px;
 bottom:0px;
 width:100%;
 height:60px;
  background: rgba(0,0,0,0.3);
}
.fngText{
 text-align:center;
 font-size: 0.95rem;
 font-weight: bold;
 color: #fff;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
	padding:8px 3% 0;
	margin-bottom: 0.25em;
}
p.fngPriceText{
 text-align: center;
 color: #fff;
 font-size: 1rem;
	position: relative;
	margin-bottom: 0.25em;
}
.fngPriceText:before{
	content: "";
    position: absolute;
	background:url(../images/icon_vbucks_50x.png) left top;
	background-size: cover;
	width: 18px;
	height: 18px;
	margin-left:-22px;
	top:3px;
}
/*最小*/
.fngFrame{
 width:164px;
 height:164px;
	margin:1%;
}
/* 768px以上 */
@media (min-width: 768px){
.fngParti{
	padding:4em 5%;}
.fngFrame{
    width:154px;
	height:154px;}
p.descr{font-size:1rem;}
h1.fngPartiH1{
	font-size:2.2rem;
padding:1em 2%;}
.fngPartiHead{
	font-size:2rem;}
.fngText{
	font-size:1.2rem;}
p.fngPriceText{
	font-size:1.4rem;}
.fngPriceText:before{
	width:22px;
	height:22px;
	margin-left:-27px;
	top:6px;}
.fngCaption{
	height: 80px;}

/* predictions */
.items-row2Layout .bg-light{
	width:49%;
}
}
/* 992px以上 */
@media (min-width: 992px){
.fngParti{
	padding:4em 10%;}
.fngFrame{
    width:210px;
	height:210px;}
}
/* 992px以上 */
@media (min-width:1200px){
.fngFrame{
    width:255px;
	height:255px;}
}
.fngFrame:hover {
 cursor: pointer;
}
/* item data image background */
.data-images{
	background: url(../images/checker.png);
    max-height: 180px;
    max-width: 180px;
}

/* LEGO link banner size */
.lego-link{
	width: 50%;
    height: 50%;
    margin: 10px auto;
}