@charset "utf-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  text-rendering: geometricPrecision
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline
}
:focus {
  outline: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}
body {
  line-height: 1;
  min-height: 1000px;
}
ol, ul {
  list-style: none
}
blockquote, q {
  quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none
}
input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical
}
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  max-width: 100%
}
audio:not([controls]) {
  display: none;
  height: 0
}
[hidden] {
  display: none
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}
a:focus {
  outline: thin dotted
}
a:active, a:hover {
  outline: 0;
  color: #6f12cb;
  text-decoration: none;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic
}
figure {
  margin: 0
}
form {
  margin: 0
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}
legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px
}
button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
  border: none
}
button, input {
  line-height: normal
}
button, select {
  text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible
}
button[disabled], html input[disabled] {
  cursor: default
}
input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px
}
input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0
}
textarea {
  overflow: auto;
  vertical-align: top
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
html, button, input, select, textarea {
  color: #222
}
a {
  text-decoration: none;
  color: #222;
  display: inline-block;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none
}
::selection {
  background: #b3d4fc;
  text-shadow: none
}
img {
  vertical-align: middle;
  max-width: 100%
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0
}
textarea {
  resize: vertical
}
html, body {
  font-family: 'roboto', Arial, Helvetica, sans-serif;
  color: #222;
  font-size: 14px;
  line-height: 20px;
  background-size: 100% 230px;
  background-color: #f7f7f7;
}
.clear-both {
    clear: both;
}

.hide-pc{display: none;}
.hide-mobile{display: none;}
.google-auto-placed{margin:30px 0 !important;}
.ads-label:before, .google-auto-placed:before {content: 'Advertisement';font-size: 70%;color: #666;text-align: center;display: block;}
.ads-footer::before {position: absolute;padding: 0 4px;background: #fffd;z-index: 1;right: 30px;top: -21px;}
@media screen and (max-width: 999px){
    div[id^="zone-ads-"][data-device="desktop"]{display:none !important;}
    div[id^="zone-ads-"][data-device="mobile"] {width: 100%;}
}
@media (max-width: 999px) and (orientation: landscape) {
    #zone-ads-18,#zone-ads-8{display: none !important;}
}

@media screen and (min-width: 1000px){
    .google-auto-placed{display: none;}
    div[id^="zone-ads-"][data-device="mobile"]{display:none !important;}
}
#zone-ads-1.ads-label:before,#zone-ads-18.ads-label:before {display: none;}