.pageTitle { margin-bottom: 10px !important; }

.itemSelects { width: 30%; display: inline-block; text-align: center; position: relative; margin: -5px 1px; box-sizing: border-box; cursor: pointer; }

.itemSelects:hover { -webkit-filter: brightness(130%); filter: brightness(130%); top: -2px; }

.itemSelects::before { background: url(//asobeans.akamaized.net/sparkhockey-pc.asobeans.jp/images/item/bg_icon0.png) no-repeat; background-size: 95%; opacity: 0.5; position: absolute; top: 11px; right: 0; bottom: 0; left: 6px; content: " "; z-index: 1; }

.selected { width: 30%; display: inline-block; text-align: center; position: relative; margin: -5px 1px; top: -2px; box-sizing: border-box; }

.selected::after { background: url(//asobeans.akamaized.net/sparkhockey-pc.asobeans.jp/images/item/bg_border.png) no-repeat; background-size: 100%; opacity: 1; position: absolute; top: 1px; right: 0; bottom: 0; left: -3px; content: " "; z-index: 0; -webkit-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out; width: 105%; }

@-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0.83); }
  50% { -webkit-transform: scale(0.94); opacity: 0.4; } }
@keyframes bounce { 0%, 100% { transform: scale(0.83); }
  50% { transform: scale(0.94); opacity: 0.4; } }
.selected::before { background: url(//asobeans.akamaized.net/sparkhockey-pc.asobeans.jp/images/item/bg_icon0.png) no-repeat; background-size: 96%; opacity: 1; position: absolute; top: 9.5px; right: 0; bottom: 0; left: 5.4px; content: " "; z-index: 1; }

.itemImg { width: 100%; position: relative; top: 5px; right: 0; bottom: 0; left: 0; z-index: 2; }

.itemSelectsNone { width: 30%; display: inline-block; text-align: center; position: relative; }

.underRow { top: -3px; }

#noItem img { top: 1px !important; z-index: 1; }

#noItem::before { background: url(//asobeans.akamaized.net/sparkhockey-pc.asobeans.jp/images/item/bg_icon0.png) 35% 7% no-repeat; background-size: 95%; opacity: 0.8; position: absolute; top: 3px; right: 0; bottom: 0; left: 0; content: " "; z-index: 0; }

#noItem::after { background: url(//asobeans.akamaized.net/sparkhockey-pc.asobeans.jp/images/item/bg_border.png) no-repeat 2px 5px; background-size: 97%; z-index: 3; top: -3px; }

.noSelect { position: absolute; top: 5px; left: 0; z-index: 3; opacity: 0.7; }

.selectedItem { width: 35%; display: inline-block; text-align: center; position: relative; margin: 0 5px 0 0; z-index: 2; left: 0; }

.selectedItem::after { background: url(//asobeans.akamaized.net/sparkhockey-pc.asobeans.jp/images/item/bg_icon0.png) no-repeat; background-size: 96%; opacity: 0.5; position: absolute; top: 8.4px; right: 0; bottom: 0; left: 4px; content: " "; z-index: 1; }

.selectedItem img { position: relative; top: 4px; right: 0; bottom: 0; left: 0; z-index: 2; }

.itemDetailBox { width: 95%; margin: -7px auto 5px auto; }

.itemDetailText { width: 60%; margin-top: 6%; line-height: 1.5; }

.aquaColor { color: #A2FFFF; }

.itemSelects p, .selected p { background: rgba(0, 102, 183, 0.65); position: absolute; padding: 0 2%; top: 85%; left: 50%; width: 85%; border-radius: 100px; height: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-weight: bold; font-size: 13px; line-height: 1.8; z-index: 4; }

.itemSelectsNone p { background: rgba(0, 82, 147, 0.7); position: absolute; padding: 0 2%; top: 86%; left: 50%; width: 85%; border-radius: 100px; height: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-weight: bold; font-size: 12px; line-height: 1.8; z-index: 4; opacity: 0.7; }

.selectedItem p { background: rgba(62, 178, 255, 0.3); position: absolute; padding: 0 4px; top: 51%; left: 0; width: 74%; border-radius: 100px; height: auto; -webkit-transform: translate(12%, -50%); -moz-transform: translate(12%, -50%); -ms-transform: translate(12%, -50%); -o-transform: translate(12%, -50%); transform: translate(12%, -50%); font-weight: bold; font-size: 13px; line-height: 1.9; z-index: 2; }

.itemDetailText p { background: rgba(62, 178, 255, 0.3); padding: 0; width: 100%; border-radius: 100px; height: auto; font-weight: bold; box-sizing: border-box; font-size: 16px; line-height: 1.8; }

/* overlay ----------------------------------------------------------*/
.blackBack { background-color: rgba(0, 8, 39, 0.8); border-radius: 6px; margin: 0 auto; padding: 5%; line-height: 1.8; box-sizing: border-box; }

.rela { position: relative; }

#mission_useItem div, #mission_noItem div { position: absolute; width: 100%; top: 35%; left: 0; }

#mission_firstGoal div { position: absolute; width: 100%; top: 25%; left: 0; font-size: 12px; }

#mission_firstGoal { position: absolute; z-index: 20; width: 100%; height: 92%; top: 9px; left: 0; right: 0; bottom: 0; text-align: center; }

#mission_useItem { position: absolute; z-index: 20; width: 100%; height: 150%; top: 0; left: 0; right: 0; bottom: 0; text-align: center; }

#mission_noItem { position: absolute; z-index: 20; width: 100%; height: 63%; top: 0; left: 0; margin: auto; text-align: center; }

/* missionDialog----------------------------*/
#confPop { position: absolute; top: -30%; left: 0; bottom: 0; right: 0; z-index: 1001; width: 90%; height: 50%; margin: auto; line-height: 1.7; }

#confBackground { width: 100%; height: 100%; min-height: 100%; background: rgba(0, 5, 15, 0.6); position: fixed; top: 0; left: 0; z-index: 1000; }