@charset "UTF-8";
/*!
Theme Name: heros_web
Theme URI: https://www.digitalcube.jp/
Author: heros
Author URI: https://www.digitalcube.jp/
Description: heros theme based on Underscores
Version: <%= pkg.version %>
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: iemoto
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

heros_web is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
#header
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

h1, h2, h3, h4, h5, h6 {
  clear: both; }

p {
  margin-bottom: 1.5em; }

dfn, cite, em, i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem; }

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark, ins {
  background: #fff9c0;
  text-decoration: none; }

big {
  font-size: 125%; }

h1, h2 {
  font-family: -apple-system,"Mplus 1p", BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
  font-weight: 600; }

.m1 {
  font-family: -apple-system,"Mplus 1p", BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
  font-weight: 600; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */ }

blockquote, q {
  quotes: "" ""; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: ""; }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

ul, ol {
  margin: 0 0 1.5em 3em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */ }

table {
  margin: 0 0 1.5em;
  width: 100%; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em; }
  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa; }
  button:active, button:focus,
  input[type="button"]:active,
  input[type="button"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="range"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="color"]:focus,
  textarea:focus {
    color: #111; }

select {
  border: 1px solid #ccc; }

textarea {
  width: 100%; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: royalblue; }
  a:visited {
    color: #000; }
  a:hover, a:focus, a:active {
    color: midnightblue; }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active {
    outline: 0; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  display: block;
  float: left;
  width: 63%; }
  .main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0; }
    .main-navigation ul ul {
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
      float: left;
      position: absolute;
      top: 100%;
      left: -999em;
      z-index: 99999; }
      .main-navigation ul ul ul {
        left: -999em;
        top: 0; }
      .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
        left: 100%; }
      .main-navigation ul ul a {
        width: 200px;
        font-weight: 900; }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul {
      left: auto; }
  .main-navigation li {
    float: left;
    position: relative;
    margin: 1em; }
  .main-navigation a {
    display: block;
    text-decoration: none;
    color: #111;
    font-weight: 400; }

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block; }

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none; }

  .main-navigation ul {
    display: block; } }
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden; }
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%; }
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }
  .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */ }
  .widget select {
    max-width: 100%; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block; }

.hentry {
  margin: 0 0 1.5em; }

.updated:not(.published) {
  display: none; }

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

.wp-caption-text {
  text-align: center; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }
  .gallery-item .gallery-columns-2 {
    max-width: 50%; }
  .gallery-item .gallery-columns-3 {
    max-width: 33.33333%; }
  .gallery-item .gallery-columns-4 {
    max-width: 25%; }
  .gallery-item .gallery-columns-5 {
    max-width: 20%; }
  .gallery-item .gallery-columns-6 {
    max-width: 16.66667%; }
  .gallery-item .gallery-columns-7 {
    max-width: 14.28571%; }
  .gallery-item .gallery-columns-8 {
    max-width: 12.5%; }
  .gallery-item .gallery-columns-9 {
    max-width: 11.11111%; }

.gallery-caption {
  display: block; }

/*--------------------------------------------------------------
# ここからオリジナル
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# header
--------------------------------------------------------------*/
#masthead {
  max-width: 1000px;
  margin: 0 auto; }

#head-info {
  height: 20px;
  background-color: #e60012; }

h1 img {
  position: fixed;
  width: 150px;
  z-index: 100; }
@media screen and (max-width: 768px) {
  h1 {
    margin: 0; }
    h1 img {
      position: fixed; } }

.site-description {
  display: none; }

#site-navigation {
  display: none; }
  @media screen and (min-width: 936px) {
    #site-navigation {
      display: block; } }

.site-branding {
  width: 340px;
  float: left; }

#site-navigation {
  margin-top: 1em; }

a.menu-image-title-below.menu-image-not-hovered {
  min-width: 100px; }

.menu-heros_header-container ul li {
  width: 12%;
  margin: 0 1%; }
.menu-heros_header-container ul li:nth-child(7n+1) {
  margin: 0 1% 0 2%; }
.menu-heros_header-container ul li:nth-child(7n) {
  margin: 0 2% 0 1%; }

nav.hamburger {
  margin: 2.5em 1em;
  width: 25px;
  height: 30px;
  right: 10px;
  position: fixed;
  cursor: pointer;
  overflow: hidden;
  z-index: 9999; }

nav .hamburger1 {
  width: 25px;
  height: 2px;
  background-color: #000;
  top: 0px;
  position: absolute; }

nav .hamburger2 {
  width: 25px;
  height: 2px;
  background-color: #000;
  top: 8px;
  position: absolute; }

nav .hamburger3 {
  width: 25px;
  height: 2px;
  background-color: #000;
  top: 16px;
  position: absolute; }

nav .hamburger1, nav .hamburger2, nav .hamburger3 {
  transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  /* Opera */
  -moz-transition: all 0.5s ease-out;
  /* Firefox */
  -webkit-transition: all 0.5s ease-out;
  /* GoogleChrome, Safari */
  -ms-transition: all 0.5s ease-out;
  /* IE */ }

nav .hamburger1, nav .hamburger2, nav .hamburger3 {
  transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  /* Opera */
  -moz-transition: all 0.5s ease-out;
  /* Firefox */
  -webkit-transition: all 0.5s ease-out;
  /* GoogleChrome, Safari */
  -ms-transition: all 0.5s ease-out;
  /* IE */ }

nav .hamburgerclick1 {
  top: 8px;
  -o-transform: rotate(405deg);
  -moz-transform: rotate(405deg);
  -webkit-transform: rotate(405deg);
  -ms-transform: rotate(405deg);
  transform: rotate(405deg); }

nav .hamburgerclick2 {
  background-color: rgba(255, 255, 255, 0); }

nav .hamburgerclick3 {
  top: 8px;
  -o-transform: rotate(-405deg);
  -moz-transform: rotate(-405deg);
  -webkit-transform: rotate(-405deg);
  -ms-transform: rotate(-405deg);
  transform: rotate(-405deg); }

#hamburger {
  display: none;
  position: fixed;
  text-align: center;
  background-color: #fff;
  width: 100%;
  height: 100%;
  z-index: 100;
  margin: -20px 0; }
  #hamburger li {
    margin: 1em;
    height: 14%;
    list-style: none; }

@media screen and (min-width: 936px) {
  .hamburger {
    display: none; } }

.menu-heros_header-container ul#hamburger {
  padding: 2em;
  background-color: #e60012;
  text-align: center;
  text-align: -webkit-center; }
  .menu-heros_header-container ul#hamburger img {
    display: none; }
  .menu-heros_header-container ul#hamburger span.menu-image-title {
    color: #fff;
    font-weight: 700;
    text-decoration-line: none; }
  .menu-heros_header-container ul#hamburger a.menu-image-title-below.menu-image-not-hovered {
    text-decoration: none; }
  .menu-heros_header-container ul#hamburger li {
    width: auto;
    height: 10%; }

/*--------------------------------------------------------------
# footer
--------------------------------------------------------------*/
.widget_text.fixd-footer.widget {
  z-index: 1000; }

.fixd-footer {
  position: -webkit-sticky;
  position: sticky;
  background-color: rgba(230, 0, 18, 0.8);
  bottom: 0;
  margin: 0;
  width: 100%; }
  .fixd-footer p {
    color: #fff;
    margin: 0;
    padding: 1em;
    font-family: "Mplus 1p,-apple-system, BlinkMacSystemFont, " Helvetica Neue ", " Segoe UI "," Noto Sans Japanese "," ヒラギノ角ゴ ProN W3 ", Meiryo, sans-serif";
    font-weight: 500;
    font-size: 0.8em;
    margin: auto;
    text-align: left;
    max-width: 1000px;
    float: none; }
  .fixd-footer .footer-sns {
    padding: 0.6em; }
  .fixd-footer iframe#twitter-widget-0 {
    float: right;
    margin: 0 0.3em; }
  .fixd-footer .fb-like {
    float: right;
    display: inline-flex;
    margin: 0 0.3; }

#colophon {
  background-color: #000; }
  #colophon #footer-nav {
    max-width: 800px;
    margin: 0 auto;
    text-align: center; }
  #colophon li {
    display: inline-block;
    font-size: 0.8em;
    list-style: none; }
    #colophon li a {
      color: #FFF;
      text-decoration: none;
      border-right: 1px solid;
      padding-right: 10px; }
  #colophon #menu-item-59 a {
    border-right: none; }
  #colophon .site-info {
    clear: both;
    text-align: right;
    font-size: 0.3em;
    color: #fff;
    margin-top: 0.5em; }

/*--------------------------------------------------------------
# main
--------------------------------------------------------------*/
/*共通common　あとで分離 */
span.inline-block {
  display: inline-block;
  margin-right: 1em; }

a {
  text-decoration: none; }
  a :hover {
    opacity: 0.6; }

/*共通common　あとで分離ここまで */
div#content {
  overflow: hidden; }

#main {
  max-width: 1000px;
  margin: 0 auto; }

.home .content-area {
  margin-top: 1em; }

div#content {
  min-height: 500px; }
  @media screen and (max-width: 768px) {
    div#content {
      margin-top: 5em;
      margin-left: auto;
      margin-right: auto; } }

@media screen and (max-width: 768px) {
  #content .slide_all {
    height: 68vw; } }
#content .slide img {
  width: 100vw; }

.front_magazinewidget img {
  width: 100%; }

img.top-banner {
  margin-top: 1em; }

.head-box {
  background-color: #e60012; }
  .head-box .serial-head {
    color: #fff;
    font-size: 1em;
    padding: 0.5em; }

.serial-head {
  margin: 1em 0 0 0; }
  @media screen and (min-width: 768px) {
    .serial-head {
      margin: 0; } }

.row {
  max-width: 1200px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .row {
      width: 95%; } }
  .row .col-4 .magazine {
    text-align: center; }
  .row .col-4 img {
    text-align: center; }
  @media screen and (min-width: 768px) {
    .row .serial-contents {
      margin-right: -8px; } }
  .row .serial-contents .left-box {
    position: relative; }
    @media screen and (min-width: 768px) {
      .row .serial-contents .left-box {
        width: 49%;
        margin-right: 1px;
        width: 49%;
        float: left;
        margin-top: 0.3em; } }
    @media screen and (min-width: 936px) {
      .row .serial-contents .left-box {
        margin-right: 4px; } }
    .row .serial-contents .left-box a.top-preview {
      position: absolute;
      bottom: 14px;
      background-color: #e60012;
      color: #fff;
      width: 45%;
      z-index: 1;
      text-align: center;
      border: 5px solid #e60012;
      opacity: 0;
      transition: .3s; }
  .row .serial-contents :hover > img {
    opacity: 0.6; }
  .row .serial-contents :hover > a.top-preview {
    opacity: 1; }
  .row .serial-contents .ep1 {
    left: 8px; }
  .row .serial-contents .latest {
    right: 8px; }

.red-box {
  border: solid 5px #e60012; }

.top-news {
  width: 100%;
  margin-top: 20px;
  float: left;
  margin-bottom: 1em; }
  .top-news h2 {
    font-size: 1em; }
  .top-news img {
    margin-right: 1em;
    float: left;
    border: 1px solid #dedede; }
    @media screen and (max-width: 600px) {
      .top-news img {
        width: 60px; } }
  .top-news .top-news-contents {
    border-bottom: 1px #eee dashed;
    padding: 1em;
    float: left;
    width: 100%; }
  .top-news .news_text {
    float: left;
    max-width: 50%; }
    @media screen and (max-width: 768px) {
      .top-news .news_text {
        max-width: 100%; } }
    @media screen and (max-width: 600px) {
      .top-news .news_text {
        max-width: 70%; } }
  .top-news .news_date {
    color: #e60012;
    margin-bottom: 3px;
    font-family: monospace; }
  .top-news .news_title a {
    text-decoration: none;
    color: #111;
    font-size: 0.8em;
    line-height: 100%; }

.news-list {
  text-align: center;
  color: #FFF;
  background-color: #e60012;
  clear: both;
  margin: 1em;
  padding: 1em;
  border-radius: 2em; }

a .news-list {
  text-decoration: none; }

.front-page .comics {
  clear: both;
  text-align: center;
  margin: 0 auto;
  position: relative; }
  .front-page .comics h2 {
    font-size: 1em;
    line-height: 1.2;
    margin-top: 10px;
    clear: none; }
  .front-page .comics .big-font {
    font-size: 1.5em;
    color: #e60012; }

.triangle::before {
  content: "";
  top: 0;
  left: 0;
  border-bottom: 4em solid transparent;
  border-left: 4em solid #e60012;
  /* ラベルの色はここで変更 */
  position: absolute;
  z-index: 100; }

.triangle::after {
  content: "New";
  display: block;
  top: 5px;
  transform: rotate(-45deg);
  color: #fff;
  /* 文字色はここで変更 */
  left: 0;
  position: absolute;
  z-index: 101; }

.slider2.slick-initialized.slick-slider {
  padding: 1em; }

.new-text {
  position: absolute;
  font-size: 1.2em;
  left: 10%;
  margin-top: 5px;
  transform: rotate(-45deg);
  color: #fff; }

.top-button {
  text-align: center;
  font-weight: 400; }
  .top-button .l-button {
    background-color: #e60012;
    font-size: 1em;
    color: #fff;
    float: left;
    width: 100%;
    padding: 1em; }
    @media screen and (min-width: 936px) {
      .top-button .l-button {
        width: 49%;
        margin-right: 2px; } }
  .top-button .r-button {
    background-color: #111;
    font-size: 1em;
    color: #fff;
    float: left;
    width: 100%;
    padding: 1em; }
    @media screen and (min-width: 936px) {
      .top-button .r-button {
        width: 49%;
        margin-left: 2px; } }

.share {
  padding: 0;
  margin: 1em;
  /* SNSごとの背景色 */
  /* ボタン設定 */ }
  .share .share-text {
    color: #000;
    filter: dropshadow(color=#fff, offX=0, offY=-1) dropshadow(color=#fff, offX=1, offY=0) dropshadow(color=#fff, offX=0, offY=1) dropshadow(color=#fff, offX=-1, offY=0);
    text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px; }
  .share a {
    color: #fff; }
  .share #twitter {
    background-color: #00acee; }
  .share #facebook {
    background-color: #3b5998; }
  .share #hatena {
    background-color: #0071c5; }
  .share .button-area {
    width: 35%;
    float: right; }
  .share .button-area:after {
    content: '';
    clear: both;
    display: block; }
  .share .button-area-title {
    font-weight: 700;
    margin: 0 0 8px;
    text-align: center; }
  .share .title-fill {
    display: block;
    background-color: #444;
    color: #fff;
    font-size: 14px;
    width: 100%;
    padding: 6px 15px;
    box-sizing: border-box; }
  .share .button-whole {
    float: left;
    width: 30px;
    margin: 0 0.5% 0 0.5%;
    box-sizing: border-box; }
  .share .button-link {
    display: block;
    text-align: center;
    color: #fff !important;
    font-size: 14px !important;
    padding: 5px 0 !important;
    box-sizing: border-box;
    border-radius: 3px;
    text-decoration: none; }
  .share .button-link:hover {
    text-decoration: none !important;
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.70; }

.about {
  text-align: center;
  background-color: #000;
  color: #fff;
  font-family: "Mplus 1p";
  font-weight: 500;
  white-space: nowrap;
  padding: 1em; }
  .about .title {
    font-size: 2em; }
  .about .date {
    font-size: 1.8em; }
  .about .seven {
    font-size: 1em; }
  .about .price {
    font-size: 1em; }

.slider {
  animation: fadeIn 2.5s ease 0s 1 normal;
  -webkit-animation: fadeIn 2s ease 0s 1 normal; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.slider {
  width: 100%;
  margin: 0 auto; }

.slider img {
  width: 100%; }

.page-template-page-top-web .col-12 {
  margin: 1em auto; }
.page-template-page-top-web .top-banner {
  margin-top: 1em;
  border: solid 1px #ccc;
  display: grid; }
.page-template-page-top-web .row {
  max-width: 1200px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .page-template-page-top-web .row {
      width: 95%; } }
  .page-template-page-top-web .row .col-4 .magazine {
    text-align: center; }
  .page-template-page-top-web .row .col-4 img {
    text-align: center; }
  @media screen and (min-width: 768px) {
    .page-template-page-top-web .row .serial-contents {
      margin-right: -8px; } }
  .page-template-page-top-web .row .serial-contents .left-box {
    position: relative; }
    @media screen and (min-width: 768px) {
      .page-template-page-top-web .row .serial-contents .left-box {
        margin-right: 1px;
        width: 49%;
        float: left;
        margin-top: 0.3em; } }
    @media screen and (min-width: 936px) {
      .page-template-page-top-web .row .serial-contents .left-box {
        margin-right: 4px;
        width: 32.8%; } }
    .page-template-page-top-web .row .serial-contents .left-box a.top-preview {
      position: absolute;
      bottom: 14px;
      background-color: #e60012;
      color: #fff;
      width: 45%;
      z-index: 1;
      text-align: center;
      border: 5px solid #e60012;
      opacity: 0;
      transition: .3s; }
  .page-template-page-top-web .row .serial-contents :hover > img {
    opacity: 0.6; }
  .page-template-page-top-web .row .serial-contents :hover > a.top-preview {
    opacity: 1; }
  .page-template-page-top-web .row .serial-contents .ep1 {
    left: 8px; }
  .page-template-page-top-web .row .serial-contents .latest {
    right: 8px; }

/*--------------------------------------------------------------
# grid
--------------------------------------------------------------*/
@media screen and (min-width: 768px) {
  .row .col-12 {
    width: 100%; }

  .row .col-11 {
    width: 91.41667%; }

  .row .col-10 {
    width: 82.83333%; }

  .row .col-9 {
    width: 74.25%; }

  .row .col-8 {
    width: 65.66667%; }

  .row .col-7 {
    width: 57.08333%; }

  .row .col-6 {
    width: 48.5%; }

  .row .col-5 {
    width: 39.91667%; }

  .row .col-4 {
    width: 31.33333%; }

  .row .col-3 {
    width: 22.75%; }

  .row .col-2 {
    width: 14.16667%; }

  .row .col-1 {
    width: 5.58333%; }

  .row [class*='col-'] {
    margin-left: 3%;
    float: left; }

  .row [class*='col-']:first-child {
    margin-left: 0; }

  .row:after {
    content: "";
    display: table;
    clear: both; } }
/*--------------------------------------------------------------
# works
--------------------------------------------------------------*/
.works-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -0.5em;
  margin-bottom: 0.3em; }
  .works-list a {
    width: 32.8%;
    text-decoration: none;
    margin: 0.3em 0.3em 0 0; }
    @media screen and (max-width: 936px) {
      .works-list a {
        width: 49%; } }
    @media screen and (max-width: 600px) {
      .works-list a {
        width: 100%; } }
    .works-list a img {
      width: 118px;
      border: solid #eaeaea 1px;
      margin: 10px;
      float: left; }
    .works-list a h2 {
      color: #e60012;
      text-align: left;
      margin-top: 10px; }
  .works-list .works-list-meta {
    color: #111;
    display: table-row-group;
    margin: auto; }
    .works-list .works-list-meta .works-author {
      font-weight: 700;
      text-align: left;
      font-size: 0.8em; }
    .works-list .works-list-meta .copy {
      margin: 1em 0 0 0; }

.adjust-box {
  position: relative;
  width: 50%;
  height: auto; }

.box-1x2:before {
  content: "";
  display: block; }

.adjust-box h2 {
  font-size: 0.9em;
  line-height: 1.5em; }

.adjust-box .copy, .adjust-box .autor {
  font-size: 0.6em;
  line-height: 1.5em; }

.works-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.works-logo {
  width: auto;
  height: 200px;
  text-align: center;
  display: inline-table; }
  .works-logo img {
    width: 80%;
    margin: 0 auto; }

.parallax-area {
  height: 100%;
  z-index: -1;
  margin: 0;
  animation: fadeIn 5.5s ease 0s 1 normal;
  -webkit-animation: fadeIn 5s ease 0s 1 normal; }
  @media screen and (max-width: 768px) {
    .parallax-area {
      width: 100% !important;
      background-size: contain;
      margin-left: 0 !important; } }

@media screen and (min-width: 768px) {
  .works-top {
    width: 50%; } }

.works-logo .works-author {
  color: #000;
  filter: dropshadow(color=#fff, offX=0, offY=-1) dropshadow(color=#fff, offX=1, offY=0) dropshadow(color=#fff, offX=0, offY=1) dropshadow(color=#fff, offX=-1, offY=0);
  text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px;
  text-align: center;
  font-size: 1.2em;
  margin: 1em 0; }

.button-4 {
  text-align: center;
  font-weight: 400;
  background-color: #e60012;
  font-size: 1em;
  color: #fff;
  float: left;
  width: 24%;
  padding: 1em;
  margin-top: 0.5em;
  margin: 2px; }
  @media screen and (min-width: 768px) {
    .button-4 {
      margin: 5px 4px 5px 0; } }

.white-box {
  background-color: rgba(255, 255, 255, 0.9);
  margin: 2em 0;
  padding: 7px 0; }

span.share-text {
  font-size: 1.2em; }

.works-news h2 {
  font-size: 1em;
  background-color: #000;
  color: #fff;
  padding: 0.5em;
  display: inline; }
.works-news .news-slider.slick-initialized.slick-slider {
  float: right;
  width: 80%; }

.profile .profile-col {
  margin-bottom: 1.5em; }

.content-area {
  margin-bottom: 5em; }
  @media screen and (max-width: 768px) {
    .content-area .works-top {
      margin-top: 20em; } }

.works * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
.works img {
  display: block; }
.works ul a {
  text-decoration: none;
  color: white;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease; }
.works ul a:hover {
  color: #ffd900;
  padding-left: 5px; }
.works .container {
  display: table;
  width: initial;
  margin: 1em;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2);
  float: left; }
.works .container:hover .image-caption {
  bottom: -8px;
  opacity: 0; }
.works .container:hover .image-menu {
  /*transform: translate(0px, 432px);
  /*-webkit-transform: translate(0px, 432px);
  -moz-transform: translate(0px, 432px);
  -o-transform: translate(0px, 432px);
  -ms-transform: translate(0px, 432px);*/
  top: 0; }
.works .image {
  position: relative;
  width: 200px; }
.works .image-caption {
  position: absolute;
  bottom: 6px;
  left: 10px;
  color: #e60012;
  font-size: 30px;
  text-transform: uppercase; }
.works .image-menu {
  position: absolute;
  top: -432px;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(230, 0, 18, 0.8);
  text-align: center;
  padding: 1em 0; }
.works .image-menu h2 {
  margin: 0;
  color: #ffd900;
  font-size: 36px;
  line-height: 40px;
  text-transform: uppercase; }
.works .image-menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 0.5em; }
.works .image-menu li {
  font-size: 14px;
  margin: 5px;
  background-color: #fff;
  　display: inline-block; }
  .works .image-menu li a {
    display: block;
    width: 100%;
    color: #000;
    padding: 1em; }
.works .transition {
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  -webkit-backface-visibility: hidden; }

/*共通common　あとで分離 */
span.inline-block {
  display: inline-block;
  margin-right: 1em; }

a {
  text-decoration: none; }
  a :hover {
    opacity: 0.6; }

.comic-button {
  display: table;
  margin: 0 auto; }
  @media screen and (max-width: 600px) {
    .comic-button {
      width: 240px; } }

.square_btn {
  float: left;
  text-align: center;
  margin: 5px;
  width: 230px;
  font-weight: 300;
  padding: 10px 7px 10px 7px;
  text-decoration: none;
  color: #FFF;
  transition: .4s; }
  @media screen and (max-width: 600px) {
    .square_btn {
      width: 100%; } }
  .square_btn > a:visited {
    color: #FFF; }

.square_btn.amazon {
  background: #ff9900;
  border: solid 2px #ff9900; }
  .square_btn.amazon:hover {
    background: #fff;
    border: solid 2px #ff9900;
    color: #ff9900; }

.square_btn.seven {
  background: #044a28;
  border: solid 2px #044a28; }
  .square_btn.seven:hover {
    background: #fff;
    border: solid 2px #044a28;
    color: #044a28; }

.square_btn.heros-red {
  background: #e60012;
  border: solid 2px #e60012; }
  .square_btn.heros-red:hover {
    background: #fff;
    border: solid 2px #e60012;
    color: #e60012; }

.comic-meta {
  width: 130px;
  border: solid 1px;
  float: right;
  margin: 16px 16px;
  padding: 0.6em;
  font-size: 0.6em; }

/* SNSボタン */
.share {
  margin-top: 40px; }

.share ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.share li a {
  display: block;
  padding: 10px;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  text-align: center; }

.share li a:hover {
  opacity: 0.8;
  color: #fff; }

.share li a:visited {
  color: #fff; }

.share ul:after {
  content: "";
  display: block;
  clear: both; }

.tweet a {
  background-color: #55acee; }

.facebook a {
  background-color: #315096; }

.googleplus a {
  background-color: #dd4b39; }

.hatena a {
  background-color: #008fde; }

.line a {
  background-color: #00c300; }

.pocket a {
  background-color: #f03e51; }

.rss a {
  background-color: #ff8c00; }

.feedly a {
  background-color: #6cc655; }

.share li {
  float: left;
  width: 25%;
  margin: 0;
  margin-top: 15px; }

@media screen and (max-width: 599px) {
  .share li {
    float: left;
    width: 100%;
    margin: 0 2% 3% 0; }

  .share li a {
    border-radius: 6px; } }
/* パンくずリスト */
#breadcrumbs {
  list-style: none;
  margin: auto;
  max-width: 1000px;
  margin-bottom: 1.5em; }

.home #breadcrumbs {
  display: none; }

.midashi {
  background-color: #e60012;
  color: #fff;
  padding-left: 5px;
  margin: 0.5em 0; }

.comics-page h1, .original-comic-page h1 {
  display: none; }
.comics-page .entry-content, .original-comic-page .entry-content {
  margin: 0; }
.comics-page .attachment-post-thumbnail, .original-comic-page .attachment-post-thumbnail {
  margin: 1em;
  float: left;
  max-width: 200px; }
  @media screen and (max-width: 768px) {
    .comics-page .attachment-post-thumbnail, .original-comic-page .attachment-post-thumbnail {
      max-width: 80%;
      display: block;
      padding: 1em;
      margin: 0 auto;
      float: none; } }
.comics-page .entry-header, .original-comic-page .entry-header {
  float: left;
  width: 52%;
  margin: 1em; }
  .comics-page .entry-header h2, .original-comic-page .entry-header h2 {
    font-size: 1.2em;
    margin: 0; }
    .comics-page .entry-header h2 a, .original-comic-page .entry-header h2 a {
      text-decoration: none;
      color: #e60012; }
.comics-page p, .original-comic-page p {
  margin: 0;
  text-align: left;
  font-size: 0.8em; }
.comics-page .story, .original-comic-page .story {
  width: 60%;
  float: left;
  margin: 1em; }
  @media screen and (max-width: 768px) {
    .comics-page .story, .original-comic-page .story {
      width: 95%; } }
.comics-page a.button, .original-comic-page a.button {
  margin-top: 1em; }

.comics-single img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
  margin: auto;
  display: table;
  border: 1px solid #dedede;
  max-width: 300px;
  box-shadow: 10px 5px 5px #d1d1d1; }
.comics-single #main {
  max-width: 600px; }
@media screen and (max-width: 768px) {
  .comics-single #main {
    margin: 0 1em; } }
.comics-single .comic-info {
  float: left;
  width: 100%; }
  .comics-single .comic-info h1 {
    text-align: center; }
.comics-single .comic-story {
  float: left; }
.comics-single comic-button {
  float: left;
  position: relative; }
.comics-single table.type05 {
  border-collapse: separate;
  border-spacing: 1px;
  text-align: left;
  line-height: 1.5;
  border-top: 1px solid #FFF;
  max-width: 600px;
  margin: 0 auto; }
.comics-single table.type05 th {
  width: 150px;
  padding: 10px;
  font-weight: bold;
  vertical-align: top;
  border-bottom: 1px solid #FFF;
  background: #efefef;
  text-align: center; }
.comics-single table.type05 td {
  width: 350px;
  padding: 10px;
  vertical-align: top;
  border-bottom: 1px solid #FFF;
  background-color: #f9f9f9; }
.comics-single .share .button-area {
  width: 100%;
  margin: 1em 0;
  float: inherit; }

.magazine-page .square_btn.seven {
  float: none;
  margin: 1em auto; }
.magazine-page .page-content, .magazine-page .entry-content, .magazine-page .entry-summary {
  margin: 0; }
  .magazine-page .page-content h3, .magazine-page .entry-content h3, .magazine-page .entry-summary h3 {
    color: #e60012;
    font-size: 1.5em;
    margin: 0; }
  .magazine-page .page-content p, .magazine-page .entry-content p, .magazine-page .entry-summary p {
    margin: 0; }
.magazine-page .front_magazinewidget {
  text-align: center;
  width: 85%;
  margin: 0 auto; }
.magazine-page .serial-head {
  text-align: left; }
.magazine-page .mag-vol {
  width: 30%;
  float: left; }
.magazine-page .magazine-meta {
  width: 80%;
  float: left; }
  .magazine-page .magazine-meta .buy-mag {
    background-color: #000;
    padding: 1em 0;
    width: 48%;
    float: left;
    font-size: 0.8em;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 2em;
    color: #fff; }
  .magazine-page .magazine-meta .buy-backnumber {
    background-color: #fc890a;
    padding: 1em 0;
    width: 48%;
    float: left;
    font-size: 0.8em;
    text-align: center;
    margin-bottom: 2em;
    color: #fff; }
.magazine-page .yomikiri {
  width: 50%;
  float: left;
  text-align: center; }
  @media screen and (max-width: 600px) {
    .magazine-page .yomikiri {
      width: 100%; } }
.magazine-page .row .serial-contents {
  margin: 0; }
  .magazine-page .row .serial-contents a {
    color: #000;
    font-family: -apple-system,"Mplus 1p", BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
    font-weight: 500; }
    .magazine-page .row .serial-contents a img.attachment-full.size-full {
      width: 100px;
      float: left;
      margin: 0.7em; }
.magazine-page .magazine-title {
  font-size: 1.3em; }
.magazine-page .copy_text {
  font-size: 0.8em;
  margin-top: 0.5em;
  font-weight: 400; }
.magazine-page .red-box {
  float: left;
  width: 100%;
  margin-top: 0.5em; }
  .magazine-page .red-box img {
    border: solid #eaeaea 1px; }

.blog {
  float: none; }
  .blog #content {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto; }
  .blog .news-contents {
    display: block;
    color: #000;
    text-decoration: none;
    border-bottom: 1px #eee dashed;
    padding: 1em; }
    .blog .news-contents img {
      float: left;
      border: 1px solid #dedede; }
  .blog p {
    width: 80%;
    float: left;
    margin-bottom: 0; }
    @media screen and (max-width: 600px) {
      .blog p {
        width: 100%; } }
  .blog .news-date {
    float: left; }
  .blog .news-title {
    float: left;
    clear: none;
    margin: 0; }
  .blog .news-cat {
    float: left;
    color: #fff;
    font-size: 0.8em;
    background-color: #e60012;
    padding: 0.1em 0.5em;
    margin-right: 0.5em;
    border-radius: 2px; }
  .blog .news-contents img {
    margin: 0.5em; }

.news-single .page-content, .news-single .entry-content, .news-single .entry-summary {
  margin: 0.5em 0 0; }
.news-single .news-cat {
  float: left;
  color: #fff;
  font-size: 0.8em;
  background-color: #e60012;
  padding: 0.1em 0.5em;
  margin-right: 0.5em;
  border-radius: 2px; }
.news-single .entry-header h2 {
  color: #e60012; }
.news-single #main {
  max-width: 1000px;
  padding: 1em; }

.award {
  margin: 1em;
  /* speech コメント用フキダシ */
  /* speech コメント用フキダシ終わり */
  /* スクロールナビ */
  /* 中身がスクロールするビュー */
  /* 実際にスクロールするオブジェクト */
  /* 以下サンプル用デザイン */ }
  .award .speech {
    position: relative;
    display: inline-block;
    padding: 1em;
    width: auto;
    min-width: 115px;
    color: #19283C;
    border: 3px solid #19283C;
    z-index: 0; }
  .award .speech:before {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -9px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 9px 9px 0 9px;
    border-color: #FFF transparent transparent transparent;
    z-index: 0; }
  .award .speech:after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -10px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #19283C transparent transparent transparent;
    z-index: -1; }
  .award .award-jury-profile {
    margin-bottom: 1.5em;
    font-size: 12px;
    border: 1px solid #dfdfdf;
    padding: 0.5em;
    margin: auto;
    width: 280px; }
  .award .award-requirements {
    text-align: center; }
    .award .award-requirements table {
      border-collapse: collapse;
      text-align: center;
      line-height: 1.5;
      border: 1px solid #ccc;
      max-width: 400px;
      display: inline-table;
      margin: 1em; }
      @media screen and (max-width: 600px) {
        .award .award-requirements table {
          margin: 0.5em 0; } }
    .award .award-requirements table thead {
      border-right: 1px solid #ccc;
      border-left: 1px solid #ccc;
      background: #e60012; }
    .award .award-requirements table thead th {
      padding: 10px;
      font-weight: bold;
      vertical-align: top;
      color: #fff;
      text-align: center; }
    .award .award-requirements table tbody th {
      width: 150px;
      padding: 10px;
      font-weight: bold;
      vertical-align: top;
      border-bottom: 1px solid #ccc;
      background: #efefef; }
    .award .award-requirements table td {
      width: 350px;
      padding: 10px;
      vertical-align: top;
      border-bottom: 1px solid #ccc; }
  .award .regulations {
    text-align: left; }
  .award .address {
    width: 110px;
    margin: 1em auto;
    border: solid #000 3px;
    text-align: center; }
  .award address {
    font-weight: 800;
    font-style: normal;
    margin: 0;
    text-align: center; }
  .award .scroll-nav {
    /* スクロールバーを見えなくするため */
    height: 48px;
    /* 実際に表示する高さ */
    overflow-y: hidden; }
  .award .scroll-nav__view {
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll; }
  .award .scroll-nav__list {
    /* tableにすることで、横幅指定をすることなくmargin: autoによる中央寄せが可能になる */
    display: table;
    list-style: none;
    /*margin: 0 auto;*/
    /* 下方向に余分なpadding部分を持たせ、そこにスクロールバーが表示される */
    padding: 0 0 24px 0; }
  .award .menu-item {
    /* itemを横並びに、かつ親要素がその親要素の横幅からはみだすことが可能になる */
    display: table-cell; }
  .award .scroll-nav a {
    display: block;
    padding: 12px;
    /* 文字列の自動改行を禁止 */
    white-space: nowrap; }
  .award .scroll-nav {
    background: #323232; }
  .award .scroll-nav a {
    color: #fff;
    font-family: sans-serif;
    font-size: 14px;
    /* 行高が24pxになるように調整 24/14 */
    line-height: 1.71428;
    text-decoration: none; }
  .award .current-menu-item {
    background: #e60012;
    border: solid #e60012; }

.post-24 p {
  margin-bottom: 0; }
.post-24 input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.postalcode {
  width: 100px; }
.post-24 input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.postalcode2 {
  width: 120px; }

.award-content {
  float: left;
  background-color: #1f1f1f;
  padding: 1em;
  margin-bottom: 1em; }
  .award-content.award-heading {
    width: 100%;
    text-align: center;
    color: #fff; }
  .award-content img {
    float: left;
    width: 30%; }
    @media screen and (max-width: 600px) {
      .award-content img {
        width: 90%;
        margin: 0 5%; } }
  .award-content .text {
    width: 70%;
    float: left;
    padding: 1em 0 1em 1em; }
    @media screen and (max-width: 600px) {
      .award-content .text {
        width: 100%;
        padding: 1em 0; } }
    .award-content .text .head {
      padding: 1em;
      margin-bottom: 1em;
      text-align: center;
      border-top: dotted #fff 2px;
      border-bottom: dotted #fff 2px; }
      .award-content .text .head .ma-tag {
        display: inline;
        color: darkgrey; }
      .award-content .text .head .title {
        font-size: 2em;
        color: #f2a502;
        font-weight: bold;
        display: inline; }
      .award-content .text .head .author {
        font-size: 1.5em;
        color: #fff;
        display: inline; }
      .award-content .text .head .age {
        font-size: 1.3em;
        color: #fff;
        display: inline; }
    .award-content .text h3 {
      color: #fff;
      margin: 0.5em 0 0 0; }
    .award-content .text p {
      margin-top: 0.5em;
      color: #fff; }
  .award-content .square_btn.heros-red {
    margin: 30px 30% 0; }

.for-evryone .minnano-head-box {
  text-align: center; }
.for-evryone a.top-img {
  width: 50%;
  float: left;
  margin-bottom: 1em;
  padding: 1em; }
  @media screen and (max-width: 600px) {
    .for-evryone a.top-img {
      width: 100%; } }
.for-evryone h3 {
  margin: 0; }
.for-evryone .top-logo {
  width: 300px;
  margin: 4em auto;
  max-width: 100%; }
.for-evryone span.new {
  background-color: red;
  color: #fff;
  padding: 1px; }
.for-evryone .update {
  margin-top: 3px;
  font-weight: bolder;
  font-size: smaller; }

.for-eveyone-title img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
  width: 100%; }

article#post-5242 {
  display: none; }

.flat_box, .flat_banner {
  float: left;
  width: 30%;
  margin: 10px; }
  @media screen and (max-width: 768px) {
    .flat_box, .flat_banner {
      width: 46%;
      height: auto; } }
  @media screen and (max-width: 600px) {
    .flat_box, .flat_banner {
      width: auto; } }
  .flat_box span.flat_label, .flat_banner span.flat_label {
    background-color: #e60012;
    color: #fff;
    padding: 0 3px;
    margin: 0 3px;
    font-size: 12px; }
  .flat_box span.flat_sub_info, .flat_banner span.flat_sub_info {
    font-size: 10px;
    color: #ccc; }
  .flat_box img, .flat_banner img {
    border: solid 1px #000; }
  .flat_box span.flat_title, .flat_banner span.flat_title {
    font-weight: 700;
    font-size: 24px; }

.flat_box {
  height: 550px; }
  @media screen and (max-width: 768px) {
    .flat_box {
      height: auto; } }

.flat-menu {
  float: right;
  margin-top: 37px; }
  @media screen and (max-width: 600px) {
    .flat-menu {
      float: none;
      text-align: center;
      margin: 5px 0; } }
  .flat-menu a {
    padding: 20px 15px;
    border-right: 1px solid #ccc; }
    @media screen and (max-width: 600px) {
      .flat-menu a {
        border: none; } }

.page-id-15114 .widget_text.fixd-footer.widget, .category-flat .widget_text.fixd-footer.widget {
  display: none !important; }
.page-id-15114 #masthead, .category-flat #masthead {
  display: none; }
.page-id-15114 #head-info, .category-flat #head-info {
  display: none; }
.page-id-15114 #breadcrumbs, .category-flat #breadcrumbs {
  display: none; }
.page-id-15114 #main, .category-flat #main {
  margin: 2em auto; }
.page-id-15114 div#content, .category-flat div#content {
  min-height: 500px; }
  @media screen and (max-width: 768px) {
    .page-id-15114 div#content, .category-flat div#content {
      margin-top: 0;
      margin-left: auto;
      margin-right: auto; } }
.page-id-15114 .head-box, .category-flat .head-box {
  background-color: #000; }
.page-id-15114 .news-cat, .category-flat .news-cat {
  display: none; }

.flat-header {
  background-color: #000;
  color: #fff;
  font-weight: 900;
  font-size: 12px; }

.flat-header-inner {
  max-width: 1000px;
  margin: auto;
  padding: 5px 0; }

span.s-text {
  font-size: 10px; }

.flat-logo img {
  width: 300px;
  padding: 20px 0; }

.flat-sns {
  float: right;
  font-size: 17px; }
  .flat-sns i {
    margin: 0 4px;
    color: #fff; }

.flat-logo {
  max-width: 1000px;
  margin: auto; }

.free-page .square_btn.seven {
  float: none;
  margin: 1em auto; }
.free-page .entry-title {
  display: none; }
.free-page .page-content, .free-page .entry-content, .free-page .entry-summary {
  margin: 0; }
  .free-page .page-content h3, .free-page .entry-content h3, .free-page .entry-summary h3 {
    color: #e60012;
    font-size: 1.5em;
    margin: 0; }
  .free-page .page-content p, .free-page .entry-content p, .free-page .entry-summary p {
    margin: 0; }
.free-page .serial-head {
  text-align: left; }
.free-page .mag-vol {
  width: 30%;
  float: left; }
.free-page .free-meta {
  width: 80%;
  float: left; }
  .free-page .free-meta .buy-mag {
    background-color: #000;
    padding: 1em 0;
    width: 48%;
    float: left;
    font-size: 0.8em;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 2em;
    color: #fff; }
  .free-page .free-meta .buy-backnumber {
    background-color: #fc890a;
    padding: 1em 0;
    width: 48%;
    float: left;
    font-size: 0.8em;
    text-align: center;
    margin-bottom: 2em;
    color: #fff; }
.free-page .yomikiri {
  width: 50%;
  float: left;
  text-align: center; }
  @media screen and (max-width: 600px) {
    .free-page .yomikiri {
      width: 100%; } }
.free-page .row .serial-contents {
  margin: 0; }
  .free-page .row .serial-contents a {
    color: #000;
    font-family: -apple-system,"Mplus 1p", BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
    font-weight: 500; }
    .free-page .row .serial-contents a img.attachment-full.size-full {
      width: 100px;
      float: left;
      margin: 0.7em; }
.free-page .free-title {
  font-size: 1.3em; }
.free-page .copy_text {
  font-size: 0.8em;
  margin-top: 0.5em;
  font-weight: 400; }
.free-page .free-box {
  width: 50%;
  float: left;
  padding: 1px; }
  @media screen and (max-width: 768px) {
    .free-page .free-box {
      width: 100%; } }
.free-page .red-box {
  width: 100%;
  float: left;
  border: solid 1px #e60012;
  margin: 0; }
  .free-page .red-box img {
    border: solid #eaeaea 1px; }
  .free-page .red-box .works-author {
    font-size: 10px; }
  .free-page .red-box .inline-block {
    display: table-row; }

.row.ask-archive {
  max-width: 600px; }
  .row.ask-archive h2.serial-head {
    display: none; }
  .row.ask-archive article {
    border: solid 5px #000;
    border-radius: 5px;
    margin-top: 20px; }

.ask-single {
  max-width: 600px;
  margin: auto; }

.ask h2 {
  display: none; }
.ask .entry-content {
  margin: 0;
  padding: 1em; }

.ask {
  max-width: 600px;
  margin: auto;
  border: solid 5px #000;
  border-radius: 5px;
  margin-top: 20px; }

.ask-archive p, .ask-single p {
  margin: 0; }
.ask-archive input.wpcf7-form-control.wpcf7-submit, .ask-single input.wpcf7-form-control.wpcf7-submit {
  width: 100%;
  background-color: #05a5e7;
  font-size: 1.5em;
  font-weight: bold;
  color: #fff;
  border: none;
  padding: 10px 100px;
  display: block;
  margin: auto; }

/*! @license
* Copyright 2012-2014 Alex Wolfe and Rob Levin
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*        http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
@-webkit-keyframes glowing, {
  from {
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); }
  50% {
    -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2); }
  to {
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); } }
@-moz-keyframes glowing, {
  from {
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); }
  50% {
    -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2); }
  to {
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); } }
@-o-keyframes glowing, {
  from {
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); }
  50% {
    -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2); }
  to {
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); } }
@keyframes glowing, {
  from {
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); }
  50% {
    -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2); }
  to {
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); } }
.button {
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  background-color: #EEE;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1));
  background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);
  background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
  background: linear-gradient(to bottom, #fbfbfb, #e1e1e1);
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border: 1px solid #d5d5d5;
  height: 32px;
  line-height: 30px;
  padding: 0px 25.6px;
  font-weight: 300;
  font-size: 14px;
  font-family: "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif;
  color: #666;
  text-shadow: 0 1px 1px white;
  margin: 0;
  text-decoration: none;
  text-align: center; }
  .button:hover, .button:focus, .button:active, .button.is-active, .button.active {
    text-decoration: none; }
  .button:hover, .button:focus {
    color: #666;
    background-color: #EEE;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RjZGNkYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc));
    background: -moz-linear-gradient(top, #ffffff, #dcdcdc);
    background: -webkit-linear-gradient(top, #ffffff, #dcdcdc);
    background: linear-gradient(to bottom, #ffffff, #dcdcdc); }
  .button:active, .button.is-active, .button.active {
    -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
    -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
    background: #eeeeee;
    color: #bbbbbb; }
  .button:focus {
    outline: none; }

input.button, button.button {
  height: 34px;
  cursor: pointer;
  -webkit-appearance: none; }

.button-block {
  display: block; }

.button.disabled,
.button.disabled:hover,
.button.disabled:focus,
.button.disabled:active,
input.button:disabled,
button.button:disabled {
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  background: #EEE;
  border: 1px solid #DDD;
  text-shadow: 0 1px 1px white;
  color: #CCC;
  cursor: default;
  -webkit-appearance: none; }

.button-wrap {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e3e3), color-stop(100%, #f2f2f2));
  background: -moz-linear-gradient(top, #e3e3e3, #f2f2f2);
  background: -webkit-linear-gradient(top, #e3e3e3, #f2f2f2);
  background: linear-gradient(to bottom, #e3e3e3, #f2f2f2);
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  border-radius: 200px;
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
  padding: 10px;
  display: inline-block; }

.button-flat {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transition-property: background;
  -o-transition-property: background;
  -webkit-transition-property: background;
  transition-property: background;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #EEE;
  border: none;
  text-shadow: none; }
  .button-flat:hover, .button-flat:focus {
    background: #fbfbfb; }
  .button-flat:active, .button-flat.is-active, .button-flat.active {
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background: #eeeeee;
    color: #bbbbbb; }
  .button-flat.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none; }

.button-border {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #666;
  border: 2px solid #666;
  background: none;
  text-shadow: none; }
  .button-border:hover, .button-border:focus {
    background: none;
    color: gray;
    border: 2px solid gray; }
  .button-border:active, .button-border.is-active, .button-border.active {
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background: none;
    color: #4d4d4d;
    border: 2px solid #4d4d4d; }
  .button-border.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none; }

.button-3d {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f3f3), color-stop(100%, #e9e9e9));
  background: -moz-linear-gradient(top, #f3f3f3, #e9e9e9);
  background: -webkit-linear-gradient(top, #f3f3f3, #e9e9e9);
  background: linear-gradient(to bottom, #f3f3f3, #e9e9e9);
  background-color: #EEE;
  color: #666;
  border: 1px solid #e1e1e1;
  text-shadow: none;
  position: relative;
  top: 0px; }
  .button-3d:hover, .button-3d:focus {
    -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ebebeb));
    background: -moz-linear-gradient(top, #ffffff, #ebebeb);
    background: -webkit-linear-gradient(top, #ffffff, #ebebeb);
    background: linear-gradient(to bottom, #ffffff, #ebebeb);
    background-color: white;
    color: #666; }
  .button-3d:active, .button-3d.is-active, .button-3d.active {
    -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bbbbbb, 0px 3px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bbbbbb, 0px 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bbbbbb, 0px 3px 3px rgba(0, 0, 0, 0.2);
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, #f3f3f3));
    background: -moz-linear-gradient(top, #e9e9e9, #f3f3f3);
    background: -webkit-linear-gradient(top, #e9e9e9, #f3f3f3);
    background: linear-gradient(to bottom, #e9e9e9, #f3f3f3);
    background-color: #eeeeee;
    color: #bbbbbb;
    border: 1px solid #e1e1e1;
    top: 5px; }
  .button-3d.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none; }

.button-rounded {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.button-pill {
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px; }

.button-circle {
  -moz-border-radius: 240px;
  -webkit-border-radius: 240px;
  border-radius: 240px;
  -moz-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  width: 120px;
  line-height: 120px;
  height: 120px;
  padding: 0px;
  border-width: 4px;
  font-size: 16px; }

.button-heros {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDExNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkMDAxMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff0114), color-stop(100%, #cd0010));
  background: -moz-linear-gradient(top, #ff0114, #cd0010);
  background: -webkit-linear-gradient(top, #ff0114, #cd0010);
  background: linear-gradient(to bottom, #ff0114, #cd0010);
  background-color: #e60012;
  border-color: #b3000e;
  color: #ffffff;
  text-shadow: 0 -1px 1px rgba(77, 0, 6, 0.35); }
  .button-heros:hover, .button-heros:focus {
    background-color: #e60012;
    color: #ffffff;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMWEyYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkMDAxMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff1a2c), color-stop(100%, #cd0010));
    background: -moz-linear-gradient(top, #ff1a2c, #cd0010);
    background: -webkit-linear-gradient(top, #ff1a2c, #cd0010);
    background: linear-gradient(to bottom, #ff1a2c, #cd0010); }
  .button-heros:active, .button-heros.is-active, .button-heros.active {
    background: #cf1725;
    color: #80000a; }

.button-3d-heros {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b3000e, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b3000e, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b3000e, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwMDAxMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RjMDAxMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f00013), color-stop(100%, #dc0011));
  background: -moz-linear-gradient(top, #f00013, #dc0011);
  background: -webkit-linear-gradient(top, #f00013, #dc0011);
  background: linear-gradient(to bottom, #f00013, #dc0011);
  background-color: #e60012;
  color: #ffffff;
  border: 1px solid #b3000e;
  text-shadow: none;
  position: relative;
  top: 0px; }
  .button-3d-heros:hover, .button-3d-heros:focus {
    -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #a9000d, 0px 8px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #a9000d, 0px 8px 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #a9000d, 0px 8px 3px rgba(0, 0, 0, 0.3);
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMTAyMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UxMDAxMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff1023), color-stop(100%, #e10012));
    background: -moz-linear-gradient(top, #ff1023, #e10012);
    background: -webkit-linear-gradient(top, #ff1023, #e10012);
    background: linear-gradient(to bottom, #ff1023, #e10012);
    background-color: #ff1a2c;
    color: #ffffff; }
  .button-3d-heros:active, .button-3d-heros.is-active, .button-3d-heros.active {
    -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #b3000e, 0px 3px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #b3000e, 0px 3px 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #b3000e, 0px 3px 3px rgba(0, 0, 0, 0.3);
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjMDAxMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwMDAxMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dc0011), color-stop(100%, #f00013));
    background: -moz-linear-gradient(top, #dc0011, #f00013);
    background: -webkit-linear-gradient(top, #dc0011, #f00013);
    background: linear-gradient(to bottom, #dc0011, #f00013);
    background-color: #cf1725;
    color: #80000a;
    border: 1px solid #cd0010;
    top: 5px; }
  .button-3d-heros.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none; }

.button-border-heros {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #e60012;
  border: 2px solid #e60012;
  background: none;
  text-shadow: none; }
  .button-border-heros:hover, .button-border-heros:focus {
    background: none;
    color: #ff1a2c;
    border: 2px solid #ff1a2c; }
  .button-border-heros:active, .button-border-heros.is-active, .button-border-heros.active {
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background: none;
    color: #b3000e;
    border: 2px solid #b3000e; }
  .button-border-heros.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none; }

.button-flat-heros {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transition-property: background;
  -o-transition-property: background;
  -webkit-transition-property: background;
  transition-property: background;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #e60012;
  color: #ffffff;
  text-shadow: none;
  border: none; }
  .button-flat-heros:hover, .button-flat-heros:focus {
    color: #ffffff;
    background: #ff0114; }
  .button-flat-heros:active, .button-flat-heros.is-active, .button-flat-heros.active {
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background: #cf1725;
    color: #9a000c; }
  .button-flat-heros.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none; }

.button-seven {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1NjIzNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAzMzIxYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #056235), color-stop(100%, #03321b));
  background: -moz-linear-gradient(top, #056235, #03321b);
  background: -webkit-linear-gradient(top, #056235, #03321b);
  background: linear-gradient(to bottom, #056235, #03321b);
  background-color: #044a28;
  border-color: #011a0e;
  color: #ffffff;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.35); }
  .button-seven:hover, .button-seven:focus {
    background-color: #044a28;
    color: #ffffff;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA3N2E0MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAzMzIxYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #077a42), color-stop(100%, #03321b));
    background: -moz-linear-gradient(top, #077a42, #03321b);
    background: -webkit-linear-gradient(top, #077a42, #03321b);
    background: linear-gradient(to bottom, #077a42, #03321b); }
  .button-seven:active, .button-seven.is-active, .button-seven.active {
    background: #0c4228;
    color: black; }

.button-3d-seven {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #011a0e, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #011a0e, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #011a0e, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1NTQyZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAzNDAyMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #05542d), color-stop(100%, #034023));
  background: -moz-linear-gradient(top, #05542d, #034023);
  background: -webkit-linear-gradient(top, #05542d, #034023);
  background: linear-gradient(to bottom, #05542d, #034023);
  background-color: #044a28;
  color: #ffffff;
  border: 1px solid #011a0e;
  text-shadow: none;
  position: relative;
  top: 0px; }
  .button-3d-seven:hover, .button-3d-seven:focus {
    -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #011009, 0px 8px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #011009, 0px 8px 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #011009, 0px 8px 3px rgba(0, 0, 0, 0.3);
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA2NzEzZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA0NDUyNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #06713d), color-stop(100%, #044525));
    background: -moz-linear-gradient(top, #06713d, #044525);
    background: -webkit-linear-gradient(top, #06713d, #044525);
    background: linear-gradient(to bottom, #06713d, #044525);
    background-color: #077a42;
    color: #ffffff; }
  .button-3d-seven:active, .button-3d-seven.is-active, .button-3d-seven.active {
    -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #011a0e, 0px 3px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #011a0e, 0px 3px 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #011a0e, 0px 3px 3px rgba(0, 0, 0, 0.3);
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAzNDAyMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA1NTQyZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #034023), color-stop(100%, #05542d));
    background: -moz-linear-gradient(top, #034023, #05542d);
    background: -webkit-linear-gradient(top, #034023, #05542d);
    background: linear-gradient(to bottom, #034023, #05542d);
    background-color: #0c4228;
    color: black;
    border: 1px solid #03321b;
    top: 5px; }
  .button-3d-seven.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none; }

.button-border-seven {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #044a28;
  border: 2px solid #044a28;
  background: none;
  text-shadow: none; }
  .button-border-seven:hover, .button-border-seven:focus {
    background: none;
    color: #077a42;
    border: 2px solid #077a42; }
  .button-border-seven:active, .button-border-seven.is-active, .button-border-seven.active {
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background: none;
    color: #011a0e;
    border: 2px solid #011a0e; }
  .button-border-seven.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none; }

.button-flat-seven {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transition-property: background;
  -o-transition-property: background;
  -webkit-transition-property: background;
  transition-property: background;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #044a28;
  color: #ffffff;
  text-shadow: none;
  border: none; }
  .button-flat-seven:hover, .button-flat-seven:focus {
    color: #ffffff;
    background: #056235; }
  .button-flat-seven:active, .button-flat-seven.is-active, .button-flat-seven.active {
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background: #0c4228;
    color: #000101; }
  .button-flat-seven.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none; }

.button-amazon {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYTMxYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2OGEwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffa31a), color-stop(100%, #e68a00));
  background: -moz-linear-gradient(top, #ffa31a, #e68a00);
  background: -webkit-linear-gradient(top, #ffa31a, #e68a00);
  background: linear-gradient(to bottom, #ffa31a, #e68a00);
  background-color: #ff9900;
  border-color: #cc7a00;
  color: #ffffff;
  text-shadow: 0 -1px 1px rgba(102, 61, 0, 0.35); }
  .button-amazon:hover, .button-amazon:focus {
    background-color: #ff9900;
    color: #ffffff;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYWQzMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2OGEwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffad33), color-stop(100%, #e68a00));
    background: -moz-linear-gradient(top, #ffad33, #e68a00);
    background: -webkit-linear-gradient(top, #ffad33, #e68a00);
    background: linear-gradient(to bottom, #ffad33, #e68a00); }
  .button-amazon:active, .button-amazon.is-active, .button-amazon.active {
    background: #e6941a;
    color: #995c00; }

.button-3d-amazon {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #cc7a00, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #cc7a00, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #cc7a00, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOWQwYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1OTMwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff9d0a), color-stop(100%, #f59300));
  background: -moz-linear-gradient(top, #ff9d0a, #f59300);
  background: -webkit-linear-gradient(top, #ff9d0a, #f59300);
  background: linear-gradient(to bottom, #ff9d0a, #f59300);
  background-color: #ff9900;
  color: #ffffff;
  border: 1px solid #cc7a00;
  text-shadow: none;
  position: relative;
  top: 0px; }
  .button-3d-amazon:hover, .button-3d-amazon:focus {
    -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #c27400, 0px 8px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #c27400, 0px 8px 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #c27400, 0px 8px 3px rgba(0, 0, 0, 0.3);
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYTkyOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZhOTYwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffa929), color-stop(100%, #fa9600));
    background: -moz-linear-gradient(top, #ffa929, #fa9600);
    background: -webkit-linear-gradient(top, #ffa929, #fa9600);
    background: linear-gradient(to bottom, #ffa929, #fa9600);
    background-color: #ffad33;
    color: #ffffff; }
  .button-3d-amazon:active, .button-3d-amazon.is-active, .button-3d-amazon.active {
    -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #cc7a00, 0px 3px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #cc7a00, 0px 3px 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #cc7a00, 0px 3px 3px rgba(0, 0, 0, 0.3);
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1OTMwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmOWQwYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f59300), color-stop(100%, #ff9d0a));
    background: -moz-linear-gradient(top, #f59300, #ff9d0a);
    background: -webkit-linear-gradient(top, #f59300, #ff9d0a);
    background: linear-gradient(to bottom, #f59300, #ff9d0a);
    background-color: #e6941a;
    color: #995c00;
    border: 1px solid #e68a00;
    top: 5px; }
  .button-3d-amazon.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none; }

.button-border-amazon {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #ff9900;
  border: 2px solid #ff9900;
  background: none;
  text-shadow: none; }
  .button-border-amazon:hover, .button-border-amazon:focus {
    background: none;
    color: #ffad33;
    border: 2px solid #ffad33; }
  .button-border-amazon:active, .button-border-amazon.is-active, .button-border-amazon.active {
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background: none;
    color: #cc7a00;
    border: 2px solid #cc7a00; }
  .button-border-amazon.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none; }

.button-flat-amazon {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transition-property: background;
  -o-transition-property: background;
  -webkit-transition-property: background;
  transition-property: background;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #ff9900;
  color: #ffffff;
  text-shadow: none;
  border: none; }
  .button-flat-amazon:hover, .button-flat-amazon:focus {
    color: #ffffff;
    background: #ffa31a; }
  .button-flat-amazon:active, .button-flat-amazon.is-active, .button-flat-amazon.active {
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background: #e6941a;
    color: #b36b00; }
  .button-flat-amazon.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none; }

.button-rakuten {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4NTQzZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5MzMxYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8543f), color-stop(100%, #d9331a));
  background: -moz-linear-gradient(top, #e8543f, #d9331a);
  background: -webkit-linear-gradient(top, #e8543f, #d9331a);
  background: linear-gradient(to bottom, #e8543f, #d9331a);
  background-color: #e54028;
  border-color: #c22d18;
  color: #ffffff;
  text-shadow: 0 -1px 1px rgba(103, 24, 13, 0.35); }
  .button-rakuten:hover, .button-rakuten:focus {
    background-color: #e54028;
    color: #ffffff;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViNjg1NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5MzMxYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eb6855), color-stop(100%, #d9331a));
    background: -moz-linear-gradient(top, #eb6855, #d9331a);
    background: -webkit-linear-gradient(top, #eb6855, #d9331a);
    background: linear-gradient(to bottom, #eb6855, #d9331a); }
  .button-rakuten:active, .button-rakuten.is-active, .button-rakuten.active {
    background: #cd5240;
    color: #952312; }

.button-3d-rakuten {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #c22d18, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #c22d18, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #c22d18, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2NDgzMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U0MzgxZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e64831), color-stop(100%, #e4381f));
  background: -moz-linear-gradient(top, #e64831, #e4381f);
  background: -webkit-linear-gradient(top, #e64831, #e4381f);
  background: linear-gradient(to bottom, #e64831, #e4381f);
  background-color: #e54028;
  color: #ffffff;
  border: 1px solid #c22d18;
  text-shadow: none;
  position: relative;
  top: 0px; }
  .button-3d-rakuten:hover, .button-3d-rakuten:focus {
    -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b92b16, 0px 8px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b92b16, 0px 8px 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b92b16, 0px 8px 3px rgba(0, 0, 0, 0.3);
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5NjA0YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U0M2MyMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9604c), color-stop(100%, #e43c23));
    background: -moz-linear-gradient(top, #e9604c, #e43c23);
    background: -webkit-linear-gradient(top, #e9604c, #e43c23);
    background: linear-gradient(to bottom, #e9604c, #e43c23);
    background-color: #eb6855;
    color: #ffffff; }
  .button-3d-rakuten:active, .button-3d-rakuten.is-active, .button-3d-rakuten.active {
    -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #c22d18, 0px 3px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #c22d18, 0px 3px 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #c22d18, 0px 3px 3px rgba(0, 0, 0, 0.3);
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0MzgxZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2NDgzMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4381f), color-stop(100%, #e64831));
    background: -moz-linear-gradient(top, #e4381f, #e64831);
    background: -webkit-linear-gradient(top, #e4381f, #e64831);
    background: linear-gradient(to bottom, #e4381f, #e64831);
    background-color: #cd5240;
    color: #952312;
    border: 1px solid #d9331a;
    top: 5px; }
  .button-3d-rakuten.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none; }

.button-border-rakuten {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #e54028;
  border: 2px solid #e54028;
  background: none;
  text-shadow: none; }
  .button-border-rakuten:hover, .button-border-rakuten:focus {
    background: none;
    color: #eb6855;
    border: 2px solid #eb6855; }
  .button-border-rakuten:active, .button-border-rakuten.is-active, .button-border-rakuten.active {
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background: none;
    color: #c22d18;
    border: 2px solid #c22d18; }
  .button-border-rakuten.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none; }

.button-flat-rakuten {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transition-property: background;
  -o-transition-property: background;
  -webkit-transition-property: background;
  transition-property: background;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #e54028;
  color: #ffffff;
  text-shadow: none;
  border: none; }
  .button-flat-rakuten:hover, .button-flat-rakuten:focus {
    color: #ffffff;
    background: #e8543f; }
  .button-flat-rakuten:active, .button-flat-rakuten.is-active, .button-flat-rakuten.active {
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background: #cd5240;
    color: #ac2815; }
  .button-flat-rakuten.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none; }

.button-black {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBkMGQwZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0d0d0d), color-stop(100%, #000000));
  background: -moz-linear-gradient(top, #0d0d0d, #000000);
  background: -webkit-linear-gradient(top, #0d0d0d, #000000);
  background: linear-gradient(to bottom, #0d0d0d, #000000);
  background-color: #000000;
  border-color: black;
  color: #ffffff;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.35); }
  .button-black:hover, .button-black:focus {
    background-color: #000000;
    color: #ffffff;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhMWExYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1a1a1a), color-stop(100%, #000000));
    background: -moz-linear-gradient(top, #1a1a1a, #000000);
    background: -webkit-linear-gradient(top, #1a1a1a, #000000);
    background: linear-gradient(to bottom, #1a1a1a, #000000); }
  .button-black:active, .button-black.is-active, .button-black.active {
    background: black;
    color: black; }

.button-3d-black {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px black, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px black, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px black, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1MDUwNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #050505), color-stop(100%, #000000));
  background: -moz-linear-gradient(top, #050505, #000000);
  background: -webkit-linear-gradient(top, #050505, #000000);
  background: linear-gradient(to bottom, #050505, #000000);
  background-color: #000000;
  color: #ffffff;
  border: 1px solid black;
  text-shadow: none;
  position: relative;
  top: 0px; }
  .button-3d-black:hover, .button-3d-black:focus {
    -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px black, 0px 8px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px black, 0px 8px 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px black, 0px 8px 3px rgba(0, 0, 0, 0.3);
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0MTQxNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #141414), color-stop(100%, #000000));
    background: -moz-linear-gradient(top, #141414, #000000);
    background: -webkit-linear-gradient(top, #141414, #000000);
    background: linear-gradient(to bottom, #141414, #000000);
    background-color: #1a1a1a;
    color: #ffffff; }
  .button-3d-black:active, .button-3d-black.is-active, .button-3d-black.active {
    -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px black, 0px 3px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px black, 0px 3px 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px black, 0px 3px 3px rgba(0, 0, 0, 0.3);
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA1MDUwNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000000), color-stop(100%, #050505));
    background: -moz-linear-gradient(top, #000000, #050505);
    background: -webkit-linear-gradient(top, #000000, #050505);
    background: linear-gradient(to bottom, #000000, #050505);
    background-color: black;
    color: black;
    border: 1px solid black;
    top: 5px; }
  .button-3d-black.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none; }

.button-border-black {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #000000;
  border: 2px solid #000000;
  background: none;
  text-shadow: none; }
  .button-border-black:hover, .button-border-black:focus {
    background: none;
    color: #1a1a1a;
    border: 2px solid #1a1a1a; }
  .button-border-black:active, .button-border-black.is-active, .button-border-black.active {
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background: none;
    color: black;
    border: 2px solid black; }
  .button-border-black.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none; }

.button-flat-black {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transition-property: background;
  -o-transition-property: background;
  -webkit-transition-property: background;
  transition-property: background;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #000000;
  color: #ffffff;
  text-shadow: none;
  border: none; }
  .button-flat-black:hover, .button-flat-black:focus {
    color: #ffffff;
    background: #0d0d0d; }
  .button-flat-black:active, .button-flat-black.is-active, .button-flat-black.active {
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background: black;
    color: black; }
  .button-flat-black.disabled {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none; }

.button-group {
  position: relative;
  display: inline-block; }
  .button-group .button {
    float: left; }
    .button-group .button:focus, .button-group .button:hover, .button-group .button.active {
      z-index: 5; }
    .button-group .button:active, .button-group .button.active {
      background: gainsboro; }
    .button-group .button:not(:first-child):not(:last-child) {
      border-radius: 0; }
    .button-group .button:first-child {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .button-group .button:last-child {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
  .button-group .button + .button {
    margin-left: -1px; }

.button-jumbo {
  font-size: 22px;
  height: 51.2px;
  line-height: 51.2px;
  padding: 0px 40.96px; }

.button-large {
  font-size: 16px;
  height: 38.4px;
  line-height: 38.4px;
  padding: 0px 30.72px; }

input.button-large, button.button-large {
  height: 40.4px; }

.button-small {
  font-size: 12px;
  height: 25.6px;
  line-height: 24px;
  padding: 0px 20.48px; }

input.button-small, button.button-small {
  height: 27.6px; }

.button-tiny {
  font-size: 10px;
  height: 22.4px;
  line-height: 22.4px;
  padding: 0px 19.2px; }

input.button-tiny, button.button-tiny {
  height: 24.4px; }

.button.glow {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -ms-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -khtml-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: glowing;
  -khtml-animation-name: glowing;
  -moz-animation-name: glowing;
  -ms-animation-name: glowing;
  -o-animation-name: glowing;
  animation-name: glowing; }
.button.glow:active {
  -webkit-animation-name: none;
  -moz-animation-name: none;
  -ms-animation-name: none;
  -o-animation-name: none;
  animation-name: none;
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white; }

.button-dropdown {
  position: relative;
  overflow: visible;
  display: inline-block; }
  .button-dropdown .button .icon-caret-down {
    font-size: 90%;
    margin: 0px 0px 0px 3px;
    vertical-align: middle; }
  .button-dropdown ul.button-dropdown-menu-below {
    top: 115%; }
  .button-dropdown ul.button-dropdown-menu-above {
    bottom: 115%;
    top: auto; }
  .button-dropdown ul {
    -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: none;
    position: absolute;
    background: #fcfcfc;
    top: -2px;
    left: -2px;
    z-index: 1000;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    min-width: 102%; }
    .button-dropdown ul li {
      padding: 0px;
      margin: 0px;
      display: block; }
      .button-dropdown ul li:first-child a {
        -moz-border-radius-topleft: 3px;
        -webkit-border-top-left-radius: 3px;
        border-top-left-radius: 3px;
        -moz-border-radius-topright: 3px;
        -webkit-border-top-right-radius: 3px;
        border-top-right-radius: 3px; }
      .button-dropdown ul li:last-child a {
        -moz-border-radius-bottomleft: 3px;
        -webkit-border-bottom-left-radius: 3px;
        border-bottom-left-radius: 3px;
        -moz-border-radius-bottomright: 3px;
        -webkit-border-bottom-right-radius: 3px;
        border-bottom-right-radius: 3px; }
    .button-dropdown ul .button-dropdown-divider {
      -moz-box-shadow: inset 0px 1px 0px #FFF;
      -webkit-box-shadow: inset 0px 1px 0px #FFF;
      box-shadow: inset 0px 1px 0px #FFF;
      border-top: 1px solid #e4e4e4; }
    .button-dropdown ul a {
      display: block;
      padding: 0px 20px;
      text-decoration: none;
      font-size: 10px;
      color: #333;
      line-height: 30px;
      white-space: nowrap; }
      .button-dropdown ul a:hover, .button-dropdown ul a:focus {
        background-color: #3c6ab9;
        color: #FFF; }