@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
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,
hgroup,
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 {
  margin: .67em 0;
  font-size: 2em;
}

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

small {
  font-size: 80%;
}

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

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 40px;
}

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

pre {
  overflow: auto;
}

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

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

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 {
  padding: 0;
  border: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  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-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}

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

fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}

legend {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .navbar {
    display: none;
  }

  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }

  .label {
    border: 1px solid #000;
  }

  .table {
    border-collapse: collapse !important;
  }

  .table td,
  .table th {
    background-color: #fff !important;
  }

  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
/* ============================== */
/* Global                         */
/* ============================== */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #333;
  background: #fff;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button {
  background: none;
  border: none;
  outline: 0;
}

a {
  color: #333;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #333;
  text-decoration: none;
}

a:focus {
  outline: 0;
}

p {
  margin: 0 0 20px 0;
}

figure {
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

address {
  margin: 0;
  padding: 0;
  font-style: normal;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul ul, ul ol, ol ul, ol ol {
  margin-left: 1em;
}

/* ============================== */
/* helper                         */
/* ============================== */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

.text-right {
  text-align: right;
}

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

.text-left {
  text-align: left;
}

.nomargin {
  margin: 0 !important;
}

.nopadding {
  padding: 0 !important;
}

.spacing-5, .spacing-10, .spacing-15, .spacing-20, .spacing-25, .spacing-30, .spacing-35, .spacing-40, .spacing-45, .spacing-50 {
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}

.spacing-5 {
  height: 5px;
}

.spacing-10 {
  height: 10px;
}

.spacing-15 {
  height: 15px;
}

.spacing-20 {
  height: 20px;
}

.spacing-25 {
  height: 25px;
}

.spacing-30 {
  height: 30px;
}

.spacing-35 {
  height: 35px;
}

.spacing-40 {
  height: 40px;
}

.spacing-45 {
  height: 45px;
}

.spacing-50 {
  height: 50px;
}

.hvr-img {
  /* nothing here */
}

/* ============================== */
/* mmenu                          */
/* ============================== */
.mm-menu, .mm-panels, .mm-panels > .mm-panel {
  margin: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  box-sizing: border-box;
}

.mm-btn, .mm-menu {
  box-sizing: border-box;
}

.mm-listview a, .mm-listview a:hover, .mm-navbar a, .mm-navbar a:hover {
  text-decoration: none;
}

.mm-hidden {
  display: none !important;
}

.mm-menu, .mm-panels > .mm-panel:not(.mm-hidden) {
  display: block;
}

.mm-wrapper {
  overflow-x: hidden;
  position: relative;
}

.mm-menu {
  padding: 0;
  position: absolute;
}

.mm-panels, .mm-panels > .mm-panel {
  background: inherit;
  border-color: inherit;
  position: absolute;
}

.mm-btn, .mm-panel.mm-highest {
  z-index: 1;
}

.mm-panels {
  overflow: hidden;
}

.mm-panel {
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease,-webkit-transform .4s ease;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.mm-panel.mm-opened {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-panel.mm-subopened {
  -webkit-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0);
}

.mm-panels > .mm-panel {
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 20px;
}

.mm-listview .mm-divider, .mm-listview > li > a, .mm-listview > li > span, .mm-navbar .mm-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mm-panels > .mm-panel.mm-hasnavbar {
  padding-top: 40px;
}

.mm-panels > .mm-panel:after, .mm-panels > .mm-panel:before {
  content: '';
  display: block;
  height: 20px;
}

.mm-vertical .mm-panel {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}

.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel {
  display: none;
  padding: 10px 0 10px 10px;
}

.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after, .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after {
  border-color: transparent;
}

.mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel {
  display: block;
}

.mm-listview > li.mm-vertical > .mm-next, .mm-vertical .mm-listview > li > .mm-next {
  height: 40px;
  bottom: auto;
}

.mm-listview > li.mm-vertical > .mm-next:after, .mm-vertical .mm-listview > li > .mm-next:after {
  top: 16px;
  bottom: auto;
}

.mm-listview > li.mm-vertical.mm-opened > .mm-next:after, .mm-vertical .mm-listview > li.mm-opened > .mm-next:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 19px;
}

.mm-btn {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
}

.mm-clear:after, .mm-clear:before, .mm-close:after, .mm-close:before {
  content: '';
  border: 2px solid transparent;
  display: block;
  width: 5px;
  height: 5px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mm-clear:before, .mm-close:before {
  border-right: none;
  border-bottom: none;
  right: 18px;
}

.mm-clear:after, .mm-close:after {
  border-left: none;
  border-top: none;
  right: 25px;
}

.mm-arrow:after, .mm-next:after, .mm-prev:before {
  content: '';
  border: 2px solid transparent;
  display: block;
  width: 8px;
  height: 8px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mm-prev:before {
  border-right: none;
  border-bottom: none;
  left: 23px;
}

.mm-arrow:after, .mm-next:after {
  border-top: none;
  border-left: none;
  right: 23px;
}

.mm-navbar {
  border-bottom: 1px solid;
  border-color: rgba(0, 0, 0, 0.3);
  text-align: center;
  line-height: 20px;
  height: 40px;
  padding: 0 40px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.mm-navbar > * {
  display: block;
  padding: 10px 0;
}

.mm-navbar .mm-btn:first-child {
  padding-left: 20px;
  left: 0;
}

.mm-navbar .mm-btn:last-child {
  text-align: right;
  padding-right: 20px;
  right: 0;
}

.mm-panel .mm-navbar {
  display: none;
}

.mm-panel.mm-hasnavbar .mm-navbar {
  display: block;
}

.mm-listview, .mm-listview > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}

.mm-listview {
  font: inherit;
  font-size: 13px;
  line-height: 20px;
}

.mm-listview > li {
  position: relative;
}

.mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before, .mm-listview > li:after {
  border-color: inherit;
}

.mm-listview > li > a, .mm-listview > li > span {
  color: inherit;
  display: block;
  padding: 15px 10px 15px 20px;
  margin: 0;
}

.mm-listview > li > a.mm-arrow, .mm-listview > li > span.mm-arrow {
  padding-right: 50px;
}

.mm-listview > li:not(.mm-divider):after {
  content: '';
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 20px;
}

.mm-listview .mm-next {
  background: rgba(3, 2, 1, 0);
  width: 50px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}

.mm-listview .mm-next:before {
  content: '';
  border-left-width: 1px;
  border-left-style: solid;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.mm-listview .mm-next + a, .mm-listview .mm-next + span {
  margin-right: 50px;
}

.mm-listview .mm-next.mm-fullsubopen {
  width: 100%;
}

.mm-listview .mm-next.mm-fullsubopen:before {
  border-left: none;
}

.mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span {
  padding-right: 50px;
  margin-right: 0;
}

.mm-panels > .mm-panel > .mm-listview {
  margin: 20px -20px;
}

.mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin-top: -20px;
}

.mm-listview .mm-inset {
  list-style: disc inside;
  padding: 0 10px 15px 40px;
  margin: 0;
}

.mm-listview .mm-inset > li {
  padding: 5px 0;
}

.mm-listview .mm-divider {
  font-size: 10px;
  text-transform: uppercase;
  text-indent: 20px;
  line-height: 25px;
}

.mm-listview .mm-spacer {
  padding-top: 40px;
}

.mm-listview .mm-spacer > .mm-next {
  top: 40px;
}

.mm-listview .mm-spacer.mm-divider {
  padding-top: 25px;
}

.mm-menu {
  background: #333;
  border-color: rgba(0, 0, 0, 0.1);
  color: #fff;
}

.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
  color: #fff;
}

.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
  border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu .mm-listview {
  border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu .mm-listview > li .mm-arrow:after, .mm-menu .mm-listview > li .mm-next:after {
  border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu .mm-listview > li a:not(.mm-next) {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
  tap-highlight-color: rgba(255, 255, 255, 0.5);
}

.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.5);
}

.mm-menu .mm-divider, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
  background: rgba(0, 0, 0, 0.05);
}

.mm-page {
  box-sizing: border-box;
  position: relative;
}

.mm-slideout {
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease,-webkit-transform .4s ease;
  z-index: 1;
}

html.mm-opened {
  overflow-x: hidden;
  position: relative;
}

html.mm-blocking, html.mm-blocking body {
  overflow: hidden;
}

html.mm-background .mm-page {
  background: inherit;
}

#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}

html.mm-blocking #mm-blocker {
  display: block;
}

.mm-menu.mm-offcanvas {
  z-index: 0;
  display: none;
  position: fixed;
}

.mm-menu.mm-offcanvas.mm-current {
  display: block;
}

.mm-menu {
  width: 80%;
  min-width: 140px;
  max-width: 300px;
}

html.mm-opening .mm-slideout {
  -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0);
  }
}
@media all and (min-width: 550px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
  }
}
/* positioning */
.mm-menu.mm-bottom, .mm-menu.mm-top {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 80%;
  min-height: 140px;
  max-height: 880px;
}

.mm-menu.mm-right {
  left: auto;
  right: 0;
}

html.mm-right.mm-opening .mm-slideout {
  -webkit-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0);
  }
}
@media all and (min-width: 550px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }
}
html.mm-front .mm-slideout {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  z-index: 0;
}

html.mm-front #mm-blocker {
  z-index: 1;
}

html.mm-front .mm-menu {
  z-index: 2;
}

.mm-menu.mm-front, .mm-menu.mm-next {
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease,-webkit-transform .4s ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.mm-menu.mm-top {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

.mm-menu.mm-bottom {
  top: auto;
  bottom: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* border style */
.mm-listview.mm-border-none > li:after, .mm-menu.mm-border-none .mm-listview > li:after {
  content: none;
}

.mm-listview.mm-border-full > li:after, .mm-menu.mm-border-full .mm-listview > li:after {
  left: 0 !important;
}

.mm-listview.mm-border-offset > li:after, .mm-menu.mm-border-offset .mm-listview > li:after {
  right: 20px;
}

.mm-listview > li:not(.mm-divider):after {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #4d4d4d;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #000;
}

.mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next::before, .mm-listview > li::after {
  border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu .mm-listview > li .mm-arrow::after, .mm-menu .mm-listview > li .mm-next::after {
  border-color: rgba(255, 255, 255, 0.7);
}

.mm-menu .mm-divider, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
  background-color: rgba(0, 0, 0, 0.3);
}

.mm-menu .mm-btn::after, .mm-menu .mm-btn::before {
  border-color: rgba(255, 255, 255, 0.7);
}

/* ============================== */
/* Layout                         */
/* ============================== */
#right-nav:not(.mm-menu) {
  display: none;
}

#page {
  position: relative;
  margin: 0;
  padding: 0;
}

#header {
  position: fixed;
  margin: 0;
  padding: 0;
  width: 100%;
  top: 0;
  left: 0;
  border-bottom: 1px solid #bbb;
  background-color: #ffffff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  z-index: 8000;
}
#header:before, #header:after {
  content: " ";
  display: table;
}
#header:after {
  clear: both;
}

.offset {
  display: block;
  width: 100%;
}

html.mm-right.mm-opening #header {
  -webkit-transform: translate3d(-80%, 0, 0) \9;
  -ms-transform: translate3d(-80%, 0, 0) \9;
  transform: translate3d(-80%, 0, 0) \9;
}

@media all and (max-width: 175px) {
  html.mm-right.mm-opening #header {
    -webkit-transform: translate3d(-140px, 0, 0) \9;
    -ms-transform: translate3d(-140px, 0, 0) \9;
    transform: translate3d(-140px, 0, 0) \9;
  }
}
@media all and (min-width: 550px) {
  html.mm-right.mm-opening #header {
    -webkit-transform: translate3d(-300px, 0, 0) \9;
    -ms-transform: translate3d(-300px, 0, 0) \9;
    transform: translate3d(-300px, 0, 0) \9;
  }
}
#content {
  margin: 0 auto;
  padding: 0 0 20px 0;
  max-width: 640px;
}
#content:before, #content:after {
  content: " ";
  display: table;
}
#content:after {
  clear: both;
}

#footer {
  margin: 0 auto;
  padding: 0;
  max-width: 640px;
}
#footer:before, #footer:after {
  content: " ";
  display: table;
}
#footer:after {
  clear: both;
}

.container {
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 640px;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}

/* ============================== */
/* Header                         */
/* ============================== */
.top-bar {
  margin: 0;
  padding: 3px;
  background-color: #4ba44a;
  color: #ffffff;
}
.top-bar h1 {
  font-size: 10px;
  line-height: 1.2;
}
.top-bar .top-bar-inner {
  margin: 0 auto;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 640px;
}

.header-main {
  position: relative;
  margin: 0 auto;
  padding: 10px;
  max-width: 640px;
  height: 55px;
}
.header-main:before, .header-main:after {
  content: " ";
  display: table;
}
.header-main:after {
  clear: both;
}
.header-main .logo {
  display: inline-block;
  margin: 0;
  padding: 0 40px 0 0;
  height: 34px;
  line-height: 34px;
}
.header-main .logo img {
  width: 100%;
  max-width: 390px;
  height: auto;
}
.header-main .nav-toggle {
  position: absolute;
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 34px;
  height: 34px;
  top: 6px;
  right: 10px;
}

/* ============================== */
/* Footer                         */
/* ============================== */
/* footer main */
.footer-main {
  margin: 0 0 20px 0;
  padding: 0;
}
.footer-main:before, .footer-main:after {
  content: " ";
  display: table;
}
.footer-main:after {
  clear: both;
}
.footer-main .footer-block {
  margin: 0 0 30px 0;
  padding: 0;
}
.footer-main .footer-block:before, .footer-main .footer-block:after {
  content: " ";
  display: table;
}
.footer-main .footer-block:after {
  clear: both;
}
.footer-main .footer-block .footer-block-title {
  margin: 0;
  padding: 45px 0 10px 0;
}
.footer-main .footer-block .footer-block-title h3 {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
}
.footer-main .footer-block .footer-block-title h3 strong {
  margin: 0 0.1em;
  font-size: 18px;
  font-weight: bold;
}
.footer-main .footer-block .footer-block-title h3 .break {
  display: inline;
}
.footer-main .footer-block .footer-block-title.knowledge {
  height:90px;
  background-color: none;
  background-image: url(../img/bg_basic_knowledge.png);
  background-size:auto 100%;
  background-repeat: no-repeat;
}
.footer-main .footer-block .footer-block-title.feature {
  height:90px;
  background-color: none;
  background-image: url(../img/bg_basic_feature.png);
  background-size:auto 100%;
  background-repeat: no-repeat;
}
.footer-main .footer-block .footer-block-title.pet {
  height:90px;
  padding-left:30px;
  background-color: none;
  background-image: url(../img/bg_basic_pet.png);
  background-size:auto 100%;
  background-repeat: no-repeat;
}
.footer-main .footer-block .footer-block-title.muku {
  height:90px;
  background-color: none;
  background-image: url(../img/bg_muku.png);
  background-size:auto 100%;
  background-repeat: no-repeat;
}
.footer-main .footer-block .footer-block-title.glass {
  height:90px;
  background-color: none;
  background-image: url(../img/bg_glass.png);
  background-size:auto 100%;
  background-repeat: no-repeat;
}
@media (max-width: 320px) {
  .footer-main .footer-block .footer-block-title h3 {
    padding-left: 100px;
    text-align: left;
  }
  .footer-main .footer-block .footer-block-title h3 .break {
    display: block;
  }
}
.footer-main .footer-block ul {
  margin: 0;
  padding: 0 10px;
}
.footer-main .footer-block ul li {
  margin: 0;
  padding: 0;
  border-bottom: 1px dotted #898989;
  background: url(../img/icon/arrow_list.png) no-repeat 98% 50%;
  background-size: 6px 7px;
}
.footer-main .footer-block ul li a {
  display: block;
  margin: 0;
  padding: 10px 20px 10px 10px;
}

/* footer bottom */
.footer-bottom {
  margin: 0 0 10px 0;
  padding: 0;
}
.footer-bottom:before, .footer-bottom:after {
  content: " ";
  display: table;
}
.footer-bottom:after {
  clear: both;
}
.footer-bottom ul {
  display: table;
  margin: 0;
  padding: 0;
  width: 100%;
}
.footer-bottom ul li {
  display: table-cell;
  width: 50%;
  text-align: center;
  border-right: 1px dotted #eeeeed;
  background-color: #9f9fa0;
  color: #ffffff;
}
.footer-bottom ul li:last-child {
  border: none;
}
.footer-bottom ul li a {
  display: block;
  margin: 0;
  padding: 15px 10px;
  font-size: 16px;
  color: #ffffff;
}







/*----------------------------
並び替え条件（絞り込み
----------------------------*/

.sort-box {
    text-align:center;
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #fff8dc;
    border: dashed 2px #a9a9a9;/*点線*/
}
body#page .sort-box {
    width: 90%;
    margin: auto;
}
.sort-box p {
    font-size:120%;
    margin: 0;
    padding: 0;
}
.sort-box p.sub {
    text-align: inherit;
    font-size:140%;
}
.sort-box p:not(.sub):not(.list) {
    text-align: inherit;
    font-size:160%;
    margin-left: -0.5em;
}
body#page .sort-box p:not(.sub):not(.list) {
    font-size:160%;
}
body#page .sort-box p.list {
    font-size:165%;
}
@media screen and (max-width: 400px)  {
  body#page .sort-box p {
      font-size: 4vw;
  }
  body#page .sort-box p:not(.sub):not(.list) {
      font-size:5.3vw;
  }
  .sort-box p.sub , .sort-box p.list{
      text-align: inherit;
      font-size:4.5vw !important;
  }
  .sort-box p.list{
      font-size:5vw !important;
  }
}
body#page .sort-box p span:before {
    content: "\A";
    white-space: pre;
}

/* copyright */
.copyright {
  margin: 0;
  padding: 5px 0px 5px 0px;
  text-align: center;
  background-color: #ffffff;
  font-size: 9px;
}

/* ============================== */
/* Navigation                     */
/* ============================== */
/* ============================== */
/* Content                        */
/* ============================== */
/* section */
.section {
  margin: 0 0 20px 0;
  padding: 0;
}
.section:before, .section:after {
  content: " ";
  display: table;
}
.section:after {
  clear: both;
}
.section .section-title {
  margin: 0 0 20px 0;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
  background: linear-gradient(to bottom, #2b9a1e 0%, #6fb934 100%);
  color: #fff;
}
.section .entry-title-sub{
  background-color:#532d08;
  color:#fff;
  font-weight:bold;
  padding:6px 10px;
}
.section .section-body {
  margin: 0;
  padding: 0 10px;
}
.section .section-body:before, .section .section-body:after {
  content: " ";
  display: table;
}
.section .section-body:after {
  clear: both;
}
.matome-box{
  background-color: #ebe2d8;
  padding: 10px;
  border-radius: 6px;
}
.section-body-matome{
  padding-left:35px;
  background:url(../img/contents/icon_matome.gif) no-repeat left center;
  color:#532d08;
  font-size:20px;
  margin-bottom:10px;
}

/* banner */
.banner {
  margin: 0 0 20px 0;
  padding: 0 2%;
  text-align: center;
}
.banner:before, .banner:after {
  content: " ";
  display: table;
}
.banner:after {
  clear: both;
}
.banner ul {
  margin: 0 -2% 0 0;
  padding: 0;
}
.banner ul li {
  float: left;
  padding: 0 2% 0 0;
  width: 50%;
}

/* content bottom */
.content-bottom {
  margin: 0;
  padding: 0;
}
.content-bottom:before, .content-bottom:after {
  content: " ";
  display: table;
}
.content-bottom:after {
  clear: both;
}

/* page title */
.page-title {
  margin: 0 0 20px 0;
  padding: 0;
}

/* ============================== */
/* Top page                       */
/* ============================== */
#key-visual {
  margin: 0 0 20px 0;
  padding: 0;
}

.top-main-title {
  margin: 0 0 20px 0;
  padding: 0;
  text-align: center;
}

.top-ranking-purpose {
  margin: 0;
  padding: 0;
}
.top-ranking-purpose h3 {
  margin: 0 0 20px 0;
  padding: 5px 10px;
  font-size: 14px;
  text-align: center;
  background: linear-gradient(to bottom, #ff7001 0%, #f29118 88%);
  color: #ffffff;
}
.top-ranking-purpose h3 strong {
  margin: 0;
  padding: 0 0.1em;
  font-size: 18px;
  font-weight: bold;
  color: #ffff33;
}

.top-ranking-area {
  margin: 0;
  padding: 0;
}
.top-ranking-area h3 {
  margin: 0 0 20px 0;
  padding: 5px 10px;
  font-size: 14px;
  text-align: center;
  background: linear-gradient(to bottom, #2b9a1e 0%, #6fb934 100%);
  color: #ffffff;
}
.top-ranking-area h3 strong {
  margin: 0;
  padding: 0 0.1em;
  font-size: 18px;
  font-weight: bold;
  color: #ffff33;
}
.top-ranking-area .top-ranking-area-box {
  margin: 0;
  padding: 0 10px;
}
.top-ranking-area .top-ranking-area-box:before, .top-ranking-area .top-ranking-area-box:after {
  content: " ";
  display: table;
}
.top-ranking-area .top-ranking-area-box:after {
  clear: both;
}
.top-ranking-area .top-ranking-area-box ul {
  margin: 0;
  padding: 0;
}
.top-ranking-area .top-ranking-area-box ul:before, .top-ranking-area .top-ranking-area-box ul:after {
  content: " ";
  display: table;
}
.top-ranking-area .top-ranking-area-box ul:after {
  clear: both;
}
.top-ranking-area .top-ranking-area-box ul li {
  float: left;
  margin: 0;
  padding: 2%;
  width: 50%;
}

/* ============================== */
/* Information                    */
/* ============================== */
#info {
  margin: 0 0 20px 0;
  padding: 0;
}
#info:before, #info:after {
  content: " ";
  display: table;
}
#info:after {
  clear: both;
}
#info .company iframe {
  margin: 0;
  width: 100%;
  height: 220px;
}
#info .inquiry p {
  margin: 0;
  padding: 0;
}
#info .inquiry h3 {
  margin: 10px 0;
  padding: 0;
}
#info .inquiry ul {
  margin: 0;
  padding: 0;
}
#info .inquiry ul li {
  margin: 0 0 0 1em;
  text-indent: -1em;
}
#info .inquiry ul ul {
  margin: 0;
  padding: 0;
}
#info .inquiry ul ul li {
  margin: 0;
  padding: 0;
}
#info .inquiry a {
  color: #00a0e9;
  text-decoration: underline;
}

/* ============================== */
/* Document                       */
/* ============================== */
#document {
  margin: 0 0 20px 0;
  padding: 0;
}
#document:before, #document:after {
  content: " ";
  display: table;
}
#document:after {
  clear: both;
}
#document .document-title {
  margin: 0 0 10px 0;
  padding: 20px 10px 20px 110px;
  font-size: 16px;
  font-weight: bold;
  background: url(../img/bar_title_knowledge_title.png) no-repeat 0 -15px;
  background-size: auto 115px;
  letter-spacing: 2px;
}
#document .document-title.long-text{
  display:table;
  padding:10px 10px 10px 110px;
  line-height:1;
}
#document .document-title.long-text .span{
  display:table-cell;
  vertical-align: middle;
  line-height: 1;
}
#document .document-body {
  margin: 0 0 20px 0;
  padding: 0 10px;
}
#document .entry {
  margin: 0 0 20px 0;
  padding: 0;
}
#document .entry:before, #document .entry:after {
  content: " ";
  display: table;
}
#document .entry:after {
  clear: both;
}
#document .entry .entry-title {
  margin: 0 0 20px 0;
  padding: 10px 10px 5px 30px;
  font-size: 16px;
  border-bottom: 1px dashed #cccccc;
  background: url(../img/bar_title_knowledge_h3.png) no-repeat 0 50%;
  background-size: 22px 22px;
  color: #512d14;
}
#document .entry .entry-body {
  margin: 0;
  padding: 0 10px;
}
#document .entry .media {
  margin: 0 0 20px 0;
  padding: 0;
  text-align: center;
}
#document .entry .media.media-wide img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
#document .checkpoint {
  margin: 0 0 10px 0;
  padding: 10px 10px 10px 88px;
  min-height: 128px;
  background: #e8ded3 url(../img/contents/variety_checkpoint_chara.png) no-repeat 10px 100%;
}
#document .checkpoint:before, #document .checkpoint:after {
  content: " ";
  display: table;
}
#document .checkpoint:after {
  clear: both;
}
#document .checkpoint .checkpoint-title {
  margin: 0 0 10px 0;
  padding: 0;
}
#document .checkpoint .checkpoint-body {
  margin: 0;
  padding: 10px;
  background-color: #fff;
  border-radius: 5px;
}
#document .highlight {
  margin: 0 0 5px 0;
  padding: 10px 20px 10px 40px;
  background-color: #e8eccb;
  color: #339900;
}
#document .highlight:before, #document .highlight:after {
  content: " ";
  display: table;
}
#document .highlight:after {
  clear: both;
}
#document .highlight ul {
  margin: 0;
  padding: 0;
  list-style: disc;
}
#document .highlight ul li {
  font-weight: bold;
}
#document .voice {
  margin: 0 0 20px 0;
  padding: 0;
}
#document .voice ul {
  margin: 0;
  padding: 0;
}
#document .voice ul li {
  margin: 0 0 10px 0;
  padding: 0 0 10px 70px;
  border-bottom: 1px dashed #999;
}
#document .voice ul li:last-child {
  border: none;
}
#document .voice ul li.bg01 {
  background: url(../img/contents/variety_comments_bg01.png) no-repeat 10px 10px;
}
#document .voice ul li.bg02 {
  background: url(../img/contents/variety_comments_bg02.png) no-repeat 10px 10px;
}
#document .voice ul li.bg03 {
  background: url(../img/contents/variety_comments_bg03.png) no-repeat 10px 10px;
}
#document .voice ul li.bg04 {
  background: url(../img/contents/variety_comments_bg04.png) no-repeat 10px 10px;
}
#document .voice ul li h4 {
  margin: 0 0 5px 0;
  padding: 0 0 0 22px;
  font-size: 16px;
  line-height: 1.2;
  font-weight: bold;
  background: url(../img/contents/variety_comments_ttl_icon.png) no-repeat 0 0;
  color: #92c400;
}
#document .voice ul li p {
  margin: 0;
  padding: 0;
}
#document .voice ul li .name {
  font-size: 15px;
  font-weight: bold;
  color: #663300;
}
#document .variety-column {
  margin: 0;
  padding: 20px;
  background: url(../img/contents/variety_column_bg.png) repeat 0 0;
  border-radius: 5px;
}
#document .variety-column:before, #document .variety-column:after {
  content: " ";
  display: table;
}
#document .variety-column:after {
  clear: both;
}
#document .variety-column .variety-column-inner {
  margin: 0;
  padding: 20px 15px;
  background: #ffffff url(../img/contents/variety_column_base.png) no-repeat right bottom;
}
#document .variety-column .variety-column-inner h3 {
  margin: 0 0 20px 0;
  padding: 0;
  text-align: center;
}
#document .variety-column .variety-column-inner a {
  text-decoration: underline;
  color: #00a0e9;
}
#document .variety-column .variety-column-inner .button {
  margin: 0 0 20px 0;
  padding: 0 20px;
  text-align: center;
}
#document .variety-box {
  margin: 0 0 20px 0;
  padding: 0;
  border-bottom: 1px dashed #999;
}
#document .variety-box .variety-box-title {
  margin: 0;
  padding: 0 0 0 60px;
  font-size: 18px;
  line-height: 30px;
  height: 30px;
  background: url(../img/contents/variety_compare_ttl_chara.png) no-repeat 0 0;
  color: #663300;
}
#document .variety-box table {
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%;
}
#document .variety-box table > tbody > tr > th {
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  border: 1px solid #9e7c58;
  background-color: #9e7c58;
  color: #ffffff;
}
#document .variety-box table > tbody > tr > th.text-center {
  text-align: center;
}
#document .variety-box table > tbody > tr > td {
  padding: 10px;
  text-align: center;
  border: 1px solid #9e7c58;
}
#document .variety-box table .merit {
  margin: 0 0 10px 0;
  padding: 0;
  text-align: left;
  color: #ff6600;
}
#document .variety-box table .demerit {
  margin: 0 0 0 0;
  padding: 0;
  text-align: left;
  color: #2ca9e1;
}
#document .document-select {
  margin: 0 0 30px 0;
  padding: 0 10px;
}
#document .document-select h3 {
  margin: 0 0 10px 0;
}
#document .document-select dl {
  margin: 0;
  padding: 0;
}
#document .document-select dl:before, #document .document-select dl:after {
  content: " ";
  display: table;
}
#document .document-select dl:after {
  clear: both;
}
#document .document-select dt {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  color: #663300;
}
#document .document-select dd {
  margin: 0 0 20px 0;
  padding: 0;
}
#document .document-select .button {
  margin: 0;
  padding: 0 20px;
  text-align: center;
}
#document .entry-movie {
  position: relative;
  margin: 0 0 20px 0;
  padding: 0 10px;
}
#document .entry-movie h3 {
  font-size: 16px;
  color: #663300;
}
#document .entry-movie iframe {
  width: 100%;
}
#document .taiken-voice-box {
  margin: 0 0 20px 0;
  padding: 10px 10px 10px 86px;
  background-color: #f6f2ee;
}
#document .taiken-voice-box:before, #document .taiken-voice-box:after {
  content: " ";
  display: table;
}
#document .taiken-voice-box:after {
  clear: both;
}
#document .taiken-voice-box.chara01 {
  background: #f6f2ee url(../img/contents/pet_section03_baloon01.png) no-repeat 10px bottom;
}
#document .taiken-voice-box.chara02 {
  background: #f6f2ee url(../img/contents/pet_section03_baloon02.png) no-repeat 10px bottom;
}
#document .taiken-voice-box .taiken-voice {
  margin: 0;
  padding: 10px;
  min-height: 128px;
  background-color: #ffffff;
  border-radius: 5px;
}
#document .taiken-voice-box .taiken-voice h4 {
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-weight: bold;
  color: #663300;
}
#document .taiken-voice-box .taiken-voice p {
  margin: 0;
  padding: 0;
}

/* document list */
#document .document-list {
  margin: 0 0 20px 0;
  padding: 0;
}
#document .document-list .document-list-title {
  margin: 0 0 10px 0;
  padding: 0 20px;
  height: 33px;
  font-size: 15px;
  line-height: 33px;
  font-weight: bold;
  background-color: #cca571;
  color: #512d14;
  letter-spacing: 2px;
}
#document .document-list .document-list-body {
  margin: 0;
  padding: 0 10px;
}
#document .document-list .document-list-body .document-allow {
  margin: 0;
  padding: 0;
  border-top: 1px dotted #7c7c7c;
}
#document .document-list .document-list-body .document-allow li {
  position: relative;
  margin: 0;
  padding: 0;
  border-bottom: 1px dotted #7c7c7c;
}
#document .document-list .document-list-body .document-allow li a {
  display: block;
  margin: 0;
  padding: 10px 10px 10px 20px;
}
#document .document-list .document-list-body .document-allow li:before {
  content: " ";
  position: absolute;
  margin: -4px 0 0 0;
  padding: 0;
  top: 50%;
  left: 10px;
  width: 5px;
  height: 4px;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  border-left: 5px solid #512d14;
  border-right: 5px solid transparent;
}

/* ============================== */
/* Ranking                        */
/* ============================== */
.ranking-box {
  margin: 0 0 40px 0;
  padding: 0;
}
.ranking-box:before, .ranking-box:after {
  content: " ";
  display: table;
}
.ranking-box:after {
  clear: both;
}
.ranking-box .ranking-title {
  position: relative;
  margin: 0 0 10px 0;
  padding: 3px 10px 0 80px;
  font-size: 25px;
  min-height: 35px;
  background-color: #4b9d49;
  color: #ffffff;
}
.ranking-box.rank01 .ranking-title {
  background: #4b9d49 url(../img/rank_banar__01.png) no-repeat 10px 0;
  background-size: auto 38px;
}
.ranking-box.rank02 .ranking-title {
  background: #4b9d49 url(../img/rank_banar__02.png) no-repeat 10px 0;
  background-size: auto 38px;
}
.ranking-box.rank03 .ranking-title {
  background: #4b9d49 url(../img/rank_banar__03.png) no-repeat 10px 0;
  background-size: auto 38px;
}
.ranking-box.rank-other .ranking-title {
  background: #4b9d49 url(../img/ranking/rank_banar_under.png) no-repeat 0 0;
  background-size: auto 38px;
}
.ranking-box.rank-other .ranking-title .num {
  position: absolute;
  display: inline-block;
  top: 6px;
  left: 22px;
  font-size: 20px;
  color: #000000;
}
.ranking-box.rank-other .ranking-title .place {
  position: absolute;
  display: inline-block;
  top: 10px;
  left: 38px;
  font-size: 16px;
  color: #000000;
}
.ranking-box.rank-other-double .ranking-title {
  background: #4b9d49 url(../img/ranking/rank_banar_under.png) no-repeat 0 0;
  background-size: auto 38px;
}
.ranking-box.rank-other-double .ranking-title .num {
  position: absolute;
  display: inline-block;
  top: 6px;
  left: 15px;
  font-size: 20px;
  color: #000000;
  letter-spacing: -3px;
}
.ranking-box.rank-other-double .ranking-title .place {
  position: absolute;
  display: inline-block;
  top: 10px;
  left: 40px;
  font-size: 16px;
  color: #000000;
}
.ranking-box .ranking-summary {
  margin: 0 0 20px 0;
  padding: 0 10px;
  font-size: 16px;
  font-weight: bold;
}
.ranking-box .box-body {
  margin: 0 0 20px 0;
  padding: 0 10px;
}
.ranking-box .box-body .thumb {
  margin: 0 0 10px 0;
  padding: 0;
}
.ranking-box .box-body .phone {
  position: relative;
  margin: 0 0 10px 0;
  padding: 0;
  height: 48px;
  font-size: 27px;
  line-height: 48px;
  text-align: center;
  border: 2px solid #4c84c5;
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 59%, #fafafa 73%, #e2e1e1 100%);
  border-radius: 3px;
  color: #4c84c5;
}
.ranking-box .box-body .phone a {
  display: block;
  font-size: 27px;
  line-height: 46px;
  font-weight: bold;
  color: #4c84c5;
}
.ranking-box .box-body .phone a span {
  display: inline-block;
  margin: 0;
  padding: 0 30px;
  background: url(../img/icon/icon_tel.png) no-repeat left center;
  background-size: 24px 24px;
}
.ranking-box .box-body .phone:after {
  position: absolute;
  content: " ";
  margin: -6px 0 0 0;
  padding: 0;
  top: 50%;
  right: 10px;
  width: 8px;
  height: 6px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #4c84c5;
  border-right: 8px solid transparent;
}
.ranking-box .box-body .open {
  margin: 0;
  padding: 0;
  font-weight: bold;
  text-align: center;
}
.ranking-box .box-info {
  margin: 0 0 20px 0;
  padding: 0 10px;
}
.ranking-box .box-info .happiness {
  margin: 0 0 10px 0;
  padding: 0 10px 0 120px;
  height: 50px;
  font-size: 44px;
  line-height: 50px;
  font-weight: bold;
  text-align: center;
  background: url(../img/mark_all_point02.png) no-repeat 0 0;
  background-size: auto 50px;
  color: #ff0000;
  overflow: hidden;
}
.ranking-box .box-info .happiness span {
  margin-left: 0.2em;
  font-size: 25px;
  color: #000000;
}
.ranking-box .box-info .rating {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #fff;
}
.ranking-box .box-info .rating > tbody > tr > th {
  padding: 7px;
  width: 60%;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  border: 1px solid #d2d2d3;
  background-color: #eeeeed;
}
.ranking-box .box-info .rating > tbody > tr > td {
  padding: 7px;
  width: 40%;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border: 1px solid #d2d2d3;
  color: #ff0000;
}
.ranking-box .box-info .rating > tbody > tr > td span {
  margin-left: 0.2em;
  font-size: 14px;
  font-weight: normal;
  color: #000000;
}
.ranking-box .box-info .info-detail {
  margin: 20px 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  background-color: #ffffff;
}
.ranking-box .box-info .info-detail > tbody > tr > th {
  padding: 5px 10px;
  font-size: 14px;
  font-weight: normal;
  border: 1px solid #d2d2d3;
  background-color: #d1bfa5;
}
.ranking-box .box-info .info-detail > tbody > tr > td {
  padding: 5px 10px;
  text-align: center;
  border: 1px solid #d2d2d3;
}
.ranking-box .box-info .info-detail > tbody > tr > td.peper span {
font-weight: bold;
font-size:130%;
}
.ranking-box .box-point {
  margin: 0 0 20px 0;
  padding: 0;
}
.ranking-box .box-point .point-title {
  height:88px;
  margin: 0 0 20px 0;
  padding: 44px 0 10px 105px;
  background: url(../img/bar_title_point.png) no-repeat 0 0;
  background-size: auto 100% ;
}
.ranking-box .box-point .point-title h2 {
  font-size: 16px;
  color: #ffffff;
}
.ranking-box .box-point .point-body {
  margin: 0 0 20px 0;
  padding: 0 10px;
}
.ranking-box .box-point .point-body ul {
  margin: 0;
  padding: 0;
}
.ranking-box .box-point .point-body ul li {
  margin: 0 0 1em 40px;
  padding: 0;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  text-indent: -47px;
}
.ranking-box .box-point .point-body ul li strong {
  padding: 0 3px;
  background-color: #fff667;
  color: #000000;
}
.ranking-box .box-point .point-body ul li:before {
  content: " ";
  display: inline-block;
  margin: -4px 10px 0 15px;
  padding: 0;
  height: 22px;
  width: 25px;
  vertical-align: middle;
  background: url(../img/icon/icon_point_text.jpg) no-repeat 0 0;
  background-size: 25px auto;
}
.ranking-box .box-link {
  margin: 0;
  padding: 0 10px;
}
.ranking-box .box-link:before, .ranking-box .box-link:after {
  content: " ";
  display: table;
}
.ranking-box .box-link:before {
  clear: both;
}
.ranking-box .box-link ul {
  margin: 0 -2% 0 0;
  padding: 0;
}
.ranking-box .box-link ul li {
  float: left;
  padding: 0 2% 0 0;
  width: 50%;
}

/* ============================== */
/* Ranking detail                 */
/* ============================== */
.ranking-box .box-campaign {
  margin: 0 0 20px 0;
  padding: 0;
}
.ranking-box .box-campaign .campaign-title {
  height:94px;
  margin: 0 0 20px 0;
  padding: 51px 0 10px 145px;
  background: url(../img/bar_title_campaign.png) no-repeat 0 0;
  background-size: auto 100%;
  font-size: 16px;
  color: #ffffff;
}
.ranking-box .box-campaign .campaign-body {
  margin: 0 0 20px 0;
  padding: 0 10px;
}
.ranking-box .box-campaign .campaign-body h3 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  color: #ff8238;
}
.ranking-box .box-riyu {
  margin: 0 0 20px 0;
  padding: 10px;
}
.ranking-box .box-desc {
  margin: 0 0 20px 0;
  padding: 10px;
}
.ranking-box .box-feature {
  margin: 0 0 20px 0;
  padding: 0;
}
.ranking-box .box-feature .feature-title {
  height:94px;
  margin: 0 0 20px 0;
  padding: 51px 0 10px 100px;
  background: url(../img/bar_title_tokucho.png) no-repeat 0 0;
  background-size: auto 100%;
  font-size: 16px;
  color: #ffffff;
}
.ranking-box .box-feature .feature-body {
  margin: 0;
  padding: 10px;
}
.ranking-box .box-feature .feature-body h3 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  color: #ff8238;
}
.ranking-box .box-feature .feature-body .photo {
  float: right;
  margin: 0 0 0 10px;
  padding: 0;
  width: 35%;
}
.ranking-box .box-voice {
  margin: 0;
  padding: 0;
}
.ranking-box .box-voice:before, .ranking-box .box-voice:after {
  content: " ";
  display: table;
}
.ranking-box .box-voice:after {
  clear: both;
}
.ranking-box .box-voice .voice-title {
  height:103px;
  margin: 0 0 20px 0;
  padding: 62px 0 10px 110px;
  background: url(../img/bar_title_kuchikomi.png) no-repeat 0 0;
  background-size: auto 100%;
  font-size: 16px;
  color: #ffffff;
}
.ranking-box .box-voice .voice-body {
  margin: 0;
  padding: 10px;
}
.ranking-box .box-voice .voice-body:before, .ranking-box .box-voice .voice-body:after {
  content: " ";
  display: table;
}
.ranking-box .box-voice .voice-body:after {
  clear: both;
}
.ranking-box .box-voice .voice-body .voice-box {
  margin: 0 0 30px 0;
  padding: 0;
}
.ranking-box .box-voice .voice-body .voice-box:before, .ranking-box .box-voice .voice-body .voice-box:after {
  content: " ";
  display: table;
}
.ranking-box .box-voice .voice-body .voice-box:after {
  clear: both;
}
.ranking-box .box-voice .voice-body .voice-box dl {
  margin: 0;
  padding: 0;
  width: 100%;
}
.ranking-box .box-voice .voice-body .voice-box dl:before, .ranking-box .box-voice .voice-body .voice-box dl:after {
  content: " ";
  display: table;
}
.ranking-box .box-voice .voice-body .voice-box dl:after {
  clear: both;
}
.ranking-box .box-voice .voice-body .voice-box dt {
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
  width: 115px;
}
.ranking-box .box-voice .voice-body .voice-box dd {
  margin: 0;
  padding: 0 0 0 125px;
}
.ranking-box .box-voice .voice-body .voice-box dd .title {
  font-size: 16px;
  font-weight: bold;
  color: #ff8238;
}
.ranking-box .box-voice .voice-body .voice-box dd p {
  margin: 0;
  padding: 0;
}
.mb0{margin-bottom:0 !important;}
.bold{font-weight:bold !important;}
.mb0{margin-bottom:0 !important;}
.mt30{margin-top:30px !important;}
.bold{font-weight:bold !important;}
.ml10{margin-left:10px !important;}
.mb10{margin-bottom:10px !important;}
.flR{float:right !important;}
.ovf_h{overflow:hidden;}

.glass-contents-ttl{
	background-color:#d4ecf3;
	padding:5px 10px;
	margin-top:20px;
	font-weight:bold;
}
.glass-voice li{
	overflow:hidden;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:2px solid #d4ecf3;
}
.glass-voice li img{
	float:left;
	margin-right:10px;
}
.glass-voice-ttl{
	font-weight:bold;
	color:#3cb8dc;
	margin-bottom:10px;
}
.section-voice-list li{
  background:url(../img/contents/icon_voice.png) no-repeat left center;
  padding:10px 0 10px 30px;
  border-bottom:1px solid #d0e6c5;
}
.section-voice-list li:last-child{border:none;}
.document-qa-list dt{
  font-size:15px;
  font-weight:bold;
  margin-bottom:10px;
  background-color:#e8eccb;
  padding:6px 10px;
}
.document-qa-list dt span{color:#339900;}
.document-qa-list dd{
  font-size:14px;
  padding:0 0 15px 10px;
  text-indent:-1em;
  margin-left:1em;
}
.document-qa-list dd span{font-weight:bold;color:#663300;font-size:15px;}
.feature_photo{
  margin:0 10px 10px;
  font-size:12px;
  color:#494949;
}
.fs12{font-size:12px !important;}
.fs14{font-size:14px !important;}
.fs15{font-size:15px !important;}
.fs16{font-size:16px !important;}
.green{color:#339900 !important;}
.pb10{padding-bottom:10px !important;}
.youtube-frame {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}

.youtube-frame iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*20170707追加　フッターフローティングボタン*/
.footer-link {
  margin: 0;
  padding: 0;
  background: transparent;
}
.footer-link ul {
  padding: 10px 10px 10px 15px;
	position:fixed;
	right:5px;
	bottom:10px;
}
.footer-link ul li {
  display:inline-block;
	white-space:nowrap;
	margin-left:15px;
}
.footer-link ul li a {
  display: block;
}
.footer-link ul li img {
	width: 18vw;
}
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
}

/**アフィ文言**/
.afi-att {
  max-width: 992px;
  width: 100%;
  margin: 10px auto 10px;
  text-align: center;
}
.afi-att p {
  margin: 0 10px;
  font-size: 14px;
  font-weight: bold;
}
@media screen and (max-width: 991px) {
  .afi-att {
      text-align: left;
  }
}