@charset "UTF-8";
/*
Theme Name: UH店舗ブログ
Author: 株式会社マインズ WEB Team
Author URI: https://www.mind-s.jp/
Description: ユニバーサルホーム店舗ブログ用テーマです。
Version: 1.0
*/
/* ==========================================================================
   Settings
   ========================================================================== */
/* ==========================================================================
   Foundation / Mixins
   ========================================================================== */
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  font-size: 62.5%;
  line-height: 1.5;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {/*font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, sans-serif;*/ font-size: 1.4rem; margin: 0;}
body {height: 100%;font-family: 'Lucida Grande','segoe UI','游ゴシック',YuGothic,'メイリオ',Meiryo,Arial,sans-serif}
@media all and (-ms-high-contrast:none) {
body {font-family: 'Lucida Grande','segoe UI','メイリオ',Meiryo,Arial,sans-serif}
}

@media (min-width:1366px) {
.hide-more-lg {display: none}
}
@media (min-width:1024px) {
.hide-more-md {display: none}
}
@media (min-width:768px) {
.hide-more-sm {display: none}
}
@media (min-width:480px) {
.hide-more-xs {display: none}
}
@media (max-width:1366px) {
.hide-less-lg {display: none}
}
@media (max-width:1024px) {
.hide-less-md {display: none}
}
@media (max-width:768px) {
.hide-less-sm {display: none}
}
@media (max-width:480px) {
.hide-less-xs {display: none}
}



/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 0; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

ul {margin: 0;}
ul {list-style: none; padding-left: 0;}/* 追記: 180323 */

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  color: #000;
  text-decoration: none;
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
  height: auto;
  max-width: 100%; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Layout
   ========================================================================== */
.l-header {
  height: 52px; }
  @media screen and (min-width: 768px) {
    .l-header {
      height: 84px; } }

.l-breadcrumb {
  display: none; }
  @media screen and (min-width: 768px) {
    .l-breadcrumb {
      display: block; } }

.l-body {
  overflow: hidden;
  padding-bottom: 50px; }

/* @media screen and (min-width: 992px) {
  .l-main {
    float: left;
    width: calc(100% - 350px); } } */

.l-sidebar {
  display: none; }
  @media screen and (min-width: 992px) {
    .l-sidebar {
      display: block;
      float: right;
      width: 320px; } }

.l-footer {
  display: none; }
  @media screen and (min-width: 992px) {
    .l-footer {
      display: block;
      height: 170px; } }

@media screen and (min-width: 992px) {
  .l-index-footer {
    display: block;
    height: 170px; } }

.l-bottomnav {
  bottom: 0;
  left: 0;
  height: 50px;
  position: fixed;
  width: 100%;
  z-index: 1000; }
  @media screen and (min-width: 992px) {
    .l-bottomnav {
      display: none; } }

.l-shopinfo {
  bottom: 50px;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 1000;}
  @media screen and (min-width: 992px) {
    .l-shopinfo {
      display: none !important; } }

/* ==========================================================================
   Object > Component
   ========================================================================== */
.c-article {
  border-top: solid 1px #ccc;
  line-height: 1.33;
  padding: 1.5rem 0; }
  .c-article:first-child {
    border-top: none; }
  .c-article > a {
    display: block;
    position: relative; }
  .c-article__title {
    font-size: 1.6rem;
    margin: 0; }
  .c-article__title_s {
    font-size: 1.3rem;
    margin: 0;
    padding-right: 20px; }
  .c-article__date {
    display: block;
    font-size: .9rem; }
  .c-article .icon-clock::before {
    margin-left: 0; }
  .c-article .icon-angle-right {
    color: #e6001a;
    font-size: 3rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%); }
    .c-article .icon-angle-right::before {
      margin: 0;
      width: auto; }
  .c-article--side {
    border-bottom: solid 1px #ccc;
    border-top: none; }

.c-appearance > a {
  display: block; }

.c-appearance__photo > img {
  width: 100%; }

.c-appearance__title {
  font-size: 1.2rem;
  margin: 0; }

.c-appearance__date {
  display: block;
  font-size: .9rem;
  margin: 5px 0 3px; }

.c-appearance .icon-clock::before {
  margin-left: 0; }

.c-appearance--side {
  margin-top: 10px;
  width: calc((100% - 15px) / 2); }

.c-btn {
  background-color: #fff;
  border: solid 1px #ccc;
  border-radius: 3px;
  color: #000;
  display: inline-block;
  font-size: 1.3rem;
  padding: 3px 5px;
  text-align: center;
  text-decoration: none; }
  .c-btn--shopmenu {
    align-items: center;
    background: none;
    border-radius: 0;
    border: none;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 1.2rem;
    justify-content: center;
    padding: 0; }
    .c-btn--shopmenu:hover {
      color: #fff; }
  .c-btn__shopicon {
    font-size: 4rem; }
  .c-btn--index {
    background-color: #126F96;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-size: 1.4rem;
    padding: .5em .8em; }
    .c-btn--index:hover {
      color: #fff; }

.c-table {
  border-collapse: collapse;
  width: 100%; }
  .c-table th,
  .c-table td {
    border: solid 1px #ccc;
    padding: 10px; }

/* ==========================================================================
   Object > Project
   ========================================================================== */
@media screen and (min-width: 992px) {
  .p-article {
    padding: 15px 30px 30px; } }

.p-article__header {
  margin: 20px 0; }
  @media screen and (min-width: 992px) {
    .p-article__header {
      margin-bottom: 50px; } }

.p-article__title {
  border-bottom: solid 1px #ccc;
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 0 0 3px;
  padding-bottom: 5px; }
  @media screen and (min-width: 992px) {
    .p-article__title {
      border-bottom: solid 2px #e6001a;
      font-size: 2.4rem;
      margin: 0 0 10px; } }

.p-article__date {
  display: block;
  font-size: .9rem;
  text-align: right; }
  @media screen and (min-width: 992px) {
    .p-article__date {
      font-size: 1.2rem; } }

@media screen and (min-width: 992px) {
  .p-articles {
    margin: 0 30px; } }

.p-articles__header {
  border-bottom: solid 1px #ccc;
  font-size: 1.4rem;
  line-height: 1.17;
  margin: 0;
  padding: 2rem 0 1rem;
  text-align: center; }
  @media screen and (min-width: 992px) {
    .p-articles__header {
      border-bottom: none;
      font-size: 2rem;
      text-align: left;
      display: inline-block; } }
.p-articles__header + p {color: #666; font-size: 12px; text-align: center;}
  @media screen and (min-width: 992px) {
    .p-articles__header + p {font-size: 14px; margin-left: 2em; text-align: left; display: inline-block;}
  }

.p-articles__list {
  border-bottom: solid 1px #ccc;
  list-style: none;
  padding: 0; }
  @media screen and (min-width: 992px) {
    .p-articles__list {
      border: solid #ccc;
      border-width: 1px 0;
      margin-bottom: 50px; } }

.p-articles__sekoulist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  margin-top: 20px;
  padding: 0; }
  @media screen and (min-width: 992px) {
    .p-articles__sekoulist {
      margin-bottom: 50px; } }

.p-articles .c-appearance {
  margin-bottom: 20px;
  width: calc((100% - 20px) / 2); }
  @media screen and (min-width: 576px) {
    .p-articles .c-appearance {
      width: calc((100% - 40px) / 3); } }
  @media screen and (min-width: 768px) {
    .p-articles .c-appearance {
      width: calc((100% - 60px) / 4); } }

.p-articles__empty {
  margin: 0;
  visibility: hidden; }

@media screen and (min-width: 992px) {
  .p-background {
    background-color: #f7f7f7; } }

.p-bottomnav {
  align-items: center;
  background-color: #dadada;
  list-style: none;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 0; }
  .p-bottomnav > li {
    height: 100%;
    width: 25%; }
  .p-bottomnav a {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: .9rem;
    height: 100%;
    justify-content: center; }
  .p-bottomnav a.is-current {
    color: #e6001a; }
  .p-bottomnav a.is-disabled {
    color: #999;
    cursor: default;
    text-decoration: none; }
  .p-bottomnav a.is-disabled:hover {
      color: #999; }
  .p-bottomnav [class^="icon-"] {
    font-size: 2rem; }
  .p-bottomnav__shopinfo.is-active {
    color: #126f96; }
  .p-bottomnav a.reserve:link,.p-bottomnav a.reserve:visited,.p-bottomnav a.reserve:hover,.p-bottomnav a.reserve:active { color: #000; text-decoration: none; }

.p-breadcrumb {
  font-size: 1.2rem;
  list-style: none;
  padding-bottom: 15px;
  padding-top: 15px; }
  .p-breadcrumb > li {
    display: inline-block; }
  .p-breadcrumb > li:last-child .icon-angle-right {
    display: none; }
  .p-breadcrumb .icon-angle-right {
    color: #e6001a; }

.p-categories {
  display: none; }
  @media screen and (min-width: 992px) {
    .p-categories {
      border: solid #ccc;
      border-width: 1px 0;
      display: block; } }
  .p-categories > ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    display: flex;
    justify-content: space-between; }
  .p-categories li {
    border-left: solid 1px #ccc;
    box-sizing: border-box;
    float: left;
    width: 33.3333%;
    flex-grow: 1; }
  .p-categories li:first-child {
    border: none; }
  .p-categories a {
    display: block;
    font-size: 1.8rem;
    padding: 1.2rem 0;
    text-align: center; }
  .p-categories li.is-current a {
    color: #e6001a; }
  .p-categories li.is-disabled a {
    color: #ccc;
    cursor: default;
    text-decoration: none; }
    .p-categories li.is-disabled a:hover {
      color: #ccc; }
  .p-categories [class^="icon-"] {
    margin-right: 3px; }

.p-content {
  text-align: center; }
  @media screen and (max-width: 991px) {
    .p-content {
      font-size: 1.4rem; }
      .p-content table, .p-content tbody, .p-content tr, .p-content th, .p-content td {
        display: block;
        height: auto !important;
        max-width: 100%;
        text-align: center !important;
        width: auto !important; }
      .p-content th, .p-content td {
        padding: 10px; }
      .p-content img {
        display: block;
        height: auto;
        margin: auto; }
      .p-content img + img {
        margin-top: 10px; } }
  @media screen and (min-width: 992px) {
    .p-content {
      font-size: 1.6rem; }
      .p-content table {
        max-width: 528px; } }
  @media screen and (min-width: 1200px) {
    .p-content table {
      max-width: initial; } }

.p-footer {
  background-color: #424242;
  color: #fff;
  text-align: center;
  padding-top: 40px; }
  @media screen and (max-width: 991px) {
    .p-footer {
      padding: 20px 0; } }
  .p-footer__link {
    font-size: 1.4rem;
    line-height: 1;
    margin-bottom: 30px; }
    @media screen and (max-width: 991px) {
      .p-footer__link {
        font-size: 1.2rem;
        line-height: 1.4;
        margin-bottom: 10px; } }
    .p-footer__link > a {
      color: #fff;
      text-decoration: underline; }
  .p-footer__credit {
    font-size: 1.2rem;
    line-height: 1; }
  .p-footer__pagetop {
    background-color: #126f96;
    border-radius: 50%;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
    bottom: 25px;
    color: #fff;
    display: block;
    height: 50px;
    position: fixed;
    right: 25px;
    width: 50px; }
    @media screen and (max-width: 767px) {
      .p-footer__pagetop {
        display: none; } }
    .p-footer__pagetop:hover, .p-footer__pagetop:focus {
      color: #fff; }
    .p-footer__pagetop > i {
      font-size: 3rem;
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%); }

.p-header {
  background-position: center top;
  background-repeat: repeat-x;
  color: #fff; }
  @media screen and (max-width: 767px) {
    .p-header {
      background-image: url(images/header_bg_sp.png);
      background-size: auto 52px;
      padding: 10px 0 0; } }
  @media screen and (min-width: 768px) {
    .p-header {
      background-image: url(images/header_bg_pc.png);
      padding: 0; } }
  .p-header > .container {
    position: relative; }
  .p-header__logo {
    font-size: 0;
    line-height: 1;
    margin: 0 auto 3px;
    width: 83px; }
    @media screen and (min-width: 768px) {
      .p-header__logo {
        height: 70px;
        left: 15px;
        line-height: 70px;
        margin: 0;
        position: absolute;
        top: 0;
        width: 166px; } }
    .p-header__logo img {
      height: 18px;
      width: 166px; }
      @media screen and (max-width: 767px) {
        .p-header__logo img {
          height: 9px;
          width: 83px; } }
  .p-header__title {
    font-size: 1.3rem;
    margin: 0;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .p-header__title{margin-top: 4px;}
    }
    @media screen and (min-width: 768px) {
      .p-header__title {
        font-size: 2.6rem;
        height: 70px;
        line-height: 70px; } }
  .p-header a {
    color: #fff;
    text-decoration: none; }

.p-main {
  background-color: #fff; }
  @media screen and (min-width: 992px) {
    .p-main {
      border: 1px solid #ccc;
      border-bottom: none;
      /*border-width: 0 1px;*/ } }

.p-pageindex {
  font-size: 1.2rem;
  padding: 20px 0 30px; }
  .p-pageindex > ul {
    align-items: center;
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0; }
  .p-pageindex li {
    margin: 0 3px; }
    .p-pageindex li > a,
    .p-pageindex li > span {
      display: block;
      height: 26px;
      line-height: 26px;
      text-align: center;
      width: 26px;
      white-space: nowrap; }
    .p-pageindex li > a {
      border: solid 1px #000; }
    .p-pageindex li > .current {
      background-color: #e6001a;
      border: solid 1px #e6001a;
      color: #fff; }
    .p-pageindex li .dots {
      width: 14px; }
    .p-pageindex li > .prev,
    .p-pageindex li > .next {
      position: relative;
      width: auto; }
    .p-pageindex li > .prev {
      padding: 0 10px 0 15px; }
    .p-pageindex li > .next {
      padding: 0 15px 0 10px; }
    .p-pageindex li > .prev::after,
    .p-pageindex li > .next::after {
      display: block;
      font-family: "fontello";
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
    .p-pageindex li > .prev::after {
      content: '';
      left: 5px; }
    .p-pageindex li > .next::after {
      content: '';
      right: 5px; }

.p-pagination {
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 0;
  margin: 0 -15px;
  position: relative; }
  @media screen and (min-width: 992px) {
    .p-pagination {
      border-width: 1px 0 0;
      margin: 0; } }
  .p-pagination::before {
    background-color: #ccc;
    bottom: 0;
    content: '';
    display: block;
    left: 50%;
    position: absolute;
    top: 0;
    width: 1px; }
  .p-pagination > ul {
    list-style: none;
    overflow: hidden;
    padding: 0; }
  .p-pagination li {
    position: relative;
    width: 50%; }
  .p-pagination a {
    display: block; }
  .p-pagination__prev {
    float: left;
    padding: 10px 12px 10px 25px; }
    .p-pagination__prev > i {
      left: 5px; }
  .p-pagination__next {
    float: right;
    padding: 10px 25px 10px 12px;
    text-align: right; }
  .p-pagination__label {
    font-size: 1rem;
    margin: 0 0 5px; }
  .p-pagination__title {
    display: -webkit-box;
    font-size: 1.2rem;
    line-height: 1.25;
    margin: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; }
  .p-pagination [class^="icon-angle-"] {
    color: #e6001a;
    position: absolute;
    top: 2.6rem; }

.p-side-section {
  margin-bottom: 20px; }
  .p-side-section:last-child {
    margin-bottom: 0; }
  .p-side-section__title {
    border-bottom: solid 5px currentColor;
    color: #126f96;
    font-size: 1.6rem;
    margin: 0;
    padding: 1rem 0; }
  .p-side-section__body {
    background-color: #fff;
    padding: 20px; }
  .p-side-section__appearances {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .p-side-section__contents {
    list-style: none;
    padding: 0; }
  .p-side-section__more {
    margin-top: 20px;
    text-align: center; }
    .p-side-section__more > a {
      width: 160px; }
  .p-side-section__note {
    font-size: 1.2rem;
    margin: 0;
    text-align: center; }
  .p-side-section__shopmenu {
    list-style: none;
    margin-top: 10px;
    padding: 0; }
    .p-side-section__shopmenu > li {
      padding: 10px; }
  .p-side-section .c-article:first-child {
    padding-top: 0; }
  .p-side-section .c-appearance:nth-child(-n+2) {
    margin-top: 0; }
  .p-side-section .c-btn--shopmenu {
    border: solid 1px #ccc;
    border-radius: 5px;
    color: #000;
    padding: 5px 0; }
    .p-side-section .c-btn--shopmenu.is-disabled {
      color: #ccc;
      opacity: .6;
      text-decoration: none; }
      .p-side-section .c-btn--shopmenu.is-disabled > .c-btn__shopicon {
        color: #ccc; }
  .p-side-section .c-btn__shopicon {
    color: #e6001a; }

.p-shopinfo {
  background-color: #126f96;
  color: #fff;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  transform: translateY(20px);
  transition: opacity .3s ease-out, transform .3s ease-out; }
  .p-shopinfo.is-open {
    max-height: initial;
    opacity: 1;
    overflow: visible;
    padding: 15px;
    transform: translateY(0); }
  .p-shopinfo__heading {
    font-size: 1.4rem;
    margin: 0 0 5px;
    text-align: center; }
  .p-shopinfo__note {
    font-size: .9rem;
    margin: 0;
    text-align: center; }
  .p-shopinfo__menu {
    list-style: none;
    margin-top: 20px;
    padding: 0; }
    .p-shopinfo__menu > li {
      margin-bottom: 1.5rem; }
  .p-shopinfo a:focus {
    color: #fff; }
  .p-shopinfo::after {
    border-color: #126f96 transparent transparent;
    border-style: solid;
    border-width: 8px 10px 0;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    left: calc(10% - 10px);
    top: 100%;
    width: 0; }
  .p-shopinfo .is-disabled {
    opacity: .3;
    text-decoration: none; }

.p-shoplist__description {
  margin: 20px 0 40px; }

.p-shoplist__table th {
  width: 20%;
  white-space: nowrap; }

.p-shoplist ul {
  letter-spacing: -10px;
  list-style: none;
  padding: 0; }

.p-shoplist li {
  display: inline-block;
  letter-spacing: normal;
  padding: 5px 0;
  margin-right: 10px; }

/* ==========================================================================
   Object > Utility
   ========================================================================== */
.u-hidden {
  display: none; }

@media screen and (max-width: 767px) {
  .u-hidden-md-down {
    display: none; } }

@media screen and (min-width: 768px) {
  .u-hidden-md-up {
    display: none; } }




/* ==========================================================================
   Official Header
   ========================================================================== */
/* #header {background: #fff;width: 100%; position: relative;z-index: 100}
#header .header-inner {border-bottom: 1px solid #c2c2c2;padding: 8px 16px}
#header .logo {float: left;width: 160px;padding-top: 6px}
#header #js_lang {float: right;margin-right: 16px}
#header #js_lang .langTrigger {-webkit-transition: all .5s;transition: all .5s;background-repeat: no-repeat;width: 40px;height: 40px;background-size: 40px 40px}
#header #js_lang .lang-ja {background-image: url(/img/icn_lang_ja.png)}
#header #js_lang .lang-en {background-image: url(/img/icn_lang_en.png)}
#header #js_lang .lang-pt {background-image: url(/img/icn_lang_pt.png)}
#header #js_lang .lang-kan {background-image: url(/img/icn_lang_kan.png)}
#header #js_lang .lang-han {background-image: url(/img/icn_lang_han.png)}
#header #js_lang .lang-ko {background-image: url(/img/icn_lang_ko.png)}
#header #js_lang.active .langTrigger {background-image: url(/img/icn_lang_close.png)!important}
#header #js_menu {background: #000;float: right;width: 40px;height: 40px;padding-top: 10px;padding-left: 12px}
#header .menu-title {background: #585858;color: #fff;font-size: 12px;padding: 6px 16px}
#header .menu-wrapper {font-size: 0}
#header .menu-wrapper .menu-list {border-bottom: 1px solid #ccc;position: relative}
#header .menu-wrapper .menu-list a {color: #333;display: block;font-size: 16px;line-height: 1.25;padding: 14px 32px 14px 16px;position: relative}
#header .menu-wrapper .menu-list a:after {content: "\f054";color: #999;font-family: 'Font Awesome 5 Pro';font-weight: 300;font-size: 16px;line-height: 1;position: absolute;top: 0;bottom: 0;right: 16px;margin: auto 0;height: 16px}
#header .menu-wrapper .menu-list a.ext:after {content: "\f08e"}
#header .menu-wrapper .menu-list .menu-listSp li {border-top: 1px solid #ccc;padding-left: 1rem}
#header .menu-wrapper .menu-list .menu-listSp li a {font-size: 15px;border-right: none}
@media (min-width:1024px) {
#header .menu-wrapper .menu-list:hover .menu-listSp {display: block}
#header .menu-wrapper .menu-list .menu-listSp {background: #fff;display: none;position: absolute;width: 100%;text-align: left}
#header .menu-wrapper .menu-list .menu-listSp li {padding-left: 0}
#header .menu-wrapper .menu-list .menu-listSp li a {display: block;font-size: 13px;padding: 10px 0;width: 100%}
}
@media (min-width:1280px) {
#header .menu-wrapper .menu-list .menu-listSp li a {font-size: 14px}
}
@media (min-width:1600px) {
#header .menu-wrapper .menu-list .menu-listSp li a {font-size: 16px}
}
#header .menu-wrapper.menu-wrapper-half .menu-list {display: inline-block;width: 50%}
#header .menu-wrapper.menu-wrapper-half .menu-list:nth-of-type(2n+1) a {border-right: 1px solid #ccc}
#header .gnav-cta {padding: 16px}
#header .gnav-sub {border-top: 1px solid #ccc}
#header .quoCardPresent {margin-top: 16px}
#header #js_langContainer,#header #js_menuContainer {background: #fff;-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.5);box-shadow: 0 0 4px 0 rgba(0,0,0,.5);display: none;position: absolute;width: 100%}
@media (min-width:480px) and (max-width:1023px) {
#header #js_langContainer,#header #js_menuContainer {width: 320px;right: 0}
}
@media (min-width:1024px) {
#header .header-inner {border-bottom: none;padding: 8px 40px}
#header .logo {width: 190px}
#header .menu-title {display: none}
#header .menu-wrapper.gnav-main {padding: 0 40px 8px}
#header .menu-wrapper.gnav-main .menu-list {border-bottom: none;display: inline-block}
#header .menu-wrapper.gnav-main .menu-list a {border-right: 1px solid #ccc;display: inline-block;font-size: 14px;padding: 4px 0;text-align: center;width: 100%}
#header .menu-wrapper.gnav-main .menu-list a:after {display: none}
#header .menu-wrapper.gnav-main .menu-list:nth-of-type(1) {width: 12.85714286%}
#header .menu-wrapper.gnav-main .menu-list:nth-of-type(1) a {border-left: 1px solid #ccc}
#header .menu-wrapper.gnav-main .menu-list:nth-of-type(2) {width: 14.85714286%}
#header .menu-wrapper.gnav-main .menu-list:nth-of-type(3) {width: 15.85714286%}
#header .menu-wrapper.gnav-main .menu-list:nth-of-type(4) {width: 10.85714286%}
#header .menu-wrapper.gnav-main .menu-list:nth-of-type(5) {width: 15.85714286%}
#header .menu-wrapper.gnav-main .menu-list:nth-of-type(6) {width: 13.85714286%}
#header .menu-wrapper.gnav-main .menu-list:nth-of-type(7) {width: 15.85714286%}
#header .menu-wrapper.menu-wrapper-half.gnav-sub {border-top: none;position: absolute;top: 27px;left: 250px}
#header .menu-wrapper.menu-wrapper-half.gnav-sub .menu-list {border: none;width: auto}
#header .menu-wrapper.menu-wrapper-half.gnav-sub .menu-list a {border: none;font-size: 13px;padding: 0 2.5em 0 0}
#header .menu-wrapper.menu-wrapper-half.gnav-sub .menu-list a:after {font-size: 11px;height: 11px}
#header .gnav-cta {padding: 0;position: absolute;top: 8px;right: 40px}
#header .gnav-cta .row {margin-right: -4px;margin-left: -4px}
#header .gnav-cta .row .col-xs-6 {padding-right: 4px;padding-left: 4px}
#header .gnav-cta .row .col-xs-6 a {padding: 8px 12px}
#header #js_menu {display: none}
#header #js_menuContainer {border-bottom: 1px solid #c2c2c2;-webkit-box-shadow: none;box-shadow: none;display: block;position: static}
#header #js_lang {margin-right: 0}
#header #js_lang .langTrigger:hover {cursor: pointer}
#header #js_lang .lang-ja {margin-right: 268px}
#header #js_lang .lang-en {margin-right: 369px}
#header #js_lang .lang-pt {margin-right: 419px}
#header #js_lang .lang-kan {margin-right: 268px}
#header #js_lang .lang-han {margin-right: 268px}
#header #js_lang .lang-ko {margin-right: 277px}
#header #js_langContainer {display: none;width: auto;right: 40px}
#header #js_langContainer .menu-title {display: block}
#header .quoCardPresent {display: none}
}
@media (min-width:1120px) {
#header #js_lang .langTrigger {background-size: 120px 40px;width: 120px}
#header #js_lang.active .langTrigger {background-image: url(/img/icn_lang_pc_close.png)!important}
#header #js_lang .lang-ja {background-image: url(/img/icn_lang_pc_ja.png)}
#header #js_lang .lang-en {background-image: url(/img/icn_lang_pc_en.png)}
#header #js_lang .lang-pt {background-image: url(/img/icn_lang_pc_pt.png)}
#header #js_lang .lang-kan {background-image: url(/img/icn_lang_pc_kan.png)}
#header #js_lang .lang-han {background-image: url(/img/icn_lang_pc_han.png)}
#header #js_lang .lang-ko {background-image: url(/img/icn_lang_pc_ko.png)}
}
@media (min-width:1280px) {
#header .menu-wrapper.gnav-main {padding-top: 6px;padding-bottom: 12px}
#header .menu-wrapper.gnav-main .menu-list a {font-size: 16px}
}
@media (min-width:1600px) {
#header .menu-wrapper.gnav-main .menu-list a {font-size: 18px}
}
@media (min-width:1024px) {
.translateMode #header .menu-wrapper.menu-wrapper-half.gnav-sub {display: none}
.translateMode #header .gnav-cta .row .col-xs-6 {width: auto}
}
.menuTrigger,.menuTrigger span {display: inline-block;-webkit-transition: all .4s;transition: all .4s;-webkit-box-sizing: border-box;box-sizing: border-box}
.menuTrigger {position: relative;width: 16px;height: 11px}
.menuTrigger span {position: absolute;left: 0;width: 100%;height: 1px;background-color: #fff;border-radius: 1px}
.menuTrigger span:nth-of-type(1) {top: 0}
.menuTrigger span:nth-of-type(2) {top: 5px}
.menuTrigger span:nth-of-type(3) {bottom: 0}
.menuTrigger span:nth-of-type(1) {-webkit-animation: menu-bar01 .75s forwards;animation: menu-bar01 .75s forwards}
@-webkit-keyframes menu-bar01 {
0% {-webkit-transform: translateY(5px) rotate(45deg);transform: translateY(5px) rotate(45deg)}
50% {-webkit-transform: translateY(5px) rotate(0);transform: translateY(5px) rotate(0)}
100% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0)}
}
@keyframes menu-bar01 {
0% {-webkit-transform: translateY(5px) rotate(45deg);transform: translateY(5px) rotate(45deg)}
50% {-webkit-transform: translateY(5px) rotate(0);transform: translateY(5px) rotate(0)}
100% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0)}
}
#js_menu span:nth-of-type(2) {-webkit-transition: all .25s .25s;transition: all .25s .25s;opacity: 1}
#js_menu span:nth-of-type(3) {-webkit-animation: menu-bar02 .75s forwards;animation: menu-bar02 .75s forwards}
@-webkit-keyframes menu-bar02 {
0% {-webkit-transform: translateY(-5px) rotate(-45deg);transform: translateY(-5px) rotate(-45deg)}
50% {-webkit-transform: translateY(-5px) rotate(0);transform: translateY(-5px) rotate(0)}
100% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0)}
}
@keyframes menu-bar02 {
0% {-webkit-transform: translateY(-5px) rotate(-45deg);transform: translateY(-5px) rotate(-45deg)}
50% {-webkit-transform: translateY(-5px) rotate(0);transform: translateY(-5px) rotate(0)}
100% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0)}
}
#js_menu.active span:nth-of-type(1) {-webkit-animation: active-menu-bar01 .75s forwards;animation: active-menu-bar01 .75s forwards}
@-webkit-keyframes active-menu-bar01 {
0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0)}
50% {-webkit-transform: translateY(5px) rotate(0);transform: translateY(5px) rotate(0)}
100% {-webkit-transform: translateY(5px) rotate(45deg);transform: translateY(5px) rotate(45deg)}
}
@keyframes active-menu-bar01 {
0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0)}
50% {-webkit-transform: translateY(5px) rotate(0);transform: translateY(5px) rotate(0)}
100% {-webkit-transform: translateY(5px) rotate(45deg);transform: translateY(5px) rotate(45deg)}
}
#js_menu.active span:nth-of-type(2) {opacity: 0}
#js_menu.active span:nth-of-type(3) {-webkit-animation: active-menu-bar03 .75s forwards;animation: active-menu-bar03 .75s forwards}
@-webkit-keyframes active-menu-bar03 {
0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0)}
50% {-webkit-transform: translateY(-5px) rotate(0);transform: translateY(-5px) rotate(0)}
100% {-webkit-transform: translateY(-5px) rotate(-45deg);transform: translateY(-5px) rotate(-45deg)}
}
@keyframes active-menu-bar03 {
0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0)}
50% {-webkit-transform: translateY(-5px) rotate(0);transform: translateY(-5px) rotate(0)}
100% {-webkit-transform: translateY(-5px) rotate(-45deg);transform: translateY(-5px) rotate(-45deg)}
}

.btnSet a {border-radius: 4px;-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.3);box-shadow: 0 2px 6px 0 rgba(0,0,0,.3);color: #fff;display: inline-block;padding: 16px;text-align: center;width: 100%;-webkit-transition: all .2s;transition: all .2s}
.btnSet a:hover {text-decoration: none}
.btnSet a span {background-repeat: no-repeat;background-size: 30px;background-position: 0 center;font-size: 16px;font-weight: 700;padding-left: 32px;padding-top: 8px;padding-bottom: 8px}
.btnSet .btn-modelhouse {background-color: #388e3c;border-color: #388e3c}
.btnSet .btn-modelhouse span {background-image: url(/img/icn_home.png)}
.btnSet .btn-catalog {background-color: #f9a825;border-color: #f9a825}
.btnSet .btn-catalog span {background-image: url(/img/icn_catalog.png)}
@media (min-width:1024px) {
#header .btn-modelhouse:hover {background-color: #499c4d}
#header .btn-catalog:hover {background-color: #f1af45}
#footer .btn-modelhouse:hover {background-color: #499c4d;-webkit-box-shadow: 0 2px 30px 6px rgba(56,142,60,.3);box-shadow: 0 2px 30px 6px rgba(56,142,60,.3)}
#footer .btn-catalog:hover {background-color: #f1af45;-webkit-box-shadow: 0 2px 30px 6px rgba(249,168,37,.3);box-shadow: 0 2px 30px 6px rgba(249,168,37,.3)}
} */




/*header special link*/
/* #header {margin-top: 40px;}
.header_specialLink {background: -webkit-gradient(linear,left top,left bottom,from(#ce3900),to(#f36f21));background: linear-gradient(#ce3900,#f36f21);display: block;font-size: 16px;font-weight: 700;height: 40px;line-height: 40px;text-align: center;position: absolute;top: -40px;width: 100%}
@media (max-width:479px) {
  .header_specialLink {font-size: 14px}
}
.header_specialLink a {color: #fff;display: inline-block;position: relative}
.header_specialLink a span {font-weight: 700;font-size: 18px;margin-left: -.3em}
.header_specialLink a:hover {color: #fff;text-decoration: none;text-shadow: 0 0 1em #e6001b;-webkit-transition: all .3s;transition: all .3s}
.header_specialLink a::after {content: '\f138';font-family: 'Font Awesome 5 Pro'}
.header_specialLink {background: #fcebce}
.header_specialLink a {color: #e6001b}
.btn-basic,.quoCardPresent p {line-height: 1}
 */
/** 飯田のロゴ隠し */
/* #ig_anchor{position: fixed;top:0;}
.ig_logo_area{display: none;}
@media (min-width: 768px) {
#ig_anchor{position: static;}
.ig_logo_area{height:50px;width:100%;background-color:#fff;display:flexbox;display:flex;justify-content:flex-end;align-items:center;padding:0 40px;}
.ig_logo{background-repeat: no-repeat;width:190px;height:22px;background-size: contain;}
} */

/* ==========================================================================
   LOCAL NAVI
   ========================================================================== */
#lnav {background: rgba(240,240,240,.961);font-family: "Lucida Grande", "segoe UI", 游ゴシック, YuGothic, メイリオ, Meiryo, Arial, sans-serif;padding: 0 16px;position: relative;-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.5);box-shadow: 0 0 4px 0 rgba(0,0,0,.5);width: 100%;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);z-index: 99}
#lnav h1 a {font-weight: normal;}
#lnav.fixed {position: fixed;top: 0;left: 0}
#lnav .lnav-title {font-size: 16px;margin: 0}
#lnav .lnav-title a {color: #555;display: block;padding: 14px 16px 14px 0}
#lnav #js_lnav {position: relative;padding-left: 0}
#lnav #js_lnav a {padding-left: 40px}
#lnav #js_lnav a:link {text-decoration: none}
#lnav #js_lnav:before {content: '';display: block;width: 30px;height: 30px;background: url(/img/icn_lnav_menu.png) no-repeat;background-size: 30px;position: absolute;left: 0;top: 0;bottom: 0;margin: auto}
#lnav #js_lnav.active:before {background-image: url(/img/icn_lnav_menu_open.png)}
#lnav #js_lnavContainer {display: none}
#lnav #js_lnavContainer .lnav-list {padding-left: 40px}
#lnav #js_lnavContainer .lnav-list li {border-bottom: 1px solid #ccc}
#lnav #js_lnavContainer .lnav-list li:first-of-type {border-top: 1px solid #ccc}
#lnav #js_lnavContainer .lnav-list li a {color: #e6001b;display: block;font-size: 16px;line-height: 1.25;padding: 14px 16px 14px 0;position: relative}
#lnav #js_lnavContainer .lnav-list li a:after {content: "\e800";color: #999;font-family: fontello;font-size: 16px;line-height: 1;position: absolute;top: 0;bottom: 0;right: 0;margin: auto 0;height: 16px}
#lnav #js_lnavContainer .lnav-list li a.ext:after {content: "\e804"}
#lnav .gnav-cta {padding-top: 16px;padding-bottom: 16px}
@media (min-width:1024px) {
#lnav {padding: 0 40px}
#lnav #js_lnav {display: inline-block}
#lnav #js_lnavContainer {display: inline-block}
#lnav #js_lnavContainer .lnav-list {padding-left: 0}
#lnav #js_lnavContainer .lnav-list li {display: inline-block;border: none}
#lnav #js_lnavContainer .lnav-list li:first-of-type {border: none}
#lnav #js_lnavContainer .lnav-list li:last-of-type {display: none}
#lnav #js_lnavContainer .lnav-list li a {display: inline}
#lnav #js_lnavContainer .lnav-list li a:after {display: none}
#lnav .gnav-cta {display: none}
}



/* ==========================================================================
   QUO CARD
   ========================================================================== */

.quoCardPresent {border: 2px solid #388e3c;padding: 1px 1px 8px;margin: 0 16px;text-align: center;max-width: 1260px}
.quoCardPresent p {margin-top: 0;}
.quoCardPresent.quoCardPresent-top {margin-top: 24px}
.quoCardPresent.quoCardPresent-gnav {margin-top: 24px}
.quoCardPresent .quoCardPresent-title {background: #388e3c;color: #fff;font-size: 10px;padding: 6px}
.quoCardPresent .quoCardPresent-sub {font-size: 10px;margin-bottom: 4px}
.quoCardPresent .quoCardPresent-main {font-size: 16px;font-weight: 700;margin-bottom: 0}
.quoCardPresent .quoCardPresent-main span {color: #e6001b;font-size: 22px}
.quoCardPresent .btn-basic {-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);background: #388e3c;border-color: #388e3c}
.quoCardPresent .btn-basic:hover {background: #fff;color: #388e3c}
@media (min-width:1024px) {
.quoCardPresent {margin: 16px auto;max-width: 1260px}
.quoCardPresent.quoCardPresent-top {display: none}
.quoCardPresent .quoCardPresent-title {font-size: 16px}
.quoCardPresent .quoCardPresent-sub {font-size: 16px}
.quoCardPresent .quoCardPresent-main {font-size: 32px;font-weight: 700}
.quoCardPresent .quoCardPresent-main span {color: #e6001b;font-size: 44px}
}
.container > .quoCardPresent {margin-left: 0;margin-right: 0}


/* ==========================================================================
   FOOTER
   ========================================================================== */
#footer {margin-top: 64px; z-index: 0;}
#footer .quoCardPresent {margin-bottom: 16px;padding-bottom: 16px}
#footer nav {background: #424242;padding: 16px 0}
#footer .contentsMap {margin-top: 8px;max-width: 1260px}
#footer .contentsMap li a {border-bottom: 1px solid #666;color: #fff;display: block;font-size: 12px;padding-top: 12px;padding-bottom: 12px}
#footer .contentsMap li a.ext {position: relative}
#footer .contentsMap li a.ext:after {color: #999;content: "\f08e";font-family: 'Font Awesome 5 Pro';font-weight: 300;font-size: 14px;line-height: 1;position: absolute;top: 0;bottom: 0;right: 8px;margin: auto 0;height: 14px}
#footer .contentsMap-other {margin-top: 8px;text-align: center}
#footer .contentsMap-other li {display: inline-block;padding: .5em}
#footer .contentsMap-other li a {color: #fff;font-size: 10px}
#footer .copyright {display: block;padding: 16px 0;text-align: center}
@media (min-width:768px) {
#footer .quoCardPresent {margin-bottom: 24px}
#footer nav {padding: 24px 0}
#footer .btnSet a span {font-size: 20px}
#footer .contentsMap li a {font-size: 14px}
#footer .contentsMap-other li a {font-size: 14px}
}
@media (min-width:1024px) {
#footer .contentsMap li a {font-size: 16px}
}
@media (min-width:1366px) {
#footer .btnSet a span {font-size: 24px}
}
#footer .breadclumb {background: #777;color: #fff}
#footer .breadclumb ul {padding: 5px 0}
#footer .breadclumb li {display: inline}
#footer .breadclumb li a,#footer .breadclumb li span {display: inline-block;font-size: 12px;padding: 5px 0;position: relative;margin-right: 20px;color: #fff}
#footer .breadclumb li a::after {color: #bbb;content: "\f054";font-family: 'Font Awesome 5 Pro';font-weight: 300;font-size: 16px;line-height: 1;position: absolute;top: 0;bottom: 0;right: -16px;margin: auto 0;height: 16px}
@media (min-width:768px) {
#footer .breadclumb li a,#footer .breadclumb li span {font-size: 14px}
}
#footer nav {position: relative}
@-webkit-keyframes hover-ring {
0% {-webkit-transform: scale(.95);transform: scale(.95)}
50% {opacity: 1}
100% {-webkit-transform: scale(1.2);transform: scale(1.2);opacity: 0}
}
@keyframes hover-ring {
0% {-webkit-transform: scale(.95);transform: scale(.95)}
50% {opacity: 1}
100% {-webkit-transform: scale(1.2);transform: scale(1.2);opacity: 0}
}

/* ==========================================================================
   ブログタイトル装飾
   ========================================================================== */
.h1 {font-size: 10px;font-family: "Lucida Grande", "segoe UI", 游ゴシック, YuGothic, メイリオ, Meiryo, Arial, sans-serif;text-align: center;font-weight: 700;margin-top: 48px;margin-bottom: 32px;position: relative}
.h1.h1-first {margin-top: 0;padding-top: 48px}
.h1 .h1-deco {color: #e6001b;display: inline-block;font-size: 10px;line-height: 1;font-family: 'Open Sans Condensed',sans-serif}
.h1 .h1-deco:before {content: '';background: #333;display: inline-block;height: 1px;width: 40px;margin-bottom: .3em;margin-right: 4px}
.h1 .h1-deco:after {content: '';background: #333;display: inline-block;height: 1px;width: 40px;margin-bottom: .3em;margin-left: 4px}
.h1 .h1-title {font-size: 24px;display: block}
@media (min-width:1024px) {
  .h1 {margin-top: 120px;margin-bottom: 64px}
  .h1.h1-first {padding-top: 64px}
  .h1 .h1-deco {font-size: 16px}
  .h1 .h1-deco:after,.h1 .h1-deco:before {width: 60px}
  .h1 .h1-title {font-size: 42px}
}

/* ==========================================================================
   スタイルの打ち消し（ブログ統合）
   ========================================================================== */
.p-header__logo {display: none;}
@media screen and (max-width: 991px) {
  body {padding-bottom: 50px;}
}

#header {font-family: "Lucida Grande", "segoe UI", 游ゴシック, YuGothic, メイリオ, Meiryo, Arial, sans-serif;}
#header p {margin-top: 0;}
#header .gnav-cta ul.row {line-height: 1.5;}
@media (max-width: 767px){
  #header .gnav-cta ul.row {padding-left: -8px; padding-right: -8px;}
  #header .gnav-cta li.col-xs-6 {padding-left: 8px; padding-right: 8px;}
}
@media (max-width: 479px){
  #header .gnav-cta ul.row {padding-left: -4px; padding-right: -4px;}
  #header .gnav-cta li.col-xs-6 {padding-left: 4px; padding-right: 4px;}
}
#lnav h1 a {line-height: 1.1; font-weight: 500;}
#lnav #js_lnavContainer .lnav-list li.is-disabled {cursor: default;}
#lnav #js_lnavContainer .lnav-list li.is-disabled a {color: #ccc; text-decoration: none;}
@media screen and (max-width: 991px) {
  #lnav {position: relative!important;}
}

.header_specialLink {font-size: 13px;}


.btn-basic {background: #f9a825;border: 1px solid #f9a825;border-radius: 2em;color: #fff;font-weight: 700;display: inline-block;font-size: 14px;padding: 1.25em 2em;-webkit-transition: all .3s;transition: all .3s;margin: 16px 0}
.btn-basic i {margin-left: .5em}
.btn-basic:active,.btn-basic:hover,.btn-basic:link,.btn-basic:visited {color: #fff;text-decoration: none}
.btn-basic.verGreen {background: #388e3c;border-color: #388e3c}
@media (min-width:480px) {
.btn-basic {padding-left: 3em;padding-right: 3em}
}
@media (min-width:1024px) {
.btn-basic {font-size: 20px;padding: 1em 4em}
.btn-basic:hover {background: #fff;color: #f9a825}
.btn-basic.verGreen:hover {color: #388e3c}
}



/* 全コンテンツフッターにSNSボタンを設置 */
#footer {margin-top: 24px}
.btn_sns_sp { text-align: center; margin-bottom: 16px; }
.btn_sns_sp a { display: inline-block; width: 50px; padding: 2px; }
.btn_sns_sp a:hover { text-decoration: none; color: #FFF; }

.btn_sns_sp { display: block; }
.btn_sns_pc { display: none; }
@media (min-width:1024px) {
  .btn_sns_sp { display: none; }
  .btn_sns_pc { display: block; }
}

.btn_sns_pc { text-align: center; font-size: 14px; width: 890px; margin: auto; padding: 15px;}
.btn_sns_pc a { display: inline-block; width: 203px; border-radius: 10px; text-decoration: none; padding: 16px 15px 14px 16px;  margin: 10px;  color: #fff; text-align: center; }
.btn_sns_pc a:hover { opacity: .7; }
.btn_sns_pc .hatena a {background: #00a5de; }
.btn_sns_pc i { margin-right: .5rem; }
.fa-hatena { font-weight: bold; margin-right: .5rem; }
.btn_sns_pc .twitter a{background: #55acee;}
.btn_sns_pc .fb a{background: #3b5998;}

@media (min-width:1365px) {
  .btn_sns_pc { width: 890px; }
}
@media (max-width:1023px) {
  .col-2_2 {float: left;width: 20%; position: relative;min-height: 1px;padding-right: 4px;padding-left: 4px;}
}

#modal_bookmark,#modal_bookmark_android {display: none; position: fixed; top: 0; left: 0; padding: 30px;  width: 100%; height: 100%; z-index: 11000;}
#bg_modal_bookmark {position: fixed; top: 0; left: 0; background: rgba(0,0,0,.5); width: 100%; height: 100%;}
#modal_bookmark .inner,#modal_bookmark_android .inner {background: #fff; height: 100%; overflow: hidden; position: relative;}
#modal_bookmark .scroll,#modal_bookmark_android .scroll {padding: 30px 0 70px; text-align: center; -ms-overflow-y: scroll; overflow-y: scroll; height: 100%;}
#modal_bookmark .scroll p,#modal_bookmark_android .scroll p { font-size: 16px; font-weight: bold; margin-bottom: 4px; }
#modal_bookmark-close {background-color: #ffc107; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; height: 40px; line-height: 40px;}
#modal_bookmark p { margin-top: 0; }

.p-pagination .c-article__date { color: #ababab; margin-top: 3px; }
.p-pagination__label { font-weight: bold; }

@media screen and (min-width: 992px) {
  .l-p-wrapper {
    float: left;
    width: calc(100% - 350px); } }

.l-p-link { color: #e6001a; margin-top: 26px; }


/* 全コンテンツyoutubeレスポンシブ設定追記 20220719 */
iframe[src*="youtube.com"] {
  width: 100%; /* 任意の横幅を指定 */
  height: auto;
  aspect-ratio: 16/9;
}