/*utility*/
.cf:after,.cf:before { content:""; display:table }
.cf:after { clear:both }
.ad-block { display:block!important }
.disp-sp { display:none }
.loading { position:relative; text-align:center; width:100%; z-index:1 }
.loading:before { background-image:url(/common/images/common/loader.gif); background-position:0 0; background-repeat:no-repeat; content:""; display:block; height:58px; margin:auto; width:58px }
.lazy { opacity:0; -webkit-transition:opacity .5s ease; transition:opacity .5s ease }
.lazy.lazy-bg,.lazy.loaded { opacity:1 }
.u_undownloadable { pointer-events:none }
.u-fs-XS { font-size:1.2rem }
.u-fs-S { font-size:1.4rem }
.u-fs-M { font-size:1.6rem }
.u-fs-L { font-size:1.8rem }
.u-fs-XL { font-size:2rem }
.u-lh-S { line-height:1.2 }
.u-lh-M { line-height:1.4 }
.u-lh-L { line-height:1.6 }
.u-lh-XL { line-height:1.8 }
.u-m-reset { margin:0 }
.u-mt-reset { margin-top:0 }
.u-mr-reset { margin-right:0 }
.u-mb-reset { margin-bottom:0 }
.u-ml-reset { margin-left:0 }
.u-mt-XS { margin-top:4px }
.u-mr-XS { margin-right:4px }
.u-mb-XS { margin-bottom:4px }
.u-ml-XS { margin-left:4px }
.u-mt-S { margin-top:8px }
.u-mr-S { margin-right:8px }
.u-mb-S { margin-bottom:8px }
.u-ml-S { margin-left:8px }
.u-mt-M { margin-top:16px }
.u-mr-M { margin-right:16px }
.u-mb-M { margin-bottom:16px }
.u-ml-M { margin-left:16px }
.u-mt-L { margin-top:24px }
.u-mr-L { margin-right:24px }
.u-mb-L { margin-bottom:24px }
.u-ml-L { margin-left:24px }
.u-mt-XL { margin-top:32px }
.u-mr-XL { margin-right:32px }
.u-mb-XL { margin-bottom:32px }
.u-ml-XL { margin-left:32px }
.u-mt-XXL { margin-top:40px }
.u-mr-XXL { margin-right:40px }
.u-mb-XXL { margin-bottom:40px }
.u-ml-XXL { margin-left:40px }
.u-color-white { color:#fff }
.u-color-black { color:#222 }
.u-color-free { color:#006387 }
.u-color-premium { color:#915a00 }
.u-color-emp { color:#ff2929 }
.u-color-cap { color:#909090 }
.u-bg-black { background-color:#3b3b3b }
.u-bold { font-weight:700 }
.u-ta-center { text-align:center }
.u-gradient-free-horizontal { background:-webkit-gradient(linear,left top,right top,from(#1e5799),to(#008b5b)); background:linear-gradient(90deg,#1e5799 0,#008b5b) }
.u-gradient-free-diagonal { background:linear-gradient(135deg,#1e5799,#008b5b) }
.u-gradient-free-vertical { background:-webkit-gradient(linear,left top,left bottom,from(#1e5799),to(#008b5b)); background:linear-gradient(180deg,#1e5799 0,#008b5b) }
.u-gradient-premium-horizontal { background:-webkit-gradient(linear,left top,right top,from(#915a00),to(#d1c100)); background:linear-gradient(90deg,#915a00 0,#d1c100) }
.u-gradient-premium-diagonal { background:linear-gradient(135deg,#915a00,#d1c100) }
.u-gradient-premium-vertical { background:-webkit-gradient(linear,left top,left bottom,from(#915a00),to(#d1c100)); background:linear-gradient(180deg,#915a00 0,#d1c100) }

.ad-gate {
  width: 1000px;
  height: 800px;
  margin: 0 auto -632px;
  position: relative;
  z-index: 10;
}
.ad-gate > div:nth-child(1) {
  position: absolute;
  left: -140px;
  top: 0;
}
.ad-gate > div:nth-child(2) {
  position: absolute;
  text-align: right;
  left: -160px;
  top: 200px;
  width: 160px;
}
.ad-gate > div:nth-child(3) {
  position: absolute;
  text-align: left;
  right: -160px;
  top: 200px;
  width: 160px;
}
.l-inner {
  position: relative;
  z-index: 10;
}
.recommended-by {
  color: #999;
  text-decoration: none;
  font-size: 11px;
  text-align: right;
  margin: 10px 50px -30px;
}
.recommended-by img {
  width: 120px;
  position: relative;
  top: 5px;
}
.template-box.\--custom {
  padding-bottom: 0;
}
.template-box.\--custom .figure-left {
  margin: 0 4em 15px 0;
  padding: 0;
  border: 0;
}