@charset "UTF-8";
/* ==========================================================================
Foundation
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
.l-breadcrumbs {
  box-sizing: border-box;
  display: none;
  z-index: 2;
  width: 100%;
  padding-right: 6.25%;
  padding-left: 6.25%;
}
@media print, screen and (min-width: 61.25em) {
  .l-breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-breadcrumbs {
    display: none;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-breadcrumbs {
    display: block;
  }
}

.l-breadcrumbs__inner {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  max-width: 1400px;
}
@media print, screen and (min-width: 87.5em) {
  .l-breadcrumbs__inner {
    margin-right: auto;
    margin-left: auto;
  }
}

.l-breadcrumbs__item {
  margin-right: 15px;
  padding-left: 20px;
  font-size: 93%;
  background-repeat: no-repeat;
  background-position: 0 0.4em;
  background-image: url(//www.elecom.co.jp/common/svg/icon_arrow_right_black_01_pc.svg);
}
.l-breadcrumbs__item:first-child {
  padding-left: 0;
  background: none;
}
.l-breadcrumbs__item:last-child {
  margin-right: 0;
}
.l-breadcrumbs__item > a {
  transition: color 0.1s 0s ease;
  color: #2051b2;
}
@media print, screen and (min-width: 61.25em) {
  .l-breadcrumbs__item > a:hover {
    color: #009DFF;
  }
}
.l-breadcrumbs--color_inverted .l-breadcrumbs__item > a {
  color: #000;
}
.l-breadcrumbs__item > span {
  margin-right: 15px;
  margin-left: 10px;
}
.l-breadcrumbs__item path {
  fill: #999;
}

.l-root-container {
  height: 100%;
  min-height: 100vh;
  overflow: hidden;
  position: relative;
  background-color: #fff;
  left: 0;
}
@media print, screen and (min-width: 61.25em) {
  .l-root-container#product-guide {
    left: -40px;
    width: calc(100% + 40px);
  }
}
.l-root-container#form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.l-header {
  text-align: left;
  line-height: 1.75;
}
@media print, screen and (min-width: 61.25em) {
  .l-header {
    position: relative;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header {
    position: static;
    margin-bottom: 24px;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header {
    position: relative;
    margin-bottom: 0;
  }
}
.l-header.l-header--limited {
  margin-bottom: 5px;
}
@media print, screen and (min-width: 61.25em) {
  .l-header.l-header--limited {
    margin-bottom: 0;
  }
}
.l-header.l-header--form {
  height: 50px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #cacaca;
}
@media print, screen and (min-width: 48em) {
  .l-header.l-header--form {
    height: 60px;
  }
}
.l-header.l-header--mini {
  height: 76px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #cacaca;
}

.l-header__overlay {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99;
  transition: all 0.4s ease;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__overlay {
    display: none;
  }
}
.l-header__overlay.is-visible {
  visibility: visible;
  opacity: 1;
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__overlay {
    display: block;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__overlay {
    display: none;
  }
}
.l-header__overlay.l-header__overlay--menu {
  z-index: 99;
}
.l-header__overlay.l-header__overlay--search {
  z-index: 199;
}

.l-header__icon-text {
  display: block;
  position: absolute;
  width: 100%;
  bottom: 3px;
  font-size: 53%;
  font-weight: bold;
  text-align: center;
}
.l-header__search-icon .l-header__icon-text {
  color: #fff;
}

.l-header__personal-icon {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 101px;
  width: 50px;
  height: 50px;
  border-left: solid 1px #cacaca;
  cursor: pointer;
  z-index: 201;
  transition: all 0.4s ease;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__personal-icon {
    display: none;
    transition: none;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__personal-icon {
    display: block;
    transition: all 0.4s ease;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__personal-icon {
    display: none;
    transition: none;
  }
}
.l-header--limited .l-header__personal-icon {
  right: 51px;
}




.l-header__personal-icon a {
  display: block;
  width: 100%;
  height: 100%;
  color: #333;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__personal-icon a {
    display: none;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__personal-icon a {
    display: block;
  }
}
.l-header__personal-icon svg {
  position: absolute;
  top: 7px;
  left: 50%;
  width: 26px;
  height: 26px;
  fill: #333;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.l-header__menu-icon {
  position: absolute;
  top: 0;
  right: 50px;
  width: 50px;
  height: 50px;
  border-left: solid 1px #cacaca;
  background-color: #fff;
  cursor: pointer;
  z-index: 201;
  transition: all 0.4s ease;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__menu-icon {
    display: none;
    border-left: none;
    transition: none;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__menu-icon {
    display: block;
    border-left: solid 1px #cacaca;
    transition: all 0.4s ease;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__menu-icon {
    display: none;
    border-left: none;
    transition: none;
  }
}
.l-header--limited .l-header__menu-icon {
  right: 0;
}

.l-header__menu-icon-inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.l-header__menu-icon-line {
  position: absolute;
  left: 50%;
  width: 18px;
  height: 2px;
  margin-top: 14px;
  margin-left: -9px;
  background-color: #333;
}

.l-header__menu-icon-line--position_top {
  transition: transform 0.2s 0s ease, -webkit-transform 0.2s 0s ease;
}
.is-move .l-header__menu-icon-line--position_top {
  -webkit-transform: translate3d(0, 6px, 0);
          transform: translate3d(0, 6px, 0);
}
.is-close .l-header__menu-icon-line--position_top {
  -webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
          transform: translate3d(0, 6px, 0) rotate(45deg);
}

.l-header__menu-icon-line--position_middle {
  top: 6px;
}
.is-close .l-header__menu-icon-line--position_middle {
  opacity: 0;
}

.l-header__menu-icon-line--position_bottom {
  top: 12px;
  transition: transform 0.2s 0s ease, -webkit-transform 0.2s 0s ease;
}
.is-move .l-header__menu-icon-line--position_bottom {
  -webkit-transform: translate3d(0, -6px, 0);
          transform: translate3d(0, -6px, 0);
}
.is-close .l-header__menu-icon-line--position_bottom {
  -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg);
          transform: translate3d(0, -6px, 0) rotate(-45deg);
}

.l-header__search-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background-color: #014099;
  cursor: pointer;
  z-index: 201;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__search-icon {
    display: none;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__search-icon {
    display: block;
    transition: background-color ease 0.1s;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__search-icon {
    display: none;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__search-icon:hover {
    background-color: #0E5CB5;
  }
}

.l-header--limited .l-header__search-icon {
  display: none;
}
.l-header__search-icon svg {
  position: absolute;
  fill: #fff;
  transition: all 0.4s ease;
}

.l-header__search-icon-open {
  top: 11px;
  left: 15px;
  width: 20px;
  height: 20px;
  visibility: visible;
  opacity: 1;
}
.is-visible .l-header__search-icon-open {
  visibility: hidden;
  opacity: 0;
}

.l-header__search-icon-close {
  top: 14px;
  left: 17px;
  width: 15px;
  height: 15px;
  visibility: hidden;
  opacity: 0;
}
.is-visible .l-header__search-icon-close {
  visibility: visible;
  opacity: 1;
}

.l-header__inner {
  position: relative;
  width: 100%;
  background-color: #fff;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__inner {
    position: static;
    background-color: transparent;
    z-index: auto;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__inner {
    position: relative;
    background-color: #fff;
    z-index: 99;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__inner {
    position: static;
    background-color: transparent;
    z-index: auto;
  }
}
.l-header--form .l-header__inner {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 6.25%;
  padding-left: 6.25%;
}
@media print, screen and (min-width: 40.0625em) {
  .l-header--form .l-header__inner {
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-header--form .l-header__inner {
    max-width: 700px;
    padding-right: 0;
    padding-left: 0;
  }
}
.l-header--mini .l-header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 980px;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
}

.l-header__global-block {
  max-width: 1400px;
  border-bottom: solid 1px #cacaca;
  z-index: 99;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__global-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: none;
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}
@media print, screen and (min-width: 87.5em) {
  .l-header__global-block {
    margin-right: auto;
    margin-left: auto;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__global-block {
    display: block;
    margin-bottom: auto;
    padding-right: 0;
    padding-left: 0;
    border-bottom: solid 1px #cacaca;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__global-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 3.125%;
    padding-left: 3.125%;
    border-bottom: none;
  }
}
.l-header--form .l-header__global-block {
  padding-right: 0;
  padding-left: 0;
  border-bottom: none;
  margin: 0;
}

.l-header__logo-block {
  position: relative;
  height: 50px;
  box-sizing: border-box;
  background-color: #fff;
  z-index: 200;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__logo-block {

    height: auto;
    background-color: transparent;
    z-index: auto;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__logo-block {
    height: 50px;
    background-color: #fff;
    z-index: 200;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__logo-block {
    height: auto;
    background-color: transparent;
    z-index: auto;
  }
}
.l-header--form .l-header__logo-block {
  z-index: auto;
  height: auto;
  background-color: transparent;
}
.l-header--mini .l-header__logo-block {
  height: auto;
  padding: 0;
}
.l-header__logo-block a {
  box-sizing: border-box;
  display: inline-block;
  height: 100%;
  padding-top: 15px;
  padding-right: 20px;
  padding-left: 20px;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__logo-block a {
    display: block;
    padding-top: 28px;
    padding-right: 0;
    padding-left: 0;
  }
}
@media print, screen and (min-width: 87.5em) {
  .l-header__logo-block a {
    padding-top: 24px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__logo-block a {
    display: inline-block;
    padding-top: 15px;
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__logo-block a {
    display: block;
    padding-top: 28px;
    padding-right: 0;
    padding-left: 0;
  }
}
@media print, screen and (min-width: 87.5em) {
  .is-sliding .l-header__logo-block a {
    padding-top: 24px;
  }
}
.l-header--form .l-header__logo-block a {
  display: block;
  padding: 0;
}
.l-header__logo-block img {
  display: block;
  width: 98px;
  height: 23px;
}
@media print, screen and (min-width: 87.5em) {
  .l-header__logo-block img {
    width: 148px;
    height: 36px;
  }
}
@media print, screen and (min-width: 48em) {
  .l-header--form .l-header__logo-block img {
    width: 148px;
    height: 36px;
  }
}
.l-header--mini .l-header__logo-block img {
  width: 148px;
  height: 36px;
}

.l-header__menu-block {
  position: absolute;
  top: 50px;
  width: 100%;
  border-top: solid 1px #cacaca;
  background-color: #fff;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  transition: all ease 0.4s;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__menu-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: static;
    top: auto;
    width: auto;
    margin-left: 10px;
    border-top: none;
    background-color: transparent;
    z-index: auto;
    visibility: visible;
    opacity: 1;
    transition: none;
  }
}
@media print, screen and (min-width: 87.5em) {
  .l-header__menu-block {
    margin-left: 25px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__menu-block {
    display: block;
    position: absolute;
    top: 50px;
    width: 100%;
    margin-left: auto;
    border-top: solid 1px #cacaca;
    background-color: #fff;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    transition: all ease 0.4s;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__menu-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: static;
    top: auto;
    width: auto;
    margin-left: 10px;
    border-top: none;
    background-color: transparent;
    z-index: auto;
    visibility: visible;
    opacity: 1;
    transition: none;
  }
}
.l-header__menu-block.is-visible {
  visibility: visible;
  opacity: 1;
}

@media print, screen and (min-width: 61.25em) {
  .l-header__main-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__main-menu {
    display: block;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__main-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.l-header__main-menu > li:first-child a {
  border-top: none;
}
.is-sliding .l-header__main-menu > li:first-child a {
  border-top: none;
}
.l-header__main-menu > li > a {
  display: block;
  position: relative;
  padding-top: 14px;
  padding-bottom: 13px;
  padding-left: 6.25%;
  padding-right: 6.25%;
  border-top: solid 1px #cacaca;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 123.1%;
  font-weight: bold;
  color: #333;
  white-space: nowrap;
}
@media print, screen and (min-width: 40.0625em) {
  .l-header__main-menu > li > a {
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}
/*20190318 fontsize→100%→108%に変更　padding:4px→7pxに変更*/
@media print, screen and (min-width: 61.25em) {
  .l-header__main-menu > li > a {
    padding-top: 30px;
    padding-bottom: 28px;
    padding-right: 7px;
    padding-left: 7px;
    border-top: none;
    transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    font-size: 108%;
  }
}
@media print, screen and (min-width: 80em) {
  .l-header__main-menu > li > a {
    padding-right: 9px;
    padding-left: 9px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-header__main-menu > li > a:hover {
    color: #888;
  }
}
.l-header__main-menu > li > a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: calc(6.25% + 3px);
  width: 5px;
  height: 5px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #333;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  content: "";
}
@media print, screen and (min-width: 40.0625em) {
  .l-header__main-menu > li > a:after {
    right: calc(3.125% + 3px);
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-header__main-menu > li > a:after {
    display: none;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__main-menu > li > a:after {
    display: block;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__main-menu > li > a:after {
    display: none;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-header__main-menu > li > a.is-active {
    background: #e6e6e6;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__main-menu > li > a.is-active {
    background: transparent;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__main-menu > li > a.is-active {
    background: #e6e6e6;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__main-menu > li > a {
    padding-top: 14px;
    padding-bottom: 13px;
    padding-right: 3.125%;
    padding-left: 3.125%;
    border-top: solid 1px #cacaca;
    transition: none;
    font-size: 100%;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__main-menu > li > a {
    padding-top: 30px;
    padding-bottom: 28px;
    padding-right: 4px;
    padding-left: 4px;
    border-top: none;
    transition: background-color ease 0.15s;
    font-size: 100%;
  }
}
@media print, screen and (min-width: 87.5em) {
  .is-sliding .l-header__main-menu > li > a {
    padding-right: 11px;
    padding-left: 11px;
  }
}
.l-header__main-menu > li > a.l-header__menu-parent:after {
  display: block;
  position: absolute;
  top: 50%;
  right: calc(6.25% + 4px);
  width: 2px;
  height: 10px;
  background-color: #333;
  border: none;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 40.0625em) {
  .l-header__main-menu > li > a.l-header__menu-parent:after {
    right: calc(3.125% + 4px);
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-header__main-menu > li > a.l-header__menu-parent:after {
    display: inline-block;
    position: relative;
    top: -3px;
    right: auto;
    width: 5px;
    height: 5px;
    margin-left: 4px;
    background: transparent;
    border-style: solid;
    border-width: 0 2px 2px 0;
    border-color: #333;
    -webkit-transform: translate(0, 0) rotate(45deg);
            transform: translate(0, 0) rotate(45deg);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__main-menu > li > a.l-header__menu-parent:after {
    display: block;
    position: absolute;
    top: 50%;
    right: calc(3.125% + 4px);
    width: 2px;
    height: 10px;
    background-color: #333;
    border: none;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__main-menu > li > a.l-header__menu-parent:after {
    display: inline-block;
    position: relative;
    top: -3px;
    right: auto;
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-style: solid;
    border-width: 0 2px 2px 0;
    border-color: #333;
    -webkit-transform: translate(0, 0) rotate(45deg);
            transform: translate(0, 0) rotate(45deg);
  }
}
.l-header__main-menu > li > a.l-header__menu-parent.is-active:after {
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}
@media print, screen and (min-width: 61.25em) {
  .l-header__main-menu > li > a.l-header__menu-parent.is-active:after {
    -webkit-transform: translate(0, 3px) rotate(225deg);
            transform: translate(0, 3px) rotate(225deg);
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__main-menu > li > a.l-header__menu-parent.is-active:after {
    -webkit-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__main-menu > li > a.l-header__menu-parent.is-active:after {
    -webkit-transform: translate(0, 3px) rotate(225deg);
            transform: translate(0, 3px) rotate(225deg);
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-header__main-menu > li > a.l-header__menu-parent:hover:after {
    border-color: #888;
  }
}

.l-header__menu-parent:before, .l-header__menu-parent:after {
  content: "";
}
.l-header__menu-parent:before {
  display: block;
  position: absolute;
  top: 50%;
  right: 6.25%;
  width: 10px;
  height: 2px;
  background-color: #333;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 40.0625em) {
  .l-header__menu-parent:before {
    right: 3.125%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-header__menu-parent:before {
    display: none;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__menu-parent:before {
    display: block;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__menu-parent:before {
    display: none;
  }
}
.l-header__menu-parent:after {
  display: block;
  position: absolute;
  top: 50%;
  right: calc(6.25% + 4px);
  width: 2px;
  height: 10px;
  background-color: #333;
  border: none;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 40.0625em) {
  .l-header__menu-parent:after {
    right: calc(3.125% + 4px);
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-header__menu-parent:after {
    display: inline-block;
    position: relative;
    top: -3px;
    right: auto;
    width: 5px;
    height: 5px;
    margin-left: 4px;
    background: transparent;
    border-style: solid;
    border-width: 0 2px 2px 0;
    border-color: #333;
    -webkit-transform: translate(0, 0) rotate(45deg);
            transform: translate(0, 0) rotate(45deg);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__menu-parent:after {
    display: block;
    position: absolute;
    top: 50%;
    right: calc(3.125% + 4px);
    width: 2px;
    height: 10px;
    background-color: #333;
    border: none;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__menu-parent:after {
    display: inline-block;
    position: relative;
    top: -3px;
    right: auto;
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-style: solid;
    border-width: 0 2px 2px 0;
    border-color: #333;
    -webkit-transform: translate(0, 0) rotate(45deg);
            transform: translate(0, 0) rotate(45deg);
  }
}
.l-header__menu-parent.is-active:after {
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}
@media print, screen and (min-width: 61.25em) {
  .l-header__menu-parent.is-active:after {
    -webkit-transform: translate(0, 3px) rotate(225deg);
            transform: translate(0, 3px) rotate(225deg);
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__menu-parent.is-active:after {
    -webkit-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__menu-parent.is-active:after {
    -webkit-transform: translate(0, 3px) rotate(225deg);
            transform: translate(0, 3px) rotate(225deg);
  }
}
.l-header__menu-parent.l-header__menu-parent--business:before {
  display: none;
}
.l-header__menu-parent.l-header__menu-parent--business:after {
  display: none;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__menu-parent.l-header__menu-parent--business:after {
    display: inline-block;
    border-color: #fff;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__menu-parent.l-header__menu-parent--business:after {
    display: none;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__menu-parent.l-header__menu-parent--business:after {
    display: inline-block;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-header__menu-parent.l-header__menu-parent--business:hover:after {
    border-color: #fff;
  }
}
.l-header__menu-parent.l-header__menu-parent--business.is-active:after {
  border-color: #014099;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__menu-parent:hover:before, .l-header__menu-parent:hover:after {
    border-color: #888;
  }
}
.l-header__menu-parent > svg {
  display: none;
}

.l-header__dropdown {
  box-sizing: border-box;
  overflow: hidden;
  z-index: 12;
  height: 0;
  width: 100%;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__dropdown {
    position: absolute;
    left: 0;
    padding-right: 3.125%;
    padding-left: 3.125%;
    background: #e6e6e6;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__dropdown {
    position: inherit;
    left: auto;
    padding-right: 0;
    padding-left: 0;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__dropdown {
    position: absolute;
    left: 0;
    padding-right: 3.125%;
    padding-left: 3.125%;
    background: #e6e6e6;
  }
}
.l-header__dropdown.is-show {
  height: auto;
}
.l-header__dropdown.l-header__dropdown--business {
  display: none;
  z-index: 11;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__dropdown.l-header__dropdown--business {
    display: block;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__dropdown.l-header__dropdown--business {
    display: none;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__dropdown.l-header__dropdown--business {
    display: block;
  }
}

.l-header__dropdown-inner {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  max-width: 1400px;
  border-top: solid 1px #cacaca;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__dropdown-inner {
    height: auto;
    padding-top: 17px;
    padding-bottom: 17px;
    border-top: none;
  }
}
@media print, screen and (min-width: 87.5em) {
  .l-header__dropdown-inner {
    margin-right: auto;
    margin-left: auto;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__dropdown-inner {
    height: auto;
    padding: 0;
    border-top: solid 1px #cacaca;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__dropdown-inner {
    height: auto;
    padding-top: 17px;
    padding-bottom: 17px;
    border-top: none;
  }
}

.l-header__icon-close {
  display: none;
  position: absolute;
  box-sizing: border-box;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__icon-close {
    display: block;
    z-index: 1;
    top: 14px;
    right: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #333;
    padding-left: 7px;
    cursor: pointer;
    transition: background-color ease 0.15s;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__icon-close {
    display: none;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__icon-close {
    display: block;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-header__icon-close:hover {
    background-color: #555555;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__icon-close:hover {
    background-color: transparent;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__icon-close:hover {
    background-color: #555555;
  }
}
.l-header__icon-close > svg {
  position: absolute;
  top: 7px;
  width: 10px;
  margin: 0;
  height: 10px;
  fill: #fff;
  stroke: #fff;
}

.l-header__spacer {
  display: none;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__spacer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.l-header__spacer-item {
  width: 50%;
  height: 0;
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__spacer-item {
    display: none;
    height: auto;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__spacer-item {
    display: block;
    height: 0;
  }
}

@media print, screen and (min-width: 61.25em) {
  .l-header__sub-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__sub-area {
    display: block;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__sub-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media print, screen and (min-width: 87.5em) {
  .l-header__sub-area-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media print, screen and (min-width: 87.5em) {
  .is-sliding .l-header__sub-area-inner {
    display: block;
  }
}
@media print, screen and (min-width: 96.875em) {
  .is-sliding .l-header__sub-area-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-header--limited .l-header__sub-area-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
  }
}

@media print, screen and (min-width: 61.25em) {
  .l-header__sub-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 3px;
    padding-top: 10px;
  }
}
@media print, screen and (min-width: 87.5em) {
  .l-header__sub-menu {
    margin-bottom: 0;
    padding-top: 0;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__sub-menu {
    display: block;
    margin-bottom: 0;
    padding-top: 0;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__sub-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 3px;
    padding-top: 10px;
  }
}
@media print, screen and (min-width: 96.875em) {
  .is-sliding .l-header__sub-menu {
    margin-bottom: 0;
    padding-top: 0;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-header--limited .l-header__sub-menu {
    margin-top: 0;
    padding-top: 0;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-header__sub-menu > li {
    margin-right: 5px;
    margin-left: 12px;
  }
}
@media print, screen and (min-width: 87.5em) {
  .l-header__sub-menu > li {
    padding-top: 32px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__sub-menu > li {
    margin-right: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__sub-menu > li {
    margin-right: 12px;
    margin-left: 12px;
  }
}
@media print, screen and (min-width: 87.5em) {
  .is-sliding .l-header__sub-menu > li {
    padding-top: 0;
  }
}
@media print, screen and (min-width: 96.875em) {
  .is-sliding .l-header__sub-menu > li {
    padding-top: 32px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-header--limited .l-header__sub-menu > li {
    padding-top: 32px;
  }
}
.l-header__sub-menu > li:first-child {
  margin-left: 0;
}
.l-header__sub-menu > li:last-child {
  margin-right: 0;
  border-bottom: solid 1px #cacaca;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__sub-menu > li:last-child {
    border-bottom: none;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__sub-menu > li:last-child {
    border-bottom: solid 1px #cacaca;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__sub-menu > li:last-child {
    border-bottom: none;
  }
}
.l-header__sub-menu a {
  display: block;
  position: relative;
  padding-top: 11px;
  padding-bottom: 9px;
  padding-right: 6.25%;
  padding-left: 6.25%;
  border-top: solid 1px #cacaca;
  font-size: 116%;
  color: #333;
  white-space: nowrap;
}
@media print, screen and (min-width: 40.0625em) {
  .l-header__sub-menu a {
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-header__sub-menu a {
    padding: 0;
    border-top: none;
    font-size: 93%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__sub-menu a {
    padding-top: 11px;
    padding-bottom: 9px;
    padding-right: 3.125%;
    padding-left: 3.125%;
    border-top: solid 1px #cacaca;
    font-size: 93%;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__sub-menu a {
    padding: 0;
    border-top: none;
    font-size: 93%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-header__sub-menu a:hover {
    color: #888;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__sub-menu a:hover {
    color: #888;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__sub-menu a:hover {
    color: #888;
  }
}
.l-header__sub-menu a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: calc(6.25% + 3px);
  width: 5px;
  height: 5px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #333;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  content: "";
}
@media print, screen and (min-width: 40.0625em) {
  .l-header__sub-menu a:after {
    right: calc(3.125% + 3px);
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-header__sub-menu a:after {
    display: none;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__sub-menu a:after {
    display: block;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__sub-menu a:after {
    display: none;
  }
}

.l-header__sp-search {
  box-sizing: border-box;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 6.25%;
  padding-left: 6.25%;
  background-color: #014099;
  z-index: 200;
  transition: all 0.4s ease;
}
@media print, screen and (min-width: 40.0625em) {
  .l-header__sp-search {
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-header__sp-search {
    display: none;
  }
}
.l-header__sp-search.is-visible {
  visibility: visible;
  opacity: 1;
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__sp-search {
    display: block;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__sp-search {
    display: none;
  }
}

.l-header__search {
  display: none;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__search {
    display: block;
  }
}
@media print, screen and (min-width: 87.5em) {
  .l-header__search {
    margin-left: 22px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__search {
    display: none;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__search {
    display: block;
  }
}
@media print, screen and (min-width: 87.5em) {
  .is-sliding .l-header__search {
    margin-left: 0;
  }
}
@media print, screen and (min-width: 96.875em) {
  .is-sliding .l-header__search {
    margin-left: 22px;
  }
}
.l-header--limited .l-header__search {
  display: none;
}

.l-header__sp-search-inner {
  position: relative;
}
.l-header__sp-search-inner input[type="search"] {
  box-sizing: border-box;
  width: 100%;
  padding-top: 11px;
  padding-bottom: 9px;
  padding-right: 50px;
  padding-left: 23px;
  border: none;
  border-radius: 22px;
  background: #e6e6e6;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  -webkit-font-feature-settings: unset;
          font-feature-settings: unset;
  font-size: 123.1%;
  transition: all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}
.l-header__sp-search-inner input[type="search"][type="text"]::-webkit-input-placeholder {
  color: #999;
}
.l-header__sp-search-inner input[type="search"]:-ms-input-placeholder {
  color: #999;
}
.l-header__sp-search-inner input[type="search"]::-moz-placeholder {
  color: #999;
}
.l-header__sp-search-inner input[type="submit"] {
  position: absolute;
  top: 3px;
  right: 3px;
  color: #fff;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: #333;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(//www.elecom.co.jp/common/svg/icon_search.svg);
  background-size: 20px auto;
  border: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

.l-header__search-inner {
  position: relative;
}
@media print, screen and (min-width: 87.5em) {
  .l-header__search-inner {
    margin-top: 25px;
  }
}
@media print, screen and (min-width: 87.5em) {
  .is-sliding .l-header__search-inner {
    margin-top: 0;
  }
}
@media print, screen and (min-width: 96.875em) {
  .is-sliding .l-header__search-inner {
    margin-top: 25px;
  }
}
.l-header__search-inner input[type="search"] {
  box-sizing: border-box;
  width: 100%;
  min-width: 204px;
  padding-top: 8px;
  padding-right: 14px;
  padding-bottom: 7px;
  padding-left: 14px;
  border: none;
  border-radius: 17px;
  background: #e6e6e6;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  -webkit-font-feature-settings: unset;
          font-feature-settings: unset;
  font-size: 123.1%;
  transition: all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__search-inner input[type="search"] {
    font-size: 93%;
    width: 232px;
  }
}
@media print, screen and (min-width: 87.5em) {
  .l-header__search-inner input[type="search"] {
    font-size: 93%;
    width: 204px;
  }
}
.l-header__search-inner input[type="search"][type="text"]::-webkit-input-placeholder {
  color: #939292;
}
.l-header__search-inner input[type="search"]:-ms-input-placeholder {
  color: #939292;
}
.l-header__search-inner input[type="search"]::-moz-placeholder {
  color: #939292;
}
.l-header__search-inner input[type="submit"] {
  position: absolute;
  top: 4px;
  right: 4px;
  color: #fff;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #333;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(//www.elecom.co.jp/common/svg/icon_search.svg);
  background-size: 12px auto;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  transition: background-color ease 0.15s;
}
.l-header__search-inner input[type="submit"]:hover {
  background-color: #555555;
}

@media print, screen and (min-width: 61.25em) {
  .l-header__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__button {
    display: block;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media print, screen and (min-width: 61.25em) {
  .l-header__button-history {
    margin-left: 8px;
    padding-top: 27px;
  }
}
@media print, screen and (min-width: 80em) {
  .l-header__button-history {
    margin-left: 12px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__button-history {
    margin-left: 0;
    padding-top: 0;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__button-history {
    margin-left: 8px;
    padding-top: 27px;
  }
}
@media print, screen and (min-width: 87.5em) {
  .is-sliding .l-header__button-history {
    margin-left: 12px;
  }
}
.l-header__button-history a {
  display: block;
  position: relative;
  padding-top: 11px;
  padding-bottom: 9px;
  padding-right: 6.25%;
  padding-left: 6.25%;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #cacaca;
  color: #333;
}
@media print, screen and (min-width: 40.0625em) {
  .l-header__button-history a {
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-header__button-history a {
    padding: 0;
    border-bottom: none;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__button-history a {
    padding-top: 11px;
    padding-bottom: 9px;
    padding-right: 3.125%;
    padding-left: 3.125%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #cacaca;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__button-history a {
    padding: 0;
    border-bottom: none;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-header__button-history a:hover {
    color: #888;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__button-history a:hover {
    color: #888;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__button-history a:hover {
    color: #888;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-header__button-history a:hover svg {
    fill: #888;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__button-history a:hover svg {
    fill: #888;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__button-history a:hover svg {
    fill: #888;
  }
}
.l-header__button-history a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: calc(6.25% + 3px);
  width: 5px;
  height: 5px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #333;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  content: "";
}
@media print, screen and (min-width: 40.0625em) {
  .l-header__button-history a:after {
    right: calc(3.125% + 3px);
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-header__button-history a:after {
    display: none;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__button-history a:after {
    display: block;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__button-history a:after {
    display: none;
  }
}
.l-header__button-history svg {
  display: none;
  position: relative;
  left: -2px;
  width: 17px;
  height: 14px;
  margin-right: auto;
  margin-left: auto;
  fill: #333;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__button-history svg {
    display: block;
    transition: fill ease 0.15s;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__button-history svg {
    display: none;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__button-history svg {
    display: block;
  }
}
.l-header__button-history span {
  position: relative;
  font-size: 116%;
  white-space: nowrap;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__button-history span {
    /* top: -6px; */
    top: 0;
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
    -webkit-font-feature-settings: 'palt' 1;
            font-feature-settings: 'palt' 1;
    font-size: 69%;
    font-weight: bold;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__button-history span {
    top: 0;
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
    -webkit-font-feature-settings: unset;
            font-feature-settings: unset;
    font-size: 89%;
    font-weight: normal;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__button-history span {
    top: -6px;
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
    -webkit-font-feature-settings: 'palt' 1;
            font-feature-settings: 'palt' 1;
    font-size: 69%;
    font-weight: bold;
  }
}

.l-header__button-corporation {
  margin-top: 22px;
  padding-right: 6.25%;
  padding-left: 6.25%;
}
@media print, screen and (min-width: 40.0625em) {
  .l-header__button-corporation {
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-header__button-corporation {
    padding-top: 9px;
    padding-right: 0;
    padding-left: 0;
    margin-top: 0;
    margin-left: 9px;
  }
}
@media print, screen and (min-width: 80em) {
  .l-header__button-corporation {
    margin-left: 16px;
  }
}
@media print, screen and (min-width: 87.5em) {
  .l-header__button-corporation {
    padding-top: 20px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__button-corporation {
    padding-top: 0;
    padding-right: 3.125%;
    padding-left: 3.125%;
    margin-top: 22px;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__button-corporation {
    padding-top: 9px;
    padding-right: 0;
    padding-left: 0;
    margin-top: 0;
    margin-left: 9px;
  }
}
@media print, screen and (min-width: 87.5em) {
  .is-sliding .l-header__button-corporation {
    padding-top: 20px;
  }
}
.l-header__button-corporation a {
  display: block;
}

.l-header__local-block {
  overflow: hidden;
  position: relative;
  height: 40px;
  padding-right: 6.25%;
  padding-left: 6.25%;
  background-color: #014099;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__local-block {
    position: static;
    height: 46px;
    margin-bottom: 24px;
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
  .is-sliding .l-header__local-block {
    position: relative;
    height: 40px;
    margin-bottom: 0;
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__local-block {
    position: static;
    height: 46px;
    margin-bottom: 24px;
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}



.l-header__local-inner {
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100%;
  max-width: 1400px;
  height: auto;
  -webkit-scrollbar: none;
  -webkit-overflow-scrolling: touch;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__local-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    overflow: hidden;
    height: auto;
  }
}
@media print, screen and (min-width: 87.5em) {
  .l-header__local-inner {
    margin-right: auto;
    margin-left: auto;
  }

}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__local-inner {
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    height: 57px;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__local-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: auto;
  }
}

.l-header__local-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  opacity: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  transition: all ease 0.6s;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__local-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    transition: none;
  }
  .l-header__local-menu::-webkit-scrollbar {
    display:none;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__local-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.l-header__local-menu-item {
  box-sizing: border-box;
  float: left;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__local-menu-item {
    float: none;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__local-menu-item {
    float: left;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__local-menu-item {
    float: none;
  }
}
.l-header__local-menu-item.l-header__local-menu-item--heading > a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding-top: 8px;
  padding-bottom: 9px;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__local-menu-item.l-header__local-menu-item--heading > a {
    padding-top: 12px;
    padding-bottom: 11px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__local-menu-item.l-header__local-menu-item--heading > a {
    padding-top: 8px;
    padding-bottom: 9px;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__local-menu-item.l-header__local-menu-item--heading > a {
    padding-top: 12px;
    padding-bottom: 11px;
  }
}
.device-is-mobile .l-header__local-menu-item.l-header__local-menu-item--heading > a {
  padding-top: 9px;
  padding-bottom: 8px;
}
.browser-is-ie .l-header__local-menu-item.l-header__local-menu-item--heading > a {
  padding-top: 9px;
  padding-bottom: 10px;
}
@media print, screen and (min-width: 61.25em) {
  .browser-is-ie .l-header__local-menu-item.l-header__local-menu-item--heading > a {
    padding-top: 12px;
    padding-bottom: 9px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .browser-is-ie.is-sliding .l-header__local-menu-item.l-header__local-menu-item--heading > a {
    padding-top: 12px;
    padding-bottom: 10px;
  }
}
@media print, screen and (min-width: 80em) {
  .browser-is-ie.is-sliding .l-header__local-menu-item.l-header__local-menu-item--heading > a {
    padding-top: 12px;
    padding-bottom: 9px;
  }
}
.browser-is-ff .l-header__local-menu-item.l-header__local-menu-item--heading > a {
  padding-top: 9px;
  padding-bottom: 8px;
}
@media print, screen and (min-width: 61.25em) {
  .browser-is-ff .l-header__local-menu-item.l-header__local-menu-item--heading > a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .browser-is-ff.is-sliding .l-header__local-menu-item.l-header__local-menu-item--heading > a {
    padding-top: 9px;
    padding-bottom: 8px;
  }
}
@media print, screen and (min-width: 80em) {
  .browser-is-ff.is-sliding .l-header__local-menu-item.l-header__local-menu-item--heading > a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.l-header__local-menu-item.l-header__local-menu-item--heading svg {
  position: relative;
  top: 2px;
  width: 13px;
  height: 16px;
  margin-right: 6px;
  fill: #fff;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__local-menu-item.l-header__local-menu-item--heading svg {
    margin-right: 8px;
    margin-left: 2px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__local-menu-item.l-header__local-menu-item--heading svg {
    margin-right: 6px;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__local-menu-item.l-header__local-menu-item--heading svg {
    margin-right: 8px;
    margin-left: 2px;
  }
}
.l-header__local-menu-item > a {
  box-sizing: border-box;
  display: block;
  position: relative;
  padding-top: 10px;
  padding-bottom: 9px;
  padding-right: 15px;
  padding-left: 15px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
  font-size: 93%;
  text-align: center;
  color: #fff;
  letter-spacing: 0.16em;
  white-space: nowrap;
  transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__local-menu-item > a {
    padding-top: 13px;
    padding-bottom: 11px;
    padding-right: 18px;
    padding-left: 18px;
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
    -webkit-font-feature-settings: 'palt' 1;
            font-feature-settings: 'palt' 1;
    font-size: 100%;
    font-weight: bold;
  }
}
@media print, screen and (min-width: 61.25em) {
  .browser-is-ff .l-header__local-menu-item > a {
    padding-top: 12px;
    padding-bottom: 11px;
  }
}
@media print, screen and (min-width: 80em) {
  .browser-is-ff.is-sliding .l-header__local-menu-item > a {
    padding-top: 12px;
    padding-bottom: 11px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .browser-is-edge .l-header__local-menu-item > a {
    padding-top: 14px;
    padding-bottom: 10px;
  }
}
.browser-is-ie .l-header__local-menu-item > a {
  padding-top: 12px;
  padding-bottom: 7px;
}
@media print, screen and (min-width: 61.25em) {
  .browser-is-ie .l-header__local-menu-item > a {
    padding-top: 16px;
    padding-bottom: 8px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .browser-is-ie.is-sliding .l-header__local-menu-item > a {
    padding-top: 11px;
    padding-bottom: 8px;
  }
}
@media print, screen and (min-width: 80em) {
  .browser-is-ie.is-sliding .l-header__local-menu-item > a {
    padding-top: 15px;
    padding-bottom: 8px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__local-menu-item > a {
    padding-top: 10px;
    padding-bottom: 9px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 93%;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__local-menu-item > a {
    padding-top: 13px;
    padding-bottom: 11px;
    font-size: 100%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-header__local-menu-item > a:hover {
    background: #0E5CB5;
  }
}
.l-header__local-menu-item > a.is-current {
  background: #2975cc;
  color: #fff;
}
.l-header__local-menu-item > a.is-active {
  background: #e6e6e6;
  color: #08398b;
}
.l-header__local-menu-item > a.is-active svg {
  stroke: #014099;
  stroke-width: 2px;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.l-header__local-link {
  display: none;
  position: relative;
  float: left;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__local-link {
    display: block;
    float: none;
    height: 46px;
    background-color: #014099;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__local-link {
    display: none;
    float: left;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__local-link {
    display: block;
    float: none;
  }
}
.l-header__local-link a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  display: block;
  height: 100%;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__local-link a {
    padding-top: 11px;
    padding-right: 13px;
    padding-left: 13px;
    font-size: 100%;
    transition: background-color ease 0.15s;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-header__local-link a {
    padding-top: 13px;
    padding-bottom: 11px;
    padding-right: 0px;
    padding-left: 0px;
    transition: none;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__local-link a {
    padding-top: 11px;
    padding-bottom: 0;
    padding-right: 13px;
    padding-left: 13px;
    transition: background-color ease 0.15s;
  }
}
.l-header__local-link a svg {
  display: inline-block;
  position: relative;
  fill: #fff;
  transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
.l-header__local-link a svg.l-header__local-link-icon1 {
  top: 3px;
  width: 15px;
  height: 17px;
  margin-right: 7px;
}
.l-header__local-link a svg.l-header__local-link-icon2 {
  display: none;
}
.l-header__local-link a:after {
  display: inline-block;
  width: 14px;
  height: 12px;
  margin-left: 6px;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  content: url(/common/svg/icon_back.svg);
}
@media print, screen and (min-width: 61.25em) {
  .l-header__local-link a:hover {
    background: #0E5CB5;
    color: #fff;
  }
}

.l-header__local-trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  width: 6.25%;
  height: 100%;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__local-trigger {
    visibility: hidden;
    opacity: 0;
    top: 83px;
    width: 3.125%;
    max-width: 36px;
    height: 46px;
    background-color: #014099;
    cursor: pointer;
    transition: background-color ease 0.15s;
  }
  .browser-is-chrome .l-header__local-trigger,
  .browser-is-safari .l-header__local-trigger {
    top: 82px;
  }
  .browser-is-chrome.is-sliding .l-header__local-trigger,
  .browser-is-safari.is-sliding .l-header__local-trigger {
    top: 80px;
  }
  /* .browser-is-ie.is-sliding .l-header__local-trigger {
    top: 81px;
  } */
  /* サイドナビ表示中 */
  .is-sliding .l-header__local-trigger {
    visibility: visible;
    opacity: 1;
    top: 81px;
    /* top: 0;
    height: 100%; */
  }
  .l-header__local-trigger:hover {
    background-color: #0E5CB5;
  }
  .l-header__local-trigger.is-disabled {
    cursor: default;
  }
  .l-header__local-trigger.is-disabled:hover {
    background-color: #014099;
  }
  .l-header__local-trigger.is-visible {
    visibility: visible;
    opacity: 1;
  }
}
.l-header__local-trigger:after {
  display: block;
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #fff;
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  content: "";
}
.l-header__local-trigger.l-header__local-trigger--left {
  left: 0;
  -webkit-transform: none;
  transform: none;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__local-trigger.l-header__local-trigger--left {
    left: auto;
  }
}
.l-header__local-trigger.l-header__local-trigger--left:after {
  left: 50%;
  -webkit-transform: translate(-40%, -50%) rotate(-135deg);
          transform: translate(-40%, -50%) rotate(-135deg);
}
.l-header__local-trigger.l-header__local-trigger--right {
  right: 0;
}
.l-header__local-trigger.l-header__local-trigger--right:after {
  right: 50%;
  -webkit-transform: translate(40%, -50%) rotate(45deg);
          transform: translate(40%, -50%) rotate(45deg);
}
.l-header__local-trigger.l-header__local-trigger--left:before,
.l-header__local-trigger.l-header__local-trigger--right:before {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 30px;
  background-color: rgba(255,255,255,0.3);
  content: "";
}
.l-header__local-trigger.l-header__local-trigger--left:before {
  right: 0;
}
.l-header__local-trigger.l-header__local-trigger--right:before {
  left: 0;
}
.l-header__local-trigger.l-header__local-trigger--left.is-disabled:before,
.l-header__local-trigger.l-header__local-trigger--right.is-disabled:before {
  display: none;
}
@media print, screen and (min-width: 61.25em) {
  .l-header__local-trigger.l-header__local-trigger--right {
    width: 36px;
  }
  .l-header__local-trigger.l-header__local-trigger--left:before,
  .l-header__local-trigger.l-header__local-trigger--right:before {
    height: 36px;
  }
  .is-sliding .l-header__local-trigger.l-header__local-trigger--right {
    width: 3.125%;
  }
  .is-sliding .l-header__local-trigger.l-header__local-trigger--left:before,
  .is-sliding .l-header__local-trigger.l-header__local-trigger--right:before {
    display: none;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-header__local-trigger.l-header__local-trigger--right {
    width: 36px;
  }
  .is-sliding .l-header__local-trigger.l-header__local-trigger--left:before,
  .is-sliding .l-header__local-trigger.l-header__local-trigger--right:before {
    display: block;
  }
}
.l-header__local-trigger.is-disabled:after {
  opacity: 0.5;
}
.l-header__local-trigger svg {
  display: none;
}

.l-footer {
  position: relative;
  width: 100%;
  margin-top: 45px;
  background-color: #e6e6e6;
  line-height: 1.75;
}
@media only screen and (max-width: 47.9375em) {
  .l-footer {
    clear: both;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-footer {
    margin-top: 80px;
  }
}

.l-footer--home {
  margin-top: 50px;
}

.l-footer--form {
  height: 40px;
  margin-top: 50px;
}
@media print, screen and (min-width: 48em) {
  .l-footer--form {
    margin-top: 100px;
  }
}

.l-footer__menu {
  margin-bottom: 35px;
  padding-left: 6.25%;
  padding-right: 6.25%;
}
@media print, screen and (min-width: 40.0625em) {
  .l-footer__menu {
    margin-bottom: 25px;
    padding-left: 3.125%;
    padding-right: 3.125%;
  }
}

.l-footer__menu-inner {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  max-width: 1400px;
  padding-top: 10px;
}
@media print, screen and (min-width: 40.0625em) {
  .l-footer__menu-inner {
    padding-top: 43px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-footer__menu-inner {
    margin-left: auto;
    margin-right: auto;
    padding-top: 45px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-footer__menu-inner {
    padding-top: 43px;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-footer__menu-inner {
    padding-top: 45px;
  }
}

@media print, screen and (min-width: 40.0625em) {
  .l-footer__site-map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: -28px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-footer__site-map {
    margin-bottom: auto;
    width: 100%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-footer__site-map {
    margin-bottom: -28px;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-footer__site-map {
    margin-bottom: auto;
  }
}

@media only screen and (max-width: 40em) {
  .l-footer__site-map-block {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #cacaca;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .l-footer__site-map-block {
    box-sizing: border-box;
    width: 33.3%;
    margin-bottom: 20px;
    padding-right: 20px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-footer__site-map-block {
    width: auto;
    margin-bottom: 0;
    padding-right: 20px;
  }
}
@media print, screen and (min-width: 80em) {
  .l-footer__site-map-block {
    padding-right: 42px;
  }
}
@media print, screen and (min-width: 87.5em) {
  .l-footer__site-map-block {
    padding-right: 118px;
  }
}
.l-footer--limited .l-footer__site-map-block:first-child {
  display: none;
}
@media print, screen and (min-width: 61.25em) {
  .l-footer__site-map-block:last-child {
    padding-right: 0;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-footer__site-map-block:last-child {
    padding-right: 20px;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-footer__site-map-block:last-child {
    padding-right: 0;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .l-footer__site-map-block.l-footer__site-map-block--twin {
    width: 66.6%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-footer__site-map-block.l-footer__site-map-block--twin {
    width: auto;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-footer__site-map-block.l-footer__site-map-block--twin {
    width: 66.6%;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-footer__site-map-block.l-footer__site-map-block--twin {
    width: auto;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-footer__site-map-block {
    width: 33.3%;
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-footer__site-map-block {
    width: auto;
    margin-bottom: 0;
    padding-right: 20px;
  }
}
@media print, screen and (min-width: 87.5em) {
  .is-sliding .l-footer__site-map-block {
    padding-right: 42px;
  }
}

.l-footer__site-map-heading {
  display: block;
  position: relative;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 131%;
  font-weight: bold;
  text-align: left;
  color: #333;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media only screen and (max-width: 40em) {
  .l-footer__site-map-heading {
    display: block;
    padding-top: 9px;
    padding-bottom: 7px;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .l-footer__site-map-heading {
    display: block;
    margin-bottom: 8px;
  }
}
@media print, screen and (min-width: 48em) {
  .l-footer__site-map-heading {
    margin-bottom: 12px;
    font-size: 116%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-footer__site-map-heading {
    margin-bottom: 8px;
    font-size: 116%;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-footer__site-map-heading {
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 40em) {
  .browser-is-ie .l-footer__site-map-heading {
    padding-top: 12px;
    padding-bottom: 4px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-footer__site-map-heading:hover {
    color: #888;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-footer__site-map-heading:hover:before, .l-footer__site-map-heading:hover:after {
    background-color: #888;
  }
}
.l-footer__site-map-heading:before, .l-footer__site-map-heading:after {
  display: block;
  position: absolute;
  top: 50%;
  background-color: #333;
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  content: "";
}
@media print, screen and (min-width: 40.0625em) {
  .l-footer__site-map-heading:before, .l-footer__site-map-heading:after {
    display: none;
  }
}
.l-footer__site-map-heading:before {
  right: 0;
  width: 10px;
  height: 2px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.l-footer__site-map-heading:after {
  right: 4px;
  width: 2px;
  height: 10px;
  -webkit-transform: translate(0, -50%) rotate(0deg);
          transform: translate(0, -50%) rotate(0deg);
}
.l-footer__site-map-heading.is-open:after {
  -webkit-transform: translate(0, -50%) rotate(90deg);
          transform: translate(0, -50%) rotate(90deg);
}
@media only screen and (max-width: 40em) {
  .l-footer__site-map-heading.l-footer__site-map-heading--loneliness {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #cacaca;
  }
}
.l-footer__site-map-heading.l-footer__site-map-heading--loneliness:before {
  display: none;
}
.l-footer__site-map-heading.l-footer__site-map-heading--loneliness:after {
  right: 3px;
  width: 5px;
  height: 5px;
  background-color: transparent;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #333;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
}

@media only screen and (max-width: 40em) {
  .l-footer__site-map-list {
    display: none;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .l-footer__site-map-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media print, screen and (min-width: 40.0625em) {
  .l-footer__site-map-list-inner {
    padding-left: 20px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-footer__site-map-list-inner {
    margin-left: 10px;
    padding-left: 0;
  }
}
@media print, screen and (min-width: 80em) {
  .l-footer__site-map-list-inner {
    margin-left: 22px;
  }
}
@media print, screen and (min-width: 87.5em) {
  .l-footer__site-map-list-inner {
    margin-left: 50px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-footer__site-map-list-inner {
    margin-left: 0;
    padding-left: 20px;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-footer__site-map-list-inner {
    margin-left: 10px;
    padding-left: 0;
  }
}
@media print, screen and (min-width: 87.5em) {
  .is-sliding .l-footer__site-map-list-inner {
    margin-left: 22px;
  }
}
.l-footer__site-map-list-inner:first-child {
  margin-left: 0;
  padding-left: 0;
}
@media only screen and (max-width: 40em) {
  .l-footer__site-map-list-inner:first-child {
    padding-top: 2px;
  }
}
@media only screen and (max-width: 40em) {
  .l-footer__site-map-list-inner:last-child {
    padding-bottom: 4px;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .l-footer__site-map-block--twin .l-footer__site-map-list-inner {
    width: 50%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-footer__site-map-block--twin .l-footer__site-map-list-inner {
    width: auto;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-footer__site-map-block--twin .l-footer__site-map-list-inner {
    width: 50%;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-footer__site-map-block--twin .l-footer__site-map-list-inner {
    width: auto;
  }
}

.l-footer__site-map-item {
  margin-bottom: 8px;
  text-align: left;
}
@media print, screen and (min-width: 61.25em) {
  .l-footer__site-map-item {
    margin-bottom: 6px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-footer__site-map-item {
    margin-bottom: 8px;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-footer__site-map-item {
    margin-bottom: 6px;
  }
}
.l-footer__site-map-item a {
  color: #333;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 61.25em) {
  .l-footer__site-map-item a:hover {
    color: #888;
  }
}

@media print, screen and (min-width: 40.0625em) {
  .l-footer__site-map-item--top {
    display: none;
  }
}

.l-footer__company {
  padding-right: 6.25%;
  padding-left: 6.25%;
}
@media print, screen and (min-width: 40.0625em) {
  .l-footer__company {
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}
.l-footer--form .l-footer__company {
  height: 100%;
}

.l-footer__company-inner {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  max-width: 1400px;
  padding-bottom: 25px;
}
@media print, screen and (min-width: 61.25em) {
  .l-footer__company-inner {
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 50px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-footer__company-inner {
    padding-bottom: 25px;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-footer__company-inner {
    padding-bottom: 50px;
  }
}
.l-footer--form .l-footer__company-inner {
  height: 100%;
  padding-bottom: 0;
}

.l-footer__company-menu-block {
  margin-bottom: 20px;
}
@media only screen and (max-width: 40em) {
  .l-footer__company-menu-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-footer__company-menu-block {
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-footer__company-menu-block {
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-footer__company-menu-block {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 40em) {
  .l-footer__company-menu-block li {
    width: 50%;
    margin-bottom: 9px;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .l-footer__company-menu-block li {
    float: left;
    margin-right: 30px;
  }
}
.l-footer__company-menu-block a {
  color: #333;
}
@media print, screen and (min-width: 61.25em) {
  .l-footer__company-menu-block a:hover {
    color: #888;
  }
}

.l-footer__company-info-block {
  clear: both;
}
@media print, screen and (min-width: 61.25em) {
  .l-footer__company-info-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 37px;
  }
}
.l-footer--form .l-footer__company-info-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding-top: 0;
}

.l-footer__company-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 61.25em) {
  .l-footer__company-social {
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-footer__company-social {
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-footer__company-social {
    margin-bottom: 0;
  }
}
.l-footer__company-social li {
  margin-right: 20px;
}
@media print, screen and (min-width: 61.25em) {
  .l-footer__company-social li {
    margin-right: 30px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-footer__company-social li {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-footer__company-social li {
    margin-right: 30px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-footer__company-social a:hover img {
    opacity: 0.6;
  }
}
.l-footer__company-social img {
  display: block;
  width: 35px;
  height: auto;
}
@media print, screen and (min-width: 61.25em) {
  .l-footer__company-social img {
    width: 28px;
    transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-footer__company-social img {
    width: 35px;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-footer__company-social img {
    width: 28px;
  }
}
.browser-is-ie .l-footer__company-social img {
  height: 35px;
}

.l-footer__company-name {
  font-family: "Oswald", sans-serif;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 85%;
  font-weight: 300;
  color: #333;
  letter-spacing: 3px;
}
@media print, screen and (min-width: 61.25em) {
  .l-footer__company-name {
    font-size: 100%;
  }
}

.l-content-container {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative;
}

.l-page-top {
  display: none;
}
@media print, screen and (min-width: 61.25em) {
  .l-page-top {
    display: block;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    z-index: 8;
    right: 40px;
    bottom: 40px;
    width: 60px;
    height: 60px;
    transition: all 0.6s 0s ease;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-page-top.is-up {
    bottom: 210px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-page-top.l-page-top--chat {
    bottom: 165px;
  }
}
.l-page-top > a {
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #014099;
  text-align: center;
  transition: all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.l-page-top > a:after {
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  border-style: solid;
  border-width: 2px 0 0 2px;
  border-color: #fff;
  -webkit-transform: translate(-50%, -20%) rotate(45deg);
          transform: translate(-50%, -20%) rotate(45deg);
  content: "";
}
.l-page-top > a:hover {
  background-color: #0E5CB5;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.l-page-top svg {
  display: none;
}
.l-page-top.is-visible {
  visibility: visible;
  opacity: 1;
}

.l-side-nav {
  box-sizing: border-box;
  position: relative;
  z-index: 10;
}
@media print, screen and (min-width: 61.25em) {
  .l-side-nav {
    position: fixed;
    left: 0;
    top: 0;
    width: 240px;
    height: 100%;
    background-color: #fff;
    z-index: 20;
    overflow-x: hidden;
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px);
  }
}
.l-side-nav.is-open {
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #cacaca;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.l-side-nav.is-home {
  display: none;
}
@media print, screen and (min-width: 61.25em) {
  .l-side-nav.is-home {
    display: block;
  }
}
.l-header--limited .l-side-nav {
  display: none;
}

.l-side-nav__inner {
  box-sizing: border-box;
  position: relative;
  text-align: left;
  line-height: 1.75;
}
@media print, screen and (min-width: 61.25em) {
  .l-side-nav__inner {
    width: 257px;
    height: 100%;
    overflow-x: hidden;
    /* overflow-y: scroll; */
    overflow-y: hidden;
    padding-bottom: 14px;
  }
  .is-open .l-side-nav__inner {
    overflow-y: scroll;
  }
}
@media print, screen and (min-width: 61.25em) {
  .device-is-mac .l-side-nav__inner {
    width: 240px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .device-is-mobile.browser-is-safari .l-side-nav__inner {
    width: 240px;
  }
}

.l-side-nav__heading {
  display: none;
}
@media print, screen and (min-width: 61.25em) {
  .l-side-nav__heading {
    display: block;
  }
}
.l-side-nav__heading button {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 7px;
  padding-bottom: 6px;
  padding-left: 17px;
  background-color: #333;
  border: none;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 100%;
  font-weight: bold;
  color: #fff;
  text-align: left;
}
@media print, screen and (min-width: 61.25em) {
  .l-side-nav__heading button {
    cursor: pointer;
  }
}
.l-side-nav__heading button:before {
  display: block;
  z-index: 2;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 10px;
  width: 5px;
  height: 5px;
  border-style: solid;
  border-width: 0 0 2px 2px;
  border-color: #fff;
  -webkit-transform: translate(-40%, -50%) rotate(45deg);
          transform: translate(-40%, -50%) rotate(45deg);
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  content: "";
}
.l-side-nav__heading button:after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #555555;
  z-index: 1;
  content: '';
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
  transition: -webkit-transform 0.4s 0s cubic-bezier(0.48, 0.18, 0, 0.98);
  transition: transform 0.4s 0s cubic-bezier(0.48, 0.18, 0, 0.98);
  transition: transform 0.4s 0s cubic-bezier(0.48, 0.18, 0, 0.98), -webkit-transform 0.4s 0s cubic-bezier(0.48, 0.18, 0, 0.98);
}
@media print, screen and (min-width: 61.25em) {
  .l-side-nav__heading button:hover:before {
    -webkit-transform: translate(calc(-40% - 3px), -50%) rotate(45deg);
            transform: translate(calc(-40% - 3px), -50%) rotate(45deg);
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-side-nav__heading button:hover:after {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.l-side-nav__heading svg {
  display: inline-block;
  z-index: 2;
  position: relative;
  top: 1px;
  width: 18px;
  height: 12px;
  margin-right: 10px;
  fill: #fff;
}
.l-side-nav__heading span {
  z-index: 2;
  position: relative;
}

.l-side-nav__menu {
  display: none;
}
@media print, screen and (min-width: 61.25em) {
  .l-side-nav__menu {
    display: block;
  }
}
.l-side-nav__menu a {
  position: relative;
  padding-right: 6.25%;
  padding-left: 6.25%;
  color: #333;
  text-align: left;
}
@media print, screen and (min-width: 40.0625em) {
  .l-side-nav__menu a {
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-side-nav__menu a {
    padding-right: 0;
    padding-left: 0;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-side-nav__menu a:hover {
    color: #009DFF;
  }
}

.l-side-nav__tab-switcher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.l-side-nav__tab-switcher > li {
  width: 50%;
  background-color: #e6e6e6;
  border-bottom-style: solid;
  border-bottom-color: #cacaca;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-right-color: #cacaca;
  border-right-width: 0;
  border-left-style: solid;
  border-left-color: #cacaca;
  border-left-width: 0;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 85%;
  font-weight: bold;
}
@media print, screen and (min-width: 61.25em) {
  .l-side-nav__tab-switcher > li {
    transition: background-color ease 0.15s;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-side-nav__tab-switcher > li:hover {
    background-color: #ededed;
  }
}
.l-side-nav__tab-switcher > li.is-current {
  background-color: #fff;
  border-bottom-color: #fff;
}
.l-side-nav__tab-switcher > li.is-current a {
  color: #333;
  pointer-events: none;
}
.l-side-nav__tab-switcher > li.is-current svg {
  fill: #333;
}
.l-side-nav__tab-switcher > li:first-child.is-current {
  border-right-width: 1px;
}
.l-side-nav__tab-switcher > li:first-child a {
  padding-top: 11px;
  padding-bottom: 14px;
}
@media print, screen and (min-width: 61.25em) {
  .l-side-nav__tab-switcher > li:first-child a {
    padding-top: 3px;
    padding-bottom: 6px;
  }
}
.l-side-nav__tab-switcher > li:first-child svg {
  top: 4px;
  width: 15px;
  height: 17px;
}
.l-side-nav__tab-switcher > li:last-child.is-current {
  border-left-width: 1px;
}
.l-side-nav__tab-switcher > li:last-child a {
  padding-top: 11px;
  padding-bottom: 14px;
}
@media print, screen and (min-width: 61.25em) {
  .l-side-nav__tab-switcher > li:last-child a {
    padding-top: 4px;
    padding-bottom: 5px;
  }
}
.l-side-nav__tab-switcher > li:last-child svg {
  top: 3px;
  width: 13px;
  height: 16px;
}
.l-side-nav__tab-switcher a {
  display: block;
  color: #333;
  text-align: center;
}
@media print, screen and (min-width: 61.25em) {
  .l-side-nav__tab-switcher a:hover {
    color: #888;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-side-nav__tab-switcher a:hover svg {
    fill: #888;
  }
}
@media print, screen and (min-width: 61.25em) {
  .browser-is-ie .l-side-nav__tab-switcher a {
    padding-top: 4px;
    padding-bottom: 3px;
  }
}
.l-side-nav__tab-switcher svg {
  position: relative;
  margin-right: 5px;
  fill: #333;
  transition: fill cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}

@media print, screen and (min-width: 61.25em) {
  .l-side-nav__tab-container {
    padding-top: 2px;
  }
}

.l-side-nav__tab-item {
  opacity: 1;
  transition: opacity ease 0.15s;
}
.l-side-nav__tab-item.is-disabled {
  opacity: 0;
}
.l-side-nav__tab-item.is-hide {
  display: none;
}

.l-side-nav__link {
  display: none;
}
@media print, screen and (min-width: 61.25em) {
  .l-side-nav__link {
    display: block;
  }
}
.l-side-nav__link a {
  display: block;
  padding-top: 8px;
  padding-bottom: 7px;
  padding-left: 13px;
  color: #333;
  text-align: left;
}
@media print, screen and (min-width: 61.25em) {
  .l-side-nav__link a {
    font-size: 93%;
  }
}
.l-side-nav__link a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 18px;
  width: 5px;
  height: 5px;
  margin-left: 4px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #333;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  content: "";
}
@media print, screen and (min-width: 61.25em) {
  .l-side-nav__link a:hover {
    color: #888;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-side-nav__link a:hover:after {
    border-color: #888;
    -webkit-transform: translate(3px, -50%) rotate(45deg);
            transform: translate(3px, -50%) rotate(45deg);
  }
}
.l-side-nav__link svg {
  display: none;
}

.l-side-nav__band {
  position: relative;
}
@media print, screen and (min-width: 61.25em) {
  .l-side-nav__band {
    position: absolute;
    top: 0;
    right: 0;
    /* right: 17px; */
    /* width: 40px; */
    width: 57px;
    height: 100%;
    overflow: hidden;
    /* padding-right: 17px; */
    transition: all ease 0.3s;
  }
}
.is-open .l-side-nav__band {
  width: 0;
  /* right: 0; */
}
.l-side-nav__band.is-open .l-side-nav__band-icon3 {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
.l-side-nav__band a {
  box-sizing: border-box;
  display: block;
  position: relative;
  z-index: 10;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 6.25%;
  padding-left: 6.25%;
  border-bottom: solid 1px #cacaca;
  background-color: #333;
}
@media print, screen and (min-width: 40.0625em) {
  .l-side-nav__band a {
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-side-nav__band a {
    height: 100%;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
    /* padding-right: 10px; */
    padding-right: 27px;
    padding-left: 0;
    border-bottom: none;
    transition: background-color ease 0.15s;
    /* transition: background-color ease 0.15s, padding-right ease 0.3s; */
  }
  .browser-is-safari .l-side-nav__band a {
    padding-right: 10px;
  }
  .is-open .l-side-nav__band a {
    padding-right: 10px;
  }
}
.l-side-nav__band a:after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #555555;
  z-index: 1;
  content: '';
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
  transition: -webkit-transform 0.4s 0s cubic-bezier(0.48, 0.18, 0, 0.98);
  transition: transform 0.4s 0s cubic-bezier(0.48, 0.18, 0, 0.98);
  transition: transform 0.4s 0s cubic-bezier(0.48, 0.18, 0, 0.98), -webkit-transform 0.4s 0s cubic-bezier(0.48, 0.18, 0, 0.98);
}
@media print, screen and (min-width: 61.25em) {
  .l-side-nav__band a:hover:after {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.l-side-nav__band a:hover span:after {
  -webkit-transform: translate(calc(-10% + 3px), 0) rotate(45deg);
          transform: translate(calc(-10% + 3px), 0) rotate(45deg);
}
.l-side-nav__band a:hover .l-side-nav__band-icon2 {
  -webkit-transform: translateX(3px);
          transform: translateX(3px);
}
.l-side-nav__band span {
  display: inline-block;
  position: relative;
  z-index: 2;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
  color: #fff;
  margin-top: 7px;
  margin-bottom: 5px;
}
.device-is-mobile.browser-is-safari .l-side-nav__band span {
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  -webkit-font-feature-settings: unset;
          font-feature-settings: unset;
}
.l-side-nav__band span:after {
  display: none;
  position: relative;
  width: 10px;
  width: 5px;
  height: 5px;
  margin-top: 10px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #fff;
  -webkit-transform: translate(-10%, 0) rotate(45deg);
          transform: translate(-10%, 0) rotate(45deg);
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  content: "";
}
@media print, screen and (min-width: 61.25em) {
  .l-side-nav__band span:after {
    display: inline-block;
  }
}
.l-side-nav__band svg {
  z-index: 2;
}
.l-side-nav__band .l-side-nav__band-icon1 {
  position: relative;
  top: 1px;
  left: 2px;
  width: 18px;
  height: 12px;
  margin-right: 7px;
  fill: #fff;
}
@media print, screen and (min-width: 61.25em) {
  .l-side-nav__band .l-side-nav__band-icon1 {
    margin-right: 0;
  }
}
.l-side-nav__band .l-side-nav__band-icon2 {
  display: none;
}
.l-side-nav__band .l-side-nav__band-icon3 {
  display: block;
  position: absolute;
  right: 6.25%;
  top: 50%;
  width: 12px;
  height: 7px;
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-miterlimit: 10;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: -webkit-transform ease 0.2s;
  transition: transform ease 0.2s;
  transition: transform ease 0.2s, -webkit-transform ease 0.2s;
}
@media print, screen and (min-width: 40.0625em) {
  .l-side-nav__band .l-side-nav__band-icon3 {
    right: 3.125%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .l-side-nav__band .l-side-nav__band-icon3 {
    display: none;
  }
}

.l-side-nav__close {
  display: none;
}

.l-breadcrumbs {
  box-sizing: border-box;
  display: none;
  z-index: 2;
  width: 100%;
  padding-right: 6.25%;
  padding-left: 6.25%;
}
@media print, screen and (min-width: 61.25em) {
  .l-breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-breadcrumbs {
    display: none;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-breadcrumbs {
    display: block;
  }
}

.l-breadcrumbs__inner {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  max-width: 1400px;
}
@media print, screen and (min-width: 87.5em) {
  .l-breadcrumbs__inner {
    margin-right: auto;
    margin-left: auto;
  }
}

.l-breadcrumbs__item {
  margin-right: 15px;
  padding-left: 20px;
  font-size: 93%;
  background-repeat: no-repeat;
  background-position: 0 0.4em;
  background-image: url(//www.elecom.co.jp/common/svg/icon_arrow_right_black_01_pc.svg);
}
.l-breadcrumbs__item:first-child {
  padding-left: 0;
  background: none;
}
.l-breadcrumbs__item:last-child {
  margin-right: 0;
}
.l-breadcrumbs__item > a {
  transition: color 0.1s 0s ease;
  color: #2051b2;
}
@media print, screen and (min-width: 61.25em) {
  .l-breadcrumbs__item > a:hover {
    color: #009DFF;
  }
}
.l-breadcrumbs--color_inverted .l-breadcrumbs__item > a {
  color: #000;
}
.l-breadcrumbs__item > span {
  margin-right: 15px;
  margin-left: 10px;
}
.l-breadcrumbs__item path {
  fill: #999;
}

/*【改修】20210212 カテゴリDB生成パンクズ*********************************/

.l-breadcrumbs.c-parent-data {
  box-sizing: border-box;
  display: none;
  z-index: 2;
  width: 100%;
  padding-right: 6.25%;
  padding-left: 6.25%;

}
@media print, screen and (min-width: 61.25em) {
  .l-breadcrumbs.c-parent-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    padding-right: 3.125%;
    padding-left: 3.125%;

  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .l-breadcrumbs.c-parent-data {
    display: none;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .l-breadcrumbs.c-parent-data {
    display: flex;
  }
}
.c-parent-data .l-breadcrumbs__inner {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  max-width: 1400px;
  margin-top: 3px;
  margin-bottom: 3px;
}
@media print, screen and (min-width: 87.5em) {
  .c-parent-data .l-breadcrumbs__inner {
    margin-right: auto;
    margin-left: auto;
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-parent-data .l-breadcrumbs__inner {
  }
}
.c-parent-data .l-breadcrumbs__item {
  margin-right: 12px;
  padding-left: 16px;
  margin-bottom: 6px;
  font-size: 93%;
  background-repeat: no-repeat;
  background-position: 0 0.2em;
  background-image: url(//www.elecom.co.jp/common/svg/icon_arrow_right_black_01_pc.svg);
  line-height: 1.2;
}
.c-parent-data .l-breadcrumbs__item:first-child {
  padding-left: 0;
  background: none;
}
.c-parent-data .l-breadcrumbs__item:first-child {
  padding-left: 0;
  background: none;
}
.c-parent-data .l-breadcrumbs__item:last-child {
  margin-right: 0;
}
.c-parent-data .l-breadcrumbs__item > a {
  transition: color 0.1s 0s ease;
  color: #2051b2;
}
@media print, screen and (min-width: 61.25em) {
  .c-parent-data .l-breadcrumbs__item > a:hover {
    color: #009DFF;
  }
}
.c-parent-data .l-breadcrumbs--color_inverted .l-breadcrumbs__item > a {
  color: #000;
}
.c-parent-data .l-breadcrumbs__item > span {
  margin-right: 15px;
  margin-left: 10px;
}
.c-parent-data .l-breadcrumbs__item path {
  fill: #999;
}
/* /【改修】20210212 カテゴリDB生成パンクズ*********************************/


/* ==========================================================================
Object
========================================================================== */
.c-button-1 {
  width: 100%;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-color: #08398b;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
  text-align: center;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 1s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s, opacity cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s, opacity cubic-bezier(0.215, 0.61, 0.355, 1) 1s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
}
.c-button-1 > button {
  width: 100%;
  border: none;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
}
@media print, screen and (min-width: 61.25em) {
  .c-button-1 > button {
    cursor: pointer;
  }
}
.c-button-1 > a, .c-button-1 > button {
  display: block;
  position: relative;
  overflow: hidden;
  padding-top: 9px;
  padding-bottom: 7px;
  color: #2051b2;
  transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 61.25em) {
  .c-button-1 > a, .c-button-1 > button {
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 7px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .browser-is-ie .c-button-1 > a, .browser-is-ie .c-button-1 > button {
    padding-top: 12px;
    padding-bottom: 5px;
  }
}
.c-button-1 > a:before, .c-button-1 > button:before {
  display: block;
  z-index: 2;
  position: absolute;
  top: 50%;
  right: 12px;
  width: 5px;
  height: 5px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #014099;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  content: "";
}
.c-button-1--clear > a:before, .c-button-1--clear > button:before {
  display: none;
}
.c-button-1 > a:after, .c-button-1 > button:after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #014099;
  z-index: 1;
  content: '';
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
  transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}
@media print, screen and (min-width: 61.25em) {
  .c-button-1 > a:hover, .c-button-1 > button:hover {
    color: #fff;
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-button-1 > a:hover:before, .c-button-1 > button:hover:before {
    border-color: #fff;
    -webkit-transform: translate(3px, -50%) rotate(45deg);
            transform: translate(3px, -50%) rotate(45deg);
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-button-1 > a:hover:after, .c-button-1 > button:hover:after {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-button-1 > a:hover svg, .c-button-1 > button:hover svg {
    fill: #fff;
    -webkit-transform: translate(5px, -50%);
            transform: translate(5px, -50%);
  }
}
.c-button-1 span {
  display: block;
  position: relative;
  white-space: nowrap;
  z-index: 2;
  font-size: 108%;
}
@media print, screen and (min-width: 61.25em) {
  .c-button-1 span {
    font-size: 100%;
  }
}
.browser-is-safari .c-button-1 span {
  -webkit-font-smoothing: antialiased;
}
.c-button-1 svg {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 2;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 5px;
  height: 9px;
  margin-left: 9px;
  fill: #014099;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media print, screen and (min-width: 61.25em) {
  .c-button-1 svg {
    transition: fill cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
    transition: fill cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
    transition: fill cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  }
}
.c-button-1.is-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.c-button-1.is-disabled > a, .c-button-1.is-disabled > button, .c-button-1.is-disabled > input {
  pointer-events: none;
}

.c-button-1--fill {
  border: none;
}
.c-button-1--fill > a, .c-button-1--fill > button {
  box-sizing: border-box;
  background-color: #014099;
  color: #fff;
}
@media print, screen and (min-width: 61.25em) {
  .c-button-1--fill > a:hover:before, .c-button-1--fill > button:hover:before {
    border-color: #fff;
  }
}
.c-button-1--fill > a:before, .c-button-1--fill > button:before {
  border-color: #fff;
}
.c-button-1--fill > a:after, .c-button-1--fill > button:after {
  background-color: #0E5CB5;
}
.c-button-1--fill svg {
  display: none;
}

/* 2018/12/19 AND検索実装「すべてクリア」ボタン追加 START */
.c-button-1--clear {
  border-color: #cacaca;
  -webkit-transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
.c-button-1--clear > a, .c-button-1--clear > button {
  color: #333;
}
.c-button-1--clear > a:after, .c-button-1--clear > button:after {
  display: none;
}
.c-button-1--clear span:before {
  display: none;
}
.c-button-1--clear span svg {
  display: inline-block;
  position: relative;
  top: auto;
  right: auto;
  width: 10px;
  height: 10px;
  margin-right: 6px;
  margin-left: 0;
  -webkit-transform: none;
  transform: none;
  fill: #333;
}
@media print, screen and (min-width: 61.25em) {
  .c-button-1--clear:hover {
    border-color: #333;
  }
  .c-button-1--clear > a:hover, .c-button-1--clear > button:hover {
    background-color: #333;
  }
  .c-button-1--clear > a:hover span svg, .c-button-1--clear > button:hover span svg {
    -webkit-transform: none;
    transform: none;
    fill: #fff;
  }
}
/* 2018/12/19 AND検索実装「すべてクリア」ボタン追加 END */

@media print, screen and (min-width: 61.25em) {
  .c-button-1--product-visual {
    height: 100%;
    width: 50px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-button-1--product-visual > a {
    height: 100%;
    padding: 0;
  }
}
.c-button-1--product-visual > a:before {
  display: none;
}
.c-button-1--product-visual > a:hover span:after {
  -webkit-transform: translate(calc(-20% + 3px), 0) rotate(45deg);
          transform: translate(calc(-20% + 3px), 0) rotate(45deg);
}
@media print, screen and (min-width: 61.25em) {
  .c-button-1--product-visual > a:hover svg {
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
}
@media print, screen and (min-width: 61.25em) {
  .browser-is-ie .c-button-1--product-visual > a:hover svg, .browser-is-safari .c-button-1--product-visual > a:hover svg {
    right: 38%;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.c-button-1--product-visual span {
  box-sizing: border-box;
}
@media print, screen and (min-width: 61.25em) {
  .c-button-1--product-visual span {
    width: 100%;
    min-width: 50px;
    height: 100%;
    padding-right: 14px;
    text-align: center;
    letter-spacing: 2px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
}
@media print, screen and (min-width: 61.25em) {
  .browser-is-ie .c-button-1--product-visual span {
    padding-right: 16px;
  }
}
.c-button-1--product-visual span:after {
  display: inline-block;
  z-index: 2;
  width: 5px;
  height: 5px;
  margin-top: 8px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #fff;
  -webkit-transform: translate(-20%, 0) rotate(45deg);
          transform: translate(-20%, 0) rotate(45deg);
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  content: "";
}
.c-button-1--product-visual svg {
  fill: #fff;
}
@media print, screen and (min-width: 61.25em) {
  .c-button-1--product-visual svg {
    top: auto;
    right: 48%;
    margin-top: 7px;
    margin-left: 2px;
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
  }
}
@media print, screen and (min-width: 61.25em) {
  .browser-is-ie .c-button-1--product-visual svg, .browser-is-safari .c-button-1--product-visual svg {
    right: 43%;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    transition: right ease 0.15s;
  }
}

.c-button-1--gnav {
  margin-bottom: 20px;
  border-color: #08398b;
}
@media print, screen and (min-width: 61.25em) {
  .c-button-1--gnav {
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .c-button-1--gnav {
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .c-button-1--gnav {
    margin-bottom: 0;
  }
}
.c-button-1--gnav > a {
  padding-right: 9px;
  padding-left: 8px;
  background-color: #fff;
  font-size: 100%;
  color: #014099;
}
@media print, screen and (min-width: 61.25em) {
  .c-button-1--gnav > a {
    background-color: transparent;
    font-size: 93%;
  }
}
@media print, screen and (min-width: 87.5em) {
  .c-button-1--gnav > a {
    padding-top: 8px;
    padding-bottom: 9px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .c-button-1--gnav > a {
    background-color: #fff;
    font-size: 100%;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .c-button-1--gnav > a {
    background-color: transparent;
    font-size: 93%;
  }
}
@media print, screen and (min-width: 87.5em) {
  .is-sliding .c-button-1--gnav > a {
    padding-top: 10px;
    padding-bottom: 8px;
  }
}
.c-button-1--gnav > a:before {
  display: none;
}
@media print, screen and (min-width: 61.25em) {
  .c-button-1--gnav > a:hover {
    color: #fff;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .c-button-1--gnav > a:hover {
    color: #014099;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .c-button-1--gnav > a:hover {
    color: #fff;
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-button-1--gnav > a:hover:after {
    background-color: #014099;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .c-button-1--gnav > a:hover:after {
    color: transparent;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .c-button-1--gnav > a:hover:after {
    color: #014099;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-button-1--gnav > a:hover svg {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .c-button-1--gnav > a:hover svg {
    -webkit-transform: translate(0);
            transform: translate(0);
    fill: #014099;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .c-button-1--gnav > a:hover svg {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    fill: #fff;
  }
}
.c-button-1--gnav svg {
  display: inline;
  position: relative;
  top: 3px;
  left: 0;
  width: 13px;
  height: 16px;
  margin-bottom: 0;
  margin-right: 10px;
  margin-left: 0;
  stroke: none;
  -webkit-transform: translate(0);
          transform: translate(0);
}
@media print, screen and (min-width: 61.25em) {
  .c-button-1--gnav svg {
    display: block;
    margin-bottom: 5px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media print, screen and (min-width: 87.5em) {
  .c-button-1--gnav svg {
    display: inline;
    margin-bottom: 0;
    margin-right: 10px;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .c-button-1--gnav svg {
    display: inline;
    margin-bottom: 0;
    margin-right: 10px;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .c-button-1--gnav svg {
    display: block;
    margin-bottom: 5px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media print, screen and (min-width: 87.5em) {
  .is-sliding .c-button-1--gnav svg {
    display: inline;
    margin-bottom: 0;
    margin-right: 10px;
    margin-left: 0;
  }
}

.c-button-1--business-panel {
  border: solid 1px #fff;
  background-color: #fff;
}
.c-button-1--business-panel > a {
  box-sizing: border-box;
  padding-top: 3px;
  padding-bottom: 2px;
  padding-left: 15px;
  color: #014099;
}
.c-button-1--business-panel > a:before {
  border-color: #014099;
}
.c-button-1--business-panel > a:after {
  background-color: #014099;
}
@media print, screen and (min-width: 61.25em) {
  .c-button-1--business-panel > a:hover {
    border-color: #014099;
    color: #fff;
  }
}
.c-button-1--business-panel > a:hover svg {
  fill: #fff;
}
.browser-is-ie .c-button-1--business-panel > a {
  padding-top: 5px;
  padding-bottom: 0;
}
.c-button-1--business-panel span {
  text-align: left;
}
.c-button-1--business-panel svg {
  display: none;
}

.c-button-1--login > a, .c-button-1--login > button {
  padding-top: 13px;
  padding-bottom: 11px;
  color: #014099;
}
@media print, screen and (min-width: 61.25em) {
  .c-button-1--login > a, .c-button-1--login > button {
    padding-top: 10px;
    padding-bottom: 7px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-button-1--login > a:hover svg, .c-button-1--login > button:hover svg {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@media print, screen and (min-width: 61.25em) {
  .browser-is-ie .c-button-1--login > a, .browser-is-ie .c-button-1--login > button {
    padding-top: 10px;
    padding-bottom: 7px;
  }
}
.c-button-1--login span {
  font-size: 123.1%;
}
@media print, screen and (min-width: 61.25em) {
  .c-button-1--login span {
    font-size: 100%;
  }
}
.c-button-1--login svg {
  position: relative;
  top: 3px;
  right: 0;
  width: 15px;
  height: 20px;
  margin-right: 10px;
  margin-left: 0;
  fill: #014099;
  fill-rule: evenodd;
  -webkit-transform: translate(0);
  transform: translate(0);
}
@media print, screen and (min-width: 61.25em) {
  .c-button-1--login svg {
    top: 2px;
    width: 12px;
    height: 16px;
    margin-right: 7px;
  }
}

@media print, screen and (min-width: 48em) {
  .c-button-1--large > a {
    padding-top: 14px;
    padding-bottom: 10px;
  }
}
@media print, screen and (min-width: 48em) {
  .c-button-1--large > a:before {
    right: 29px;
  }
}
.c-button-1--large span {
  font-size: 85%;
}
@media print, screen and (min-width: 48em) {
  .c-button-1--large span {
    font-size: 100%;
  }
}
.c-button-1--large span em {
  display: block;
  font-style: normal;
  font-size: 146.5%;
}
@media print, screen and (min-width: 48em) {
  .c-button-1--large span em {
    margin-top: -3px;
    font-size: 153.9%;
  }
}

.c-button-1--input {
  overflow: hidden;
  position: relative;
  background-color: #014099;
  border: none;
}
.c-button-1--input:before {
  display: block;
  z-index: 2;
  position: absolute;
  top: 50%;
  right: 12px;
  width: 5px;
  height: 5px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #fff;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  content: "";
}
.c-button-1--input:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0E5CB5;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
  transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  content: "";
}
@media print, screen and (min-width: 61.25em) {
  .c-button-1--input:hover:before {
    -webkit-transform: translate(3px, -50%) rotate(45deg);
            transform: translate(3px, -50%) rotate(45deg);
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-button-1--input:hover:after {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.c-button-1--input > input {
  box-sizing: border-box;
  display: block;
  z-index: 2;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 8px;
  background-color: transparent;
  border: none;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
  font-size: 108%;
  color: #fff;
  white-space: nowrap;
  transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 61.25em) {
  .c-button-1--input > input {
    padding-top: 10px;
    padding-bottom: 8px;
    font-size: 100%;
    cursor: pointer;
  }
}
@media screenSize_M {
  .browser-is-ie .c-button-1--input > input {
    padding-top: 12px;
    padding-bottom: 5px;
  }
}
.browser-is-safari .c-button-1--input > input {
  -webkit-font-smoothing: antialiased;
}
.c-button-1--input > input:before {
  display: none;
}
.c-button-1--input > input:after {
  display: none;
}
@media print, screen and (min-width: 61.25em) {
  .c-button-1--input > input:hover {
    color: #fff;
  }
}

.c-button-2 {
  border-style: solid;
  border-width: 1px;
  border-color: #2051b2;
}
.c-button-2 > a {
  display: block;
  white-space: nowrap;
  color: #2051b2;
}
@media print, screen and (min-width: 48em) {
  .c-button-2 > a {
    padding-top: 5px;
    padding-bottom: 3px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-button-2 > a {
    transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-button-2 > a:hover {
    background-color: #2051b2;
    color: #fff;
  }
}
.c-button-2 > a:hover svg {
  fill: #fff;
}
.c-button-2 svg {
  position: relative;
  margin-left: 8px;
  fill: #2051b2;
}
@media print, screen and (min-width: 61.25em) {
  .c-button-2 svg {
    transition: fill cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  }
}

.c-button-2--print svg {
  top: 3px;
  margin-top: -1px;
  width: 17px;
  height: 16px;
}

.c-button-2--blank svg {
  top: 1px;
  width: 13px;
  height: 10px;
}

.c-content-block {
  position: relative;
  z-index: 1;
  background-color: #fff;
  padding-right: 6.25%;
  padding-left: 6.25%;
}
@media print, screen and (min-width: 40.0625em) {
  .c-content-block {
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}
.c-content-block:after {
  display: block;
  clear: both;
  content: "";
}
.c-content-block:last-child .c-content-block__inner {
  padding-bottom: 0;
}

.c-content-block--fill {
  background-color: #e6e6e6;
}

.c-content-block--border {
  border-bottom: solid 1px #cacaca;
}

.c-content-block--tab {
  border-top: solid 1px #cacaca;
}

.c-content-block--feature .c-content-block__inner, .c-content-block--feature-1 .c-content-block__inner, .c-content-block--feature-2 .c-content-block__inner {
  padding-bottom: 40px;
}
@media print, screen and (min-width: 48em) {
  .c-content-block--feature .c-content-block__inner, .c-content-block--feature-1 .c-content-block__inner, .c-content-block--feature-2 .c-content-block__inner {
    padding-top: 115px;
    padding-bottom: 115px;
  }
}

.c-content-block--feature-1 {
  background-image: url(/business/feature/img/bg_feature_wave_01.png);
  background-repeat: no-repeat;
  background-position: 50% 67%;
}
@media only screen and (max-width: 47.9375em) {
  .c-content-block--feature-1 {
    background: none;
  }
}
.c-content-block--feature-1 .c-content-block__inner {
  padding-top: 43px;
}
@media print, screen and (min-width: 48em) {
  .c-content-block--feature-1 .c-content-block__inner {
    padding-top: 85px;
  }
}

.c-content-block--feature-2 .c-content-block__inner {
  padding-top: 417px;
}
@media print, screen and (min-width: 48em) {
  .c-content-block--feature-2 .c-content-block__inner {
    padding-top: 735px;
  }
}

.c-content-block--feature-3 {
  background-repeat: no-repeat;
  background-position: 50% 82px;
  background-image: url(/business/feature/img/bg_feature_expertise_sp_01.jpg);
  background-size: cover;
}
@media print, screen and (min-width: 48em) {
  .c-content-block--feature-3 {
    background-position: 50% 100px;
    background-image: url(/business/feature/img/bg_feature_expertise_pc_01.jpg);
  }
}
.c-content-block--feature-3 .c-content-block__inner {
  padding-top: 195px;
  padding-bottom: 20px;
}
@media print, screen and (min-width: 48em) {
  .c-content-block--feature-3 .c-content-block__inner {
    padding-top: 396px;
    padding-bottom: auto;
  }
}

@media print, screen and (min-width: 61.25em) {
  .c-content-block__inner.c-content-block__inner--info {
    max-width: 800px;
  }
}

@media print, screen and (min-width: 61.25em) {
  .c-content-block__inner.c-content-block__inner--medium {
    max-width: 1110px;
  }
}

.c-content-block__inner {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  max-width: 1400px;
  padding-top: 35px;
  padding-bottom: 35px;
}
@media print, screen and (min-width: 61.25em) {
  .c-content-block__inner {
    margin-right: auto;
    margin-left: auto;
    padding-top: 45px;
    padding-bottom: 35px;
  }
}
.c-content-block__inner.c-content-block__inner--top_0 {
  padding-top: 0;
}
.c-content-block__inner.c-content-block__inner--bottom_0 {
  padding-bottom: 0;
}
.c-content-block__inner.c-content-block__inner--panel {
  padding-top: 35px;
}
@media print, screen and (min-width: 48em) {
  .c-content-block__inner.c-content-block__inner--panel {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.c-content-block__inner.c-content-block__inner--padding_medium {
  padding-top: 35px;
}
@media print, screen and (min-width: 61.25em) {
  .c-content-block__inner.c-content-block__inner--padding_medium {
    padding-top: 38px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-content-block__inner.c-content-block__inner--small {
    max-width: 700px;
    padding-top: 60px;
  }
}
@media only screen and (max-width: 40em) {
  .c-content-block__inner.c-content-block__inner--info {
    padding-top: 0;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .c-content-block__inner.c-content-block__inner--info {
    padding-top: 0;
  }
}

.c-content-section-1 {
  margin-bottom: 35px;
}
@media print, screen and (min-width: 48em) {
  .c-content-section-1 {
    margin-bottom: 55px;
  }
}
.c-content-section-1:last-child {
  margin-bottom: 0;
}
.c-content-section-1.c-content-section-1--margin {
  margin-bottom: 35px;
}
@media print, screen and (min-width: 48em) {
  .c-content-section-1.c-content-section-1--margin {
    margin-bottom: 55px;
  }
}
.c-content-section-1.is-hide {
  display: none;
}

.c-content-section-1--fill {
  padding-top: 35px;
  padding-bottom: 20px;
  padding-right: 6.25%;
  padding-left: 6.25%;
  background-color: #e6e6e6;
}
@media print, screen and (min-width: 40.0625em) {
  .c-content-section-1--fill {
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}
@media print, screen and (min-width: 48em) {
  .c-content-section-1--fill {
    padding-top: 24px;
    padding-bottom: 24px;
    padding-right: 55px;
    padding-left: 55px;
  }
}

.c-content-section-1--has_border, .c-content-section-1--article_bottom {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #cacaca;
}

.c-content-section-1--has_border {
  padding-top: 24px;
}
@media print, screen and (min-width: 48em) {
  .c-content-section-1--has_border {
    padding-top: 50px;
  }
}

.c-content-section-1--article_bottom {
  padding-top: 32px;
}
@media print, screen and (min-width: 48em) {
  .c-content-section-1--article_bottom {
    padding-top: 60px;
  }
}

.c-content-section-2 {
  margin-bottom: 30px;
}
@media print, screen and (min-width: 48em) {
  .c-content-section-2 {
    margin-bottom: 40px;
  }
}
.c-content-section-2:last-child {
  margin-bottom: 0;
}
.c-content-section-2.is-hide {
  display: none;
}

.c-section-leading {
  margin-bottom: 35px;
}
@media print, screen and (min-width: 48em) {
  .c-section-leading {
    margin-bottom: 45px;
  }
}
.c-section-leading:last-child {
  margin-bottom: 0;
}

.c-description {
  display: block;
  font-size: 93%;
  margin-top: 6px;
}

@media print, screen and (min-width: 40.0625em) {
  .c-flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.c-flex-container--wrap, .c-flex-container--solution-inc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.c-flex-container--nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media print, screen and (min-width: 40.0625em) {
  .c-flex-container--stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

.c-flex-container--between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.c-flex-container--x-center, .c-flex-container--xy-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-flex-container--y-center, .c-flex-container--xy-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media print, screen and (min-width: 48em) {
  .c-flex-container--solution-inc {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.c-flex-container--panel {
  margin-bottom: -16px;
}
@media print, screen and (min-width: 61.25em) {
  .c-flex-container--panel {
    margin-bottom: -24px;
  }
}

.c-flex-container--2col,
.c-flex-container--3col,
.c-flex-container--4col,
.c-flex-container--5col {
  margin-bottom: -8px;
}
@media print, screen and (min-width: 48em) {
  .c-flex-container--2col,
  .c-flex-container--3col,
  .c-flex-container--4col,
  .c-flex-container--5col {
    margin-bottom: -16px;
  }
}

.c-flex-container--link-panel {
  margin-bottom: -8px;
}
@media print, screen and (min-width: 48em) {
  .c-flex-container--link-panel {
    /*margin-bottom: -16px;*/
  margin-bottom: -38px;
  }
}

@media print, screen and (min-width: 48em) {
  .c-flex-container--center {
    margin-bottom: -17px;
  }
}

@media print, screen and (min-width: 48em) {
  .c-flex-container--detail-panel {
    margin-right: -2.1164%;
  }
}
@media print, screen and (min-width: 48em) {
  .c-flex-container--detail-panel:last-child {
    margin-bottom: -24px;
  }
}

@media print, screen and (min-width: 48em) {
  .c-flex-container--panel-max3 {
    margin-right: -2.1164%;
  }
}
@media print, screen and (min-width: 87.5em) {
  .c-flex-container--panel-max3 {
    margin-right: -1.7699%;
  }
}
.c-flex-container--panel-max3:last-child {
  margin-bottom: -8px;
}
@media print, screen and (min-width: 48em) {
  .c-flex-container--panel-max3:last-child {
    margin-bottom: -24px;
  }
}

@media print, screen and (min-width: 48em) {
  .c-flex-container--panel-max4 {
    margin-right: -2.1164%;
  }
}
@media print, screen and (min-width: 87.5em) {
  .c-flex-container--panel-max4 {
    margin-right: -1.7699%;
  }
}
.c-flex-container--panel-max4:last-child {
  margin-bottom: -8px;
}
@media print, screen and (min-width: 48em) {
  .c-flex-container--panel-max4:last-child {
    margin-bottom: -24px;
  }
}

@media print, screen and (min-width: 48em) {
  .c-flex-container--panel-max5 {
    margin-right: -2.1164%;
  }
}
@media print, screen and (min-width: 80em) {
  .c-flex-container--panel-max5 {
    margin-right: -1.7699%;
  }
}
@media print, screen and (min-width: 87.5em) {
  .c-flex-container--panel-max5 {
    margin-right: -1.4778%;
  }
}
.c-flex-container--panel-max5:last-child {
  margin-bottom: -8px;
}
@media print, screen and (min-width: 48em) {
  .c-flex-container--panel-max5:last-child {
    margin-bottom: -24px;
  }
}

.c-flex-container--categorize {
  margin-bottom: -8px;
}
@media print, screen and (min-width: 61.25em) {
  .c-flex-container--categorize {
    margin-bottom: -24px;
  }
}

@media print, screen and (min-width: 40.0625em) {
  .c-flex-container--history {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 10px;
    margin-right: -3.846%;
  }
}
@media print, screen and (min-width: 48em) {
  .c-flex-container--history {
    margin-right: -3.03%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-flex-container--history {
    margin-right: -1.96%;
  }
}
@media print, screen and (min-width: 80em) {
  .c-flex-container--history {
    margin-right: -1.754%;
  }
}

.c-flex-container--product-top {
  height: 0;
  transition: height ease 0.15s;
}
@media print, screen and (min-width: 40.0625em) {
  .c-flex-container--product-top {
    margin-right: -1.949%;
  }
}
@media print, screen and (min-width: 48em) {
  .c-flex-container--product-top {
    margin-right: -2.100%;
  }
}

.c-flex-container--type-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4px;
}
@media print, screen and (min-width: 48em) {
  .c-flex-container--type-tag {
    margin-bottom: 4px;
  }
}
.c-flex-container--type-tag:last-child {
  margin-bottom: -2px;
}
@media print, screen and (min-width: 48em) {
  .c-flex-container--type-tag:last-child {
    margin-bottom: -4px;
  }
}

.c-flex-container__item--flex, .c-flex-container__item--article {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.c-flex-container__item--left_m, .c-flex-container__item--article, .c-flex-container__item--image_s {
  margin-left: 16px;
}
@media print, screen and (min-width: 48em) {
  .c-flex-container__item--left_m, .c-flex-container__item--article, .c-flex-container__item--image_s {
    margin-left: 30px;
  }
}
.c-flex-container__item--left_m:first-child, .c-flex-container__item--article:first-child, .c-flex-container__item--image_s:first-child {
  margin-left: 0;
}

.c-flex-container__item--article {
  font-size: 116%;
}

.c-flex-container__item--image_s img {
  width: 80px;
}
@media print, screen and (min-width: 48em) {
  .c-flex-container__item--image_s img {
    width: auto;
  }
}

.c-heading-1, .p-product-heading__title {
  margin-bottom: 8px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
  line-height: 1.4;
  font-size: 182%;
}
@media print, screen and (min-width: 48em) {
  .c-heading-1, .p-product-heading__title {
    font-size: 229%;
    margin-bottom: 16px;
  }
}

.c-heading-2 {
  margin-bottom: 8px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 153.9%;
  font-weight: bold;
  letter-spacing: 0.16em;
}
@media print, screen and (min-width: 61.25em) {
  .c-heading-2 {
    margin-bottom: 12px;
    font-size: 167%;
    line-height: 1.5;
  }
}
.p-heading-block .c-heading-2 {
  margin-bottom: 0;
}

@media print, screen and (min-width: 48em) {
  .c-heading-2__break {
    display: none;
  }
}

/************************************
* リボン
************************************/
.c-heading-2--ribbon {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  padding-left: 12px;
  border-left-style: solid;
  border-left-width: 4px;
  border-left-color: #014099;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  -webkit-font-feature-settings: unset;
          font-feature-settings: unset;
  font-weight: normal;
  font-size: 100%;
}

/************************************
* ボックス型
************************************/
.c-heading-2--box {
  box-sizing: border-box;
  position: relative;
  margin-bottom: 20px;
  padding-top: 12px;
  padding-bottom: 10px;
  padding-right: 16px;
  padding-left: 16px;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  border-color: #cacaca;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  -webkit-font-feature-settings: unset;
          font-feature-settings: unset;
  font-weight: normal;
  font-size: 100%;
}
@media print, screen and (min-width: 48em) {
  .c-heading-2--box {
    margin-bottom: 30px;
    padding-top: 14px;
    padding-bottom: 12px;
    padding-right: 22px;
    padding-left: 22px;
  }
}
.browser-is-ie .c-heading-2--box {
  padding-top: 15px;
  padding-bottom: 7px;
}
@media print, screen and (min-width: 48em) {
  .browser-is-ie .c-heading-2--box {
    padding-top: 16px;
    padding-bottom: 10px;
  }
}
.c-heading-2--box:before {
  display: block;
  position: absolute;
  left: 0;
  top: -1px;
  width: 4px;
  height: calc(100% + 2px);
  background-color: #014099;
  content: "";
}

@media print, screen and (min-width: 48em) {
  .c-heading-2--margin_small {
    margin-bottom: 16px;
  }
}

.c-heading-2--simple {
  padding: 0;
  margin-bottom: 8px;
  border: none;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  -webkit-font-feature-settings: unset;
          font-feature-settings: unset;
  font-weight: normal;
  font-size: 100%;
}
@media print, screen and (min-width: 48em) {
  .c-heading-2--simple {
    margin-bottom: 20px;
  }
}
.c-heading-2--simple:before {
  display: none;
}

.c-heading-2--black {
  background-color: #333;
  border-color: #333;
  color: #fff;
}

.c-heading-2--gray {
  background-color: #f0f0f0;
  border-color: #f0f0f0;
}

.c-heading-2__title {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  letter-spacing: 0.16em;
  font-weight: bold;
  font-size: 153.9%;
}
@media print, screen and (min-width: 61.25em) {
  .c-heading-2__title {
    margin-right: 27px;
    font-size: 167%;
  }
}
.browser-is-ie .c-heading-2--box .c-heading-2__title {
  position: relative;
  top: 2px;
}
.browser-is-ie .c-heading-2--ribbon .c-heading-2__title {
  position: relative;
  top: 4px;
}

.c-heading-2__desc {
  display: block;
  letter-spacing: 0.045em;
}
@media print, screen and (min-width: 48em) {
  .c-heading-2__desc {
    margin-top: 3px;
  }
}
.c-heading-2--simple .c-heading-2__desc {
  margin-top: 4px;
}
@media print, screen and (min-width: 48em) {
  .c-heading-2--simple .c-heading-2__desc {
    margin-top: 7px;
  }
}

.c-heading-2__img {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
}

.c-heading-2__right-text {
  display: inline-block;
  margin-top: 4px;
  letter-spacing: 0.045em;
  color: #333;
}
@media print, screen and (min-width: 48em) {
  .c-heading-2__right-text {
    display: block;
    float: right;
  }
}
.c-heading-2--box .c-heading-2__right-text {
  margin-top: 2px;
}
.c-heading-2__right-text.c-heading-2__right-text--rss {
  margin-top: -3px;
}
.c-heading-2__right-text.c-heading-2__right-text--rss a {
  color: #2051b2;
}
@media print, screen and (min-width: 61.25em) {
  .c-heading-2__right-text.c-heading-2__right-text--rss a:hover {
    color: #009DFF;
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-heading-2__right-text.c-heading-2__right-text--rss a:hover svg {
    opacity: 0.4;
  }
}
.c-heading-2__right-text.c-heading-2__right-text--rss svg {
  display: inline-block;
  position: relative;
  top: 5px;
  width: 20px;
  height: 20px;
  margin-left: 8px;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}

a.c-heading-2__link {
  display: inline-block;
  margin-right: 16px;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  -webkit-font-feature-settings: unset;
          font-feature-settings: unset;
  letter-spacing: 0.045em;
  font-weight: normal;
  font-size: 100%;
  color: #2051b2;
}
@media print, screen and (min-width: 48em) {
  a.c-heading-2__link {
    margin-right: 0;
  }
}
@media print, screen and (min-width: 61.25em) {
  a.c-heading-2__link {
    font-size: 116%;
  }
}
.c-heading-2--black a.c-heading-2__link {
  color: #fff;
}
.c-heading-2--black a.c-heading-2__link:after {
  border-color: #fff;
}
.browser-is-ie .c-heading-2--ribbon a.c-heading-2__link {
  position: relative;
  top: 3px;
}
.c-heading-2--blank a.c-heading-2__link:after {
  width: 15px;
  height: 11px;
  border: none;
  background-image: url(//www.elecom.co.jp/common/svg/icon_blank_blue_02.svg);
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.c-heading-2--blank a.c-heading-2__link:hover:after {
  background-image: url(//www.elecom.co.jp/common/svg/icon_blank_blue_01.svg);
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
a.c-heading-2__link:after {
  display: inline-block;
  position: relative;
  top: -0.05em;
  width: 5px;
  height: 5px;
  margin-left: 8px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #2051b2;
  -webkit-transform: translateX(0) rotate(45deg);
          transform: translateX(0) rotate(45deg);
  content: "";
}
@media print, screen and (min-width: 48em) {
  a.c-heading-2__link:after {
    top: -0.1em;
  }
}
@media print, screen and (min-width: 61.25em) {
  a.c-heading-2__link:after {
    transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}
@media print, screen and (min-width: 61.25em) {
  a.c-heading-2__link:hover {
    color: #009DFF;
  }
}
@media print, screen and (min-width: 61.25em) {
  a.c-heading-2__link:hover:after {
    border-color: #009DFF;
    -webkit-transform: translateX(3px) rotate(45deg);
            transform: translateX(3px) rotate(45deg);
  }
}
.c-heading-2--black a.c-heading-2__link:hover {
  color: #ccc;
}
.c-heading-2--black a.c-heading-2__link:hover:after {
  border-color: #ccc;
}

/*****************************************
* モディファイア
*****************************************/
.c-heading-2--img,
.c-heading-2--product-img {
  display: -ms-grid;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr auto;
  -ms-grid-columns: auto 1fr;
  -ms-grid-rows: 1fr auto;
}
.c-heading-2--img .c-heading-2__title,
.c-heading-2--product-img .c-heading-2__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  padding-left: 18px;
}
.c-heading-2--img .c-heading-2__desc,
.c-heading-2--product-img .c-heading-2__desc {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  -ms-grid-column: 2;
  -ms-grid-row: 2;
  padding-left: 18px;
}

.c-heading-2--product-img {
  padding-top: 7px;
  padding-bottom: 5px;
}
@media print, screen and (min-width: 48em) {
  .c-heading-2--product-img {
    padding-top: 7px;
    padding-bottom: 5px;
  }
}
.c-heading-2--product-img .c-heading-2__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-heading-2--product-img .c-heading-2__img img {
  width: 30px;
  height: auto;
}
@media print, screen and (min-width: 48em) {
  .c-heading-2--product-img .c-heading-2__img img {
    width: 50px;
  }
}
@media only screen and (max-width: 47.9375em) {
  .c-heading-2--product-img .c-heading-2__title {
    padding-left: 10px;
  }
}

.c-heading-3, .p-border-box__heading, .p-tab-switcher__heading-name {
  margin-bottom: 15px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 123.1%;
  font-weight: bold;
  color: #000;
  line-height: 1.4;
  letter-spacing: 0.085em;
}
@media print, screen and (min-width: 61.25em) {
  .c-heading-3, .p-border-box__heading, .p-tab-switcher__heading-name {
    margin-bottom: 12px;
    font-size: 116%;
  }
}
@media print, screen and (min-width: 48em) {
  .c-heading-3.c-heading-3--margin_small, .c-heading-3--margin_small.p-border-box__heading, .c-heading-3--margin_small.p-tab-switcher__heading-name {
    margin-bottom: 5px;
  }
}
.c-heading-3 + .c-heading-3, .p-border-box__heading + .c-heading-3, .p-tab-switcher__heading-name + .c-heading-3, .c-heading-3 + .p-border-box__heading, .p-border-box__heading + .p-border-box__heading, .p-tab-switcher__heading-name + .p-border-box__heading, .c-heading-3 + .p-tab-switcher__heading-name, .p-border-box__heading + .p-tab-switcher__heading-name, .p-tab-switcher__heading-name + .p-tab-switcher__heading-name {
  margin-top: 24px;
}
@media print, screen and (min-width: 48em) {
  .c-heading-3 + .c-heading-3, .p-border-box__heading + .c-heading-3, .p-tab-switcher__heading-name + .c-heading-3, .c-heading-3 + .p-border-box__heading, .p-border-box__heading + .p-border-box__heading, .p-tab-switcher__heading-name + .p-border-box__heading, .c-heading-3 + .p-tab-switcher__heading-name, .p-border-box__heading + .p-tab-switcher__heading-name, .p-tab-switcher__heading-name + .p-tab-switcher__heading-name {
    margin-top: 24px;
  }
}

.c-heading-3--simple {
  margin-bottom: 8px;
  padding-left: 0;
  border: none;
  font-size: 100%;
}
@media print, screen and (min-width: 48em) {
  .c-heading-3--simple {
    margin-bottom: 12px;
  }
}

@media print, screen and (min-width: 48em) {
  .c-heading-3--margin_m {
    margin-bottom: 24px;
  }
}

.c-heading-3--business {
  color: #014099;
}

/************************************
* リボン
************************************/
.c-heading-3--ribbon {
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  padding-left: 12px;
  border-left: 4px #014099 solid;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  -webkit-font-feature-settings: unset;
          font-feature-settings: unset;
  font-weight: normal;
  font-size: 100%;
  line-height: 1.2;
}
@media print, screen and (min-width: 48em) {
  .c-heading-3--ribbon {
    margin-bottom: 15px;
  }
}
.browser-is-ie .c-heading-3--ribbon {
  padding-top: 4px;
}
.c-heading-3--ribbon:after {
  display: block;
  clear: both;
  content: "";
}

/************************************
* ボックス
************************************/
.c-heading-3--box {
  box-sizing: border-box;
  position: relative;
  padding-top: 12px;
  padding-bottom: 10px;
  padding-right: 16px;
  padding-left: 16px;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  border-color: #cacaca;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  -webkit-font-feature-settings: unset;
          font-feature-settings: unset;
  font-weight: normal;
  font-size: 100%;
}
@media print, screen and (min-width: 48em) {
  .c-heading-3--box {
    padding-top: 8px;
    padding-bottom: 6px;
    padding-right: 16px;
    padding-left: 16px;
  }
}
.c-heading-3--box:before {
  display: block;
  position: absolute;
  left: 0;
  top: -1px;
  width: 4px;
  height: calc(100% + 2px);
  background-color: #014099;
  content: "";
}

.c-heading-3--gray {
  background-color: #f0f0f0;
  border-color: #f0f0f0;
}

.c-heading-3--black {
  background-color: #333;
  border-color: #333;
  color: #fff;
}

.c-heading-3__title {
  display: inline-block;
  margin-right: 10px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 131%;
  font-weight: bold;
  word-break: break-all;
}
@media print, screen and (min-width: 61.25em) {
  .c-heading-3__title {
    margin-right: 25px;
  }
}
.c-heading-3--simple .c-heading-3__title {
  margin-right: 0;
}
.browser-is-ie .c-heading-3__title {
  position: relative;
  top: 2px;
}

.c-heading-3__sub {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  -webkit-font-feature-settings: unset;
          font-feature-settings: unset;
  font-weight: normal;
  letter-spacing: 0.045em;
  color: #333;
}
.c-heading-3--black .c-heading-3__sub {
  color: #fff;
}
.browser-is-ie .c-heading-3__sub {
  position: relative;
  top: 2px;
}

a.c-heading-3__sub--link {
  color: #2051b2;
}
a.c-heading-3__sub--link:after {
  display: inline-block;
  position: relative;
  top: -1px;
  width: 5px;
  height: 5px;
  margin-left: 8px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #2051b2;
  -webkit-transform: translateX(0) rotate(45deg);
          transform: translateX(0) rotate(45deg);
  content: "";
}
@media print, screen and (min-width: 61.25em) {
  a.c-heading-3__sub--link:after {
    transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}
.c-heading-3--black a.c-heading-3__sub--link:after {
  border-color: #fff;
}
@media print, screen and (min-width: 61.25em) {
  a.c-heading-3__sub--link:hover {
    color: #009DFF;
  }
}
@media print, screen and (min-width: 61.25em) {
  a.c-heading-3__sub--link:hover:after {
    border-color: #009DFF;
    -webkit-transform: translateX(3px) rotate(45deg);
            transform: translateX(3px) rotate(45deg);
  }
}
.c-heading-3--black a.c-heading-3__sub--link {
  color: #fff;
}
.c-heading-3--black a.c-heading-3__sub--link:hover {
  color: #ccc;
}
@media print, screen and (min-width: 61.25em) {
  .c-heading-3--black a.c-heading-3__sub--link:hover:after {
    border-color: #ccc;
  }
}

.c-heading-3__right-text {
  float: right;
  margin-top: 4px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
  letter-spacing: 0.045em;
  color: #333;
}
.c-heading-3--box .c-heading-3__right-text {
  margin-top: 2px;
}
.browser-is-ie .c-heading-3__right-text {
  position: relative;
  top: 2px;
}

.c-heading-3__tag {
  box-sizing: border-box;
  display: block;
  float: left;
  margin-bottom: 2px;
  margin-right: 2px;
  margin-left: 2px;
  padding-top: 3px;
  padding-bottom: 2px;
  padding-right: 4px;
  padding-left: 4px;
  border-style: solid;
  border-width: 1px;
  border-color: #cacaca;
  font-size: 85%;
  letter-spacing: 0.045em;
}
@media print, screen and (min-width: 48em) {
  .c-heading-3__tag {
    margin-bottom: 0;
  }
}

.c-heading-3__icon {
  position: relative;
  margin-right: 8px;
}
.c-heading-3--personal .c-heading-3__icon {
  top: 1px;
  width: 15px;
  height: 17px;
}
.c-heading-3--business .c-heading-3__icon {
  top: 1px;
  width: 13px;
  height: 16px;
  fill: #014099;
}

.c-heading-3__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-heading-3__img img {
  display: block;
  width: 30px;
  height: auto;
}

.c-heading-3--img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-heading-3--img .c-heading-3__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 8px;
}

.c-heading-3--icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
  padding-top: 12px;
  padding-bottom: 10px;
  padding-right: 16px;
  padding-left: 16px;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  -webkit-font-feature-settings: unset;
          font-feature-settings: unset;
  font-weight: normal;
  font-size: 100%;
}
@media print, screen and (min-width: 48em) {
  .c-heading-3--icon {
    margin-bottom: 32px;
    padding-top: 15px;
    padding-bottom: 12px;
    padding-right: 16px;
    padding-left: 23px;
  }
}
.c-heading-3--icon .c-heading-3__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 10px;
}

.c-heading-3--personal {
  background: #333;
  color: #fff;
}
.c-heading-3--personal svg {
  position: relative;
  top: -1px;
  width: 14px;
  height: 14px;
  fill: #fff;
}

.c-heading-3--business {
  background: #014099;
  color: #fff;
}
.c-heading-3--business svg {
  position: relative;
  top: -1px;
  width: 13px;
  height: 16px;
  fill: #fff;
}

.c-heading-4 {
  margin-bottom: 12px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 123.1%;
  font-weight: bold;
  line-height: 1.4;
  color: #000;
}
@media print, screen and (min-width: 48em) {
  .c-heading-4 {
    margin-bottom: 20px;
    font-size: 131%;
  }
}

.c-heading-multi {
  margin-bottom: 8px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 131%;
  font-weight: bold;
  color: #000;
  line-height: 1.4;
  letter-spacing: 0.085em;
  word-break: break-all;
}
@media print, screen and (min-width: 48em) {
  .c-heading-multi {
    margin-bottom: 5px;
  }
}
.browser-is-ie .c-heading-multi {
  position: relative;
  top: 2px;
}

.c-image {
  position: relative;
  margin-bottom: 8px;
}
@media print, screen and (min-width: 48em) {
  .c-image {
    margin-bottom: 16px;
  }
}
.c-image a {
  display: block;
}
.c-image a img {
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 61.25em) {
  .c-image a:hover img {
    opacity: 0.6;
  }
}
.c-image img {
  display: block;
  width: 100%;
}
@media print, screen and (min-width: 48em) {
  .c-image img {
    width: auto;
    max-width: 100%;
  }
}

.c-image--border:after {
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 1px;
  border-color: #cacaca;
  pointer-events: none;
  content: "";
}

.c-image__description {
  display: block;
  font-size: 93%;
}
@media print, screen and (min-width: 61.25em) {
  .c-image__description {
    margin-top: 6px;
  }
}

@media print, screen and (min-width: 48em) {
  .c-image--zoom {
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-image--zoom {
    cursor: pointer;
  }
}
.c-image--zoom:before, .c-image--zoom:after {
  display: none;
}
@media print, screen and (min-width: 40.0625em) {
  .c-image--zoom:before, .c-image--zoom:after {
    display: block;
  }
}
.c-image--zoom.is-hide:before, .c-image--zoom.is-hide:after {
  display: none;
}
.c-image--zoom:before {
  z-index: 2;
  position: absolute;
  bottom: 4px;
  right: 4px;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-image: url(//www.elecom.co.jp/common/svg/icon_search.svg);
  background-size: 100% auto;
  content: "";
}
.c-image--zoom:after {
  z-index: 1;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 36px 36px;
  border-color: transparent transparent #333333 transparent;
  transition: border-color ease 0.15s;
  content: "";
}
@media print, screen and (min-width: 61.25em) {
  .c-image--zoom:hover:after {
    border-color: transparent transparent #555555 transparent;
  }
}
.c-image--zoom img {
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 61.25em) {
  .c-image--zoom img:hover {
    opacity: 0.6;
  }
}

/*****************************************
* 例外
*****************************************/
@media only screen and (max-width: 47.9375em) {
  .c-heading-2 + .c-image {
    margin-top: 24px;
  }
}
@media print, screen and (min-width: 48em) {
  .c-heading-2 + .c-image {
    margin-top: 24px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-heading-2 + .c-image {
    margin-top: 52px;
  }
}

@media only screen and (max-width: 47.9375em) {
  .c-heading-4 + .c-image {
    margin-top: 22px;
  }
}
@media print, screen and (min-width: 48em) {
  .c-heading-4 + .c-image {
    margin-top: 22px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-heading-4 + .c-image {
    margin-top: 48px;
  }
}

.c-list:last-child {
  margin-bottom: 0;
}
.p-product-image--main + .c-list {
  margin-top: -12px;
}
.c-list > li {
  box-sizing: border-box;
}
.c-list a {
  color: #2051b2;
}
@media print, screen and (min-width: 61.25em) {
  .c-list a:hover {
    color: #009DFF;
  }
}

.c-list--small > li {
  font-size: 85%;
}

.c-list--disc > li {
  margin-bottom: 2px;
  padding-left: 11px;
  background-image: url(//www.elecom.co.jp/common/svg/icon_disc.svg);
  background-repeat: no-repeat;
  background-position: 0 0.7em;
  background-image: url(//www.elecom.co.jp/common/svg/icon_disc_01.svg);
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: normal;
}
@media print, screen and (min-width: 48em) {
  .c-list--disc > li {
    background-position: 0 0.65em;
    padding-left: 13px;
  }
}

.device-is-mobile .c-list--decimal {
  margin-left: 5px;
}
@media print, screen and (min-width: 48em) {
  .device-is-mobile .c-list--decimal {
    margin-left: 0;
  }
}
.c-list--decimal > li {
  margin-left: 17px;
  padding-left: 0;
  font-family: "Montserrat", sans-serif;
  list-style-type: decimal;
}
@media print, screen and (min-width: 48em) {
  .c-list--decimal > li {
    padding-left: 5px;
  }
}
.c-list--decimal > li > span {
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: normal;
}

.c-list--block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-list--block > li {
  width: 100%;
  margin-bottom: 8px;
}
@media print, screen and (min-width: 40.0625em) {
  .c-list--block > li {
    width: 48%;
    margin-right: 4%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-list--block > li {
    width: 100%;
    margin-right: 0;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .c-list--block > li:nth-child(2n) {
    margin-right: 0;
  }
}
.c-list--block a {
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  padding-right: 10px;
  color: #333;
  line-height: 1.4;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 40.0625em) {
  .c-list--block a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-list--block a {
    display: block;
    height: auto;
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-list--block a:hover {
    color: #888;
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-list--block a:hover:after {
    border-color: #888;
    -webkit-transform: translate(3px, -50%) rotate(45deg);
            transform: translate(3px, -50%) rotate(45deg);
  }
}
.c-list--block a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 2px;
  width: 5px;
  height: 5px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #333;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  content: "";
}
@media print, screen and (min-width: 48em) {
  .c-list--block a:after {
    transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}

.c-list--annotation > li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 1em;
  line-height: 1.4;
}
.c-list--annotation > li:last-child {
  margin-bottom: 0;
}
.c-list--annotation > li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "※";
}

.c-list--number-annotation > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  margin-bottom: 10px;
  line-height: 1.4;
}
.c-list--number-annotation > li span {
  display: block;
}
.c-list--number-annotation > li span:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.c-list--emphasis > li {
  color: #cc0202;
}

.c-list--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media print, screen and (min-width: 48em) {
  .c-list--3col > li {
    width: calc(100% / 3);
  }
}

@media print, screen and (min-width: 48em) {
  .c-list--2col > li {
    width: calc(100% / 2);
  }
}

.c-list--imgtag:last-child {
  margin-bottom: -6px;
}
@media print, screen and (min-width: 48em) {
  .c-list--imgtag:last-child {
    margin-bottom: -12px;
  }
}
.c-list--imgtag > li {
  margin-bottom: 6px;
  margin-right: 6px;
}
@media print, screen and (min-width: 48em) {
  .c-list--imgtag > li {
    margin-bottom: 12px;
  }
}
.c-list--imgtag > li:last-child {
  margin-right: 0;
}
.c-list--imgtag img {
  display: block;
}

.c-list--ng > li {
  position: relative;
  padding-left: 24px;
}
.c-list--ng > li:before, .c-list--ng > li:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 2px;
  background-color: #999999;
  content: "";
}
.c-list--ng > li:before {
  -webkit-transform: translateY(8px) rotate(45deg);
          transform: translateY(8px) rotate(45deg);
}
.device-is-mobile .c-list--ng > li:before {
  -webkit-transform: translateY(9px) rotate(45deg);
          transform: translateY(9px) rotate(45deg);
}
.c-list--ng > li:after {
  -webkit-transform: translateY(8px) rotate(-45deg);
          transform: translateY(8px) rotate(-45deg);
}
.device-is-mobile .c-list--ng > li:after {
  -webkit-transform: translateY(9px) rotate(-45deg);
          transform: translateY(9px) rotate(-45deg);
}

.c-list--ok > li {
  position: relative;
  padding-left: 24px;
}
.c-list--ok > li:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 11px;
  border-style: solid;
  border-width: 0 2px 2px 0;
  border-color: #014099;
  content: "";
}
.c-list--ok > li:before {
  -webkit-transform: translate(4px, 1px) rotate(45deg);
          transform: translate(4px, 1px) rotate(45deg);
}
.device-is-mobile .c-list--ok > li:before {
  -webkit-transform: translate(4px, 2px) rotate(45deg);
          transform: translate(4px, 2px) rotate(45deg);
}

.c-page-nav {
  position: relative;
  margin-bottom: 25px;
}
@media print, screen and (min-width: 40.0625em) {
  .c-page-nav {
    margin-bottom: 55px;
  }
}

.c-page-nav__trigger {
  display: none;
  position: relative;
  margin-bottom: 5px;
  color: #888;
  padding-left: 13px;
  cursor: pointer;
}
.c-page-nav__trigger:before {
  content: '';
  position: absolute;
  top: 9px;
  left: 0;
  display: block;
  width: 10px;
  height: 2px;
  background: #333;
}
.c-page-nav__trigger:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 4px;
  display: block;
  width: 2px;
  height: 10px;
  background: #333;
}
.c-page-nav__trigger.is-visible:after {
  display: none;
}

@media print, screen and (min-width: 40.0625em) {
  .c-page-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: auto;
    margin-bottom: -15px;
    margin-right: -2.03%;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .c-page-nav--inline .c-page-nav__list {
    display: block;
    margin-bottom: 0;
    margin-right: 0;
  }
}

.c-page-nav__item {
  margin-bottom: 8px;
}
@media print, screen and (min-width: 40.0625em) {
  .c-page-nav__item {
    width: 31.244%;
    margin-bottom: 15px;
    margin-right: 2.03%;
    line-height: 1.75;
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-page-nav__item {
    width: 22.9479%;
  }
}
@media print, screen and (min-width: 87.5em) {
  .c-page-nav__item {
    width: 17.917%;
  }
}
.c-page-nav--inline .c-page-nav__item {
  width: auto;
}
@media print, screen and (min-width: 40.0625em) {
  .c-page-nav--inline .c-page-nav__item {
    display: inline-block;
    margin-right: 35px;
    line-height: 1.75;
  }
}
.c-page-nav--inline .c-page-nav__item:last-child {
  margin-right: 0;
}
.c-page-nav--2col .c-page-nav__item {
  width:100%;
}
@media print, screen and (min-width: 40.0625em) {
  .c-page-nav--2col .c-page-nav__item {
    width: 47.9258%;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .c-page-nav--3col .c-page-nav__item {
    width: 31.244%;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .c-page-nav--4col .c-page-nav__item, .c-page-nav--categorysearch .c-page-nav__item {
    width: 31.244%;
  }
}
@media print, screen and (min-width: 87.5em) {
  .c-page-nav--4col .c-page-nav__item, .c-page-nav--categorysearch .c-page-nav__item {
    width: 22.9479%;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .c-page-nav--5col .c-page-nav__item {
    width: 31.244%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-page-nav--5col .c-page-nav__item {
    width: 22.9479%;
  }
}
@media print, screen and (min-width: 87.5em) {
  .c-page-nav--5col .c-page-nav__item {
    width: 17.917%;
  }
}
.c-page-nav__item a {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 23px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #cacaca;
  line-height: 1.4;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-bottom-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  display: table\9;
  width: 100% \9;
}
@media print, screen and (min-width: 48em) {
  .c-page-nav__item a {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
.c-page-nav__item a:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 3px;
  width: 5px;
  height: 5px;
  border-style: solid;
  border-width: 0 2px 2px 0;
  border-color: #333;
  -webkit-transform: translateY(-80%) rotate(45deg);
          transform: translateY(-80%) rotate(45deg);
  content: "";
}
@media print, screen and (min-width: 61.25em) {
  .c-page-nav__item a:before {
    transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}
.c-page-nav__item a img {
  display: block;
  width: 26px;
  height: auto;
  margin-right: 10px;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 61.25em) {
  .c-page-nav__item a:hover {
    color: #888;
    border-bottom-color: #e7e7e7;
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-page-nav__item a:hover:before {
    border-color: #888;
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-page-nav__item a:hover img {
    opacity: 0.6;
  }
}
.c-page-nav--inline .c-page-nav__item a {
  display: inline-block;
  height: auto;
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.c-page-nav--inline .c-page-nav__item a:before {
  top: 4px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/*****************************************
* モディファイア
*****************************************/
@media only screen and (max-width: 40em) {
  .c-page-nav--categorysearch {
    display: none;
  }
}

.c-sentence {
  margin-bottom: 2px;
}
@media print, screen and (min-width: 61.25em) {
  .c-sentence {
    margin-bottom: 8px;
  }
}
.c-sentence:last-child {
  margin-bottom: 0;
}
.c-sentence.c-sentence--small {
  font-size: 93%;
}
.c-sentence.c-sentence--sub {
  margin-bottom: 4px;
}
.c-sentence.c-sentence--leading {
  margin-bottom: 16px;
}
@media print, screen and (min-width: 48em) {
  .c-sentence.c-sentence--leading {
    margin-bottom: 24px;
  }
}
.c-sentence.c-sentence--leading:last-child {
  margin-bottom: -5px;
}
.p-product-box-heading + .c-sentence.c-sentence--leading {
  margin-top: -8px;
}
.c-sentence.c-sentence--emphasis {
  color: #dc4437;
}
.c-sentence.c-sentence--bold {
  font-weight: bold;
}
.c-sentence.c-sentence--message {
  display: none;
}
.c-sentence.c-sentence--message.is-visible {
  display: block;
}
.p-product-image--main + .c-sentence {
  margin-top: -15px;
}
.c-sentence a {
  color: #2051b2;
}
@media print, screen and (min-width: 61.25em) {
  .c-sentence a:hover {
    color: #009DFF;
  }
}

.c-table {
  width: 100%;
  margin-bottom: 12px;
}
@media print, screen and (min-width: 40.0625em) {
  .c-table {
    margin-bottom: 10px;
  }
}
@media print, screen and (min-width: 48em) {
  .c-table {
    table-layout: fixed;
  }
}
.c-table:last-child {
  margin-bottom: 0;
}
.c-table tr:last-child td {
  border-width: 1px;
}
.c-table th, .c-table td {
  box-sizing: border-box;
  vertical-align: top;
  border-style: solid;
  border-width: 1px;
  border-color: #cacaca;
  word-break: break-all;
}
@media only screen and (max-width: 40em) {
  .c-table th, .c-table td {
    display: block;
    border-width: 1px 1px 0 1px;
  }
}
.c-table th.c-table__module-cell, .c-table td.c-table__module-cell {
  padding-top: 9px;
  padding-bottom: 9px;
}
.c-table th {
  padding-top: 14px;
  padding-bottom: 13px;
  padding-right: 22px;
  padding-left: 22px;
  background-color: #f0f0f0;
  font-weight: bold;
  font-size: 116%;
  line-height: 1.4;
}
@media only screen and (max-width: 40em) {
  .c-table th {
    padding-top: 13px;
    padding-bottom: 11px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 100%;
  }
}
.c-table td {
  padding-top: 14px;
  padding-bottom: 13px;
  padding-right: 22px;
  padding-left: 22px;
}
@media only screen and (max-width: 40em) {
  .c-table td {
    padding-top: 13px;
    padding-bottom: 11px;
    padding-right: 15px;
    padding-left: 15px;
  }
}
.c-table td p {
  margin-bottom: 7px;
}
.c-table td p:last-child {
  margin-bottom: 0;
}
.c-table td strong {
  font-weight: bold;
}

.c-table--head_nowrap {
  table-layout: auto;
}
.c-table--head_nowrap th {
  white-space: nowrap;
}

@media only screen and (max-width: 40em) {
  .c-table--2column th, .c-table--2column td {
    display: table-cell;
    border-width: 1px;
  }
}

@media print, screen and (min-width: 40.0625em) {
  .c-table__base-column {
    width: 20%;
  }
}
.c-table--2column .c-table__base-column {
  width: 30%;
}
@media print, screen and (min-width: 40.0625em) {
  .c-table--2column .c-table__base-column {
    width: 20%;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .c-table--product-detail .c-table__base-column {
    width: 155px;
  }
}

.c-table__sub-text {
  font-weight: normal;
  font-size: 85%;
}

@media print, screen and (min-width: 48em) {
  .c-table--product-detail {
    margin-bottom: 20px;
  }
}
.detail-panel-is-categorize .c-table--product-detail {
  display: none;
}
.c-table--product-detail th, .c-table--product-detail td {
  padding-top: 11px;
  padding-bottom: 10px;
  padding-left: 14px;
  padding-right: 14px;
}
.c-table--product-detail th {
  font-size: 100%;
  line-height: 1.75;
}
.c-table--product-detail td {
  background-color: #fff;
}

.c-definition-list dt, .c-definition-list dd {
  display: inline-block;
}
.c-definition-list dt {
  margin-left: 8px;
}
.c-definition-list dt:first-child {
  margin-left: 0;
}

.c-definition-list__emphasis {
  font-weight: bold;
  color: #dc4437;
}

.c-definition-list--bold {
  width: 100%;
  margin-bottom: -6px;
}
.c-definition-list--bold dt, .c-definition-list--bold dd {
  display: block;
  float: left;
  margin-bottom: 6px;
}
.c-definition-list--bold dt {
  clear: both;
  margin-right: 14px;
  margin-left: 0;
  font-weight: bold;
}
.c-definition-list--bold:after {
  display: block;
  clear: both;
  content: "";
}

.c-checkbox {
  box-sizing: border-box;
  display: block;
  position: relative;
  margin-top: 10px;
}
@media print, screen and (min-width: 48em) {
  .c-checkbox {
    display: inline-block;
    margin-top: 0;
  }
}
.c-checkbox:first-child {
  margin-top: 0;
}
.c-checkbox > input {
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
  position: absolute;
  top: 2px;
  left: 0;
  vertical-align: middle;
}
@media print, screen and (min-width: 48em) {
  .c-checkbox > input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    display: inline;
    top: auto;
    left: auto;
    width: 0;
    height: 0;
    overflow: hidden;
  }
}
@media print, screen and (min-width: 48em) {
  .c-checkbox > input:checked + label:before {
    background-color: transparent;
    border-color: #014099;
  }
}
@media print, screen and (min-width: 48em) {
  .c-checkbox > input:checked + label:after {
    color: #014099;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
  }
}
.c-checkbox > input:focus + label:before {
  border-color: #0E5CB5;
  box-shadow: 0 0 5px #0E5CB5;
}
.device-is-mobile.browser-is-safari .c-checkbox > input {
  top: 1px;
  left: 1px;
}
.c-checkbox > label {
  box-sizing: border-box;
  display: block;
  padding-left: 18px;
  line-height: 1.4;
}
@media print, screen and (min-width: 48em) {
  .c-checkbox > label {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 33px;
    transition: all ease 0.15s;
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-checkbox > label {
    cursor: pointer;
  }
}
@media only screen and (max-width: 47.9375em) {
  .device-is-mobile.browser-is-safari .c-checkbox > label {
    padding-left: 22px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-checkbox > label:hover {
    border-color: #e7e7e7;
    color: #888;
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-checkbox > label:hover:before {
    border-color: #cacaca;
  }
}
.c-checkbox > label:before {
  display: none;
  box-sizing: border-box;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 18px;
  height: 18px;
  border-style: solid;
  border-color: #999;
  border-width: 2px;
  border-radius: 0;
  color: green;
  transition: all ease 0.15s;
  content: "";
}
@media print, screen and (min-width: 48em) {
  .c-checkbox > label:before {
    display: block;
  }
}
.c-checkbox > label:after {
  display: none;
  position: absolute;
  top: 13px;
  left: 11px;
  width: 4px;
  height: 9px;
  border-style: solid;
  border-width: 3px;
  border-color: currentColor;
  border-left: 0;
  border-top: 0;
  color: transparent;
  -webkit-transform: translateY(-40%) rotate(30deg);
  transform: translateY(-40%) rotate(30deg);
  transition: all 0.2s ease;
  content: "";
}
@media print, screen and (min-width: 48em) {
  .c-checkbox > label:after {
    display: block;
  }
}
.c-checkbox > label span {
  color: #dc4437;
}
.c-checkbox.p-border-table__item {
  margin-top: 0;
}
.c-checkbox.p-border-table__item > input {
  top: 3px;
  left: 1px;
}
@media print, screen and (min-width: 48em) {
  .c-checkbox.p-border-table__item > input {
    top: auto;
    left: auto;
  }
  .device-is-mobile.browser-is-safari .c-checkbox.p-border-table__item > input {
    display: none;
  }
}
@media print, screen and (min-width: 48em) {
  .c-checkbox.p-border-table__item > input:checked.is-active + label {
    background-color: #e8eef5;
    font-weight: bold;
    color: #014099;
  }
}
.device-is-mobile.browser-is-safari .c-checkbox.p-border-table__item > input {
  top: 3px;
  left: 1px;
}
.c-checkbox.p-border-table__item > label {
  padding-left: 20px;
  font-size: 123.1%;
  /* 181009 アクティブ状態管理実装で追加 START */
  color: #ccc;
  pointer-events: none;
}
/* 181009 アクティブ状態管理実装で追加 START */
.c-checkbox.p-border-table__item > input {
  pointer-events: none;
}
.c-checkbox.p-border-table__item > input.is-active {
  pointer-events: auto;
}
.c-checkbox.p-border-table__item > input.is-active + label {
  color: #333;
  pointer-events: auto;
}
@media print, screen and (min-width: 61.25em) {
  .c-checkbox.p-border-table__item > input:checked + label {
    color: #ccc;
  }
  .c-checkbox.p-border-table__item > input:checked.is-active + label {
    color: #014099;
  }
}
/* 181009 アクティブ状態管理実装で追加 END */
@media print, screen and (min-width: 48em) {
  .c-checkbox.p-border-table__item > label {
    height: auto;
    padding-left: 28px;
    font-size: 100%;
  }
  /* 181009 アクティブ状態管理実装で追加 START */
  .c-checkbox.p-border-table__item > label:before {
    border-color: #ccc;
  }
  .c-checkbox.p-border-table__item > input.is-active + label:before {
    border-color: #999;
  }
  .c-checkbox.p-border-table__item > input:checked + label:before {
    border-color: #ccc;
  }
  .c-checkbox.p-border-table__item > input.is-active:checked + label:before {
    border-color: #014099;
  }
  .c-checkbox.p-border-table__item > input:checked + label:after {
    color: #ccc;
  }
  .c-checkbox.p-border-table__item > input.is-active:checked + label:after {
    color: #014099;
  }
}
.f-unit--lineup .c-checkbox {
  width: 100%;
}
@media print, screen and (min-width: 48em) {
  .f-unit--lineup .c-checkbox {
    width: auto;
    margin-top: 10px;
    margin-right: 16px;
  }
}
@media print, screen and (min-width: 48em) {
  .f-unit--lineup .c-checkbox:last-child {
    margin-right: 0;
  }
}

.c-checkbox__colortip {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  top: 0;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  margin-left: 1px;
  border-style: solid;
  border-width: 1px;
  border-color: #aaa;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 48em) {
  .c-checkbox__colortip {
    top: 2px;
    margin-right: 5px;
    margin-left: 2px;
  }
}
@media print, screen and (min-width: 61.25em) {
  label:hover .c-checkbox__colortip {
    opacity: 0.4;
  }
}

/*****************************************
* モディファイア
*****************************************/
.c-checkbox--bold > label {
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
}
.browser-is-ie .c-checkbox--bold > label:before {
  top: 2px;
}
.browser-is-ie .c-checkbox--bold > label:after {
  top: 10px;
}

.c-checkbox--text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-checkbox--text > label {
  width: auto;
}
@media only screen and (max-width: 47.9375em) {
  .c-checkbox--text > input {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.c-checkbox--text .f-input-text {
  -webkit-appearance: inherit;
     -moz-appearance: inherit;
          appearance: inherit;
  display: block;
  position: relative;
  top: auto;
  width: 200px;
  height: auto;
  margin-left: 8px;
  -webkit-transform: none;
          transform: none;
}
.is-error .c-checkbox--text .f-input-text {
  background-color: #fff;
  border-color: #cacaca;
}

.c-checkbox--img > label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 48em) {
  .c-checkbox--img > label {
    min-height: 45px;
  }
}
.c-checkbox--img > label:before {
  top: 14px;
}
.c-checkbox--img > label:after {
  top: 22px;
}
.c-checkbox--img > label img {
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 50%;
  left: 21px;
  max-width: 35px;
  max-height: 35px;
  border-style: solid;
  border-width: 1px;
  border-color: #aaa;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 48em) {
  .c-checkbox--img > label img {
    top: 5px;
    left: 33px;
    border: none;
    -webkit-transform: none;
            transform: none;
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-checkbox--img > label:hover img {
    opacity: 0.6;
  }
}
@media only screen and (max-width: 47.9375em) {
  .c-checkbox--img.p-border-table__item > input {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.browser-is-safari.device-is-mobile .c-checkbox--img.p-border-table__item > input {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.c-checkbox--img.p-border-table__item > label {
  min-height: 35px;
  padding-left: 68px;
}
@media print, screen and (min-width: 48em) {
  .c-checkbox--img.p-border-table__item > label {
    min-height: 45px;
    padding-left: 76px;
  }
}
.device-is-mobile.browser-is-safari .c-checkbox--img.p-border-table__item > label {
  padding-left: 68px;
}

.c-radio {
  box-sizing: border-box;
  display: inline-block;
  margin-left: 20px;
}
.c-radio:first-child {
  margin-left: 0;
}
.c-radio.c-radio--vertical {
  display: block;
  margin-bottom: 10px;
  margin-left: 0;
}
.c-radio.c-radio--vertical:last-child {
  margin-bottom: 0;
}
.c-radio > input {
  -webkit-appearance: radio;
     -moz-appearance: radio;
          appearance: radio;
  vertical-align: middle;
}
@media print, screen and (min-width: 48em) {
  .c-radio > input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    display: inline;
    width: 0;
    height: 0;
    overflow: hidden;
  }
}
@media print, screen and (min-width: 48em) {
  .c-radio > input:checked + label {
    font-weight: bold;
    color: #014099;
  }
}
@media print, screen and (min-width: 48em) {
  .c-radio > input:checked + label:before {
    color: #014099;
  }
}
@media print, screen and (min-width: 48em) {
  .c-radio > input:checked + label:after {
    color: #014099;
  }
}
.c-radio > input:focus + label:before {
  border-color: #0E5CB5;
  box-shadow: 0 0 5px #0E5CB5;
}
@media print, screen and (min-width: 48em) {
  .c-radio > label {
    display: inline-block;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
  }
}
.c-radio > label:before {
  display: none;
  box-sizing: border-box;
  position: absolute;
  top: 1px;
  left: 0;
  width: 18px;
  height: 18px;
  background: transparent;
  border-style: solid;
  border-width: 2px;
  border-color: currentColor;
  border-radius: 50%;
  color: #cacaca;
  content: "";
  transition: all ease 0.15s;
}
@media print, screen and (min-width: 48em) {
  .c-radio > label:before {
    display: block;
  }
}
.c-radio > label:after {
  box-sizing: border-box;
  display: none;
  position: absolute;
  top: 5px;
  left: 4px;
  width: 10px;
  height: 10px;
  background: currentColor;
  border-radius: 50%;
  color: transparent;
  content: "";
  transition: all ease 0.15s;
}
@media print, screen and (min-width: 48em) {
  .c-radio > label:after {
    display: block;
  }
}

@media print, screen and (min-width: 61.25em) {
  .p-dropdown-menu__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    margin-bottom: 15px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .p-dropdown-menu__main {
    display: block;
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .p-dropdown-menu__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    margin-bottom: 15px;
  }
}
.p-dropdown-menu__main:last-child {
  margin-bottom: 0;
}

.p-dropdown-menu__main-item {
  box-sizing: border-box;
  transition: box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 61.25em) {
  .p-dropdown-menu__main-item {
    box-shadow: 0 7px 11px rgba(0, 0, 0, 0.05), 0 1px 5px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #cacaca;
  }
  .p-dropdown-menu__main-item:last-child {
    margin-right: 0;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-dropdown-menu__main-item:hover {
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1), 0 3px 10px rgba(0, 0, 0, 0.2);
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .p-dropdown-menu__main-item {
    box-shadow: none;
    background-color: transparent;
    border: none;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .p-dropdown-menu__main-item {
    box-shadow: 0 7px 11px rgba(0, 0, 0, 0.05), 0 1px 5px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #cacaca;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-dropdown-menu__main-item.p-dropdown-menu__main-item--top {
    display: none;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .p-dropdown-menu__main-item.p-dropdown-menu__main-item--top {
    display: block;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .p-dropdown-menu__main-item.p-dropdown-menu__main-item--top {
    display: none;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-dropdown-menu__main--column3 .p-dropdown-menu__main-item {
    width: 32.5%;
    margin-right: 1.25%;
  }
  .p-dropdown-menu__main--column3 .p-dropdown-menu__main-item:last-child {
    margin-right: 0;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .p-dropdown-menu__main--column3 .p-dropdown-menu__main-item {
    width: auto;
    margin-right: 0;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .p-dropdown-menu__main--column3 .p-dropdown-menu__main-item {
    width: 32.5%;
    margin-right: 1.25%;
  }
  .is-sliding .p-dropdown-menu__main--column3 .p-dropdown-menu__main-item:last-child {
    margin-right: 0;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-dropdown-menu__main--column4 .p-dropdown-menu__main-item {
    width: 24%;
    margin-right: 1.333%;
  }
  .p-dropdown-menu__main--column4 .p-dropdown-menu__main-item:last-child {
    margin-right: 0;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .p-dropdown-menu__main--column4 .p-dropdown-menu__main-item {
    width: auto;
    margin-right: 0;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .p-dropdown-menu__main--column4 .p-dropdown-menu__main-item {
    width: 24%;
    margin-right: 1.333%;
  }
  .is-sliding .p-dropdown-menu__main--column4 .p-dropdown-menu__main-item:last-child {
    margin-right: 0;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-dropdown-menu__main-item:last-child {
    margin-right: 0;
  }
}
.p-dropdown-menu__main-item a {
  display: block;
  position: relative;
  padding-top: 11px;
  padding-bottom: 9px;
  padding-right: 6.25%;
  padding-left: 6.25%;
  border-bottom: solid 1px #cacaca;
  background-color: #e6e6e6;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 108%;
  font-weight: bold;
}
@media print, screen and (min-width: 40.0625em) {
  .p-dropdown-menu__main-item a {
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-dropdown-menu__main-item a {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    /* height: 100%; */
    height: auto;
    padding-top: 22px;
    padding-bottom: 23px;
    padding-right: 0;
    padding-left: 0;
    border-bottom: none;
    background-color: transparent;
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
    -webkit-font-feature-settings: unset;
            font-feature-settings: unset;
    font-size: 100%;
    font-weight: normal;
    transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  }
}
.p-dropdown-menu__main-item a:hover {
  color: #888;
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .p-dropdown-menu__main-item a {
    display: block;
    height: auto;
    padding-top: 11px;
    padding-bottom: 9px;
    padding-right: 3.125%;
    padding-left: 3.125%;
    border-bottom: solid 1px #d3e1ec;
    background-color: #e6e6e6;
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
    -webkit-font-feature-settings: 'palt' 1;
            font-feature-settings: 'palt' 1;
    font-weight: bold;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .p-dropdown-menu__main-item a {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 22px;
    padding-bottom: 23px;
    padding-right: 0;
    padding-left: 0;
    border-bottom: none;
    background-color: transparent;
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
    -webkit-font-feature-settings: unset;
            font-feature-settings: unset;
    font-weight: normal;
  }
}
.p-dropdown-menu__main-item a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: calc(6.25% + 3px);
  width: 5px;
  height: 5px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #333;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  content: "";
}
@media print, screen and (min-width: 40.0625em) {
  .p-dropdown-menu__main-item a:after {
    right: calc(3.125% + 3px);
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-dropdown-menu__main-item a:after {
    display: none;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .p-dropdown-menu__main-item a:after {
    display: block;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .p-dropdown-menu__main-item a:after {
    display: none;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-dropdown-menu__main-item a.p-dropdown-menu__shopping {
    display: block;
    padding-bottom: 19px;
    padding-right: 28px;
    padding-left: 28px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .p-dropdown-menu__main-item a.p-dropdown-menu__shopping {
    display: none;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .p-dropdown-menu__main-item a.p-dropdown-menu__shopping {
    display: block;
  }
}
.p-dropdown-menu__main-item a.p-dropdown-menu__shopping img {
  display: none;
}
@media print, screen and (min-width: 61.25em) {
  .p-dropdown-menu__main-item a.p-dropdown-menu__shopping img {
    display: block;
    height: 100%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .p-dropdown-menu__main-item a.p-dropdown-menu__shopping img {
    display: none;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .p-dropdown-menu__main-item a.p-dropdown-menu__shopping img {
    display: block;
  }
}

.p-dropdown-menu__icon-area {
  display: none;
  box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 25%;
  max-width: 78px;
  padding-left: 30px;
}
@media print, screen and (min-width: 61.25em) {
  .p-dropdown-menu__icon-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    padding-right: 10px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .p-dropdown-menu__icon-area {
    display: none;
    padding-right: 0;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .p-dropdown-menu__icon-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    padding-right: 10px;
  }
}
.p-dropdown-menu__icon-area img {
  display: block;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-dropdown-menu__icon-area img {
    opacity: 0.4;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-dropdown-menu__icon-area.p-dropdown-menu__icon-area--list_category {
    padding-top: 3px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-dropdown-menu__icon-area.p-dropdown-menu__icon-area--list_osdevice {
    padding-left: 28px;
  }
}

.p-dropdown-menu__text-area {
  padding-right: 30px;
}
@media print, screen and (min-width: 61.25em) {
  .p-dropdown-menu__text-area {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

@media print, screen and (min-width: 61.25em) {
  .p-dropdown-menu__title {
    display: block;
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
    -webkit-font-feature-settings: 'palt' 1;
            font-feature-settings: 'palt' 1;
    font-size: 123.1%;
    font-weight: bold;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .p-dropdown-menu__title {
    display: inline;
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
    -webkit-font-feature-settings: 'palt' 1;
            font-feature-settings: 'palt' 1;
    font-size: inherit;
    font-weight: bold;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .p-dropdown-menu__title {
    display: block;
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
    -webkit-font-feature-settings: 'palt' 1;
            font-feature-settings: 'palt' 1;
    font-size: 123.1%;
    font-weight: bold;
  }
}

.p-dropdown-menu__description {
  display: none;
}
@media print, screen and (min-width: 61.25em) {
  .p-dropdown-menu__description {
    display: block;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .p-dropdown-menu__description {
    display: none;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .p-dropdown-menu__description {
    display: block;
  }
}

@media print, screen and (min-width: 61.25em) {
  .p-dropdown-menu__image {
    height: 35px;
    margin-bottom: 8px;
  }
}
@media print, screen and (min-width: 80em) {
  .p-dropdown-menu__image {
    height: 40px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .p-dropdown-menu__image {
    height: auto;
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .p-dropdown-menu__image {
    height: 35px;
    margin-bottom: 8px;
  }
}
@media print, screen and (min-width: 87.5em) {
  .is-sliding .p-dropdown-menu__image {
    height: 40px;
  }
}
.p-dropdown-menu__image img {
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-dropdown-menu__image img {
    opacity: 0.6;
  }
}

@media print, screen and (min-width: 61.25em) {
  .p-dropdown-menu__shopping-title {
    display: block;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .p-dropdown-menu__shopping-title {
    display: inline;
    font-size: inherit;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .p-dropdown-menu__shopping-title {
    display: block;
  }
}

@media print, screen and (min-width: 61.25em) {
  .p-dropdown-menu__sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    margin-bottom: 15px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .p-dropdown-menu__sub {
    display: block;
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .p-dropdown-menu__sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    margin-bottom: 15px;
  }
}
.p-dropdown-menu__sub:last-child {
  margin-bottom: 0;
}

.p-dropdown-menu__sub-item {
  box-sizing: border-box;
  transition: box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 61.25em) {
  .p-dropdown-menu__sub-item {
    box-shadow: 0 7px 11px rgba(0, 0, 0, 0.05), 0 1px 5px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #cacaca;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-dropdown-menu__sub-item:hover {
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1), 0 3px 10px rgba(0, 0, 0, 0.2);
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .p-dropdown-menu__sub-item {
    box-shadow: none;
    background-color: transparent;
    border: none;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .p-dropdown-menu__sub-item {
    box-shadow: 0 7px 11px rgba(0, 0, 0, 0.05), 0 1px 5px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #cacaca;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-dropdown-menu__sub--column3 .p-dropdown-menu__sub-item {
    width: 32.5%;
    margin-right: 1.25%;
  }
  .p-dropdown-menu__sub--column3 .p-dropdown-menu__sub-item:last-child {
    margin-right: 0;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .p-dropdown-menu__sub--column3 .p-dropdown-menu__sub-item {
    width: 100%;
    margin-right: 0;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .p-dropdown-menu__sub--column3 .p-dropdown-menu__sub-item {
    width: 32.5%;
    margin-right: 1.25%;
  }
  .is-sliding .p-dropdown-menu__sub--column3 .p-dropdown-menu__sub-item:last-child {
    margin-right: 0;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-dropdown-menu__sub--column4 .p-dropdown-menu__sub-item {
    width: 24%;
    margin-right: 1.333%;
  }
  .p-dropdown-menu__sub--column4 .p-dropdown-menu__sub-item:last-child {
    margin-right: 0;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .p-dropdown-menu__sub--column4 .p-dropdown-menu__sub-item {
    width: 100%;
    margin-right: 0;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .p-dropdown-menu__sub--column4 .p-dropdown-menu__sub-item {
    width: 24%;
    margin-right: 1.333%;
  }
  .is-sliding .p-dropdown-menu__sub--column4 .p-dropdown-menu__sub-item:last-child {
    margin-right: 0;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-dropdown-menu__sub-item:last-child {
    margin-right: 0;
  }
}
.p-dropdown-menu__sub-item:last-child a {
  border-bottom: none;
}
.is-sliding .p-dropdown-menu__sub-item:last-child a {
  border-bottom: none;
}
.p-dropdown-menu__sub-item a {
  display: block;
  position: relative;
  padding-top: 11px;
  padding-bottom: 9px;
  padding-right: 6.25%;
  padding-left: 6.25%;
  border-bottom: solid 1px #cacaca;
  background-color: #e6e6e6;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 108%;
  font-weight: bold;
}
@media print, screen and (min-width: 40.0625em) {
  .p-dropdown-menu__sub-item a {
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-dropdown-menu__sub-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    padding-top: 14px;
    padding-bottom: 15px;
    padding-right: 28px;
    padding-left: 28px;
    border-bottom: none;
    background-color: transparent;
    font-size: 116%;
    transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-dropdown-menu__sub-item a:hover {
    color: #888;
  }
}
@media print, screen and (min-width: 61.25em) {
  .browser-is-ie .p-dropdown-menu__sub-item a {
    padding-top: 18px;
    padding-bottom: 10px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .p-dropdown-menu__sub-item a {
    display: block;
    padding-top: 11px;
    padding-bottom: 9px;
    padding-right: 3.125%;
    padding-left: 3.125%;
    border-bottom: solid 1px #d3e1ec;
    background-color: #e6e6e6;
    font-size: 89%;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .p-dropdown-menu__sub-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    padding-top: 14px;
    padding-bottom: 15px;
    padding-right: 28px;
    padding-left: 28px;
    border-bottom: none;
    background-color: transparent;
    font-size: 123.1%;
  }
}
.p-dropdown-menu__sub-item a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: calc(6.25% + 3px);
  width: 5px;
  height: 5px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #333;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  content: "";
}
@media print, screen and (min-width: 40.0625em) {
  .p-dropdown-menu__sub-item a:after {
    right: calc(3.125% + 3px);
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-dropdown-menu__sub-item a:after {
    display: none;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .p-dropdown-menu__sub-item a:after {
    display: block;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .p-dropdown-menu__sub-item a:after {
    display: none;
  }
}

.p-lead-parent {
  display: none;
  margin-bottom: 22px;
}
@media print, screen and (min-width: 61.25em) {
  .p-lead-parent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .p-lead-parent {
    display: none;
    margin-bottom: 22px;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .p-lead-parent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px;
  }
}

.p-lead-parent__title {
  display: none;
}
@media print, screen and (min-width: 61.25em) {
  .p-lead-parent__title {
    display: inline;
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
    -webkit-font-feature-settings: 'palt' 1;
            font-feature-settings: 'palt' 1;
    font-size: 131%;
    font-weight: bold;
    padding-right: 23px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .p-lead-parent__title {
    display: none;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .p-lead-parent__title {
    display: inline;
  }
}

.p-lead-parent__text {
  display: none;
}
@media print, screen and (min-width: 61.25em) {
  .p-lead-parent__text {
    display: inline;
    padding-right: 25px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .p-lead-parent__text {
    display: none;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .p-lead-parent__text {
    display: inline;
  }
}

@media print, screen and (min-width: 61.25em) {
  .p-lead-parent__link {
    position: relative;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .p-lead-parent__link {
    position: relative;
  }
}
.p-lead-parent__link a {
  color: #2051b2;
}
@media print, screen and (min-width: 61.25em) {
  .p-lead-parent__link a .is-sliding {
    font-size: inherit;
  }
}
@media print, screen and (min-width: 80em) {
  .p-lead-parent__link a .is-sliding {
    font-size: 100%;
  }
}
.p-lead-parent__link a:after {
  display: inline-block;
  position: relative;
  top: -1px;
  width: 5px;
  height: 5px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #014099;
  -webkit-transform: translate(0, 0) rotate(45deg);
          transform: translate(0, 0) rotate(45deg);
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  content: "";
}
@media print, screen and (min-width: 61.25em) {
  .p-lead-parent__link a:hover {
    color: #009DFF;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-lead-parent__link a:hover:after {
    border-color: #009DFF;
    -webkit-transform: translate(3px, 0) rotate(45deg);
            transform: translate(3px, 0) rotate(45deg);
  }
}
.p-lead-parent__link svg {
  display: none;
}

.p-button-container__inner {
  width: 100%;
  padding-top: 16px;
}
@media print, screen and (min-width: 48em) {
  .p-button-container__inner {
    width: 300px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 24px;
  }
  .p-button-container--clear .p-button-container__inner {
    width: 300px;
    /*margin-right: 0;*/
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-button-container__inner {
    padding-top: 30px;
  }
  .p-button-container--clear .p-button-container__inner {
    padding-top: 22px;
  }
}

@media print, screen and (min-width: 48em) {
  .p-button-container__sentence {
    text-align: center;
  }
}

.p-button-container--border {
  margin-top: 24px;
  padding-top: 15px;
  padding-bottom: 19px;
  padding-right: 14px;
  padding-left: 14px;
  border-style: solid;
  border-width: 1px;
  border-color: #cacaca;
}
@media print, screen and (min-width: 48em) {
  .p-button-container--border {
    margin-top: 36px;
    padding-top: 22px;
    padding-bottom: 25px;
  }
}
.p-button-container--border .p-button-container__inner {
  margin-top: 12px;
  padding-top: 0;
}

.p-heading-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
@media print, screen and (min-width: 61.25em) {
  .p-heading-block {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 18px;
  }
}
.p-heading-block a {
  font-size: 123.1%;
  color: #2051b2;
}
@media print, screen and (min-width: 61.25em) {
  .p-heading-block a {
    margin-left: 28px;
    font-size: 116%;
  }
}
.p-heading-block a:after {
  display: inline-block;
  position: relative;
  top: -1px;
  width: 5px;
  height: 5px;
  margin-left: 8px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #014099;
  -webkit-transform: translate(0, 0) rotate(45deg);
          transform: translate(0, 0) rotate(45deg);
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  content: "";
}
@media print, screen and (min-width: 61.25em) {
  .p-heading-block a:hover {
    color: #009DFF;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-heading-block a:hover:after {
    border-color: #009DFF;
    -webkit-transform: translate(3px, 0) rotate(45deg);
            transform: translate(3px, 0) rotate(45deg);
  }
}
.p-heading-block svg {
  display: none;
}

.p-business-panel {
  box-sizing: border-box;
  display: none;
  position: fixed;
  z-index: 100;
  width: 250px;
  bottom: 40px;
  right: 40px;
  background-color: #014099;
  text-align: left;
  line-height: 1.75;
  box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.25);
  transition: -webkit-transform 0.6s 0s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.6s 0s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.6s 0s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.6s 0s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform: translate3d(0, 200%, 0);
  transform: translate3d(0, 200%, 0);
}
@media print, screen and (min-width: 61.25em) {
  .p-business-panel {
    display: block;
  }
}
.p-business-panel.is-show {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.p-business-panel__inner {
  position: relative;
  padding-top: 14px;
  padding-right: 7px;
  padding-bottom: 7px;
  padding-left: 7px;
}

.p-business-panel__heading {
  margin-bottom: 2px;
  padding-left: 17px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 131%;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.085em;
}
.p-business-panel__heading svg {
  position: relative;
  top: 2px;
  width: 16px;
  height: 19px;
  margin-right: 12px;
  fill: #fff;
}

.p-business-panel__description {
  margin-bottom: 12px;
  padding-left: 16px;
  font-weight: bold;
  color: #fff;
}

.p-business-panel__close {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #014099;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  cursor: pointer;
}
.p-business-panel__close:hover:after {
  background-color: #014099;
}
.p-business-panel__close:hover svg {
  fill: #fff;
}
.p-business-panel__close:after {
  box-sizing: border-box;
  position: absolute;
  z-index: 9;
  top: 4px;
  left: 4px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  content: "";
  transition: background-color ease 0.15s;
}
.p-business-panel__close svg {
  display: block;
  position: absolute;
  z-index: 10;
  top: 10px;
  left: 10px;
  width: 8px;
  height: 8px;
  fill: #014099;
  transition: fill ease 0.15s;
}

.p-content-container {
  position: relative;
}
@media print, screen and (min-width: 61.25em) {
  .p-content-container {
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}

.p-content-container__inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1400px;
}
@media print, screen and (min-width: 61.25em) {
  .p-content-container__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-content-container__inner {
    margin-right: auto;
    margin-left: auto;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .p-content-container__inner {
    display: block;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .p-content-container__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-block-container {
  padding-right: 6.25%;
  padding-left: 6.25%;
}
@media print, screen and (min-width: 40.0625em) {
  .p-block-container {
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-block-container {
    padding-right: 0;
    padding-left: 0;
  }
}

@media print, screen and (min-width: 61.25em) {
  .p-block-container--solution {
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media print, screen and (min-width: 61.25em) {
  .p-block-container--article {
  max-width: 800px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media only screen and (max-width: 40em) {
  .p-block-container--info {
    padding-top: 0;
  }
}
/*20190409更新 max-width:800px → 1110px*/
@media print, screen and (min-width: 40.0625em) {
  .p-block-container--info {
    padding-top: 0;
    /*max-width: 800px;*/
  max-width: 1110px;
    margin-right: auto;
    margin-left: auto;
  }
}

.p-main-area {
  width: 100%;
  margin-bottom: 80px;
}
@media print, screen and (min-width: 61.25em) {
  .p-main-area {
    max-width: 1110px;
    margin-bottom: 0;
  }
  .p-main-area.p-main-area--full {
    max-width: 1400px;
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .p-main-area {
    margin-bottom: 80px;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .p-main-area {
    margin-bottom: 0;
  }
}
.browser-is-ie .p-main-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.browser-is-ie .p-main-area--solution {
  min-width: 700px;
}



.p-text-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media print, screen and (min-width: 40.0625em) {
  .p-text-block {
    margin-bottom: -20px;
  }
}

.p-text-block__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 40em) {
  .p-text-block__item {
    width: 100%;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .p-text-block__item {
    width: 49%;
    margin-bottom: 20px;
    margin-right: 2%;
  }
}

@media print, screen and (min-width: 48em) {
  .p-text-block__img img {
    max-width: auto;
  }
}

.p-text-block__text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: auto;
}

@media print, screen and (min-width: 48em) {
  .p-text-block--max2 .p-text-block__item {
    width: 49%;
  }
}
@media print, screen and (min-width: 48em) {
  .p-text-block--max2 .p-text-block__item:nth-child(2n) {
    margin-right: 0;
  }
}

@media print, screen and (min-width: 48em) {
  .p-text-block--max3 .p-text-block__item {
    width: 32%;
  }
}
@media print, screen and (min-width: 48em) {
  .p-text-block--max3 .p-text-block__item:nth-child(3n) {
    margin-right: 0;
  }
}

@media print, screen and (min-width: 48em) {
  .p-text-block--max4 .p-text-block__item {
    width: 23.5%;
  }
}
@media print, screen and (min-width: 48em) {
  .p-text-block--max4 .p-text-block__item:nth-child(4n) {
    margin-right: 0;
  }
}

.p-link-arrow:after {
  display: inline-block;
  position: relative;
  top: -0.1em;
  width: 5px;
  height: 5px;
  margin-left: 8px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #2051b2;
  -webkit-transform: translateX(0) rotate(45deg);
          transform: translateX(0) rotate(45deg);
  content: "";
}
@media print, screen and (min-width: 61.25em) {
  .p-link-arrow:after {
    transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-link-arrow:hover {
    color: #009DFF;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-link-arrow:hover:after {
    border-color: #009DFF;
    -webkit-transform: translateX(3px) rotate(45deg);
            transform: translateX(3px) rotate(45deg);
  }
}
.p-link-arrow.p-link-arrow--section-heading {
  display: inline-block;
  margin-left: 25px;
  vertical-align: middle;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  -webkit-font-feature-settings: unset;
          font-feature-settings: unset;
  font-weight: normal;
  font-size: 93%;
}
@media print, screen and (min-width: 61.25em) {
  .p-link-arrow.p-link-arrow--section-heading {
    margin-left: 25px;
    font-size: 89%;
  }
}
.c-heading-3 .p-link-arrow:after, .p-border-box__heading .p-link-arrow:after, .p-tab-switcher__heading-name .p-link-arrow:after, .p-product-section-heading-1 .p-link-arrow:after {
  position: relative;
  top: -1px;
}
.c-heading-3--black .p-link-arrow {
  color: #fff;
}
.c-heading-3--black .p-link-arrow:after {
  border-color: #fff;
}
@media print, screen and (min-width: 61.25em) {
  .c-heading-3--black .p-link-arrow:hover {
    color: #ccc;
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-heading-3--black .p-link-arrow:hover:after {
    border-color: #ccc;
  }
}
.p-product-table__label--code .p-link-arrow:after, .p-link-arrow.p-scroll-table__bold-text:after {
  top: -2px;
}

.p-link-arrow--bold {
  font-weight: bold;
}

a.p-link-arrow {
  color: #2051b2;
}

.p-link-blank {
  position: relative;
  color: #2051b2;
}
.p-link-blank:link, .p-link-blank:visited, .p-link-blank:active, .p-link-blank:hover {
  color: #2051b2;
}
.p-link-blank:after {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  top: 1px;
  width: 15px;
  height: 11px;
  margin-left: 5px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(//www.elecom.co.jp/common/svg/icon_blank_blue_02.svg);
  transition: background-image cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  content: "";
}
@media print, screen and (min-width: 61.25em) {
  .p-link-blank:hover, a:hover .p-link-blank {
    color: #009DFF;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-link-blank:hover:after, a:hover .p-link-blank:after {
    background-image: url(//www.elecom.co.jp/common/svg/icon_blank_blue_01.svg);
  }
}

.p-border-box {
  clear: both;
}
@media print, screen and (min-width: 48em) {
  .p-border-box {
    border-style: solid;
    border-width: 1px;
    border-color: #cacaca;
  }
}

@media only screen and (max-width: 47.9375em) {
  .p-border-box__item {
    margin-bottom: 35px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-border-box__item {
    padding-top: 33px;
    padding-bottom: 31px;
    padding-right: 57px;
    padding-left: 57px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #cacaca;
  }
}
@media only screen and (max-width: 47.9375em) {
  .p-border-box__item:last-child {
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 48em) {
  .p-border-box__item:last-child {
    border-bottom: none;
  }
}

@media only screen and (max-width: 47.9375em) {
  .p-border-box__heading {
    margin-bottom: 8px;
    font-size: 153.9%;
  }
}
@media print, screen and (min-width: 48em) {
  .p-border-box__heading {
    margin-bottom: 14px;
    font-size: 131%;
  }
}

.p-annotation-text {
  position: relative;
  padding-left: 1em;
  line-height: 1.4;
}
.p-annotation-text:last-child {
  margin-bottom: 0;
}
.p-annotation-text:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "※";
}
.p-annotation-text--emphasis {
  color: #cc0202;
}

.p-annotation-text--small {
  font-size: 85%;
}

.p-multi-carousel {
  position: relative;
  margin-bottom: 24px;
}
@media print, screen and (min-width: 61.25em) {
  .p-multi-carousel {
    margin-bottom: 30px;
  }
}

.p-multi-carousel--margin_large {
  margin-bottom: 24px;
}
@media print, screen and (min-width: 61.25em) {
  .p-multi-carousel--margin_large {
    margin-bottom: 55px;
  }
}

@media print, screen and (min-width: 61.25em) {
  .p-multi-carousel--pickup {
    margin-bottom: 55px;
  }
}

.p-multi-carousel__inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.p-multi-carousel__slider {
  position: absolute;
  width: 6000px;
  transition: -webkit-transform ease 0.8s;
  transition: transform ease 0.8s;
  transition: transform ease 0.8s, -webkit-transform ease 0.8s;
}
.p-multi-carousel__slider:after {
  display: block;
  clear: both;
  content: "";
}

.p-multi-carousel-item {
  position: relative;
  float: left;
  width: 32%;
}
.p-multi-carousel-item a {
  display: block;
}
@media print, screen and (min-width: 61.25em) {
  .p-multi-carousel-item a:hover img {
    opacity: 0.6;
  }
}
.p-multi-carousel-item img {
  display: block;
  width: 100%;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
.has_border .p-multi-carousel-item:after, .p-multi-carousel-item.has_border:after {
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 1px;
  border-color: #cacaca;
  content: "";
  /* 2019/02/13 修正・追加 */
  pointer-events: none;
}

.p-multi-carousel-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
/* 2019/03/13 ナビゲーションをウィンドウ640px以上で非表示 */
@media print, screen and (min-width: 40.0625em) {
    .p-multi-carousel-nav.is-hide {
        display: none;
    }
}
/* 2019/03/13 ナビゲーションを常に非表示 */
.p-multi-carousel-nav.is-all_hide {
  display: none;
}
@media only screen and (max-width: 47.9375em) {
  .p-multi-carousel-nav {
    position: relative;
  }
}

.p-multi-carousel-nav__item {
  position: relative;
  z-index: 10;
  width: 20px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 7px auto;
}
@media print, screen and (min-width: 61.25em) {
  .p-multi-carousel-nav__item {
    position: absolute;
    top: 50%;
    width: 14px;
    height: 27px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-multi-carousel-nav__item {
    width: 20px;
    height: 38px;
  }
}
.p-multi-carousel-nav__item.p-multi-carousel-nav__item--back {
  background-image: url(//www.elecom.co.jp/common/svg/icon_arrow_left_black_02.svg);
}
@media print, screen and (min-width: 61.25em) {
  .p-multi-carousel-nav__item.p-multi-carousel-nav__item--back {
    left: -24px;
    background-image: none;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-multi-carousel-nav__item.p-multi-carousel-nav__item--back {
    left: -38px;
  }
}
.p-multi-carousel-nav__item.p-multi-carousel-nav__item--forward {
  background-image: url(//www.elecom.co.jp/common/svg/icon_arrow_right_black_02.svg);
}
@media print, screen and (min-width: 61.25em) {
  .p-multi-carousel-nav__item.p-multi-carousel-nav__item--forward {
    right: -24px;
    background-image: none;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-multi-carousel-nav__item.p-multi-carousel-nav__item--forward {
    right: -38px;
  }
}
.p-multi-carousel-nav__item a {
  display: block;
  width: 100%;
  height: 100%;
}
@media print, screen and (min-width: 61.25em) {
  .p-multi-carousel-nav__item a:hover svg {
    fill: #939292;
  }
}
.p-multi-carousel-nav__item svg {
  display: none;
}
@media print, screen and (min-width: 61.25em) {
  .p-multi-carousel-nav__item svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: #333;
    transition: ease fill 0.15s;
  }
}

.p-multi-carousel-nav__indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 8px;
  margin-top: 3px;
  text-align: center;
}
@media print, screen and (min-width: 61.25em) {
  .p-multi-carousel-nav__indicator {
    position: absolute;
    left: 50%;
    bottom: -30px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.p-multi-carousel-nav__indicator.p-multi-carousel-nav__indicator--fill > li {
  background-color: #cacaca;
}
.p-multi-carousel-nav__indicator > li {
  display: block;
  width: 5px;
  height: 5px;
  margin-right: 5px;
  margin-left: 5px;
  border-radius: 50%;
  background-color: #f0f0f0;
}
@media print, screen and (min-width: 61.25em) {
  .p-multi-carousel-nav__indicator > li {
    width: 8px;
    height: 8px;
    margin-right: 7px;
    margin-left: 7px;
    cursor: pointer;
  }
}
.p-multi-carousel-nav__indicator > li.is-current {
  background-color: #333;
}

.p-scroll-table {
  position: relative;
}
.p-scroll-table:last-child .p-scroll-table__inner {
  margin-bottom: 0;
}
.p-scroll-table:last-child .p-scroll-table__table {
  margin-bottom: 0;
}
.p-scroll-table:before, .p-scroll-table:after {
  display: block;
  z-index: 1;
  position: absolute;
  bottom: 0;
  height: 5px;
  width: 1px;
  background-color: #fff;
  content: "";
}
.browser-is-ie .p-scroll-table:before, .browser-is-ie .p-scroll-table:after {
  height: 19px;
}
.browser-is-ff .p-scroll-table:before, .browser-is-edge .p-scroll-table:before, .browser-is-ff .p-scroll-table:after, .browser-is-edge .p-scroll-table:after {
  display: none;
}
.p-scroll-table:before {
  left: 0;
}
.p-scroll-table:after {
  right: -1px;
}

.p-scroll-table__inner {
  box-sizing: border-box;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  margin-bottom: 12px;
  margin-right: -1px;
  background-color: #fff;
  border-style: solid;
  border-width: 0 1px 0 1px;
  border-color: #cacaca;
}
@media print, screen and (min-width: 40.0625em) {
  .p-scroll-table__inner {
    margin-bottom: 10px;
  }
}
.browser-is-ff .p-scroll-table__inner, .browser-is-edge .p-scroll-table__inner {
  overflow-y: hidden;
}
.p-scroll-table__inner::-webkit-scrollbar {
  height: 5px;
  height: 5px;
  background: #fff;
}
.p-scroll-table__inner::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
.p-scroll-table__inner::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}

.p-scroll-table__title {
  display: block;
  margin-bottom: 4px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
  font-size: 116%;
}
@media print, screen and (min-width: 48em) {
  .p-scroll-table__title {
    font-size: 100%;
  }
}

.p-scroll-table__msg {
  display: none;
  margin-bottom: 8px;
}
.p-scroll-table__msg.is-show {
  display: block;
}

.p-scroll-table__table {
  table-layout: fixed;
  position: absolute;
  width: 100%;
  min-width: 800px;
}
@media print, screen and (min-width: 48em) {
  .browser-is-ff .p-scroll-table__table, .browser-is-edge .p-scroll-table__table {
    margin-bottom: 10px;
  }
}
.browser-is-ie .p-scroll-table__table {
  margin-bottom: 0;
}
.p-scroll-table--wide .p-scroll-table__table {
  min-width: 1110px;
}
.p-scroll-table__table th, .p-scroll-table__table td {
  box-sizing: border-box;
  padding-right: 22px;
  padding-left: 22px;
  vertical-align: top;
  border-style: solid;
  border-width: 0 1px 1px 0;
  border-color: #cacaca;
  word-break: break-all;
}
@media only screen and (max-width: 40em) {
  .p-scroll-table__table th, .p-scroll-table__table td {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.p-scroll-table__table th:last-child, .p-scroll-table__table td:last-child {
  border-width: 0 0 1px 0;
}
.p-scroll-table__table th {
  padding-top: 13px;
  padding-bottom: 12px;
  background-color: #f0f0f0;
  font-weight: bold;
  line-height: 1.4;
}
@media only screen and (max-width: 40em) {
  .p-scroll-table__table th {
    padding-top: 13px;
    padding-bottom: 11px;
  }
}
.p-scroll-table__table td {
  padding-top: 14px;
  padding-bottom: 13px;
}
@media only screen and (max-width: 40em) {
  .p-scroll-table__table td {
    padding-top: 13px;
    padding-bottom: 11px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-scroll-table__table a:hover {
    color: #009DFF;
  }
}

.p-scroll-table__row {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #cacaca;
}

.p-scroll-table__base-column {
  width: 20%;
}

.p-scroll-table__middle-row th, .p-scroll-table__middle-row td {
  vertical-align: middle;
}

.p-scroll-table__emphasis-text {
  font-size: 116%;
  font-weight: bold;
  color: #333;
}

.p-scroll-table__bold-text {
  color: #333;
  font-weight: bold;
}

.p-scroll-table__nowrap-cell {
  white-space: nowrap;
}
.p-scroll-table__nowrap-cell th, .p-scroll-table__nowrap-cell td {
  white-space: nowrap;
}

.p-scroll-table__wireless-standard-cell {
  width: 170px;
}

.p-scroll-table__security-cell {
  width: 165px;
}
@media print, screen and (min-width: 40.0625em) {
  .p-scroll-table__security-cell {
    width: 155px;
  }
}

.p-scroll-table__cell--center {
  text-align: center;
}

.p-scroll-table__cell--left {
  text-align: left;
}

.p-scroll-table--product {
  text-align: center;
}
.p-scroll-table--product .p-scroll-table__table .p-scroll-table__product-code td a {
  white-space: nowrap;
  margin-right: 20px;
}
.p-scroll-table--product .p-scroll-table__table img {
  max-width: 100%;
}

.p-scroll-table--ap .p-scroll-table__table {
  table-layout: auto;
}
.browser-is-ie .p-scroll-table--ap .p-scroll-table__table {
  table-layout: fixed;
}
@media print, screen and (min-width: 40.0625em) {
  .p-scroll-table--ap .p-scroll-table__table th, .p-scroll-table--ap .p-scroll-table__table td {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.p-fixed-table__title {
  display: block;
  margin-bottom: 4px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
  font-size: 116%;
}
@media print, screen and (min-width: 48em) {
  .p-fixed-table__title {
    font-size: 100%;
  }
}

.p-fixed-table__msg {
  display: none;
  margin-bottom: 8px;
}
.p-fixed-table__msg.is-show {
  display: block;
}

.p-fixed-table__table {
  visibility: hidden;
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 12px;
}
.p-fixed-table__table.is-visible {
  visibility: visible;
}
.p-fixed-table__table thead {
  float: left;
  width: 80px;
}
@media print, screen and (min-width: 40.0625em) {
  .p-fixed-table__table thead {
    width: 20%;
  }
}
.p-fixed-table__table thead tr {
  display: block;
  width: 100%;
  height: 100%;
}
.p-fixed-table__table thead th {
  display: block;
  width: 100%;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #cacaca;
}
.p-fixed-table__table thead th:first-child {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #cacaca;
}
.p-fixed-table__table tbody {
  display: block;
  overflow-x: auto;
  position: relative;
  width: calc(100% - $SPheadW);
  margin-bottom: 12px;
  -webkit-overflow-scrolling: touch;
}
@media print, screen and (min-width: 40.0625em) {
  .p-fixed-table__table tbody {
    width: calc(100% - $PCbodyW);
    margin-bottom: 10px;
  }
}
.p-fixed-table__table tbody tr {
  height: 100%;
}
.p-fixed-table__table tbody tr:first-child td {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #cacaca;
}
.p-fixed-table__table tbody::-webkit-scrollbar {
  position: absolute;
  bottom: 12px;
  height: 5px;
  height: 5px;
}
.p-fixed-table__table tbody::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
.p-fixed-table__table tbody::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}
.p-fixed-table__table th, .p-fixed-table__table td {
  box-sizing: border-box;
  position: relative;
  height: 100%;
  padding-top: 13px;
  padding-bottom: 11px;
  padding-right: 15px;
  padding-left: 15px;
  word-break: break-all;
}
@media print, screen and (min-width: 40.0625em) {
  .p-fixed-table__table th, .p-fixed-table__table td {
    padding-top: 13px;
    padding-bottom: 12px;
    padding-right: 22px;
    padding-left: 22px;
  }
}
.p-fixed-table__table th {
  background-color: #f0f0f0;
  font-weight: bold;
  line-height: 1.4;
}
.p-fixed-table__table td {
  width: 180px;
  border-style: solid;
  border-width: 0 1px 1px 0;
  border-color: #cacaca;
  text-align: center;
}
.browser-is-ie .p-fixed-table__table td {
  height: 100%;
  min-height: 100%;
  vertical-align: middle;
}
.p-fixed-table__table img {
  width: 100px;
}

.p-fixed-table--left {
  text-align: left;
}
.p-fixed-table--left td {
  text-align: left;
}

.p-fixed-table--nowrap td {
  white-space: nowrap;
}

.p-fixed-table--code td {
  padding-right: 5px;
  padding-left: 5px;
  white-space: nowrap;
}

.p-local-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 40px;
}

.p-local-nav__item {
  box-sizing: border-box;
  position: relative;
  width: 50%;
  border-style: solid;
  border-color: #cacaca;
  /* border-width: 0 1px 1px 0; */
  border-width: 1px 1px 1px 0;
  margin-top: -1px;
  /* margin-left: -1px; */
  background-color: #fff;
  box-shadow: 0 7px 11px rgba(0, 0, 0, 0.05), 0 1px 5px rgba(0, 0, 0, 0.1);
  transition: box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
.p-local-nav__item:after {
  display: block;
  position: absolute;
  top: 0;
  left: -1px;
  width: 1px;
  height: 100%;
  background-color: #cacaca;
  content: "";
}
@media print, screen and (min-width: 48em) {
  .browser-is-safari .p-local-nav__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-local-nav__item:hover {
    z-index: 1;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1), 0 3px 10px rgba(0, 0, 0, 0.2);
  }
}
.p-local-nav__item:before {
  box-sizing: border-box;
  display: none;
  z-index: 1;
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-style: solid;
  border-width: 3px;
  border-color: #014099;
  content: "";
}
/* .p-local-nav__item:nth-child(2n+1) {
  border-width: 0 1px 1px 1px;
}
.p-local-nav__item:nth-of-type(-n+2) {
  border-width: 1px 1px 1px 0;
}
.p-local-nav__item:first-child {
  border-width: 1px 1px 1px 1px;
} */
.p-local-nav__item.is-current {
  border-color: #014099;
  pointer-events: none;
  position: relative\9;
}
.p-local-nav__item.is-current:after {
  display: none;
  display: block\9;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  content: "";
}
@media print, screen and (min-width: 61.25em) {
  .p-local-nav__item.is-current:hover {
    z-index: auto\9;
    box-shadow: 0 7px 11px rgba(0, 0, 0, 0.05), 0 1px 5px rgba(0, 0, 0, 0.1);
  }
}
.p-local-nav__item.is-current a {
  background-color: #014099;
  color: #fff;
}
@media print, screen and (min-width: 48em) {
  .p-local-nav--img .p-local-nav__item.is-current {
    border-color: #cacaca;
  }
}
@media print, screen and (min-width: 48em) {
  .p-local-nav--img .p-local-nav__item.is-current:before {
    display: block;
    border-width: 6px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-local-nav--img .p-local-nav__item.is-current a {
    background-color: #fff;
    color: #014099;
  }
}
.p-local-nav--simple .p-local-nav__item {
  display: table\9;
  height: 52px;
}
@media print, screen and (min-width: 48em) {
  .p-local-nav--simple .p-local-nav__item {
    height: 55px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-local-nav--3col .p-local-nav__item {
    width: 33.3%;
  }
}
/* @media print, screen and (min-width: 48em) {
  .p-local-nav--3col .p-local-nav__item:nth-child(2n+1) {
    border-width: 0 1px 1px 0;
  }
}
@media print, screen and (min-width: 48em) {
  .p-local-nav--3col .p-local-nav__item:nth-of-type(-n+2) {
    border-width: 0 1px 1px 0;
  }
}
@media print, screen and (min-width: 48em) {
  .p-local-nav--3col .p-local-nav__item:nth-child(3n+1) {
    border-width: 0 1px 1px 1px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-local-nav--3col .p-local-nav__item:nth-of-type(-n+3) {
    border-width: 1px 1px 1px 0;
  }
}
.p-local-nav--3col .p-local-nav__item:first-child {
  border-width: 1px 1px 1px 1px;
} */



@media print, screen and (min-width: 48em) {
  .p-local-nav--4col .p-local-nav__item {
    width: 25%;
  }
}
/* @media print, screen and (min-width: 48em) {
  .p-local-nav--4col .p-local-nav__item:nth-child(2n+1) {
    border-width: 0 1px 1px 0;
  }
}
@media print, screen and (min-width: 48em) {
  .p-local-nav--4col .p-local-nav__item:nth-of-type(-n+2) {
    border-width: 0 1px 1px 0;
  }
}
@media print, screen and (min-width: 48em) {
  .p-local-nav--4col .p-local-nav__item:nth-child(4n+1) {
    border-width: 0 1px 1px 1px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-local-nav--4col .p-local-nav__item:nth-of-type(-n+4) {
    border-width: 1px 1px 1px 0;
  }
}
.p-local-nav--4col .p-local-nav__item:first-child {
  border-width: 1px 1px 1px 1px;
} */
@media print, screen and (min-width: 48em) {
  .p-local-nav--5col .p-local-nav__item {
    width: 20%;
  }
}
/* @media print, screen and (min-width: 48em) {
  .p-local-nav--5col .p-local-nav__item:nth-child(2n+1) {
    border-width: 0 1px 1px 0;
  }
}
@media print, screen and (min-width: 48em) {
  .p-local-nav--5col .p-local-nav__item:nth-of-type(-n+2) {
    border-width: 0 1px 1px 0;
  }
}
@media print, screen and (min-width: 48em) {
  .p-local-nav--5col .p-local-nav__item:nth-child(5n+1) {
    border-width: 0 1px 1px 1px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-local-nav--5col .p-local-nav__item:nth-of-type(-n+5) {
    border-width: 1px 1px 1px 0;
  }
}
.p-local-nav--5col .p-local-nav__item:first-child {
  border-width: 1px 1px 1px 1px;
} */
.p-local-nav__item a {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  padding-top: 12px;
  padding-bottom: 9px;
  padding-left: 14px;
  padding-right: 14px;
  line-height: 1.4;
  color: #333;
}
@media print, screen and (min-width: 48em) {
  .p-local-nav__item a {
    padding-top: 20px;
    padding-bottom: 17px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media print, screen and (min-width: 48em) {
  .browser-is-safari .p-local-nav__item a {
    height: auto;
  }
}
.p-local-nav--simple .p-local-nav__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: table-cell\9;
  vertical-align: middle\9;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
  text-align:center;
}
@media print, screen and (min-width: 48em) {
  .p-local-nav--simple .p-local-nav__item a {
    font-size: 116%;
  }
}
@media print, screen and (min-width: 80em) {
  .p-local-nav--simple .p-local-nav__item a {
    font-size: 131%;
  }
}
@media print, screen and (min-width: 48em) {
  .p-local-nav__item a:hover {
    color: #888;
  }
}

.p-local-nav__icon {
  display: none;
  float: left;
  margin-bottom: 8px;
  margin-right: 16px;
}
@media print, screen and (min-width: 48em) {
  .p-local-nav__icon {
    display: block;
  }
}

.p-local-nav__head {
  display: none;
  margin-bottom: 6px;
}
@media print, screen and (min-width: 48em) {
  .p-local-nav__head {
    display: block;
  }
}

.p-local-nav__main {
  display: block;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
}
@media print, screen and (min-width: 48em) {
  .p-local-nav__main {
    margin-bottom: 10px;
  }
}
.p-local-nav__main em {
  display: block;
  font-style: normal;
  font-size: 100%;
}
@media print, screen and (min-width: 48em) {
  .p-local-nav__main em {
    font-size: 116%;
  }
}
@media print, screen and (min-width: 80em) {
  .p-local-nav__main em {
    font-size: 131%;
  }
}
.p-local-nav__main span {
  font-size: 85%;
}
@media print, screen and (min-width: 48em) {
  .p-local-nav__main span {
    font-size: 100%;
  }
}

.p-local-nav__desc {
  display: none;
  margin-top: 10px;
  padding-bottom: 40px;
}
@media print, screen and (min-width: 48em) {
  .p-local-nav__desc {
    display: block;
  }
}
.p-local-nav__desc:last-child {
  padding-bottom: 0;
}
.p-local-nav--img .p-local-nav__desc {
  clear: both;
  padding-bottom: 0;
}

.p-local-nav__img {
  display: none;
  margin-top: 12px;
  padding-bottom: 27px;
}
@media print, screen and (min-width: 48em) {
  .p-local-nav__img {
    display: block;
  }
}
.p-local-nav__img img {
  display: block;
  max-width: 100%;
  transition: opacity easeOutCubic 0.15s;
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-local-nav__img img {
    opacity: 0.6;
  }
}

.p-local-nav__link {
  display: none;
  position: absolute;
  bottom: 17px;
  width: calc(100% - 40px);
  margin-top: 18px;
}
@media print, screen and (min-width: 48em) {
  .p-local-nav__link {
    display: block;
  }
}
.p-local-nav__link:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 5px;
  height: 5px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #333;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  content: "";
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-local-nav__link:after {
    border-color: #888;
    -webkit-transform: translate(3px, -50%) rotate(45deg);
            transform: translate(3px, -50%) rotate(45deg);
  }
}
.is-current .p-local-nav__link:after {
  display: none;
}
.p-local-nav__link svg {
  display: none;
}

.p-border-nav-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 24px;
  margin-right: -4px;
}
.p-border-nav-1.p-border-nav-1--4col, .p-border-nav-1.p-border-nav-1--5col {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.p-border-nav-1__item {
  box-sizing: border-box;
  position: relative;
  width: 50%;
  width: calc(50% - 4px);
  /* min-width: 20%; */
  margin-bottom: 16px;
  /* padding-right: 2px;
  padding-left: 2px; */
  margin-right: 4px;
}
@media print, screen and (min-width: 48em) {
  .browser-is-safari .p-border-nav-1__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
/* .p-border-nav-1__item:first-child {
  padding-left: 0;
}
.p-border-nav-1__item:last-child {
  padding-right: 0;
}
@media only screen and (max-width: 47.9375em) {
  .p-border-nav-1__item:nth-child(2n) {
    padding-right: 0;
  }
}
@media only screen and (max-width: 47.9375em) {
  .p-border-nav-1__item:nth-child(2n+1) {
    padding-left: 0;
  }
} */
@media print, screen and (min-width: 48em) {
  .p-border-nav-1--4col .p-border-nav-1__item {
    /* width: 25%; */
    width: calc(25% - 4px);
  }
}
/* .p-border-nav-1--4col .p-border-nav-1__item:last-child {
  padding-right: 2px;
}
@media print, screen and (min-width: 48em) {
  .p-border-nav-1--4col .p-border-nav-1__item:nth-child(4n) {
    padding-right: 0;
  }
}
@media print, screen and (min-width: 48em) {
  .p-border-nav-1--4col .p-border-nav-1__item:nth-child(4n+1) {
    padding-left: 0;
  }
} */
@media print, screen and (min-width: 48em) {
  .p-border-nav-1--5col .p-border-nav-1__item {
    /* width: 20%; */
    width: calc(20% - 4px);
  }
}
/* .p-border-nav-1--5col .p-border-nav-1__item:last-child {
  padding-right: 2px;
}
@media print, screen and (min-width: 48em) {
  .p-border-nav-1--5col .p-border-nav-1__item:nth-child(5n) {
    padding-right: 0;
  }
}
@media print, screen and (min-width: 48em) {
  .p-border-nav-1--5col .p-border-nav-1__item:nth-child(5n+1) {
    padding-left: 0;
  }
} */
.p-border-nav-1__item.is-current a {
  color: #014099;
  pointer-events: none;
}
.p-border-nav-1__item.is-current a:before {
  background-color: #014099;
}
.p-border-nav-1--arrow .p-border-nav-1__item.is-current a > span:before {
  border-color: #014099;
}
.p-border-nav-1__item a {
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 12px;
  padding-bottom: 15px;
  line-height: 1.4;
  color: #333;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 48em) {
  .p-border-nav-1__item a {
    padding-top: 12px;
    padding-bottom: 15px;
    padding-right: 34px;
  }
}
@media print, screen and (min-width: 48em) {
  .browser-is-safari .p-border-nav-1__item a {
    height: auto;
  }
}
.p-border-nav-1--simple .p-border-nav-1__item a {
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
}
@media print, screen and (min-width: 48em) {
  .p-border-nav-1--simple .p-border-nav-1__item a {
    font-size: 116%;
  }
}
@media print, screen and (min-width: 80em) {
  .p-border-nav-1--simple .p-border-nav-1__item a {
    font-size: 131%;
  }
}
.p-border-nav-1--arrow .p-border-nav-1__item a {
  padding-right: 0;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, background-image cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 61.25em) {
  .p-border-nav-1--arrow .p-border-nav-1__item a:hover > span:before {
    border-color: #888;
    -webkit-transform: translate(3px, -50%) rotate(45deg);
            transform: translate(3px, -50%) rotate(45deg);
  }
}
.p-border-nav-1--arrow .p-border-nav-1__item a > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding-left: 25px;
}
.browser-is-ie .p-border-nav-1--arrow .p-border-nav-1__item a > span {
  position: relative;
  top: 2px;
}
.p-border-nav-1--arrow .p-border-nav-1__item a > span:before {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 5px;
  height: 5px;
  margin-right: 8px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #333;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  content: "";
}
@media print, screen and (min-width: 48em) {
  .p-border-nav-1--arrow .p-border-nav-1__item a > span:before {
    margin-right: 18px;
  }
}
.browser-is-ie .p-border-nav-1--arrow .p-border-nav-1__item a > span:before {
  top: 40%;
}
.browser-is-ie .p-border-nav-1__item a {
  padding-top: 6px;
}
.p-border-nav-1__item a:before, .p-border-nav-1__item a:after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  content: "";
}
.p-border-nav-1__item a:before {
  background-color: #cacaca;
}
.p-border-nav-1__item a:after {
  background-color: #e7e7e7;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
  content: "";
}
@media print, screen and (min-width: 61.25em) {
  .p-border-nav-1__item a:hover {
    color: #888;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-border-nav-1__item a:hover:after {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.p-border-nav-1__icon {
  display: none;
  float: left;
  margin-bottom: 8px;
  margin-right: 16px;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 48em) {
  .p-border-nav-1__icon {
    display: block;
  }
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-border-nav-1__icon img {
    opacity: 0.6;
  }
}

.p-border-nav-1__head {
  display: none;
  margin-bottom: 6px;
}
@media print, screen and (min-width: 48em) {
  .p-border-nav-1__head {
    display: block;
  }
}

.p-border-nav-1__main {
  display: block;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
}
@media print, screen and (min-width: 48em) {
  .p-border-nav-1__main {
    margin-bottom: 10px;
  }
}
.p-border-nav-1__main em {
  display: block;
  font-style: normal;
  font-size: 100%;
}
@media print, screen and (min-width: 48em) {
  .p-border-nav-1__main em {
    font-size: 116%;
  }
}
@media print, screen and (min-width: 80em) {
  .p-border-nav-1__main em {
    font-size: 131%;
  }
}
.p-border-nav-1__main span {
  font-size: 85%;
}
@media print, screen and (min-width: 48em) {
  .p-border-nav-1__main span {
    font-size: 100%;
  }
}

.p-border-nav-1__desc {
  display: none;
  margin-top: 10px;
  padding-bottom: 40px;
}
@media print, screen and (min-width: 48em) {
  .p-border-nav-1__desc {
    display: block;
  }
}
.p-border-nav-1__desc:last-child {
  padding-bottom: 0;
}
.p-border-nav-1--img .p-border-nav-1__desc {
  clear: both;
  padding-bottom: 0;
}

.p-border-nav-1__img {
  display: none;
  margin-top: 12px;
  padding-bottom: 50px;
}
@media print, screen and (min-width: 48em) {
  .p-border-nav-1__img {
    display: block;
  }
}
.p-border-nav-1__img img {
  display: block;
  max-width: 100%;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-border-nav-1__img img {
    opacity: 0.6;
  }
}

.p-border-nav-1__link {
  display: none;
  position: absolute;
  bottom: 17px;
  width: calc(100% - 40px);
  margin-top: 18px;
}
@media print, screen and (min-width: 48em) {
  .p-border-nav-1__link {
    display: block;
  }
}
.p-border-nav-1__link:after {
  display: inline-block;
  position: relative;
  top: -1px;
  width: 5px;
  height: 5px;
  margin-left: 4px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #333;
  -webkit-transform: translate(0, 0) rotate(45deg);
          transform: translate(0, 0) rotate(45deg);
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  content: "";
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-border-nav-1__link:after {
    border-color: #888;
    -webkit-transform: translate(3px, 0) rotate(45deg);
            transform: translate(3px, 0) rotate(45deg);
  }
}
.is-current .p-border-nav-1__link:after {
  display: none;
}
.p-border-nav-1__link svg {
  display: none;
}

.p-border-nav-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 24px;
  margin-right: -4px;
}
.p-border-nav-2.p-border-nav-2--4col, .p-border-nav-2.p-border-nav-2--5col {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.p-border-nav-2__item {
  box-sizing: border-box;
  position: relative;
  /* width: 50%; */
  width: calc(50% - 4px);
  /* min-width: 20%; */
  margin-bottom: 16px;
  margin-right: 4px;
  /* padding-right: 2px;
  padding-left: 2px; */
}
/* .p-border-nav-2__item:first-child {
  padding-left: 0;
}
.p-border-nav-2__item:last-child {
  padding-right: 0;
}
@media only screen and (max-width: 47.9375em) {
  .p-border-nav-2__item:nth-child(2n) {
    padding-right: 0;
  }
}
@media only screen and (max-width: 47.9375em) {
  .p-border-nav-2__item:nth-child(2n+1) {
    padding-left: 0;
  }
} */
@media print, screen and (min-width: 48em) {
  .p-border-nav-2--4col .p-border-nav-2__item {
    /* width: 25%; */
    width: calc(25% - 4px);
  }
}
/* .p-border-nav-2--4col .p-border-nav-2__item:last-child {
  padding-right: 2px;
}
@media print, screen and (min-width: 48em) {
  .p-border-nav-2--4col .p-border-nav-2__item:nth-child(4n) {
    padding-right: 0;
  }
}
@media print, screen and (min-width: 48em) {
  .p-border-nav-2--4col .p-border-nav-2__item:nth-child(4n+1) {
    padding-left: 0;
  }
} */
@media print, screen and (min-width: 48em) {
  .p-border-nav-2--5col .p-border-nav-2__item {
    /* width: 20%; */
    width: calc(20% - 4px);
  }
}
/* .p-border-nav-2--5col .p-border-nav-2__item:last-child {
  padding-right: 2px;
}
@media print, screen and (min-width: 48em) {
  .p-border-nav-2--5col .p-border-nav-2__item:nth-child(5n) {
    padding-right: 0;
  }
}
@media print, screen and (min-width: 48em) {
  .p-border-nav-2--5col .p-border-nav-2__item:nth-child(5n+1) {
    padding-left: 0;
  }
} */
.p-border-nav-2__item.is-current a {
  color: #014099;
  pointer-events: none;
}
.p-border-nav-2__item.is-current a:before {
  background-color: #014099;
}
.p-border-nav-2__item a {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 45px;
  position: relative;
  padding-top: 12px;
  padding-bottom: 14px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
  line-height: 1.4;
  color: #333;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  display: block\9;
}
@media print, screen and (min-width: 48em) {
  .p-border-nav-2__item a {
    padding-top: 12px;
    padding-bottom: 14px;
  }
}
.browser-is-ie .p-border-nav-2__item a {
  padding-top: 6px;
}
.p-border-nav-2__item a:before, .p-border-nav-2__item a:after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
}
.p-border-nav-2__item a:before {
  background-color: #cacaca;
}
.p-border-nav-2__item a:after {
  background-color: #e7e7e7;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
  content: "";
}
@media print, screen and (min-width: 61.25em) {
  .p-border-nav-2__item a:hover {
    color: #888;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-border-nav-2__item a:hover:after {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.p-border-nav-2__icon {
  float: left;
  margin-bottom: 8px;
  margin-right: 16px;
}

.p-border-nav-2__head {
  display: none;
  margin-bottom: 6px;
}
@media print, screen and (min-width: 48em) {
  .p-border-nav-2__head {
    display: block;
  }
}

.p-border-nav-2__main {
  display: block;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
}
@media print, screen and (min-width: 48em) {
  .p-border-nav-2__main {
    margin-bottom: 10px;
  }
}
.p-border-nav-2__main em {
  display: block;
  font-style: normal;
  font-size: 100%;
}
@media print, screen and (min-width: 48em) {
  .p-border-nav-2__main em {
    font-size: 116%;
  }
}
@media print, screen and (min-width: 80em) {
  .p-border-nav-2__main em {
    font-size: 131%;
  }
}
.p-border-nav-2__main span {
  font-size: 85%;
}
@media print, screen and (min-width: 48em) {
  .p-border-nav-2__main span {
    font-size: 100%;
  }
}

.p-border-nav-2__desc {
  display: none;
  margin-top: 10px;
  padding-bottom: 40px;
}
@media print, screen and (min-width: 48em) {
  .p-border-nav-2__desc {
    display: block;
  }
}
.p-border-nav-2__desc:last-child {
  padding-bottom: 0;
}
.p-border-nav-2--img .p-border-nav-2__desc {
  clear: both;
  padding-bottom: 0;
}

.p-border-nav-2__img {
  margin-top: 12px;
  padding-bottom: 50px;
}
.p-border-nav-2__img img {
  display: block;
  max-width: 100%;
}

.p-border-nav-2__link {
  display: none;
  position: absolute;
  bottom: 17px;
  width: calc(100% - 40px);
  margin-top: 18px;
}
@media print, screen and (min-width: 48em) {
  .p-border-nav-2__link {
    display: block;
  }
}
.p-border-nav-2__link svg {
  display: inline-block;
  position: relative;
  width: 5px;
  height: 9px;
  margin-left: 9px;
  transition: fill ease 0.15s;
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-border-nav-2__link svg {
    fill: #009DFF;
  }
}
.is-current .p-border-nav-2__link svg {
  fill: #fff;
}
.p-border-nav-2--img .is-current .p-border-nav-2__link svg {
  fill: #014099;
}

@media print, screen and (min-width: 48em) {
  .p-block-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: -16px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-block-link.p-block-link--no_border {
    margin-bottom: -20px;
  }
}

.p-block-link__item {
  box-sizing: border-box;
  display: block;
  position: relative;
  margin-bottom: 8px;
}
@media only screen and (max-width: 47.9375em) {
  .p-block-link__item {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #cacaca;
  }
}
@media print, screen and (min-width: 48em) {
  .p-block-link__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin-bottom: 16px;
  }
}
.p-block-link__item:before, .p-block-link__item:after {
  display: none;
  position: absolute;
  top: 1px;
  width: 1px;
  height: calc(100% - 3px);
  background-color: #cacaca;
  content: "";
}
.p-block-link__item:before {
  left: 0;
}
.p-block-link__item:after {
  right: 0;
}
@media print, screen and (min-width: 48em) {
  .p-block-link__item:after {
    display: block;
  }
}
@media print, screen and (min-width: 48em) {
  .p-block-link--2col .p-block-link__item {
    width: 50%;
  }
}
@media print, screen and (min-width: 48em) {
  .p-block-link--3col .p-block-link__item {
    width: calc(100% / 3);
  }
}
@media print, screen and (min-width: 48em) {
  .browser-is-ie .p-block-link--3col .p-block-link__item {
    width: 33.33%;
  }
}
@media print, screen and (min-width: 48em) {
  .p-block-link--4col .p-block-link__item {
    width: 25%;
  }
}
@media print, screen and (min-width: 48em) {
  .p-block-link--5col .p-block-link__item {
    width: 20%;
  }
}
@media print, screen and (min-width: 48em) {
  .p-block-link__item:first-child:before {
    display: block;
  }
}
@media print, screen and (min-width: 48em) {
  .p-block-link--2col .p-block-link__item:nth-child(2n+1):before {
    display: block;
  }
}
@media print, screen and (min-width: 48em) {
  .p-block-link--3col .p-block-link__item:nth-child(3n+1):before {
    display: block;
  }
}
@media print, screen and (min-width: 48em) {
  .p-block-link--4col .p-block-link__item:nth-child(4n+1):before {
    display: block;
  }
}
@media print, screen and (min-width: 48em) {
  .p-block-link--5col .p-block-link__item:nth-child(5n+1):before {
    display: block;
  }
}
@media only screen and (max-width: 47.9375em) {
  .p-block-link__item:last-child {
    margin-bottom: 0;
  }
}
.p-block-link__item:last-child:after {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .p-block-link__item:last-child:after {
    display: block;
  }
}
@media print, screen and (min-width: 48em) {
  .p-block-link--no_border .p-block-link__item {
    width: 50%;
    margin-bottom: 20px;
  }
}
.p-block-link--no_border .p-block-link__item:before, .p-block-link--no_border .p-block-link__item:after {
  display: none;
}
.p-block-link__item a {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  color: #2051b2;
  line-height: 1.4;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  display: table\9;
}
@media print, screen and (min-width: 48em) {
  .p-block-link__item a {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.p-block-link__item a span {
  position: relative;
  padding-right: 17px;
}
@media only screen and (max-width: 47.9375em) {
  .p-block-link__item a span {
    display: block;
    width: 100%;
    padding-right: 10px;
  }
}
.p-block-link__item a span:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 7px;
  height: 10px;
  background-repeat: no-repeat;
  background-position: top 0 right 0;
  background-image: url(//www.elecom.co.jp/common/svg/icon_arrow-bold_right_blue_01.svg);
  -webkit-transform: translate(0, -55%);
          transform: translate(0, -55%);
  transition: background-image cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, background-image cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, background-image cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  content: "";
}
@media only screen and (max-width: 47.9375em) {
  .p-block-link__item a span:after {
    right: 2px;
    width: 5px;
    height: 5px;
    background: none;
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #2051b2;
    -webkit-transform: translate(0, -50%) rotate(45deg);
            transform: translate(0, -50%) rotate(45deg);
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-block-link__item a:hover {
    color: #009DFF;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-block-link__item a:hover span:after {
    background-image: url(//www.elecom.co.jp/common/svg/icon_arrow-bold_right_blue_r_01.svg);
    -webkit-transform: translate(3px, -55%);
            transform: translate(3px, -55%);
  }
}

/*****************************************
* モディファイア
*****************************************/
.p-block-link--inline .p-block-link__item {
  display: block;
  margin-bottom: 8px;
}
@media print, screen and (min-width: 48em) {
  .p-block-link--inline .p-block-link__item {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 17px;
    padding-right: 25px;
  }
}
.p-block-link--inline .p-block-link__item:before {
  display: none;
}
.p-block-link--inline .p-block-link__item:after {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .p-block-link--inline .p-block-link__item:after {
    display: block;
    top: 3px;
    height: 15px;
  }
}
.p-block-link--inline .p-block-link__item:last-child:after {
  display: none;
}
.p-block-link--inline .p-block-link__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 48em) {
  .p-block-link--inline .p-block-link__item a {
    display: inline;
    padding-right: 0;
    padding-left: 0;
  }
}
.browser-is-edge .p-block-link--inline .p-block-link__item a:after, .browser-is-ie .p-block-link--inline .p-block-link__item a:after {
  top: 0;
}

.p-border-link {
  position: relative;
  margin-bottom: 25px;
}
@media print, screen and (min-width: 40.0625em) {
  .p-border-link {
    margin-bottom: 40px;
  }
}

@media print, screen and (min-width: 40.0625em) {
  .p-border-link__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: auto;
    margin-bottom: -15px;
    margin-right: -2.03%;
  }
}

.p-border-link__item {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #cacaca;
}
@media print, screen and (min-width: 40.0625em) {
  .p-border-link__item {
    display: inline-block;
    width: 31.244%;
    margin-bottom: 15px;
    margin-right: 35px;
    line-height: 1.75;
  }
}
.p-border-link__item:last-child {
  margin-right: 0;
}
.p-border-link__item.p-border-link__item--pdf a {
  background-image: url(//www.elecom.co.jp/common/svg/icon_pdf_red_01.svg);
  background-position: top 1.0em left 0;
  background-size: 11px auto;
}
@media print, screen and (min-width: 48em) {
  .p-border-link__item.p-border-link__item--pdf a {
    background-image: url(//www.elecom.co.jp/common/svg/icon_pdf_red_01.svg);
    background-position: top 0.55em left 0;
    background-size: auto auto;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-border-link__item.p-border-link__item--pdf a:hover {
    background-image: url(//www.elecom.co.jp/common/svg/icon_pdf_red_01.svg);
  }
}
.p-border-link__item a {
  display: block;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 15px;
  background-repeat: no-repeat;
  background-position: top 1.4em left 0;
  background-image: url(//www.elecom.co.jp/common/svg/icon_anchor_bottom_black_01.svg);
  background-size: 11px auto;
  font-size: 85%;
  color: #2051b2;
  line-height: 1.4;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, background-image cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 40.0625em) {
  .p-border-link__item a {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 22px;
    background-position: top 50% left 0;
    background-image: url(//www.elecom.co.jp/common/svg/icon_anchor_bottom_black_01.svg);
    background-size: auto auto;
    font-size: 100%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-border-link__item a:hover {
    background-image: url(//www.elecom.co.jp/common/svg/icon_anchor_bottom_blue_01.svg);
    color: #009DFF;
  }
}

.p-switch-container--sp-tab {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .p-switch-container--sp-tab {
    display: block;
  }
}

.p-switch-container--tb-tab {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .p-switch-container--tb-tab {
    display: block;

  }
}

.p-switch-container--product-top {
  visibility: hidden;
  opacity: 0;
  position: relative;
  transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
.p-switch-container--product-top.is-visible {
  visibility: visible;
  opacity: 1;
}
.p-switch-container--product-top:before {
  display: block;
  position: absolute;
  top: 0;
  left: -50%;
  width: 200%;
  height: 1px;
  background-color: #cacaca;
  content: "";
}
@media print, screen and (min-width: 48em) {
  .p-switch-container--product-top:before {
    display: none;
  }
}

@media print, screen and (min-width: 48em) {
  .p-switch-container__inner {
    padding-right: 22px;
    padding-left: 22px;
  }
}
.p-switch-container--product-top .p-switch-container__inner {
  padding-top: 20px;
}
@media print, screen and (min-width: 48em) {
  .p-switch-container--product-top .p-switch-container__inner {
    padding-top: 0;
  }
}

.p-switch-container__item {
  box-sizing: border-box;
  opacity: 1;
  position: relative;
  width: 100%;
  transition: all ease 0.15s;
}
.p-switch-container__item.is-disabled {
  opacity: 0;
}
.p-switch-container__item.is-hide {
  display: none;
}

@media print, screen and (min-width: 48em) {
  .p-switch-container__item--border {
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #cacaca;
  }
}

.p-block-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media print, screen and (min-width: 48em) {
  .p-block-list {
    margin-bottom: -16px;
  }
}
.p-block-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #cacaca;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
  line-height: 1.4;
}
@media print, screen and (min-width: 48em) {
  .p-block-list > li {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: calc((100% - 22px) / 2);
    margin-right: 22px;
    font-size: 116%;
  }
}
.p-block-list > li:nth-child(2n) {
  margin-right: 0;
}

.p-block-list__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.p-block-list__img img {
  display: block;
  height: 100%;
}

.p-block-list__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block\9;
}
@media print, screen and (min-width: 48em) {
  .p-block-list__text {
    padding-top: 5px;
  }
}

.p-border-table {
  width: 100%;
}
@media print, screen and (min-width: 48em) {
  .p-border-table tr {
    border-style: solid;
    border-width: 1px 0 0;
    border-color: #cacaca;
  }
}
@media only screen and (max-width: 47.9375em) {
  .p-border-table tr:first-child th {
    padding-top: 8px;
    border-style: solid;
    border-width: 1px 0 0;
    border-color: #cacaca;
  }
}
.p-border-table tr:last-child {
  border-width: 1px 0 1px;
}
.p-border-table th, .p-border-table td {
  box-sizing: border-box;
  vertical-align: top;
}
.p-border-table th {
  display: block;
  padding-top: 14px;
  padding-bottom: 12px;
  line-height: 1.4;
}
@media print, screen and (min-width: 48em) {
  .p-border-table th {
    display: table-cell;
    width: 22%;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 10px;
  }
}
.p-border-table td {
  display: block;
  padding-bottom: 12px;
  border-style: solid;
  border-width: 0 0 1px;
  border-color: #cacaca;
}
@media print, screen and (min-width: 48em) {
  .p-border-table td {
    display: table-cell;
    width: 78%;
    padding-top: 12px;
    padding-bottom: 12px;
    border: none;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-border-table.p-border-table--wide th, .p-border-table.p-border-table--pickup th {
    width: 16%;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-border-table.p-border-table--wide td, .p-border-table.p-border-table--pickup td {
    width: 84%;
  }
}
.browser-is-ie .p-border-table.p-border-table--checkbox, .browser-is-ie .p-border-table.p-border-table--solution, .browser-is-ie .p-border-table.p-border-table--pickup {
  table-layout: fixed;
}
@media only screen and (max-width: 47.9375em) {
  .p-border-table.p-border-table--checkbox tr:first-child th, .p-border-table.p-border-table--solution tr:first-child th, .p-border-table.p-border-table--pickup tr:first-child th {
    padding-top: 14px;
  }
}
.p-border-table.p-border-table--checkbox tr.is-hide, .p-border-table.p-border-table--solution tr.is-hide, .p-border-table.p-border-table--pickup tr.is-hide {
  display: none;
}
.p-border-table.p-border-table--checkbox th, .p-border-table.p-border-table--solution th, .p-border-table.p-border-table--pickup th {
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 123.1%;
}
@media print, screen and (min-width: 48em) {
  .p-border-table.p-border-table--checkbox th, .p-border-table.p-border-table--solution th, .p-border-table.p-border-table--pickup th {
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
    -webkit-font-feature-settings: unset;
            font-feature-settings: unset;
    font-size: 100%;
  }
}
@media print, screen and (min-width: 48em) {
  .p-border-table.p-border-table--checkbox td, .p-border-table.p-border-table--solution td, .p-border-table.p-border-table--pickup td {
    padding-top: 10px;
    padding-bottom: 5px;
  }
}
.p-border-table.p-border-table--accordion tr:first-child th, .p-border-table.p-border-table--solution tr:first-child th, .p-border-table.p-border-table--pickup tr:first-child th {
  padding-top: 14px;
}
.p-border-table.p-border-table--accordion tr.is-close th:after, .p-border-table.p-border-table--solution tr.is-close th:after, .p-border-table.p-border-table--pickup tr.is-close th:after {
  -webkit-transform: translate(0, -50%) rotate(0deg);
          transform: translate(0, -50%) rotate(0deg);
}
.p-border-table.p-border-table--accordion th, .p-border-table.p-border-table--solution th, .p-border-table.p-border-table--pickup th {
  position: relative;
  margin-bottom: 0;
  padding-top: 14px;
  padding-bottom: 12px;
}
.p-border-table.p-border-table--accordion th:before, .p-border-table.p-border-table--solution th:before, .p-border-table.p-border-table--pickup th:before, .p-border-table.p-border-table--accordion th:after, .p-border-table.p-border-table--solution th:after, .p-border-table.p-border-table--pickup th:after {
  display: block;
  position: absolute;
  top: 50%;
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  content: "";
}
@media print, screen and (min-width: 48em) {
  .p-border-table.p-border-table--accordion th:before, .p-border-table.p-border-table--solution th:before, .p-border-table.p-border-table--pickup th:before, .p-border-table.p-border-table--accordion th:after, .p-border-table.p-border-table--solution th:after, .p-border-table.p-border-table--pickup th:after {
    display: none;
  }
}
.p-border-table.p-border-table--accordion th:before, .p-border-table.p-border-table--solution th:before, .p-border-table.p-border-table--pickup th:before {
  right: 13px;
  width: 10px;
  height: 2px;
  background-color: #333;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-border-table.p-border-table--accordion th:after, .p-border-table.p-border-table--solution th:after, .p-border-table.p-border-table--pickup th:after {
  right: 17px;
  width: 2px;
  height: 10px;
  background-color: #333;
  -webkit-transform: translate(0, -50%) rotate(90deg);
          transform: translate(0, -50%) rotate(90deg);
  content: "";
}
@media print, screen and (min-width: 61.25em) {
  .p-border-table.p-border-table--accordion th:hover:before, .p-border-table.p-border-table--solution th:hover:before, .p-border-table.p-border-table--pickup th:hover:before, .p-border-table.p-border-table--accordion th:hover:after, .p-border-table.p-border-table--solution th:hover:after, .p-border-table.p-border-table--pickup th:hover:after {
    background-color: #888;
  }
}
@media only screen and (max-width: 47.9375em) {
  .p-border-table.p-border-table--accordion td, .p-border-table.p-border-table--solution td, .p-border-table.p-border-table--pickup td {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.p-border-table.is-hide {
  display: none;
}

.p-border-table--solution {
  opacity: 0;
}
.p-border-table--solution.is-visible {
  opacity: 1;
}

.p-border-table--pickup {
  opacity: 0;
}
.p-border-table--pickup.is-visible {
  opacity: 1;
}

.p-border-table__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 47.9375em) {
  .p-border-table__inner {
    padding-bottom: 12px;
  }
}

.p-border-table__item {
  box-sizing: border-box;
  display: block;
  vertical-align: top;
  width: 100%;
  margin-bottom: 8px;
}
@media print, screen and (max-width: 47.9375em) {
  .p-border-table__item {
    width:inherit;
    margin-right: 1.5em;
  font-size:85%;
  }
}
@media print, screen and (min-width: 48em) {
  .p-border-table__item {
    width: 33.33%;
    margin-bottom: 3px;
    padding-right: 2px;
  }
}
@media print, screen and (min-width: 80em) {
  .p-border-table__item {
    width: 25%;
  }
}
.p-border-table__item:nth-child(2n) {
  padding-right: 0;
}
@media print, screen and (min-width: 48em) {
  .p-border-table__item:nth-child(2n) {
    padding-right: 2px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-border-table__item:nth-child(3n) {
    padding-right: 0;
  }
}
@media print, screen and (min-width: 80em) {
  .p-border-table__item:nth-child(3n) {
    padding-right: 2px;
  }
}
@media print, screen and (min-width: 80em) {
  .p-border-table__item:nth-child(4n) {
    padding-right: 0;
  }
}
@media only screen and (max-width: 47.9375em) {
  .p-border-table__item:last-child {
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-border-table--wide .p-border-table__item, .p-border-table--pickup .p-border-table__item {
    width: 20%;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-border-table--wide .p-border-table__item:nth-child(4n), .p-border-table--pickup .p-border-table__item:nth-child(4n) {
    padding-right: 2px;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-border-table--wide .p-border-table__item:nth-child(5n), .p-border-table--pickup .p-border-table__item:nth-child(5n) {
    padding-right: 0;
  }
}

/*****************************************
* カラム
*****************************************/
.p-border-table__inner--3col .p-border-table__item {
  width: 100%;
}
@media print, screen and (min-width: 48em) {
  .p-border-table__inner--3col .p-border-table__item {
    width: 33.33%;
    margin-bottom: 3px;
    padding-right: 2px;
  }
}
.p-border-table__inner--3col .p-border-table__item:nth-child(2n) {
  padding-right: 0;
}
@media print, screen and (min-width: 48em) {
  .p-border-table__inner--3col .p-border-table__item:nth-child(2n) {
    padding-right: 2px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-border-table__inner--3col .p-border-table__item:nth-child(3n) {
    padding-right: 0;
  }
}
@media only screen and (max-width: 47.9375em) {
  .p-border-table__inner--3col .p-border-table__item:last-child {
    margin-bottom: 0;
  }
}


  .p-product-checkbox-menu {
  margin-bottom: 16px;
}

@media print, screen and (min-width: 48em) {
  .p-product-checkbox-menu{
    margin-bottom: 50px;
  }
}


.p-accordion__trigger {
  display: inline-block;
  position: relative;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 61.25em) {
  .p-accordion__trigger:hover {
    color: #888;
  }
}
.p-accordion__trigger.is-hide {
  display: none;
}

.p-accordion__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
  position: absolute;
  top: 50%;
  right: 0;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: color ease 0.15s;
}
@media print, screen and (min-width: 61.25em) {
  .p-accordion__button {
    cursor: pointer;
  }
}
.p-accordion__trigger--inline .p-accordion__button {
  position: relative;
  top: auto;
  right: auto;
  -webkit-transform: none;
  transform: none;
}
.p-accordion__trigger--inline .p-accordion__button:after {
  content: "絞り込みオプションを閉じる";
}
.is-close .p-accordion__trigger--inline .p-accordion__button:after {
  content: "絞り込みオプションを開く";
}
.p-accordion__trigger--inline .p-accordion__button span {
  margin-right: 8px;
}
@media print, screen and (min-width: 61.25em) {
  .p-accordion__button:hover {
    color: #888;
  }
}
.p-accordion__button span {
  display: inline-block;
  position: relative;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #333;
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 61.25em) {
  .p-accordion__trigger:hover .p-accordion__button span {
    border-color: #888;
  }
}
.p-accordion__button span:before, .p-accordion__button span:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 2px;
  background-color: #333;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  content: "";
}
@media print, screen and (min-width: 61.25em) {
  .p-accordion__trigger:hover .p-accordion__button span:before, .p-accordion__trigger:hover .p-accordion__button span:after {
    background-color: #888;
  }
}
.is-close .p-accordion__button span:after {
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
}

.p-accordion__container {
  box-sizing: border-box;
  overflow: hidden;
  height: auto;
  transition: height cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
}
.is-close .p-accordion__container {
  height: 0;
}

.p-accordion__container--margin50 {
  margin-bottom: 16px;
}
@media print, screen and (min-width: 48em) {
  .p-accordion__container--margin50 {
    margin-bottom: 50px;
  }
}
.p-accordion__container--margin25 {
  margin-bottom: 16px;
}
@media print, screen and (min-width: 48em) {
  .p-accordion__container--margin25 {
    margin-bottom: 25px;
  }
}
.p-accordion__inner {
  box-sizing: border-box;
  padding-top: 8px;
}
@media print, screen and (min-width: 48em) {
  .p-accordion__inner {
    padding-top: 14px;
  }
}

.p-general-accordion {
  position: relative;
  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: #cacaca;
}
.p-general-accordion:last-child {
  border-width: 1px 0;
}

.p-general-accordion__heading {
  display: block;
  padding-top: 12px;
  padding-bottom: 10px;
  padding-right: 30px;
}
@media print, screen and (min-width: 48em) {
  .p-general-accordion__heading {
    padding-top: 20px;
    padding-bottom: 18px;
  }
}

.p-general-accordion__title {
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
}

.p-general-accordion__inner {
  padding-bottom: 8px;
}
@media print, screen and (min-width: 48em) {
  .p-general-accordion__inner {
    padding-bottom: 20px;
  }
}

.p-box-module {
  box-sizing: border-box;
  padding-top: 16px;
  padding-bottom: 15px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #E6E6E6;
}

@media print, screen and (min-width: 48em) {
  .p-box-module--large {
    padding-top: 36px;
    padding-bottom: 35px;
    padding-right: 40px;
    padding-left: 40px;
  }
}

.p-box-module--regist {
  text-align: center;
}

.p-box-module--regist {
  border-style: solid;
  border-width: 4px;
  border-color: #014099;
}

.p-radio-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  margin-bottom: 55px;
}
.p-radio-switch.p-radio-switch--3col, .p-radio-switch.p-radio-switch--4col {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.p-radio-switch__item {
  box-sizing: border-box;
  width: 50%;
  background-color: #f5f5f5;
  border-style: solid;
  border-width: 0 1px 1px 0;
  border-color: #cacaca;
  transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 61.25em) {
  .p-radio-switch__item:hover {
    background-color: #f8f8f8;
  }
}
.p-radio-switch__item:nth-child(2n+1) {
  border-width: 0 1px 1px 1px;
}
.p-radio-switch__item:nth-of-type(-n+2) {
  border-width: 1px 1px 1px 0;
}
.p-radio-switch__item:first-child {
  border-width: 1px 1px 1px 1px;
}
@media print, screen and (min-width: 48em) {
  .p-radio-switch--3col .p-radio-switch__item {
    width: 33.33%;
    max-width: 33.33%;
  }
}
@media print, screen and (min-width: 48em) {
  .p-radio-switch--3col .p-radio-switch__item:nth-child(2n+1) {
    border-width: 0 1px 1px 0;
  }
}
@media print, screen and (min-width: 48em) {
  .p-radio-switch--3col .p-radio-switch__item:nth-of-type(-n+2) {
    border-width: 0 1px 1px 0;
  }
}
@media print, screen and (min-width: 48em) {
  .p-radio-switch--3col .p-radio-switch__item:nth-child(3n+1) {
    border-width: 0 1px 1px 1px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-radio-switch--3col .p-radio-switch__item:nth-of-type(-n+3) {
    border-width: 1px 1px 1px 0;
  }
}
.p-radio-switch--3col .p-radio-switch__item:first-child {
  border-width: 1px 1px 1px 1px;
}
@media print, screen and (min-width: 48em) {
  .p-radio-switch--4col .p-radio-switch__item {
    width: 25%;
  }
}
@media print, screen and (min-width: 48em) {
  .p-radio-switch--4col .p-radio-switch__item:nth-child(2n+1) {
    border-width: 0 1px 1px 0;
  }
}
@media print, screen and (min-width: 48em) {
  .p-radio-switch--4col .p-radio-switch__item:nth-of-type(-n+2) {
    border-width: 0 1px 1px 0;
  }
}
@media print, screen and (min-width: 48em) {
  .p-radio-switch--4col .p-radio-switch__item:nth-child(4n+1) {
    border-width: 0 1px 1px 1px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-radio-switch--4col .p-radio-switch__item:nth-of-type(-n+4) {
    border-width: 1px 1px 1px 0;
  }
}
.p-radio-switch--4col .p-radio-switch__item:first-child {
  border-width: 1px 1px 1px 1px;
}
.p-radio-switch__item > input {
  display: none;
}
.p-radio-switch__item > input:checked + label {
  background-color: #fff;
  color: #014099;
}
.p-radio-switch__item > input:checked + label:before {
  border-color: #014099;
}
.p-radio-switch__item > input:checked + label:after {
  color: #014099;
}
.p-radio-switch__item > label {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 14px;
  padding-bottom: 12px;
  padding-right: 14px;
  padding-left: 36px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
  font-size: 85%;
  line-height: 1.4;
  cursor: pointer;
  transition: all ease 0.15s;
}
@media print, screen and (min-width: 48em) {
  .p-radio-switch__item > label {
    padding-right: 22px;
    padding-left: 46px;
    font-size: 100%;
    line-height: 1.75;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-radio-switch__item > label:hover {
    color: #888;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-radio-switch__item > label:hover:before {
    border-color: #cacaca;
  }
}
.p-radio-switch__item > label:before {
  box-sizing: border-box;
  position: absolute;
  top: 16px;
  left: 15px;
  width: 15px;
  height: 15px;
  border-style: solid;
  border-color: #8b8b8b;
  border-width: 1px;
  border-radius: 50%;
  background-color: #fff;
  color: green;
  transition: all ease 0.15s;
  content: "";
}
@media print, screen and (min-width: 48em) {
  .p-radio-switch__item > label:before {
    left: 22px;
  }
}
.p-radio-switch__item > label:after {
  box-sizing: border-box;
  position: absolute;
  display: block;
  top: 20px;
  left: 19px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  color: transparent;
  transition: all ease 0.15s;
  content: "";
}
@media print, screen and (min-width: 48em) {
  .p-radio-switch__item > label:after {
    left: 26px;
  }
}

.p-border-image {
  box-sizing: border-box;
  position: relative;
  border-style: solid;
  border-width: 1px;
  border-color: #cacaca;
}

.p-product-heading {
  margin-top: 18px;
  margin-bottom: 15px;
}
@media print, screen and (min-width: 40.0625em) {
  .p-product-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-product-heading {
    margin-top: 0;
    margin-bottom: 20px;
  }
}

.p-product-heading__title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 182%;
}
@media print, screen and (min-width: 40.0625em) {
  .p-product-heading__title {
    padding-right: 10px;
    line-height: 1.4;
  }
}
@media print, screen and (min-width: 48em) {
  .p-product-heading__title {
    margin-bottom: 5px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-product-heading__title {
    font-size: 229%;
  }
}
.browser-is-ie .p-product-heading__title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media print, screen and (min-width: 61.25em) {
  .browser-is-ie .p-product-heading__title {
    margin-top: 3px;
  }
}

.p-product-heading__sub {
  display: block;
  font-size: 116%;
}
@media print, screen and (min-width: 48em) {
  .p-product-heading__sub {
    font-size: 167%;
  }
}

.p-product-heading__main {
  display: block;
  font-size: 182%;
  margin-top: 5px;
}
@media print, screen and (min-width: 48em) {
  .p-product-heading__main {
    margin-top: 10px;
    font-size: 277%;
  }
}

.p-product-heading__desc {
  width: 100%;
  margin-top: 3px;
}

@media print, screen and (min-width: 40.0625em) {
  .p-product-heading--product {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #cacaca;
  }
}
.p-product-heading--product .p-product-heading__title {
  margin-bottom: 8px;
}
@media print, screen and (min-width: 61.25em) {
  .p-product-heading--product .p-product-heading__title {
    margin-bottom: 16px;
  }
}

@media print, screen and (min-width: 48em) {
  .p-product-heading--article {
    margin-bottom: 35px;
    padding-top: 10px;
  }
}
.p-product-heading--article .p-product-heading__title {
  margin-bottom: 0;
  font-size: 100%;
  line-height: 1.4;
}

.p-product-heading--visual {
  display: block;
  width: 100%;
  height: 90px;
  margin-bottom: 55px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
@media print, screen and (min-width: 61.25em) {
  .p-product-heading--visual {
    height: 80px;
    background-repeat: 0 0;
  }
}
.p-product-heading--visual .p-product-heading__title {
  margin-bottom: 0;
  padding-top: 26px;
  padding-right: 25px;
  padding-left: 25px;
  line-height: 1.75;
}
@media print, screen and (min-width: 61.25em) {
  .p-product-heading--visual .p-product-heading__title {
    padding-top: 18px;
  }
}

.p-product-heading--business {
  margin-top: 0;
  margin-bottom: 37px;
  background-image: url(/business/img/bg_business_heading_sp_01.jpg);
}
@media print, screen and (min-width: 61.25em) {
  .p-product-heading--business {
    margin-bottom: 55px;
    background-image: url(/business/img/bg_business_heading_pc_01.jpg);
  }
}

@media print, screen and (min-width: 48em) {
  .p-product-heading--info {
    margin-bottom: 20px;
  }
}

.p-product-heading--elesupport {
  margin-top: 0;
  margin-bottom: 30px;
  background-image: url(/support/elesupport/img/bg_elesupport_heading_sp_01.jpg);
}
@media print, screen and (min-width: 61.25em) {
  .p-product-heading--elesupport {
    background-image: url(/support/elesupport/img/bg_elesupport_heading_pc_01.jpg);
  }
}
.p-product-heading--elesupport .p-product-heading__title {
  font-size: 131%;
}
@media only screen and (max-width: 47.9375em) {
  .p-product-heading--elesupport .p-product-heading__title {
    padding-top: 11px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-product-heading--elesupport .p-product-heading__title {
    padding-top: 24px;
  }
}
.p-product-heading--elesupport .p-product-heading__title > span {
  margin-right: 14px;
}
.p-product-heading--elesupport .p-product-heading__title > img {
  display: block;
}
@media print, screen and (min-width: 48em) {
  .p-product-heading--elesupport .p-product-heading__title > img {
    display: inline-block;
    vertical-align: bottom;
  }
}

.p-accordion-switcher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 18px;
}

.p-accordion-switcher__trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border: none;
  background-color: transparent;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 61.25em) {
  .p-accordion-switcher__trigger {
    cursor: pointer;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-accordion-switcher__trigger:hover {
    color: #888;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-accordion-switcher__trigger:hover span {
    border-color: #888;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-accordion-switcher__trigger:hover span:before, .p-accordion-switcher__trigger:hover span:after {
    background-color: #888;
  }
}
.p-accordion-switcher__trigger:first-child {
  margin-right: 18px;
}
.p-accordion-switcher__trigger span {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border-style: solid;
  border-width: 1px;
  border-color: #333;
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
.p-accordion-switcher__trigger span:before, .p-accordion-switcher__trigger span:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 2px;
  background-color: #333;
  content: "";
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
.p-accordion-switcher__trigger span:after {
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
          transform: translate(-50%, -50%) rotate(-90deg);
}

.p-accordion-switcher__trigger--close span:after {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* 親コンテナ（2019/02/05 新規追加） START */
@media print, screen and (min-width: 40.0625em) {
  .p-product-link-panel-container {
    margin-right: -2%;
  }
}
/* 親コンテナ（2019/02/05 新規追加） END */

.p-product-link-panel {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  margin-bottom: 8px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
  padding-left: 15px;
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #cacaca;
  color: #333;
  box-shadow: 0 7px 11px rgba(0, 0, 0, 0.05), 0 1px 5px rgba(0, 0, 0, 0.1);
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 48em) {
  .p-product-link-panel {
    margin-bottom: 16px;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-product-link-panel {
    padding-right: 22px;
    padding-left: 22px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-product-link-panel:hover {
    color: #888;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1), 0 3px 10px rgba(0, 0, 0, 0.2);
  }
}
.c-flex-container--1col .p-product-link-panel {
  margin-bottom: 8px;
}
@media print, screen and (min-width: 40.0625em) {
  .c-flex-container--1col .p-product-link-panel {
    width: 100%;
    /* margin-right: 0; */
    margin-right: 2%;
  }
}
.c-flex-container--2col .p-product-link-panel {
  margin-bottom: 8px;
}
@media print, screen and (min-width: 40.0625em) {
  .c-flex-container--2col .p-product-link-panel {
    /* width: 49%; */
    width: calc(50% - 2%);
    margin-right: 2%;
  }
}
@media print, screen and (min-width: 48em) {
  .c-flex-container--2col .p-product-link-panel {
    margin-bottom: 16px;
  }
}
/* .c-flex-container--2col .p-product-link-panel:nth-child(2n) {
  margin-right: 0;
} */
.c-flex-container--3col .p-product-link-panel {
  margin-bottom: 8px;
}
@media print, screen and (min-width: 40.0625em) {
  .c-flex-container--3col .p-product-link-panel {
    /* width: 32%; */
    width: calc(33.33% - 2%);
    margin-right: 2%;
  }
}
@media print, screen and (min-width: 48em) {
  .c-flex-container--3col .p-product-link-panel {
    margin-bottom: 16px;
  }
}
/* .c-flex-container--3col .p-product-link-panel:nth-child(3n) {
  margin-right: 0;
} */
.c-flex-container--4col .p-product-link-panel {
  margin-bottom: 8px;
}
@media print, screen and (min-width: 40.0625em) {
  .c-flex-container--4col .p-product-link-panel {
    /* width: 32%; */
    width: calc(33.33% - 2%);
    margin-right: 2%;
  }
}
@media print, screen and (min-width: 48em) {
  .c-flex-container--4col .p-product-link-panel {
    margin-bottom: 16px;
  }
}
@media print, screen and (min-width: 80em) {
  .c-flex-container--4col .p-product-link-panel {
    /* width: 23.5%; */
    width: calc(25% - 2%);
    margin-right: 2%;
  }
}
/* @media print, screen and (min-width: 40.0625em) {
  .c-flex-container--4col .p-product-link-panel:nth-child(3n) {
    margin-right: 0;
  }
}
@media print, screen and (min-width: 80em) {
  .c-flex-container--4col .p-product-link-panel:nth-child(3n) {
    margin-right: 2%;
  }
}
@media print, screen and (min-width: 80em) {
  .c-flex-container--4col .p-product-link-panel:nth-child(4n) {
    margin-right: 0;
  }
} */
@media print, screen and (min-width: 80em) {
  .is-sliding .c-flex-container--4col .p-product-link-panel {
    /* width: 32%; */
    width: calc(33.33% - 2%);
  }
}
@media print, screen and (min-width: 96.875em) {
  .is-sliding .c-flex-container--4col .p-product-link-panel {
    /* width: 23.5%; */
    width: calc(25% - 2%);
  }
}
/* @media print, screen and (min-width: 80em) {
  .is-sliding .c-flex-container--4col .p-product-link-panel:nth-child(3n) {
    margin-right: 0;
  }
}
@media print, screen and (min-width: 96.875em) {
  .is-sliding .c-flex-container--4col .p-product-link-panel:nth-child(3n) {
    margin-right: 2%;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .c-flex-container--4col .p-product-link-panel:nth-child(4n) {
    margin-right: 2%;
  }
}
@media print, screen and (min-width: 96.875em) {
  .is-sliding .c-flex-container--4col .p-product-link-panel:nth-child(4n) {
    margin-right: 0;
  }
} */
.c-flex-container--5col .p-product-link-panel {
  margin-bottom: 8px;
}
@media print, screen and (min-width: 40.0625em) {
  .c-flex-container--5col .p-product-link-panel {
    /* width: 32%; */
    width: calc(33.33% - 2%);
    margin-right: 2%;
  }
}
@media print, screen and (min-width: 48em) {
  .c-flex-container--5col .p-product-link-panel {
    margin-bottom: 16px;
  }
}
@media print, screen and (min-width: 80em) {
  .c-flex-container--5col .p-product-link-panel {
    /* width: 18.4%; */
    width: calc(20% - 2%);
    margin-right: 2%;
  }
}
/* @media print, screen and (min-width: 40.0625em) {
  .c-flex-container--5col .p-product-link-panel:nth-child(3n) {
    margin-right: 0;
  }
}
@media print, screen and (min-width: 80em) {
  .c-flex-container--5col .p-product-link-panel:nth-child(3n) {
    margin-right: 2%;
  }
}
@media print, screen and (min-width: 80em) {
  .c-flex-container--5col .p-product-link-panel:nth-child(5n) {
    margin-right: 0;
  }
} */
.p-product-link-panel.p-product-link-panel--block {
  display: block;
}
.p-product-link-panel.p-product-link-panel--banner {
  margin-bottom: 12px;
}
.p-product-link-panel.p-product-link-panel--list {
  width: 100%;
  margin-bottom: 0;
  margin-right: 0;
  border-width: 0 1px 1px 1px;
  box-shadow: none;
}
@media print, screen and (min-width: 61.25em) {
  .p-product-link-panel.p-product-link-panel--list:hover {
    z-index: 1;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1), 0 3px 10px rgba(0, 0, 0, 0.2);
  }
}

a.p-product-link-panel {
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}

.p-product-link-panel__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.p-product-link-panel__image {
  display: table;
  position: relative;
  width: 44px;
  height: auto;
  margin-right: 8px;
}
@media print, screen and (min-width: 48em) {
  .p-product-link-panel__image {
    width: 31.5%;
    max-width: 68px;
  }
}
.p-product-link-panel__image img {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  width: 100%;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-product-link-panel__image img {
    opacity: 0.6;
  }
}

.p-product-link-panel__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.p-product-link-panel__title {
  position: relative;
  margin-right: 11px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
  font-size: 123.1%;
  line-height: 1.4;
  word-break: break-all;
}
@media print, screen and (min-width: 48em) {
  .p-product-link-panel__title {
    font-size: 116%;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-product-link-panel__title {
    margin-right: 15px;
    font-size: 131%;
  }
}
.p-product-link-panel__title:after {
  display: block;
  position: absolute;
  top: 50%;
  right: -13px;
  width: 5px;
  height: 5px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #333;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  content: "";
}
@media print, screen and (min-width: 48em) {
  .p-product-link-panel__title:after {
    right: -9px;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-product-link-panel__title:after {
    right: -13px;
  }
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-product-link-panel__title:after {
    border-color: #888;
    -webkit-transform: translate(3px, -50%) rotate(45deg);
            transform: translate(3px, -50%) rotate(45deg);
  }
}
.p-product-link-panel__title br {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .p-product-link-panel__title br {
    display: block;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-product-link-panel__title br {
    display: none;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-product-link-panel__title br {
    display: block;
  }
}
.p-product-link-panel--article .p-product-link-panel__title {
  margin-bottom: 0;
  margin-right: 0;
  font-size: 123.1%;
}
@media print, screen and (min-width: 48em) {
  .p-product-link-panel--article .p-product-link-panel__title {
    font-size: 116%;
  }
}
.p-product-link-panel--article .p-product-link-panel__title:after {
  display: none;
}
.browser-is-ie .p-product-link-panel__title {
  display: block;
  max-width: 100%;
}
@media print, screen and (min-width: 48em) {
  .browser-is-ie .p-product-link-panel__title {
    padding-top: 5px;
  }
}

.p-product-link-panel__label {
  width: 100%;
}
.p-product-link-panel__label span {
  display: inline-block;
  margin-top: 8px;
  padding-top: 1px;
  padding-bottom: 0px;
  padding-right: 10px;
  padding-left: 10px;
  background-color: #014099;
  border-radius: 3px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
  font-size: 85%;
  color: #fff;
  text-align: center;
}
.browser-is-ie .p-product-link-panel__label span {
  padding-top: 3px;
}

.p-product-link-panel__text {
  width: 100%;
  margin-top: 8px;
  padding-bottom: 2px;
  line-height: 1.4;
}
@media print, screen and (min-width: 40.0625em) {
  .p-product-link-panel__text {
    margin-top: 12px;
    padding-bottom: 7px;
  }
}
.p-product-link-panel--article .p-product-link-panel__text {
  line-height: 1.75;
}

/*****************************************
* モディファイア
*****************************************/
@media print, screen and (min-width: 48em) {
  .product-link-panel--column .p-product-link-panel__main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
  }
}
.product-link-panel--column .p-product-link-panel__main svg {
  vertical-align: top;
}
@media print, screen and (min-width: 48em) {
  .product-link-panel--column .p-product-link-panel__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 68px;
    height: 68px;
    margin-right: 0;
  }
}
.product-link-panel--column .p-product-link-panel__image img {
  display: block;
}

@media print, screen and (min-width: 48em) {
  .product-link-panel--small .p-product-link-panel__block {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    padding-top: 0;
  }
}
@media print, screen and (min-width: 48em) {
  .product-link-panel--small .p-product-link-panel__title {
    margin-right: 15px;
    font-size: 116%;
  }
}

.p-product-link-panel--icon .p-product-link-panel__image {
  max-width: 30px;
  min-height: auto;
  margin-right: 12px;
}

.p-rate-module {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 48em) {
  .p-rate-module {
    margin-bottom: 8px;
  }
}

.p-rate-module__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: -3px;
  margin-left: 8px;
}

.p-rate-module__star {
  margin-top: -12px;
  font-size: 116%;
  letter-spacing: -0.16em;
  color: #cacaca;
}
.p-rate-module__star span {
  color: #e6942b;
}

.p-visualize-area {
  visibility: hidden;
  opacity: 0;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
.p-visualize-area.is-visible {
  visibility: visible;
  opacity: 1;
}

.p-border-module {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 16px;
  padding-top: 15px;
  padding-bottom: 19px;
  padding-right: 14px;
  padding-left: 14px;
  border-style: solid;
  border-width: 1px;
  border-color: #cacaca;
}
@media print, screen and (min-width: 48em) {
  .p-border-module {
    margin-bottom: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 38px;
    padding-left: 38px;
  }
}

.p-border-module__sentence span {
  color: #dc4437;
}

.p-border-module__time {
  margin-right: 10px;
  font-family: "Oswald", sans-serif;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 500;
  font-size: 85%;
  letter-spacing: 4px;
}

.p-border-module__image {
  width: 80px;
  padding-left: 10px;
}
@media print, screen and (min-width: 48em) {
  .p-border-module__image {
    width: auto;
    padding-left: 40px;
  }
}
.p-border-module__image img {
  display: block;
}
@media only screen and (max-width: 47.9375em) {
  .p-border-module__image img {
    width: 100%;
  }
}

.p-border-module__button {
  width: 100%;
  margin-top: 8px;
}
@media print, screen and (min-width: 48em) {
  .p-border-module__button {
    width: 300px;
    margin-top: 20px;
  }
}

.p-border-module__title {
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
  font-size: 100%;
  letter-spacing: 0.16em;
  line-height: 1.4;
  margin-bottom: 6px;
}

.p-border-module__sub-title {
  display: block;
  margin-bottom: 3px;
  font-size: 100%;
}
@media print, screen and (min-width: 48em) {
  .p-border-module__sub-title {
    font-size: 116%;
  }
}

.p-border-module__main-title {
  display: block;
  font-size: 131%;
}
@media print, screen and (min-width: 48em) {
  .p-border-module__main-title {
    font-size: 229%;
  }
}

/*****************************************
* モディファイア
*****************************************/
@media print, screen and (min-width: 48em) {
  .p-border-module--padding_s {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 22px;
    padding-left: 22px;
  }
}

@media print, screen and (min-width: 48em) {
  .p-border-module--large-button .p-border-module__button {
    width: 100%;
  }
}

.p-border-module--text-btn .p-border-module__title {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-bottom: 0;
  font-size: 131%;
}
@media print, screen and (min-width: 40.0625em) {
  .p-border-module--text-btn .p-border-module__title {
    float: left\9;
  }
}
@media print, screen and (min-width: 48em) {
  .p-border-module--text-btn .p-border-module__title {
    padding-right: 27px;
    font-size: 153.9%;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .p-border-module--text-btn .p-border-module__button {
    float: right\9;
    width: 300px\9;
  }
}
@media print, screen and (min-width: 48em) {
  .p-border-module--text-btn .p-border-module__button {
    margin-top: 0;
  }
}

.p-edit-area {
  margin-bottom: 16px;
}
@media print, screen and (min-width: 48em) {
  .p-edit-area {
    margin-bottom: 35px;
  }
}
.p-edit-area h2 {
  box-sizing: border-box;
  position: relative;
  margin-top: 32px;
  margin-bottom: 20px;
  padding-top: 12px;
  padding-bottom: 10px;
  padding-right: 16px;
  padding-left: 16px;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  border-color: #cacaca;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 153.9%;
  font-weight: bold;
  letter-spacing: 0.16em;
}
@media print, screen and (min-width: 48em) {
  .p-edit-area h2 {
    margin-top: 52px;
    margin-bottom: 30px;
    padding-top: 14px;
    padding-bottom: 12px;
    padding-right: 22px;
    padding-left: 22px;
    font-size: 167%;
    line-height: 1.5;
  }
}
.browser-is-ie .p-edit-area h2 {
  padding-top: 15px;
  padding-bottom: 7px;
}
@media print, screen and (min-width: 48em) {
  .browser-is-ie .p-edit-area h2 {
    padding-top: 16px;
    padding-bottom: 10px;
  }
}
.p-edit-area h2:before {
  display: block;
  position: absolute;
  left: 0;
  top: -1px;
  width: 4px;
  height: calc(100% + 2px);
  background-color: #014099;
  content: "";
}
.p-edit-area h2 br {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .p-edit-area h2 br {
    display: block;
  }
}
.p-edit-area h3 {
  margin-top: 24px;
  margin-bottom: 10px;
  padding-left: 12px;
  border-left: 4px #014099 solid;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 131%;
  font-weight: bold;
  color: #000;
  line-height: 1.2;
  letter-spacing: 0.085em;
}
@media print, screen and (min-width: 48em) {
  .p-edit-area h3 {
    margin-top: 32px;
    margin-bottom: 15px;
  }
}
.browser-is-ie .p-edit-area h3 {
  padding-top: 4px;
}
.p-edit-area h4 {
  margin-bottom: 10px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 123.1%;
  font-weight: bold;
  color: #000;
  line-height: 1.2;
  letter-spacing: 0.085em;
}
@media print, screen and (min-width: 48em) {
  .p-edit-area h4 {
    margin-bottom: 15px;
  }
}
.p-edit-area p {
  margin-bottom: 8px;
  font-size: 116%;
}
@media print, screen and (min-width: 48em) {
  .p-edit-area p {
    margin-bottom: 18px;
  }
}
.p-edit-area ul li {
  font-size: 116%;
  line-height: 1.4;
  margin-bottom: 8px;
}
.p-edit-area img {
  display: block;
  width: 100%;
  margin-bottom: 16px;
}
@media print, screen and (min-width: 61.25em) {
  .p-edit-area img {
    width: auto;
    max-width: 100%;
  }
}

.p-contact-block {
  box-sizing: border-box;
  padding-top: 15px;
  padding-bottom: 19px;
  padding-right: 14px;
  padding-left: 14px;
  border-style: solid;
  border-width: 8px;
  border-color: #014099;
}
@media print, screen and (min-width: 48em) {
  .p-contact-block {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 38px;
    padding-left: 38px;
  }
}

.p-contact-block__heading {
  margin-bottom: 6px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
}

.p-contact-block__sub {
  display: block;
  margin-bottom: 3px;
  font-size: 100%;
  font-weight: bold;
}
@media print, screen and (min-width: 48em) {
  .p-contact-block__sub {
    font-size: 116%;
  }
}

.p-contact-block__main {
  display: block;
  font-size: 131%;
}
@media print, screen and (min-width: 48em) {
  .p-contact-block__main {
    font-size: 229%;
  }
}

.p-contact-block__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media print, screen and (min-width: 61.25em) {
  .p-contact-block__container {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.p-contact-block__module {
  margin-bottom: 16px;
}
@media print, screen and (min-width: 48em) {
  .p-contact-block__module {
    margin-bottom: 0;
  }
}

.p-contact-block__module-content {
  margin-bottom: 8px;
}
@media print, screen and (min-width: 48em) {
  .p-contact-block__module-content {
    margin-bottom: 15px;
  }
}

.p-contact-block__module-tel {
  padding-top: 9px;
  padding-bottom: 7px;
  border-style: solid;
  border-color: #cacaca;
  border-width: 1px 0 1px 0;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
  font-size: 167%;
  text-align: center;
  line-height: 1;
}
.browser-is-ie .p-contact-block__module-tel {
  padding-top: 13px;
  padding-bottom: 3px;
}

.p-contact-block__module-title {
  margin-bottom: 8px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
  font-size: 116%;
  text-align: center;
}
@media print, screen and (min-width: 48em) {
  .p-contact-block__module-title {
    font-size: 131%;
  }
}

.p-contact-block__sub-image > img {
  width: 80px;
}
@media print, screen and (min-width: 48em) {
  .p-contact-block__sub-image > img {
    width: auto;
  }
}

.p-contact-block__button {
  width: 100%;
  margin-bottom: 12px;
}

.p-contact-block__button-inner {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.p-contact-block__sentence {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: center;
}

.p-contact-block--business {
  padding-top: 15px;
  padding-bottom: 19px;
  padding-right: 14px;
  padding-left: 14px;
}
@media print, screen and (min-width: 48em) {
  .p-contact-block--business {
    padding-top: 43px;
    padding-bottom: 42px;
  }
}
.p-contact-block--business .p-contact-block__heading {
  margin-bottom: 16px;
  text-align: center;
}
@media print, screen and (min-width: 48em) {
  .p-contact-block--business .p-contact-block__heading {
    margin-bottom: 26px;
  }
}
.p-contact-block--business .p-contact-block__module {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
  text-align: center;
}
@media print, screen and (min-width: 48em) {
  .p-contact-block--business .p-contact-block__module {
    width: 50%;
    max-width: 300px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-contact-block--business .p-contact-block__module:first-child {
    margin-right: 20px;
  }
}
.p-contact-block--business .p-contact-block__module:last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 48em) {
  .p-contact-block--business .p-contact-block__module:last-child {
    margin-left: 20px;
  }
}
.p-contact-block--business .p-contact-block__container--bottom {
  margin-top: 16px;
}
@media print, screen and (min-width: 48em) {
  .p-contact-block--business .p-contact-block__container--bottom {
    margin-top: 38px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-contact-block--business .p-contact-block__container--bottom .p-contact-block__module {
    width: 100%;
    max-width: 100%;
  }
}
.p-contact-block--business .p-contact-block__module-link {
  font-size: 116%;
}

.p-contact-block--image .p-contact-block__container {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.p-contact-block--image .p-contact-block__module:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.p-contact-block--image .p-contact-block__module:last-child {
  margin-left: 30px;
}
.p-contact-block--image .p-contact-block__button {
  margin-bottom: 0;
}

.p-contact-block--center .p-contact-block__heading {
  margin-bottom: 11px;
  text-align: center;
}
.p-contact-block--center .p-contact-block__container {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media print, screen and (min-width: 48em) {
  .p-contact-block--center .p-contact-block__button-inner {
    max-width: 385px;
  }
}

.p-multi-tab {
  visibility: hidden;
  opacity: 0;
  width: 100%;
}
.p-multi-tab.is-visible {
  visibility: visible;
  opacity: 1;
}

.p-multi-tab__label-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  position: relative;
  width: 100%;
}
.p-multi-tab__label-area.p-2tab-btn{
  max-width: 700px;
  margin:0 auto;
}
.p-multi-tab__label {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
  margin-left: 4px;
  padding-top: 11px;
  padding-bottom: 10px;
  padding-right: 2px;
  padding-left: 2px;
  background-color: #e6e6e6;
  border-style: solid;
  border-width: 1px;
  border-color: #e6e6e6;
  border-bottom-color: #cacaca;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
  font-size: 85%;
  line-height: 1.4;
  text-align: center;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 40.0625em) {
  .p-multi-tab__label {
    margin-left: 10px;
    padding-top: 12px;
    padding-bottom: 10px;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 116%;
  }
}
.p-multi-tab__label:last-child {
  margin-right: 4px;
}
@media print, screen and (min-width: 40.0625em) {
  .p-multi-tab__label:last-child {
    margin-right: 10px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-multi-tab__label:hover {
    background-color: #ededed;
    border-top-color: #ededed;
    border-right-color: #ededed;
    border-left-color: #ededed;
    color: #888;
  }
}
.p-multi-tab__label.is-active {
  background-color: #fff;
  border-color: #cacaca;
  border-bottom-color: #fff;
  cursor: default;
  pointer-events: none;
}
@media print, screen and (min-width: 61.25em) {
  .p-multi-tab__label.is-active:hover {
    background-color: #e6e6e6;
    color: #333;
  }
}

.p-multi-tab__panel-area {
  position: relative;
  z-index: 0;
  margin-top: -1px;
}

.p-multi-tab__panel {
  box-sizing: border-box;
  display: none;
  position: relative;
  width: 100%;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 14px;
  padding-left: 14px;
  border-style: solid;
  border-width: 1px;
  border-color: #cacaca;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 40.0625em) {
  .p-multi-tab__panel {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 28px;
    padding-right: 28px;
  }
}
.p-multi-tab__panel.is-clear {
  opacity: 0;
}
.p-multi-tab__panel.is-active {
  display: block;
}

/*****************************************
* モディファイア
*****************************************/
.p-multi-tab--plane .p-multi-tab__label:first-child {
  margin-left: 0;
}
.p-multi-tab--plane .p-multi-tab__label:last-child {
  margin-right: 0;
}
.p-multi-tab--plane .p-multi-tab__panel {
  border-width: 1px 0 0 0;
  padding-bottom: 0;
  padding-right: 0;
  padding-left: 0;
}
/*20190221 シャドウ追加*/
.p-modal-module {
  visibility: hidden;
  opacity: 0;
  box-sizing: border-box;
  position: fixed;
  z-index: 101;
  top: 50%;
  left: 50%;
  background-color: #fff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  box-shadow: 0 7px 11px rgba(0, 0, 0, 0.05), 0 1px 5px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
@media print, screen and (min-width: 40.0625em) {
  .p-modal-module {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.p-modal-module.is-visible {
  visibility: visible;
  opacity: 1;
}

.p-modal-module__inner {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 40.0625em) {
  .p-modal-module__inner {
    padding-right: 55px;
    padding-left: 55px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-modal-module__inner {
    padding-right: 80px;
    padding-left: 80px;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-modal-module__inner {
    padding-right: 105px;
    padding-left: 105px;
  }
}
/*罫線非表示*/
.p-modal-module__viewer {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  /*border-style: solid;*/
  /*border-width: 1px;*/
  /*border-color: #cacaca;*/
}

.p-modal-module__slider {
  height: 100%;
  transition: -webkit-transform ease 0.6s;
  transition: transform ease 0.6s;
  transition: transform ease 0.6s, -webkit-transform ease 0.6s;
}

.p-modal-module__slider-body {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 100%;
}

.p-modal-module__slider-item img {
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  max-width: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
/* @media print, screen and (min-width: 48em) {
  .browser-is-safari .p-modal-module__slider-item img {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
} */

.p-modal-module__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p-modal-module__nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 60px;
}
@media print, screen and (min-width: 40.0625em) {
  .p-modal-module__nav-item {
    width: 10.8%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-modal-module__nav-item {
    cursor: pointer;
  }
}
@media print, screen and (min-width: 80em) {
  .p-modal-module__nav-item {
    width: 10.4%;
  }
}
.p-modal-module__nav-item svg {
  width: 21px;
  height: 33px;
  fill: #333;
}

.p-modal-module__close {
  box-sizing: border-box;
  position: absolute;
  top: 20px;
  right: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #333;
  padding-left: 7px;
  cursor: pointer;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  transition: background-color ease 0.15s;
}
@media print, screen and (min-width: 40.0625em) {
  .p-modal-module__close {
    right: 5.4%;
  }
}
@media print, screen and (min-width: 80em) {
  .p-modal-module__close {
    right: 5.2%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-modal-module__close:hover {
    background-color: #555555;
  }
}
.p-modal-module__close > svg {
  position: absolute;
  top: 7px;
  width: 10px;
  margin: 0;
  height: 10px;
  fill: #fff;
  stroke: #fff;
}

/*****************************************
* モディファイア
*****************************************/
.p-modal-module--simple {
  background-color: transparent;
  padding: 0;
  -webkit-transform: translate(calc(-50% + 20px), -50%);
          transform: translate(calc(-50% + 20px), -50%);
}
.p-modal-module--simple.is-size-s img {
  width: 398px;
}
.p-modal-module--simple.is-size-m img {
  width: 602px;
}
.p-modal-module--simple.is-size-l img {
  width: 800px;
}
.p-modal-module--simple img {
  display: none;
  height: auto;
}
.p-modal-module--simple img.is-show {
  display: block;
}
.p-modal-module--simple .p-modal-module__close {
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}

.p-image-indicator {
  width: 100%;
}

.p-image-indicator__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -10px;
  margin-right: -5px;
  margin-left: -4px;
}
.is-size-l .p-image-indicator__list {
  margin-right: -11px;
  margin-left: -2px;
}
.is-no-scroll .p-image-indicator__list {
  margin-right: -6px;
}
/*20190220　大きさ微調整 製品詳細関連
.p-image-indicator__item {
  position: relative;
  width: 52px;
  height: 52px;
  margin-top: 10px;
  margin-right: 5px;
  margin-left: 5px;
}
*/
.p-image-indicator__item {
  position: relative;
  width: 53px;
  height: 53px;
  margin-top: 10px;
  margin-right: 5px;
  margin-left: 5px;
}
@media print, screen and (min-width: 40.0625em) {
  .p-image-indicator__item {
    margin-top: 10px;
    margin-bottom: 0;
    margin-right: 4px;
    margin-left: 4px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-image-indicator__item {
    cursor: pointer;
  }
}
.p-image-indicator--modal .p-image-indicator__item {
  width: 58px;
  height: 58px;
  margin-right: 5px;
  margin-left: 5px;
}
.is-size-l .p-image-indicator__item {
  margin-right: 4px;
}
.p-image-indicator--product .p-image-indicator__item {
  float: left\9;
}
@media only screen and (max-width: 40em) {
  .p-image-indicator--product .p-image-indicator__item {
    width: 5px;
    height: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 50%;
    background-color: #ddd;
  }
}
@media only screen and (max-width: 40em) {
  .p-image-indicator--product .p-image-indicator__item img {
    display: none;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-image-indicator__item.is-current {
    pointer-events: none;
  }
}
.p-image-indicator--product .p-image-indicator__item.is-current {
  background-color: #333;
}
.p-image-indicator__item.is-current:after {
  border-width: 3px;
  border-color: #014099;
}
.p-image-indicator__item:after {
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}
@media only screen and (max-width: 40em) {
  .p-image-indicator--product .p-image-indicator__item:after {
    display: none;
  }
}
.p-image-indicator__item:after {
  opacity: 1;
  border-style: solid;
  border-width: 1px;
  border-color: #cacaca;
  transition: border cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
}
@media print, screen and (min-width: 61.25em) {
  .p-image-indicator__item:hover img {
    opacity: 0.6;
  }
}
.p-image-indicator__item img {
  display: block;
  width: 100%;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}

.p-image-indicator__button {
  display: none;
  margin-top: 20px;
}
@media print, screen and (min-width: 40.0625em) {
  .is-hide .p-image-indicator__button {
    display: block;
  }
}
.p-image-indicator__button a {
  display: block;
  padding-top: 11px;
  padding-bottom: 9px;
  border-style: solid;
  border-width: 1px;
  border-color: #cacaca;
  text-align: center;
}
.p-image-indicator__button a:before {
  content: "もっと見る";
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
.is-open .p-image-indicator__button a:before {
  content: "閉じる";
}
.p-image-indicator__button a:hover:before {
  color: #888;
}
.p-image-indicator__button a:hover span:before, .p-image-indicator__button a:hover span:after {
  background-color: #888;
}
.p-image-indicator__button span {
  display: inline-block;
  position: relative;
  top: 0;
  right: 0;
  width: 10px;
  height: 10px;
  margin-left: 6px;
}
.p-image-indicator__button span:before, .p-image-indicator__button span:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 2px;
  background-color: #333;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  content: "";
}
.p-image-indicator__button span:after {
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
          transform: translate(-50%, -50%) rotate(-90deg);
}
.is-open .p-image-indicator__button span:after {
  -webkit-transform: translate(-50%, -50%) rotate(0);
          transform: translate(-50%, -50%) rotate(0);
}

/*****************************************
* モディファイア
*****************************************/
.p-image-indicator--product {
  visibility: hidden;
}
.p-image-indicator--product.is-visible {
  visibility: visible;
}
.p-image-indicator--product .p-image-indicator__inner {
  width: 100%;
}
.p-image-indicator--product .p-image-indicator__list {
  display: block\9;
  width: 100% \9;
}
@media only screen and (max-width: 40em) {
  .p-image-indicator--product .p-image-indicator__list {
    margin: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.p-image-indicator--product.is-hide .p-image-indicator__inner {
  overflow: hidden;
}

.p-image-indicator--modal {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
  max-height: 126px;
  padding-right: 6px;
}
.p-image-indicator--modal::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background: #fff;
}
.p-image-indicator--modal::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #eee;
}
.p-image-indicator--modal::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #666;
}
@media print, screen and (min-width: 40.0625em) {
  .p-image-indicator--modal {
    margin-right: 55px;
    margin-left: 55px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-image-indicator--modal {
    margin-right: 80px;
    margin-left: 80px;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-image-indicator--modal {
    margin-right: 105px;
    margin-left: 105px;
  }
}
.browser-is-chrome .p-image-indicator--modal {
  padding-right: 0;
}
.is-no-scroll .p-image-indicator--modal {
  overflow-y: hidden;
  padding-right: 0;
}
.is-size-s .p-image-indicator--modal {
  max-width: 417px;
}
.is-size-m .p-image-indicator--modal {
  max-width: 621px;
}
.is-size-l .p-image-indicator--modal {
  max-width: 816px;
}

.p-overlay {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  transition: all ease 0.3s;
}
.p-overlay.is-visible {
  opacity: 1;
  visibility: visible;
}

.p-home-visual {
  margin-bottom: 50px;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual {
    margin-bottom: 24px;
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}

.p-home-visual__inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1400px;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 500px;
    border: solid 1px #cacaca;
    box-shadow: 0 7px 11px rgba(0, 0, 0, 0.05), 0 1px 5px rgba(0, 0, 0, 0.1);
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-home-visual__inner {
    height: 370px;
    margin-right: auto;
    margin-left: auto;
  }
}

.p-home-visual__tab {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  background-color: #e6e6e6;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__tab {
    display: block;
    width: 10%;
    min-width: 120px;
    height: 100%;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.08);
    border-right: solid 1px #cacaca;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-home-visual__tab {
    margin-right: auto;
    margin-left: auto;
  }
}

.p-home-visual__tab-bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: #014099;
  transition: -webkit-transform ease 0.15s;
  transition: transform ease 0.15s;
  transition: transform ease 0.15s, -webkit-transform ease 0.15s;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__tab-bg {
    top: -1px;
    left: -1px;
    width: 100%;
    height: 50%;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    border-color: #014099;
  }
}
.p-home-visual__tab-bg.is-bottom {
  -webkit-transform: translate(100%, 0);
          transform: translate(100%, 0);
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__tab-bg.is-bottom {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
}
.p-home-visual__tab-bg:after {
  position: absolute;
  z-index: 1;
  bottom: -8px;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #014099 transparent transparent transparent;
  content: "";
  -webkit-transform: translateY(-2.5px);
  transform: translateY(-2.5px);
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__tab-bg:after {
    top: 50%;
    left: auto;
    right: -11px;
    border-style: solid;
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #014099;
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

.p-home-visual__tab-item {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  width: 50%;
  text-align: center;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 85%;
  font-weight: bold;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__tab-item {
    width: 100%;
    height: 50%;
    font-size: 116%;
    line-height: 1.3;
  }
}
.p-home-visual__tab-item a {
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 16px;
  padding-bottom: 14px;
  color: #333;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__tab-item a {
    padding-top: 80px;
    padding-bottom: 0;
    transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-home-visual__tab-item a {
    padding-top: 54px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .browser-is-ie .p-home-visual__tab-item a {
    padding-bottom: 14px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__tab-item a:hover {
    background-color: #ededed;
    color: #888;
  }
}
.p-home-visual__tab-item a:hover.is-current .p-home-visual__tab-icon2 {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__tab-item a:hover span {
    color: #888;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__tab-item a:hover svg {
    fill: #888;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__tab-item a:hover:after {
    border-color: #888;
    -webkit-transform: translate(calc(-50% + 3px), 0) rotate(45deg);
            transform: translate(calc(-50% + 3px), 0) rotate(45deg);
  }
}
.p-home-visual__tab-item a:hover .p-home-visual__tab-icon2 {
  -webkit-transform: translate(100%, 0);
          transform: translate(100%, 0);
}
.p-home-visual__tab-item a.is-current {
  color: #fff;
  pointer-events: none;
}
.p-home-visual__tab-item a.is-current:after {
  display: none;
}
.p-home-visual__tab-item a.is-current .p-home-visual__tab-icon1 {
  fill: #fff;
}
.p-home-visual__tab-item a.is-current .p-home-visual__tab-icon2 {
  display: none;
}
.p-home-visual__tab-item a:after {
  display: none;
  position: relative;
  left: 50%;
  width: 5px;
  height: 5px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #333;
  -webkit-transform: translate(-50%, 0) rotate(45deg);
          transform: translate(-50%, 0) rotate(45deg);
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  content: "";
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__tab-item a:after {
    display: block;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__tab-item span {
    display: block;
    margin-bottom: 12px;
  }
}
.p-home-visual__tab-item span br {
  display: none;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__tab-item span br {
    display: block;
  }
}
.p-home-visual__tab-item svg {
  fill: #000;
  transition: fill cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__tab-item svg {
    display: block;
    margin-bottom: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}
.p-home-visual__tab-item svg.p-home-visual__tab-icon1 {
  margin-right: 3px;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__tab-item svg.p-home-visual__tab-icon1 {
    margin-right: auto;
  }
}
.p-home-visual__tab-item svg.p-home-visual__tab-icon2 {
  display: none;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__tab-item svg.p-home-visual__tab-icon2 {
    display: none;
    width: 5px;
    height: 9px;
    fill: #333;
    transition: -webkit-transform ease 0.3s;
    transition: transform ease 0.3s;
    transition: transform ease 0.3s, -webkit-transform ease 0.3s;
  }
}
.p-home-visual__tab-item.p-home-visual__tab-item1 .p-home-visual__tab-icon1 {
  position: relative;
  top: 1px;
  width: 22px;
  height: 11px;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__tab-item.p-home-visual__tab-item1 .p-home-visual__tab-icon1 {
    top: 0;
    width: 29px;
    height: 16px;
  }
}
.p-home-visual__tab-item.p-home-visual__tab-item2 .p-home-visual__tab-icon1 {
  position: relative;
  top: 3px;
  width: 19px;
  height: 13px;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__tab-item.p-home-visual__tab-item2 .p-home-visual__tab-icon1 {
    top: 0;
    width: 32px;
    height: 23px;
  }
}

.p-home-visual__contents-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__contents-area {
    display: block;
    width: 100%;
    height: 100%;
  }
}

.p-home-visual__content {
  box-sizing: border-box;
  display: block;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  transition: all ease 0.2s;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
  }
}
.p-home-visual__content.is-current {
  visibility: visible;
  opacity: 1;
}
.p-home-visual__content.is-hide {
  display: none;
}

.p-home-visual__menu {
  position: relative;
  padding-top: 10px;
  padding-right: 6.25%;
  padding-left: 6.25%;
}
@media print, screen and (min-width: 40.0625em) {
  .p-home-visual__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__menu {
    -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
            justify-content: inherit;
    width: 100%;
    padding: 0;
  }
}

.p-home-visual__menu-item {
  box-sizing: border-box;
  position: relative;
  border-bottom: solid 1px #e2e2e2;
}
@media print, screen and (min-width: 40.0625em) {
  .p-home-visual__menu-item {
    width: 49%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__menu-item {
    width: 25%;
    height: 20%;
    border-bottom: none;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-home-visual__menu-item {
    width: 16.666%;
    height: 33.333%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__menu-item:nth-child(4n):before {
    display: none;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-home-visual__menu-item:nth-child(4n):before {
    display: block;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__menu-item:nth-child(6n):before {
    display: block;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-home-visual__menu-item:nth-child(6n):before {
    display: none;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__menu-item:nth-child(12n):before {
    display: none;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-home-visual__menu-item:nth-child(n+13):after {
    display: none;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__menu-item:nth-child(n+17):after {
    display: none;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .p-home-visual__menu-item:nth-last-child(2) {
    border-bottom: none;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .p-home-visual__menu-item:nth-last-child(2):nth-child(even) {
    border-bottom: solid 1px #e2e2e2;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__menu-item:nth-last-child(2):nth-child(even) {
    border-bottom: none;
  }
}
.p-home-visual__menu-item:last-child {
  border-bottom: none;
}
.p-home-visual__menu-item:before {
  display: none;
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 0;
  width: 1px;
  height: 70%;
  background-color: #e2e2e2;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__menu-item:before {
    display: block;
  }
}
.p-home-visual__menu-item:after {
  display: none;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 50%;
  width: 80%;
  height: 1px;
  background-color: #e2e2e2;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__menu-item:after {
    display: block;
  }
}
.p-home-visual__menu-item a {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__menu-item a {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 15px;
    background-color: #fff;
    text-align: center;
  }
}
.p-home-visual__menu-item a:before {
  display: none;
  box-sizing: border-box;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: solid 1px transparent;
  background-color: #fff;
  content: "";
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__menu-item a:before {
    display: block;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__menu-item a:hover:before {
    z-index: 10;
    border-color: #cacaca;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1), 0 3px 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(1.01);
            transform: scale(1.01);
  }
}
.p-home-visual__menu-item a:after {
  display: block;
  z-index: 2;
  position: absolute;
  top: 50%;
  right: 0;
  width: 5px;
  height: 5px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #333;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  content: "";
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__menu-item a:after {
    display: none;
  }
}

.p-home-visual__menu-image {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 11;
  width: 60px;
  padding-right: 20px;
  padding-left: 10px;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__menu-image {
    width: auto;
    height: 42px;
    margin-bottom: 5px;
    padding: 0;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-home-visual__menu-image {
    height: 55px;
    margin-bottom: 7px;
  }
}
.p-home-visual__menu-image img {
  width: 100%;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__menu-image img {
    width: auto;
    height: 100%;
    transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s;
  }
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-home-visual__menu-image img {
    opacity: 0.6;
  }
}

.p-home-visual__menu-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  z-index: 11;
  width: 100%;
  padding-top: 9px;
  padding-bottom: 7px;
  padding-right: 10px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 123.1%;
  font-weight: bold;
  color: #333;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__menu-text {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    font-size: 85%;
    line-height: 1.4;
    transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-home-visual__menu-text {
    font-size: 100%;
  }
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-home-visual__menu-text {
    color: #888;
  }
}
@media print, screen and (min-width: 61.25em) {
  .browser-is-safari .p-home-visual__menu-text {
    height: 2.7em;
  }
}
.p-home-visual__menu-text br {
  display: none;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__menu-text br {
    display: block;
  }
}

.p-home-visual__button {
  padding-right: 6.25%;
  padding-left: 6.25%;
}
@media print, screen and (min-width: 40.0625em) {
  .p-home-visual__button {
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-home-visual__button {
    padding-top: 18px;
    padding-bottom: 18px;
    padding-right: 18px;
    padding-left: 0;
  }
}

/*****************************************
* 製品情報トップ版
*****************************************/
.p-home-visual--product-top {
  margin-bottom: 32px;
  padding-right: 0;
  padding-left: 0;
}
@media print, screen and (min-width: 48em) {
  .p-home-visual--product-top {
    height: 500px;
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-home-visual--product-top {
    height: 370px;
  }
}
.p-home-visual--product-top .p-home-visual__menu {
  height: 100%;
  padding-right: 0;
  padding-left: 0;
}
@media print, screen and (min-width: 48em) {
  .p-home-visual--product-top .p-home-visual__menu {
    -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
            justify-content: inherit;
    width: 100%;
    padding: 0;
  }
}
@media print, screen and (min-width: 48em) {
  .p-home-visual--product-top .p-home-visual__menu-item {
    width: 25%;
    height: 20%;
    border-bottom: none;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-home-visual--product-top .p-home-visual__menu-item {
    width: 16.666%;
    height: 33.333%;
  }
}
@media print, screen and (min-width: 48em) {
  .p-home-visual--product-top .p-home-visual__menu-item:nth-child(4n):before {
    display: none;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-home-visual--product-top .p-home-visual__menu-item:nth-child(4n):before {
    display: block;
  }
}
@media print, screen and (min-width: 48em) {
  .p-home-visual--product-top .p-home-visual__menu-item:nth-child(6n):before {
    display: block;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-home-visual--product-top .p-home-visual__menu-item:nth-child(6n):before {
    display: none;
  }
}
@media print, screen and (min-width: 48em) {
  .p-home-visual--product-top .p-home-visual__menu-item:nth-child(12n):before {
    display: none;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-home-visual--product-top .p-home-visual__menu-item:nth-child(n+13):after {
    display: none;
  }
}
@media print, screen and (min-width: 48em) {
  .p-home-visual--product-top .p-home-visual__menu-item:nth-child(n+17):after {
    display: none;
  }
}
@media only screen and (max-width: 47.9375em) {
  .p-home-visual--product-top .p-home-visual__menu-item:nth-last-child(2) {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #e2e2e2;
  }
}
@media only screen and (max-width: 47.9375em) {
  .p-home-visual--product-top .p-home-visual__menu-item:last-child {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #e2e2e2;
  }
}
@media print, screen and (min-width: 48em) {
  .p-home-visual--product-top .p-home-visual__menu-item:before {
    display: block;
  }
}
@media print, screen and (min-width: 48em) {
  .p-home-visual--product-top .p-home-visual__menu-item:after {
    display: block;
  }
}
@media print, screen and (min-width: 48em) {
  .p-home-visual--product-top .p-home-visual__menu-item a {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 15px;
    background-color: #fff;
    text-align: center;
  }
}
@media print, screen and (min-width: 48em) {
  .p-home-visual--product-top .p-home-visual__menu-item a:before {
    display: block;
  }
}
@media print, screen and (min-width: 48em) {
  .p-home-visual--product-top .p-home-visual__menu-item a:after {
    display: none;
  }
}
@media print, screen and (min-width: 48em) {
  .p-home-visual--product-top .p-home-visual__menu-image {
    width: auto;
    height: 42px;
    margin-bottom: 5px;
    padding: 0;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-home-visual--product-top .p-home-visual__menu-image {
    height: 55px;
    margin-bottom: 7px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-home-visual--product-top .p-home-visual__menu-image img {
    width: auto;
    height: 100%;
  }
}
@media print, screen and (min-width: 48em) {
  .p-home-visual--product-top .p-home-visual__menu-text {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    font-size: 85%;
    line-height: 1.4;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-home-visual--product-top .p-home-visual__menu-text {
    font-size: 100%;
  }
}
@media print, screen and (min-width: 48em) {
  .browser-is-safari .p-home-visual--product-top .p-home-visual__menu-text {
    height: 2.7em;
  }
}
@media print, screen and (min-width: 48em) {
  .p-home-visual--product-top .p-home-visual__menu-text br {
    display: block;
  }
}

.p-home-banner {
  padding-right: 6.25%;
  padding-left: 6.25%;
  margin-bottom: 35px;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-banner {
    padding-right: 3.125%;
    padding-left: 3.125%;
    margin-bottom: 24px;
  }
}

.p-home-banner__inner {
  width: 100%;
  max-width: 1400px;
}
@media print, screen and (min-width: 40.0625em) {
  .p-home-banner__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-home-banner__inner {
    margin-right: auto;
    margin-left: auto;
  }
}

.p-home-banner__item {
  width: 100%;
  margin-bottom: 10px;
  background-color: #fff;
  box-shadow: 0 7px 11px rgba(0, 0, 0, 0.05), 0 1px 5px rgba(0, 0, 0, 0.1);
  position: relative;
}
.p-home-banner__item:after {
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: #cacaca;
  content: "";
  pointer-events: none;
}
@media print, screen and (min-width: 40.0625em) {
  .p-home-banner__item {
    width: 49%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-home-banner__item {
    width: 24%;
    max-width: 332px;
    margin-bottom: 0;
    transition: box-shadow ease 0.15s;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-home-banner__item:hover {
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1), 0 3px 10px rgba(0, 0, 0, 0.2);
  }
}
.p-home-banner__item a {
  display: block;
  cursor: pointer;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-banner__item a:hover img {
    opacity: 0.6;
  }
}
.p-home-banner__item img {
  display: block;
  width: 100%;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-banner__item img {
    width: 100%;
    transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  }
}

.p-home-notice {
  margin-bottom: 35px;
  margin-top: 35px;
  padding-right: 6.25%;
  padding-left: 6.25%;
}
@media print, screen and (min-width: 40.0625em) {
  .p-home-notice {
    margin-bottom: 25px;
    margin-top: 30px;
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}

.p-home-notice--normal {
  padding-right: 0;
  padding-left: 0;
}

.p-home-notice__table {
  width: 100%;
  max-width: 1400px;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-notice__table {
    margin-bottom: 24px;
    border-style: solid;
    border-width: 1px;
    border-color: #cacaca;
    box-shadow: 0 7px 11px rgba(0, 0, 0, 0.05), 0 1px 5px rgba(0, 0, 0, 0.1);
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-home-notice__table {
    margin-right: auto;
    margin-left: auto;
  }
}
.browser-is-ie .p-home-notice__table {
  border-collapse: separate !important;
}
.p-home-notice__table tr:last-child a {
  border-bottom: none;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-notice__table tr:first-child td a:hover {
    border-bottom-color: #cacaca;
  }
}
.p-home-notice__table th {
  display: block;
  padding-bottom: 7px;
  border-bottom: solid 1px #cacaca;
  vertical-align: top;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-notice__table th {
    display: table-cell;
    width: 10%;
    min-width: 120px;
    padding-bottom: 0;
    border-bottom: none;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #cacaca;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
  }
}
.p-home-notice__table td {
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  padding-top: 13px;
  padding-bottom: 12px;
  border-bottom: solid 1px #cacaca;
  font-size: 108%;
  line-height: 1.4;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-notice__table td {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
    line-height: 1.75;
  }
}
.p-home-notice__table a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #333;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-notice__table a {
    padding-right: 32px;
    padding-left: 32px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #e2e2e2;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-home-notice__table a:hover {
    border-top-color: #cacaca;
    color: #888;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1), 0 3px 10px rgba(0, 0, 0, 0.2);
  }
}

@media print, screen and (min-width: 61.25em) {
  .p-home-notice__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 7px;
  }
}
.p-home-notice__icon svg {
  display: inline-block;
  position: relative;
  top: 4px;
  width: 22px;
  height: 22px;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-notice__icon svg {
    display: block;
  }
}

.p-home-notice__title {
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 123.1%;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.085em;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-notice__title {
    font-size: 116%;
  }
}

.p-home-notice__image {
  display: inline;
  float: left;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-notice__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}
.p-home-notice__image img {
  display: block;
  margin-right: 10px;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s;
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-home-notice__image img {
    opacity: 0.6;
  }
}

@media print, screen and (min-width: 61.25em) {
  .p-home-notice__text {
    padding-top: 15px;
    padding-bottom: 14px;
  }
}
.browser-is-ie .p-home-notice__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media print, screen and (min-width: 48em) {
  .p-box-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-box-link__item {
  box-sizing: border-box;
  width: 100%;
  border-top: solid 1px #cacaca;
}
@media print, screen and (min-width: 48em) {
  .p-box-link__item {
    border-top: none;
  }
}
.p-box-link__item:last-child {
  border-bottom: solid 1px #cacaca;
}
@media print, screen and (min-width: 48em) {
  .p-box-link__item:last-child {
    border-bottom: none;
  }
}
@media print, screen and (min-width: 48em) {
  .browser-is-ie .p-box-link__item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media print, screen and (min-width: 48em) {
  .browser-is-safari .p-box-link__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.p-box-link__item a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 5px;
  padding-right: 20px;
}
@media print, screen and (min-width: 48em) {
  .p-box-link__item a {
    display: block;
    height: 100%;
    padding-top: 0;
    padding-right: 0;
  }
}
@media print, screen and (min-width: 48em) {
  .browser-is-safari .p-box-link__item a {
    width: 100%;
    height: auto;
  }
}
.p-box-link__item a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 5px;
  height: 5px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #333;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  content: "";
}
@media print, screen and (min-width: 48em) {
  .p-box-link__item a:after {
    display: none;
  }
}
.p-box-link__item br {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .p-box-link__item br {
    display: block;
  }
}

.p-box-link__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 70px;
}
@media print, screen and (min-width: 48em) {
  .p-box-link__image {
    width: auto;
    height: 100px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-box-link__image {
    height: 145px;
  }
}
.p-box-link__image img {
  display: block;
  height: 80%;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 48em) {
  .p-box-link__image img {
    width: auto;
    height: 90%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-box-link__image img {
    height: auto;
  }
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-box-link__image img {
    opacity: 0.6;
  }
}

.p-box-link__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 15px;
  color: #333;
  font-size: 123.1%;
  font-weight: bold;
  line-height: 1.4;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 48em) {
  .p-box-link__text {
    margin-bottom: 26px;
    margin-left: 0;
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
    -webkit-font-feature-settings: 'palt' 1;
            font-feature-settings: 'palt' 1;
    font-size: 116%;
    text-align: center;
  }
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-box-link__text {
    color: #888;
  }
}

.p-tab-switcher {
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  width: 100%;
  padding-right: 6.25%;
  padding-left: 6.25%;
}
@media print, screen and (min-width: 40.0625em) {
  .p-tab-switcher {
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}

.p-tab-switcher__inner {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  max-width: 1400px;
}
@media print, screen and (min-width: 48em) {
  .p-tab-switcher__inner {
    margin-right: auto;
    margin-left: auto;
  }
}

.p-tab-switcher__item {
  position: relative;
  width: 49.3%;
  background-color: #e6e6e6;
  border-style: solid;
  border-color: #e6e6e6;
  border-width: 1px 1px 0 1px;
  cursor: pointer;
}
@media only screen and (max-width: 47.9375em) {
  .p-tab-switcher__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media print, screen and (min-width: 48em) {
  .p-tab-switcher__item {
    transition: all ease 0.15s;
  }
}
.p-tab-switcher__item:after {
  display: none;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
  content: "";
}
@media print, screen and (min-width: 48em) {
  .p-tab-switcher__item:hover {
    background-color: #ededed;
    border-color: #ededed;
  }
}
.p-tab-switcher__item:first-child {
  margin-right: 1.4%;
}
.p-tab-switcher__item.is-current {
  background-color: #fff;
  border-color: #cacaca;
  pointer-events: none;
}
.p-tab-switcher__item.is-current:after {
  display: block;
}

.p-tab-switcher__heading-name {
  font-size: 85%;
  box-sizing: border-box;
  margin-bottom: 0;
  padding-top: 11px;
  padding-bottom: 10px;
  padding-left: 24px;
}
@media only screen and (max-width: 47.9375em) {
  .p-tab-switcher__heading-name {
    background-repeat: no-repeat;
    background-position: 0 50%;
  }
}
@media print, screen and (min-width: 48em) {
  .p-tab-switcher__heading-name {
    padding-top: 13px;
    padding-bottom: 12px;
    padding-left: 0;
    font-size: 116%;
    text-align: center;
    transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-tab-switcher__item:hover .p-tab-switcher__heading-name {
    color: #888;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-tab-switcher__item:hover .p-tab-switcher__heading-name svg {
    opacity: 0.4;
  }
}
.is-current .p-tab-switcher__heading-name {
  color: #333;
}
@media only screen and (max-width: 47.9375em) {
  .p-tab-switcher__heading-name.p-tab-switcher__heading-name--info {
    background-image: url(https://www.elecom.co.jp/common/svg/icon_info_black_01.svg);
  }
}
@media only screen and (max-width: 47.9375em) {
  .p-tab-switcher__heading-name.p-tab-switcher__heading-name--important {
    background-image: url(https://www.elecom.co.jp/common/svg/icon_important_red_01.svg);
  }
}
@media print, screen and (min-width: 48em) {
  .p-tab-switcher__heading-name br {
    display: none;
  }
}
.p-tab-switcher__heading-name a {
  display: inline;
  position: relative;
}
@media print, screen and (min-width: 48em) {
  .p-tab-switcher__heading-name a {
    display: inline;
  }
}
.p-tab-switcher__heading-name svg {
  position: relative;
  top: 3px;
  width: 17px;
  height: 17px;
  margin-right: 8px;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media only screen and (max-width: 47.9375em) {
  .p-tab-switcher__heading-name svg {
    display: none;
  }
}

.p-tab-switcher__icon-arrow {
  display: none;
  position: relative;
  top: -4px;
  width: 10px;
  height: 6px;
  margin-left: 8px;
  fill: none;
  stroke: #333;
  stroke-width: 2px;
}
@media print, screen and (min-width: 48em) {
  .p-tab-switcher__icon-arrow {
    display: inline;
    top: -2px;
  }
}

.p-tab-container {
  opacity: 1;
  width: 100%;
  padding-top: 35px;
  transition: opacity ease 0.15s;
  position: relative;
}
@media print, screen and (min-width: 61.25em) {
  .p-tab-container {
    padding-top: 40px;
  }
}
.p-tab-container.p-tab-container--rss {
  padding-bottom: 45px;
}
@media print, screen and (min-width: 61.25em) {
  .p-tab-container.p-tab-container--rss {
    padding-bottom: 0;
  }
}
.p-tab-container.is-disabled {
  opacity: 0;
}
.p-tab-container.is-hide {
  display: none;
}

.p-tab-container__rss {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media print, screen and (min-width: 61.25em) {
  .p-tab-container__rss {
    bottom: 9px;
  }
}
.p-tab-container__rss a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #2051b2;
}
@media print, screen and (min-width: 61.25em) {
  .p-tab-container__rss a:hover {
    color: #009DFF;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-tab-container__rss a:hover svg {
    opacity: 0.4;
  }
}
.p-tab-container__rss svg {
  display: block;
  position: relative;
  top: -1px;
  width: 15px;
  height: 15px;
  margin-left: 5px;
}
@media print, screen and (min-width: 61.25em) {
  .p-tab-container__rss svg {
    width: 20px;
    height: 20px;
    margin-left: 10px;
    transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  }
}
.p-tab-container__rss span {
  display: block;
}

.p-notice-panel {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 16px;
  padding-bottom: 17px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #cacaca;
  background-color: #fff;
  box-shadow: 0 7px 11px rgba(0, 0, 0, 0.05), 0 1px 5px rgba(0, 0, 0, 0.1);
}
@media print, screen and (min-width: 48em) {
  .p-notice-panel {
    width: 49.3%;
    margin-bottom: 24px;
    margin-right: 1.4%;
    padding-bottom: 0;
    border-bottom: none;
  }
}
.p-notice-panel:nth-child(2n) {
  margin-right: 0;
}
.p-notice-panel a {
  box-sizing: border-box;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  height: 100%;
  color: #333;
}
@media print, screen and (min-width: 48em) {
  .p-notice-panel a {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 12px;
    padding-left: 12px;
    transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-notice-panel a:hover {
    color: #888;
  }
}

.p-notice-panel--border {
  box-shadow: none;
  padding-bottom: 0;
  border-bottom: none;
}
@media print, screen and (min-width: 48em) {
  .p-notice-panel--border {
    margin-bottom: 20px;
    border: solid 1px #cacaca;
    box-shadow: 0 7px 11px rgba(0, 0, 0, 0.05), 0 1px 5px rgba(0, 0, 0, 0.1);
    transition: ease box-shadow 0.15s;
  }
}
.p-notice-panel--border:last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 48em) {
  .p-notice-panel--border:last-child {
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-notice-panel--border:hover {
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1), 0 3px 10px rgba(0, 0, 0, 0.2);
  }
}

.p-notice-panel__image-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  width: 86px;
  height: 86px;
  margin-right: 18px;
}
.p-notice-panel__image-area img {
  width: 100%;
  display: block;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-notice-panel__image-area img {
    opacity: 0.6;
  }
}

.p-notice-panel__text-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.p-notice-panel__heading {
  margin-top: -4px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 123.1%;
  font-weight: bold;
}
@media only screen and (max-width: 47.9375em) {
  .p-notice-panel__heading {
    margin-bottom: 2px;
    line-height: 1.75;
  }
}
@media print, screen and (min-width: 48em) {
  .p-notice-panel__heading {
    margin-bottom: 3px;
    padding-top: 10px;
    font-size: 116%;
    line-height: 1.4;
  }
}
.p-notice-panel--border .p-notice-panel__heading {
  margin-bottom: 7px;
}
@media only screen and (max-width: 47.9375em) {
  .p-notice-panel--border .p-notice-panel__heading {
    margin-bottom: 8px;
    line-height: 1.35;
  }
}

@media print, screen and (min-width: 48em) {
  .p-notice-panel__heading--date {
    padding-top: 4px;
  }
}
.p-notice-panel--tab .p-notice-panel__heading--date {
  color: #333;
}

.p-notice-panel__date {
  font-family: "Oswald", sans-serif;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 77%;
  font-weight: 500;
  letter-spacing: 4px;
}
@media print, screen and (min-width: 48em) {
  .p-notice-panel__date {
    font-size: 85%;
  }
}

.p-notice-panel__label {
  display: inline-block;
  position: relative;
  top: -2px;
  padding-top: 1px;
  padding-right: 2px;
  padding-left: 4px;
  background-color: #898989;
  font-size: 61%;
  font-weight: bold;
  color: #fff;
  letter-spacing: 2px;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 48em) {
  .p-notice-panel__label {
    top: -2px;
    margin-top: -3px;
    margin-left: 8px;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-right: 6px;
    padding-left: 6px;
    font-size: 73%;
    letter-spacing: 1px;
  }
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-notice-panel__label {
    opacity: 0.4;
  }
}

.p-notice-panel__text {
  font-weight: normal;
  line-height: 1.4;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
.p-notice-panel--tab .p-notice-panel__text {
  color: #2051b2;
}
@media print, screen and (min-width: 61.25em) {
  .p-notice-panel--tab a:hover .p-notice-panel__text {
    color: #009DFF;
  }
}

/*****************************************
* モディファイル
*****************************************/
@media print, screen and (min-width: 48em) {
  .p-notice-panel--category {
    width: 49%;
    margin-right: 2%;
  }
}

.p-notice-panel--tab {
  background-color: transparent;
  box-shadow: none;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
.p-notice-panel--tab a {
  padding: 0;
}
@media print, screen and (min-width: 61.25em) {
  .p-notice-panel--tab a:hover {
    background-color: transparent;
  }
}

.p-notice-panel--list, .p-notice-panel--blog {
  background-color: transparent;
  box-shadow: none;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 48em) {
  .p-notice-panel--list, .p-notice-panel--blog {
    width: 100%;
  }
}

.p-notice-panel--list a, .p-notice-panel--blog a {
  padding: 0;
}
@media print, screen and (min-width: 61.25em) {
  .p-notice-panel--list a:hover, .p-notice-panel--blog a:hover {
    background-color: transparent;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-notice-panel--list a:hover .p-notice-panel__text, .p-notice-panel--blog a:hover .p-notice-panel__text {
    color: #009DFF;
  }
}
@media print, screen and (min-width: 48em) {
  .p-notice-panel--list .p-notice-panel__heading, .p-notice-panel--blog .p-notice-panel__heading {
    margin-bottom: 5px;
  }
}
.p-notice-panel--list .p-notice-panel__text, .p-notice-panel--blog .p-notice-panel__text {
  color: #2051b2;
}
@media print, screen and (min-width: 48em) {
  .p-notice-panel--list .p-notice-panel__text, .p-notice-panel--blog .p-notice-panel__text {
    font-size: 116%;
  }
}

@media only screen and (max-width: 47.9375em) {
  .p-notice-panel--blog {
    margin-bottom: 20px;
    padding-bottom: 0;
    border-bottom: none;
  }
}
@media print, screen and (min-width: 48em) {
  .p-notice-panel--blog {
    margin-bottom: 32px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-notice-panel--blog .p-notice-panel__date {
    margin-right: 8px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-notice-panel--blog .p-notice-panel__label {
    margin-left: 0;
  }
}
.p-notice-panel--blog .p-notice-panel__text {
  margin-bottom: 8px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
  font-size: 131%;
}
@media print, screen and (min-width: 48em) {
  .p-notice-panel--blog .p-notice-panel__text {
    font-size: 146.5%;
  }
}
@media print, screen and (min-width: 48em) {
  .p-notice-panel--blog .p-notice-panel__desc {
    font-size: 100%;
  }
}

.p-home-logo-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 18px;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-logo-block {
    margin-bottom: 20px;
  }
}
.p-home-logo-block:last-child {
  margin-bottom: -8px;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-logo-block:last-child {
    margin-bottom: -17px;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-home-logo-block:last-child {
    margin-bottom: 0;
  }
}

.p-home-logo-block__item {
  box-sizing: border-box;
  width: 48.5%;
  margin-bottom: 10px;
  margin-right: 3%;
  background-color: #fff;
  border: solid 1px #cacaca;
  box-shadow: 0 7px 11px rgba(0, 0, 0, 0.05), 0 1px 5px rgba(0, 0, 0, 0.1);
}
@media print, screen and (min-width: 61.25em) {
  .p-home-logo-block__item {
    width: 23.95%;
    margin-bottom: 17px;
    margin-right: 1.4%;
    transition: box-shadow ease 0.15s;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-home-logo-block__item {
    width: 15.5%;
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-home-logo-block__item:hover {
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1), 0 3px 10px rgba(0, 0, 0, 0.2);
  }
}
.p-home-logo-block__item:nth-child(2n) {
  margin-right: 0;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-logo-block__item:nth-child(2n) {
    margin-right: 1.4%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-home-logo-block__item:nth-child(4n) {
    margin-right: 0;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-home-logo-block__item:nth-child(4n) {
    margin-right: 1.4%;
  }
}
.p-home-logo-block__item:last-child {
  margin-right: 0;
}
.p-home-logo-block__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;

      -ms-flex-align: center;
          align-items: center;
  box-sizing: border-box;
  height: 88px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-left: 10px;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-logo-block__item a:hover img {
    opacity: 0.6;
  }
}
.p-home-logo-block__item a img {
  display: block;
  width: 100%;
  height: auto;
}
@media print, screen and (min-width: 40.0625em) {
  .p-home-logo-block__item a img {
    width: auto;
    height: 100%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-home-logo-block__item a img {
    width: 100%;
    height: auto;
    transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  }
}
@media print, screen and (min-width: 80em) {
  .p-home-logo-block__item a img {
    width: auto;
    height: 100%;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-home-logo-block__item a img {
    width: 100%;
    height: auto;
  }
}

@media print, screen and (min-width: 48em) {
  .p-home-logo-block--category .p-home-logo-block__item {
    width: 49%;
    margin-right: 2%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-home-logo-block--category .p-home-logo-block__item {
    width: 32%;
    margin-right: 2%;
  }
}
@media print, screen and (min-width: 80em) {
  .p-home-logo-block--category .p-home-logo-block__item {
    width: 23.5%;
    margin-right: 2%;
  }
}
.p-home-logo-block--category .p-home-logo-block__item:nth-child(2n) {
  margin-right: 0;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-logo-block--category .p-home-logo-block__item:nth-child(2n) {
    margin-right: 2%;
  }
}
@media print, screen and (min-width: 48em) {
  .p-home-logo-block--category .p-home-logo-block__item:nth-child(3n) {
    margin-right: 2%;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-home-logo-block--category .p-home-logo-block__item:nth-child(3n) {
    margin-right: 0;
  }
}
@media print, screen and (min-width: 80em) {
  .p-home-logo-block--category .p-home-logo-block__item:nth-child(3n) {
    margin-right: 2%;
  }
}
@media print, screen and (min-width: 80em) {
  .is-sliding .p-home-logo-block--category .p-home-logo-block__item {
    width: 32%;
    margin-right: 2%;
  }
}
@media print, screen and (min-width: 87.5em) {
  .is-sliding .p-home-logo-block--category .p-home-logo-block__item {
    width: 23.5%;
    margin-right: 2%;
  }
}
.is-sliding .p-home-logo-block--category .p-home-logo-block__item:nth-child(3n) {
  margin-right: 0;
}
@media print, screen and (min-width: 80em) {
  .is-sliding .p-home-logo-block--category .p-home-logo-block__item:nth-child(3n) {
    margin-right: 0;
  }
}
@media print, screen and (min-width: 87.5em) {
  .is-sliding .p-home-logo-block--category .p-home-logo-block__item:nth-child(3n) {
    margin-right: 2%;
  }
}
.p-home-logo-block--category .p-home-logo-block__item:last-child {
  margin-right: 0;
}
@media print, screen and (min-width: 61.25em) {
  .p-home-logo-block--category .p-home-logo-block__item a img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}
@media print, screen and (min-width: 80em) {
  .p-home-logo-block--category .p-home-logo-block__item a img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}

.p-textlink-block--block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.p-textlink-block__item {
  position: relative;
  margin-bottom: 8px;
}
@media print, screen and (min-width: 48em) {
  .p-textlink-block__item {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 13px;
    padding-right: 20px;
  }
}
.p-textlink-block__item:after {
  display: none;
  position: absolute;
  top: 3px;
  right: 0;
  width: 1px;
  height: 14px;
  background-color: #cacaca;
  content: "";
}
@media print, screen and (min-width: 48em) {
  .p-textlink-block__item:after {
    display: block;
  }
}
@media print, screen and (min-width: 48em) {
  .p-textlink-block__item:last-child:after {
    display: none;
  }
}
.p-textlink-block--block .p-textlink-block__item {
  display: block;
  width: calc(100% / 3);
  margin-right: 0;
  padding-right: 0;
}
.p-textlink-block--block .p-textlink-block__item:after {
  height: 18px;
}
.p-textlink-block--block .p-textlink-block__item:last-child:after {
  display: block;
}
.p-textlink-block__item > a {
  display: block;
  position: relative;
  padding-right: 15px;
  color: #2051b2;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 48em) {
  .p-textlink-block__item > a {
    display: inline;
    padding-right: 18px;
    line-height: 1.4;
  }
}
@media print, screen and (min-width: 61.25em) {
  .browser-is-safari .p-textlink-block__item > a:hover {
    color: #009DFF;
  }
}
.p-textlink-block__item > a:before {
  display: block;
  position: absolute;
  top: 50%;
  right: 2px;
  width: 5px;
  height: 5px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #2051b2;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  content: "";
}
@media print, screen and (min-width: 61.25em) {
  .p-textlink-block__item > a:before {
    right: 4px;
    transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-textlink-block__item > a:hover {
    color: #009DFF;
    background-position: right 0px top 0.4em;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-textlink-block__item > a:hover:before {
    border-color: #009DFF;
    -webkit-transform: translate(3px, -50%) rotate(45deg);
            transform: translate(3px, -50%) rotate(45deg);
  }
}
.p-textlink-block--block .p-textlink-block__item > a {
  display: block;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
  font-size: 116%;
}

.p-carousel-container {
  position: relative;
  width: 100%;
}
@media print, screen and (min-width: 61.25em) {
  .p-carousel-container {
    height: 266.6666666667px;
    margin-bottom: 30px;
  }
}
@media print, screen and (min-width: 80em) {
  .p-carousel-container {
    height: 333.3333333333px;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-carousel-container {
    height: 400px;
    margin-bottom: 47px;
  }
}

.p-carousel-container__inner {
  width: 100%;
}
@media print, screen and (min-width: 61.25em) {
  .p-carousel-container__inner {
    position: absolute;
    left: 50%;
    width: auto;
    max-width: 800px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media print, screen and (min-width: 80em) {
  .p-carousel-container__inner {
    max-width: 1000px;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-carousel-container__inner {
    max-width: 1200px;
  }
}

.p-carousel-container__slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  left: 0;
  transition: left ease 0.3s, right ease 0.3s;
}

.p-carousel-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 61.25em) {
  .p-carousel-nav {
    padding-bottom: 20px;
  }
}
.p-carousel-nav.p-carousel-nav--slide {
  position: absolute;
  bottom: 15px;
  width: 100%;
}
@media print, screen and (min-width: 48em) {
  .p-carousel-nav.p-carousel-nav--slide {
    display: none;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .p-carousel-nav.p-carousel-nav--product {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-carousel-nav.p-carousel-nav--product {
    padding-bottom: 0;
  }
}

.p-carousel-nav__item {
  position: relative;
  z-index: 10;
}
@media print, screen and (min-width: 61.25em) {
  .p-carousel-nav__item {
    position: absolute;
    top: 0;
    height: 100%;
    background: rgba(240, 240, 240, 0.8);
    width: calc((100% - 800px) / 2);
  }
}
@media print, screen and (min-width: 80em) {
  .p-carousel-nav__item {
    width: calc((100% - 1000px) / 2);
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-carousel-nav__item {
    width: calc((100% - 1200px) / 2);
  }
}
@media print, screen and (min-width: 40.0625em) {
  .p-carousel-nav--product .p-carousel-nav__item {
    display: none;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-carousel-nav__item.p-carousel-nav__item--back {
    left: 0;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-carousel-nav__item.p-carousel-nav__item--forward {
    right: 0;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .p-carousel-nav__item {
    width: 50px;
  }
}
@media print, screen and (min-width: 96.875em) {
  .is-sliding .p-carousel-nav__item {
    width: calc((100% - 1200px) / 2);
  }
}

.p-carousel-nav__item-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.p-carousel-nav__item-inner a {
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
}
@media print, screen and (min-width: 61.25em) {
  .p-carousel-nav__item-inner a {
    position: absolute;
    width: 90px;
    height: 100%;
    background: none;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-carousel-nav__item-inner a {
    width: 110px;
  }
}
.p-carousel-nav__item-inner a:after {
  display: block;
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-style: solid;
  border-color: #333;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  content: "";
}
@media print, screen and (min-width: 61.25em) {
  .p-carousel-nav__item-inner a:after {
    display: none;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-carousel-nav__item-inner a:hover svg {
    fill: #939292;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .p-carousel-nav__item-inner a {
    width: 50px;
  }
}
@media print, screen and (min-width: 96.875em) {
  .is-sliding .p-carousel-nav__item-inner a {
    width: 110px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-carousel-nav__item--back .p-carousel-nav__item-inner a {
    right: 0;
    background-image: none;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-carousel-nav__item--back .p-carousel-nav__item-inner a {
    right: 0;
  }
}
.p-carousel-nav__item--back .p-carousel-nav__item-inner a:after {
  left: 40%;
  border-width: 0 0 2px 2px;
}
.p-carousel-nav--slide .p-carousel-nav__item--back .p-carousel-nav__item-inner a {
  background-position: left 0 top 50%;
}
@media print, screen and (min-width: 61.25em) {
  .p-carousel-nav__item--forward .p-carousel-nav__item-inner a {
    left: 0;
    background-image: none;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-carousel-nav__item--forward .p-carousel-nav__item-inner a {
    left: 0;
  }
}
.p-carousel-nav__item--forward .p-carousel-nav__item-inner a:after {
  right: 40%;
  border-width: 2px 2px 0 0;
}
.p-carousel-nav--slide .p-carousel-nav__item--forward .p-carousel-nav__item-inner a {
  background-position: right 0 top 50%;
}
.p-carousel-nav--slide .p-carousel-nav__item-inner a {
  width: 50px;
  padding-top: 26px;
  padding-bottom: 26px;
  padding-right: 0;
  padding-left: 0;
}
.p-carousel-nav--product .p-carousel-nav__item-inner a {
  width: 20px;
  height: 40px;
  padding: 0;
}
@media print, screen and (min-width: 48em) {
  .p-carousel-nav--product .p-carousel-nav__item-inner a:after {
    display: none;
  }
}
.p-carousel-nav__item-inner svg {
  display: none;
}
@media print, screen and (min-width: 61.25em) {
  .p-carousel-nav__item-inner svg {
    display: block;
    position: absolute;
    top: 50%;
    width: 20px;
    height: 38px;
    fill: #333;
    transition: ease fill 0.15s;
  }
}
.p-carousel-nav__item--back .p-carousel-nav__item-inner svg {
  right: 50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.p-carousel-nav__item--forward .p-carousel-nav__item-inner svg {
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.p-carousel-nav__indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 50%;
  height: 8px;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media print, screen and (min-width: 61.25em) {
  .p-carousel-nav__indicator {
    bottom: -17px;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-carousel-nav__indicator {
    bottom: -23px;
  }
}
.p-carousel-nav__indicator > li {
  display: block;
  width: 5px;
  height: 5px;
  margin-right: 5px;
  margin-left: 5px;
  border-radius: 50%;
  background-color: #f0f0f0;
}
@media print, screen and (min-width: 61.25em) {
  .p-carousel-nav__indicator > li {
    width: 8px;
    height: 8px;
    margin-right: 7px;
    margin-left: 7px;
    cursor: pointer;
  }
}
.p-carousel-nav--slide .p-carousel-nav__indicator > li {
  background-color: #fff;
}
.p-carousel-nav__indicator > li.is-current {
  background-color: #333;
}

.p-pickup-banner {
  opacity: 0;
  visibility: hidden;
  position: relative;
  width: 800%;
  left: -100%;
}
@media print, screen and (min-width: 61.25em) {
  .p-pickup-banner {
    width: 8000px;
    left: -800px;
    height: 266.6666666667px;
  }
}
@media print, screen and (min-width: 80em) {
  .p-pickup-banner {
    width: 10000px;
    left: -1000px;
    height: 333.3333333333px;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-pickup-banner {
    width: 12000px;
    left: -1200px;
    height: 400px;
  }
}
.p-pickup-banner.is-visible {
  opacity: 1;
  visibility: visible;
}

.p-pickup-banner__item {
  display: block;
  float: left;
  width: 100%;
  height: 100%;
}
@media print, screen and (min-width: 61.25em) {
  .p-pickup-banner__item {
    max-width: 800px;
  }
}
@media print, screen and (min-width: 80em) {
  .p-pickup-banner__item {
    max-width: 1000px;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-pickup-banner__item {
    max-width: 1200px;
  }
}
.p-pickup-banner__item a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 325%;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.is-move .p-pickup-banner__item a {
  pointer-events: none;
}
@media print, screen and (min-width: 61.25em) {
  .p-pickup-banner__item a:hover img {
    opacity: 0.6;
  }
}
.p-pickup-banner__item img {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
.p-pickup-banner__item span {
  position: absolute;
  z-index: 9;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 47.9375em) {
  .p-slide-container {
    margin-bottom: 30px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-slide-container {
    position: relative;
  }
}

.p-slide-container__inner {
  position: relative;
  overflow: hidden;
}
@media print, screen and (min-width: 48em) {
  .p-slide-container__inner {
    overflow: visible;
  }
}

.p-slide-container__slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  left: 0;
  width: calc(100% * 8 + 20px * 8);
}
@media print, screen and (min-width: 48em) {
  .p-slide-container__slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.p-slide-container__index {
  display: block;
  padding-bottom: 15px;
  font-family: "Oswald", sans-serif;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 89%;
  font-weight: bold;
  text-align: center;
}
@media print, screen and (min-width: 61.25em) {
  .p-slide-container__index {
    display: none;
  }
}

.p-slide-container__nav {
  position: absolute;
  top: 40%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media print, screen and (min-width: 61.25em) {
  .p-slide-container__nav {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@media print, screen and (min-width: 80em) {
  .p-slide-container__nav {
    background: none;
  }
}
.p-slide-container__nav a {
  box-sizing: border-box;
  display: block;
  width: 30px;
  height: 55px;
  background-color: #014099;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 7px auto;
}
@media print, screen and (min-width: 61.25em) {
  .p-slide-container__nav a {
    transition: background-color ease 0.15s;
  }
}
@media print, screen and (min-width: 80em) {
  .p-slide-container__nav a {
    width: 30px;
    height: 30px;
    padding-top: 4px;
    padding-left: 8px;
    background-color: transparent;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-slide-container__nav a:hover {
    background-color: #0E5CB5;
  }
}
@media print, screen and (min-width: 80em) {
  .p-slide-container__nav a:hover {
    background-color: transparent;
  }
}
.p-slide-container__nav a:hover svg {
  fill: #555555;
}
.p-slide-container__nav svg {
  display: none;
}
@media print, screen and (min-width: 80em) {
  .p-slide-container__nav svg {
    display: block;
    width: 14px;
    height: 22px;
    fill: #333;
    fill-rule: evenodd;
    transition: fill ease 0.15s;
  }
}
.p-slide-container__nav.p-slide-container__nav--back {
  left: -20px;
}
@media print, screen and (min-width: 80em) {
  .p-slide-container__nav.p-slide-container__nav--back {
    left: -3.7%;
  }
}
.p-slide-container__nav.p-slide-container__nav--back a {
  background-image: url(//www.elecom.co.jp/common/svg/icon_arrow_left_white_01.svg);
}
@media print, screen and (min-width: 80em) {
  .p-slide-container__nav.p-slide-container__nav--back a {
    background: none;
  }
}
.p-slide-container__nav.p-slide-container__nav--forward {
  right: -20px;
}
@media print, screen and (min-width: 80em) {
  .p-slide-container__nav.p-slide-container__nav--forward {
    right: -3.7%;
  }
}
.p-slide-container__nav.p-slide-container__nav--forward a {
  background-image: url(//www.elecom.co.jp/common/svg/icon_arrow_right_white_01.svg);
}
@media print, screen and (min-width: 80em) {
  .p-slide-container__nav.p-slide-container__nav--forward a {
    background: none;
  }
}

.p-slide-panel {
  width: 12%;
  min-height: 275px;
  margin-right: 20px;
  background-color: #fff;
  box-shadow: 0 7px 11px rgba(0, 0, 0, 0.05), 0 1px 5px rgba(0, 0, 0, 0.1);
}
@media print, screen and (min-width: 48em) {
  .p-slide-panel {
    width: 24%;
    margin-right: 0;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-slide-panel {
    width: 21.4%;
    transition: box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-slide-panel:hover {
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1), 0 3px 10px rgba(0, 0, 0, 0.2);
  }
}
.p-slide-panel a {
  display: block;
  height: 100%;
  color: #333;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 61.25em) {
  .p-slide-panel a:hover {
    color: #888;
  }
}
.p-slide-panel.p-slide-panel--max3 {
  box-sizing: border-box;
  min-height: auto;
  margin-bottom: 16px;
  margin-right: 0;
  border-style: solid;
  border-width: 1px;
  border-color: #cacaca;
}
.p-slide-panel.p-slide-panel--max3 {
  width: 100%;
}
@media print, screen and (min-width: 48em) {
  .p-slide-panel.p-slide-panel--max3 {
    width: 31.2169%;
    margin-bottom: 24px;
    margin-right: 2.1164%;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-slide-panel.p-slide-panel--max3 {
    width: 31.186%;
    margin-right: 1.7699%;
  }
}
.p-slide-panel.p-slide-panel--max4, .p-slide-panel.p-slide-panel--max5 {
  box-sizing: border-box;
  min-height: auto;
  margin-bottom: 16px;
  margin-right: 0;
  border-style: solid;
  border-width: 1px;
  border-color: #cacaca;
}
.p-slide-panel.p-slide-panel--max4 {
  width: 100%;
}
@media print, screen and (min-width: 48em) {
  .p-slide-panel.p-slide-panel--max4 {
    width: 31.2169%;
    margin-bottom: 24px;
    margin-right: 2.1164%;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-slide-panel.p-slide-panel--max4 {
    width: 23.1858%;
    margin-right: 1.7699%;
  }
}
.p-slide-panel.p-slide-panel--max5 {
  width: 100%;
}
@media print, screen and (min-width: 48em) {
  .p-slide-panel.p-slide-panel--max5 {
    width: 31.2169%;
    margin-bottom: 24px;
    margin-right: 2.1164%;
  }
}
@media print, screen and (min-width: 80em) {
  .p-slide-panel.p-slide-panel--max5 {
    width: 23.1858%;
    margin-right: 1.7699%;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-slide-panel.p-slide-panel--max5 {
    width: 18.508%;
    margin-right: 1.4778%;
  }
}

.p-slide-panel__image-area {
  width: 100%;
}
.p-slide-panel__image-area img {
  display: block;
  width: 100%;
  height: auto;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-slide-panel__image-area img {
    opacity: 0.6;
  }
}

.p-slide-panel__text-area {
  box-sizing: border-box;
  min-height: 180px;
  padding-top: 17px;
  padding-bottom: 14px;
  padding-left: 20px;
  padding-right: 20px;
}
@media print, screen and (min-width: 40.0625em) {
  .p-slide-panel__text-area {
    min-height: 150px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-slide-panel__text-area {
    min-height: auto;
    padding-top: 23px;
    padding-bottom: 25px;
    padding-right: 25px;
    padding-left: 25px;
  }
}
.p-slide-panel--max4 .p-slide-panel__text-area, .p-slide-panel--max5 .p-slide-panel__text-area {
  min-height: auto;
}

.p-slide-panel__date {
  display: none;
  font-family: "Oswald", sans-serif;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 77%;
  font-weight: 500;
  letter-spacing: 4px;
  color: #333;
  line-height: 1.4;
}
@media print, screen and (min-width: 61.25em) {
  .p-slide-panel__date {
    margin-bottom: 6px;
    font-size: 93%;
    transition: color ease 0.2s;
  }
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-slide-panel__date {
    color: #999;
  }
}

.p-slide-panel__title {
  display: block;
  margin-bottom: 5px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 123.1%;
  font-weight: bold;
  line-height: 1.4;
}
@media print, screen and (min-width: 61.25em) {
  .p-slide-panel__title {
    margin-bottom: 14px;
    font-size: 116%;
  }
}

/*****************************************
* カテゴリトップにおける青タグの非表示
*****************************************/
.is-category-top .p-slide-panel__tag {
  display: none;
}

.p-slide-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  width: 100%;
  padding-bottom: 20px;
}

.p-slide-nav__item {
  position: relative;
  z-index: 10;
}
@media print, screen and (min-width: 61.25em) {
  .p-slide-nav__item {
    position: absolute;
    top: 0;
    height: 100%;
    background: rgba(51, 51, 51, 0.9);
    width: calc((100% - 800px) / 2);
  }
}
@media print, screen and (min-width: 80em) {
  .p-slide-nav__item {
    width: calc((100% - 1100px) / 2);
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-slide-nav__item {
    width: calc((100% - 1200px) / 2);
  }
}
@media print, screen and (min-width: 48em) {
  .p-slide-nav__item.p-slide-nav__item--back {
    left: 0;
  }
}
@media print, screen and (min-width: 48em) {
  .p-slide-nav__item.p-slide-nav__item--forward {
    right: 0;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .p-slide-nav__item {
    width: 50px;
  }
}
@media print, screen and (min-width: 96.875em) {
  .is-sliding .p-slide-nav__item {
    width: calc((100% - 1200px) / 2);
  }
}

.p-slide-nav__item-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.p-slide-nav__item-inner a {
  box-sizing: border-box;
  display: block;
  width: 25px;
  height: 30px;
  background-color: #333;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 7px auto;
}
@media print, screen and (min-width: 61.25em) {
  .p-slide-nav__item-inner a {
    position: absolute;
    height: 100%;
    width: 90px;
    background: none;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-slide-nav__item-inner a {
    width: 110px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .p-slide-nav__item-inner a {
    width: 50px;
  }
}
@media print, screen and (min-width: 96.875em) {
  .is-sliding .p-slide-nav__item-inner a {
    width: 110px;
  }
}
.p-slide-nav__item--back .p-slide-nav__item-inner a {
  background-image: url(//www.elecom.co.jp/common/svg/icon_arrow_left_white_01.svg);
}
@media print, screen and (min-width: 61.25em) {
  .p-slide-nav__item--back .p-slide-nav__item-inner a {
    right: 0;
    background-image: none;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-slide-nav__item--back .p-slide-nav__item-inner a {
    right: 0;
  }
}
.p-slide-nav__item--forward .p-slide-nav__item-inner a {
  background-image: url(//www.elecom.co.jp/common/svg/icon_arrow_right_white_01.svg);
}
@media print, screen and (min-width: 61.25em) {
  .p-slide-nav__item--forward .p-slide-nav__item-inner a {
    left: 0;
    background-image: none;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-slide-nav__item--forward .p-slide-nav__item-inner a {
    left: 0;
  }
}
.p-slide-nav__item-inner svg {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .p-slide-nav__item-inner svg {
    display: block;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-slide-nav__item-inner svg {
    position: absolute;
    width: 20px;
    height: 38px;
    fill: #fff;
    top: 50%;
  }
}
.p-slide-nav__item--back .p-slide-nav__item-inner svg {
  right: 50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.p-slide-nav__item--forward .p-slide-nav__item-inner svg {
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.p-slide-nav__indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 50%;
  height: 8px;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media print, screen and (min-width: 61.25em) {
  .p-slide-nav__indicator {
    bottom: -17px;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-slide-nav__indicator {
    bottom: -23px;
  }
}
.p-slide-nav__indicator > li {
  display: block;
  width: 6px;
  height: 6px;
  margin-right: 4px;
  margin-left: 4px;
  border-radius: 50%;
  background-color: #f0f0f0;
}
@media print, screen and (min-width: 61.25em) {
  .p-slide-nav__indicator > li {
    width: 8px;
    height: 8px;
    margin-right: 7px;
    margin-left: 7px;
  }
}
.p-slide-nav__indicator > li.is-current {
  background-color: #333;
}

.p-notice-area {
  margin-bottom: 20px;
  padding-right: 6.25%;
  padding-left: 6.25%;
}
@media print, screen and (min-width: 61.25em) {
  .p-notice-area {
    margin-bottom: 24px;
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-notice-area {
    margin-top: -7px;
  }
}
.p-notice-area.p-notice-area--multi {
  margin-top: 0;
  padding-right: 0;
  padding-left: 0;
}
.p-notice-area.p-notice-area--product-detail {
  margin-top: 0;
  margin-bottom: 15px;
  padding-right: 0;
  padding-left: 0;
}

.p-notice-area__inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1400px;
  padding-top: 10px;
  padding-bottom: 12px;
  padding-right: 10px;
  padding-left: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #cc0202;
  background-color: #fdf5f5;
  /*border-color: #cacaca;*/
  /*background-color: #fff;*/
}
@media print, screen and (min-width: 61.25em) {
  .p-notice-area__inner {
    margin-right: auto;
    margin-left: auto;
    padding-top: 17px;
    padding-bottom: 13px;
    padding-right: 20px;
    padding-left: 20px;
  }
}

.p-notice-area__heading {
  margin-bottom: 4px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 116%;
  font-weight: bold;
  color: #cc0202;
  /*color: #333;*/
}
@media print, screen and (min-width: 61.25em) {
  .p-notice-area__heading {
    font-size: 123.1%;
  }
}

.p-notice-area__text {
  line-height: 1.4;
  color: #cc0202;
  /*ccolor: #333;*/
}

.p-notice-area__text li {
    list-style-type: disc;
    margin-left: 20px;
}

@media print, screen and (min-width: 61.25em) {
  .p-notice-area__text {
    line-height: 1.75;
  }
}
.p-notice-area--product-detail .p-notice-area__text {
  font-size: 85%;
}

.p-product-category-link {
  margin-bottom: 20px;
}
@media print, screen and (min-width: 48em) {
  .p-product-category-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 27px;
  }
}

.p-product-category-link__item {
  box-sizing: border-box;
  display: block;
  position: relative;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #e2e2e2;
}
@media print, screen and (min-width: 48em) {
  .p-product-category-link__item {
    width: calc((100% - 26px) / 3);
    height: 100%;
    margin-right: 13px;
    margin-bottom: 13px;
    border-style: solid;
    border-width: 1px;
    border-color: #cacaca;
  }
}
@media print, screen and (min-width: 80em) {
  .p-product-category-link__item {
    width: calc((100% - 39px) / 4);
  }
}
.p-product-category-link__item:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 7px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(//www.elecom.co.jp/common/svg/icon_arrow_right_black_01_sp.svg);
  background-size: 100% auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
}
@media print, screen and (min-width: 48em) {
  .p-product-category-link__item:after {
    display: none;
  }
}
.p-product-category-link__item:first-child {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #e2e2e2;
}
@media print, screen and (min-width: 48em) {
  .p-product-category-link__item:nth-child(3n) {
    margin-right: 0;
  }
}
@media print, screen and (min-width: 80em) {
  .p-product-category-link__item:nth-child(3n) {
    margin-right: 13px;
  }
}
@media print, screen and (min-width: 80em) {
  .p-product-category-link__item:nth-child(4n) {
    margin-right: 0;
  }
}
.p-product-category-link__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333;
}
@media print, screen and (min-width: 48em) {
  .p-product-category-link__item a {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 5px;
    padding-left: 22px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-product-category-link__item a:hover {
    color: #888;
  }
}

.p-product-category-link__image {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 60px;
  margin-right: 10px;
  padding-right: 20px;
  padding-left: 10px;
}
@media print, screen and (min-width: 48em) {
  .p-product-category-link__image {
    display: block;
    width: 44px;
    height: 44px;
    margin-right: 20px;
    padding: 0;
  }
}
.p-product-category-link__image img {
  display: block;
  width: 100%;
}

.p-product-category-link__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  width: 100%;
  margin-right: 11px;
  padding-top: 9px;
  padding-bottom: 7px;
  padding-right: 10px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
  font-size: 123.1%;
}
@media print, screen and (min-width: 48em) {
  .p-product-category-link__text {
    margin-right: 22px;
    padding: 0;
    font-size: 116%;
    line-height: 1.4;
  }
}
@media print, screen and (min-width: 48em) {
  .browser-is-ie .p-product-category-link__text {
    position: relative;
    top: 3px;
  }
}
.p-product-category-link__text br {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .p-product-category-link__text br {
    display: block;
  }
}

.p-news-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  margin-bottom: 16px;
}
.p-news-list__item:last-child {
  margin-bottom: 0;
}
.p-news-list__item a {
  display: block;
  width: 100%;
  color: #333;
}
@media print, screen and (min-width: 48em) {
  .p-news-list__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-news-list__item a:hover {
    color: #888;
  }
}

.p-news-list__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media only screen and (max-width: 47.9375em) {
  .p-news-list__info {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    margin-bottom: 6px;
  }
}

.p-news-list__date {
  display: block;
  width: 112px;
  font-family: "Oswald", sans-serif;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 500;
  letter-spacing: 4px;
}

.p-news-list__label-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 48em) {
  .p-news-list__label-wrap {
    display: block;
  }
}

.p-news-list__label {
  display: inline-block;
  width: 65px;
  padding-top: 5px;
  padding-bottom: 4px;
  background-color: #898989;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 77%;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  letter-spacing: 1px;
  text-align: center;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 48em) {
  .p-news-list__label {
    display: block;
    margin-right: 16px;
    font-size: 85%;
  }
}
.browser-is-ie .p-news-list__label {
  padding-top: 7px;
  padding-bottom: 2px;
}
.p-news-list__label.p-news-list__label--going {
  background-color: #cc0202;
}
.p-news-list__label.p-news-list__label--pre {
  background-color: #014099;
}
.p-news-list__label.p-news-list__label--close {
  background-color: #898989;
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-news-list__label {
    opacity: 0.4;
  }
}

.p-news-list__title {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #2051b2;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-news-list__title {
    color: #009DFF;
  }
}

/*****************************************
* モディファイア
*****************************************/
.p-news-list--blog .p-news-list__item {
  margin-bottom: 20px;
}
@media print, screen and (min-width: 48em) {
  .p-news-list--blog .p-news-list__item {
    margin-bottom: 32px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-news-list--blog .p-news-list__item a:hover .p-news-list__name {
    color: #009DFF;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-news-list--blog .p-news-list__item a:hover .p-news-list__desc {
    color: #888;
  }
}
.p-news-list--blog .p-news-list__label {
  margin-left: 6px;
}
@media print, screen and (min-width: 48em) {
  .p-news-list--blog .p-news-list__label {
    margin-top: 3px;
    margin-left: 0;
  }
}
.p-news-list--blog .p-news-list__label:first-child {
  margin-left: 0;
}
@media print, screen and (min-width: 48em) {
  .p-news-list--blog .p-news-list__label:first-child {
    margin-top: 0;
  }
}
@media print, screen and (min-width: 48em) {
  .browser-is-ie .p-news-list--blog .p-news-list__label:first-child {
    margin-top: 1px;
  }
}
.p-news-list--blog .p-news-list__title {
  color: #333;
}
.p-news-list--blog .p-news-list__name {
  display: block;
  margin-bottom: 8px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
  font-size: 131%;
  color: #2051b2;
  line-height: 1.4;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 48em) {
  .p-news-list--blog .p-news-list__name {
    margin-top: -1px;
    font-size: 146.5%;
  }
}
@media print, screen and (min-width: 48em) {
  .browser-is-ie .p-news-list--blog .p-news-list__name {
    padding-top: 3px;
  }
}
.p-news-list--blog .p-news-list__desc {
  display: block;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}

.p-column-module {
  box-sizing: border-box;
  width: 100%;
  margin-top: 8px;
  padding: 15px;
}
@media print, screen and (min-width: 48em) {
  .p-column-module {
    width: 48.5%;
    margin-top: 0;
    margin-left: 3%;
    padding-top: 15px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
  }
}
.p-column-module:first-child {
  margin-top: 0;
}
@media print, screen and (min-width: 48em) {
  .p-column-module:first-child {
    margin-left: 0;
  }
}

.p-column-module--personal {
  background-color: #F5F5F5;
}

.p-column-module--business {
  background-color: #D7E1ED;
}

@media print, screen and (min-width: 48em) {
  .p-column-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.p-column-block__column {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  width: 100%;
  margin-bottom: 25px;
}
@media print, screen and (min-width: 48em) {
  .p-column-block__column {
    margin-bottom: 0;
    margin-left: 25px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-column-block__column:first-child {
    margin-left: 0;
  }
}
@media only screen and (max-width: 47.9375em) {
  .p-column-block__column:last-child {
    margin-bottom: 0;
  }
}
.p-column-block__column.p-column-block__column--border img {
  border-style: solid;
  border-width: 1px;
  border-color: #cacaca;
}
.p-column-block__column.p-column-block__column--2 {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
@media print, screen and (min-width: 48em) {
  .p-column-block__column.p-column-block__column--2 {
    width: 48.8%;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 48em) {
  .p-column-block--large .p-column-block__column.p-column-block__column--2 {
    width: 47.5%;
  }
}
.p-column-block__column.p-column-block__column--3 {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-bottom: 10px;
}
@media print, screen and (min-width: 48em) {
  .p-column-block__column.p-column-block__column--3 {
    width: 32%;
    margin-bottom: 0;
    margin-left: 0;
  }
}
.p-column-block__column.p-column-block__column--4 {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-bottom: 10px;
}
@media print, screen and (min-width: 48em) {
  .p-column-block__column.p-column-block__column--4 {
    width: 23.5%;
    margin-bottom: 0;
    margin-left: 0;
  }
}
.p-column-block__column.p-column-block__column--auto {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-bottom: 10px;
}
@media print, screen and (min-width: 48em) {
  .p-column-block__column.p-column-block__column--auto {
    width: auto;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 47.9375em) {
  .p-column-block__column.p-column-block__column--auto img {
    width: auto;
  }
}
.p-column-block__column.p-column-block__column--small {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-bottom: 10px;
}
@media print, screen and (min-width: 48em) {
  .p-column-block__column.p-column-block__column--small {
    width: 40%;
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 80em) {
  .p-column-block__column.p-column-block__column--small {
    width: 210px;
  }
}
.p-column-block__column.p-column-block__column--medium {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-bottom: 10px;
}
@media print, screen and (min-width: 48em) {
  .p-column-block__column.p-column-block__column--medium {
    width: 40%;
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 80em) {
  .p-column-block__column.p-column-block__column--medium {
    width: 240px;
  }
}
.p-column-block__column.p-column-block__column--large {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-bottom: 10px;
}
@media print, screen and (min-width: 48em) {
  .p-column-block__column.p-column-block__column--large {
    width: 40%;
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 80em) {
  .p-column-block__column.p-column-block__column--large {
    width: 320px;
  }
}
.p-column-block__column.p-column-block__column--xlarge {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-bottom: 10px;
}
@media print, screen and (min-width: 48em) {
  .p-column-block__column.p-column-block__column--xlarge {
    width: 80%;
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 80em) {
  .p-column-block__column.p-column-block__column--xlarge {
    width: 700px;
    margin: 0 auto;
  }
}
.p-column-block__column img {
  display: block;
  width: 100%;
}

@media print, screen and (min-width: 48em) {
  .p-column-block__rakupuri20 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    max-width: 760px;
    width: 100%;
    margin-bottom: 10px;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-column-block__rakupuri20 {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media print, screen and (min-width: 48em) {
  .p-column-block__rakupuri20 .p-column-block__rakupuri20--logo {
    margin-bottom: 10px;
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 80em) {
  .p-column-block__rakupuri20 .p-column-block__rakupuri20--logo {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 47.9375em) {
  .p-column-block__rakupuri20 .p-column-block__rakupuri20--logo img {
    max-width: 320px;
    margin-bottom: 10px;
  }
}
.p-column-block__rakupuri20 .p-column-block__rakupuri20--catch li {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  margin-right: 15px;
  background-repeat: no-repeat;
  background-position: top 0.4em left 0;
  background-image: url(/series/xxx-xx00/img/icon_check_rakupuri.svg);
  background-size: 13px auto;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 108%;
  font-weight: bold;
  color: #009691;
}
@media only screen and (max-width: 47.9375em) {
  .p-column-block__rakupuri20 .p-column-block__rakupuri20--catch li {
    display: block;
    padding-left: 20px;
    margin-right: 0;
  }
}
@media print, screen and (min-width: 48em) {
  .p-column-block__rakupuri20 .p-column-block__rakupuri20--catch li {
    font-size: 93%;
    background-position: top 0.3em left 0;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-column-block__rakupuri20 .p-column-block__rakupuri20--catch li {
    top: 5px;
  }
}
.browser-is-ie .p-column-block__rakupuri20 .p-column-block__rakupuri20--catch li {
  padding-top: 2px;
}
.p-column-block__rakupuri20 .p-column-block__rakupuri20--catch li:last-child {
  margin-right: 0;
}
.p-column-block__rakupuri20 img {
  display: block;
  width: 100%;
}

@media print, screen and (min-width: 40.0625em) {
  .p-column-block--article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .p-column-block--article .p-column-block__column--2 {
    width: 48.8%;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .p-column-block--article .p-column-block__column--3 {
    width: 32%;
    margin-bottom: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .p-column-block--article .p-column-block__column--4 {
    width: 23.5%;
    margin-bottom: 0;
    margin-left: 0;
  }
}

@media only screen and (max-width: 47.9375em) {
  .p-column-block--nowrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media only screen and (max-width: 47.9375em) {
  .p-column-block--nowrap .p-column-block__column {
    width: auto;
    margin-left: 15px;
  }
}
@media only screen and (max-width: 47.9375em) {
  .p-column-block--nowrap .p-column-block__column:first-child {
    margin-left: 0;
  }
}

.p-video-container--small {
  width: 100%;
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}

.p-video-container__inner {
  margin-bottom: 17px;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.p-video-container__inner > iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  border: none;
}

.p-side-accordion a {
  position: relative;
  padding-right: 6.25%;
  padding-left: 6.25%;
  color: #333;
  text-align: left;
}
@media print, screen and (min-width: 61.25em) {
  .p-side-accordion a {
    padding-right: 0;
    padding-left: 0;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-side-accordion a:hover {
    color: #888;
  }
}

.p-side-accordion--lv1 > li {
  line-height: 1.75;
}
.p-side-accordion--lv1 > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding-top: 9px;
  padding-bottom: 7px;
  border-bottom: solid 1px #e2e2e2;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 123.1%;
  font-weight: bold;
}
@media print, screen and (min-width: 61.25em) {
  .p-side-accordion--lv1 > li > a {
    display: block;
    padding-top: 11px;
    padding-bottom: 9px;
    padding-right: 30px;
    padding-left: 47px;
    font-size: 100%;
    line-height: 1.4;
  }
}
@media print, screen and (min-width: 61.25em) {
  .browser-is-ie .p-side-accordion--lv1 > li > a {
    padding-top: 13px;
    padding-bottom: 7px;
  }
}

/*20201018 修正削除

@media print, screen and (min-width: 61.25em) {
  .p-side-accordion--lv1 > li > a:hover:before, .p-side-accordion--lv1 > li > a:hover:after {
    background-color: #888;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-side-accordion--lv1 > li > a:hover img {
    opacity: 0.6;
  }
}
.p-side-accordion--lv1 > li > a:before, .p-side-accordion--lv1 > li > a:after {
  display: block;
  position: absolute;
  top: 50%;
  background-color: #333;
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  content: "";
}
.p-side-accordion--lv1 > li > a:before {
  right: 6.25%;
  width: 10px;
  height: 2px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-side-accordion--lv1 > li > a:after {
  right: calc(6.25% + 4px);
  width: 2px;
  height: 10px;
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
}
.p-side-accordion--lv1 > li > a.is-open:after {
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}
*/


/* 20201018 左サイド　開閉ありボタン用　p-side-lv2-use　************************************************************************/

@media print, screen and (min-width: 61.25em) {
  .p-side-accordion--lv1 > li.p-side-lv2-use > a:hover:before, 
  .p-side-accordion--lv1 > li.p-side-lv2-use > a:hover:after {
    background-color: #888;
  }
}
.p-side-accordion--lv1 > li.p-side-lv2-use > a:before, 
.p-side-accordion--lv1 > li.p-side-lv2-use > a:after {
  display: block;
  position: absolute;
  top: 50%;
  background-color: #333;
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  content: "";
}
.p-side-accordion--lv1 > li.p-side-lv2-use > a:before {
  right: 6.25%;
  width: 10px;
  height: 2px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-side-accordion--lv1 > li.p-side-lv2-use > a:after {
  right: calc(6.25% + 4px);
  width: 2px;
  height: 10px;
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
}
.p-side-accordion--lv1 > li.p-side-lv2-use > a.is-open:after {
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}

/* //20201018 左サイド　開閉ありボタン用　p-side-lv2-use　******************************************************************/
/* 20201018 左サイド　開閉なしボタン用　p-lv1-only　************************************************************************/

.p-side-accordion--lv1 > li.p-lv1-only > a:before {
    display: none;
}
.p-side-accordion--lv1 > li.p-lv1-only  > a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 18px;
  width: 5px;
  height: 5px;
  margin-left: 4px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #333;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  content: "";
}
@media print, screen and (min-width: 61.25em) {
  .p-side-accordion--lv1 li.p-lv1-only a:hover {
    color: #888;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-side-accordion--lv1 li.p-lv1-only a:hover:after {
    border-color: #888;
    -webkit-transform: translate(3px, -50%) rotate(45deg);
            transform: translate(3px, -50%) rotate(45deg);
  }
}
.p-side-accordion--lv1 li.p-lv1-only svg {
  display: none;
}

@media print,screen and (max-width: 61.188em) {
    .p-side-accordion--lv1 > li.p-lv1-only > a:after {
      right: 6.65%;
    }
}
/* //20201018 左サイド　開閉なしボタン用　p-lv1-only　************************************************************************/
.p-side-accordion--lv1 > li > a br {
  display: none;
}
@media print, screen and (min-width: 61.25em) {
  .p-side-accordion--lv1 > li > a br {
    display: block;
  }
}
.p-side-accordion--lv1 > li img {
  display: block;
  width: 30px;
  height: auto;
  margin-right: 20px;
}
@media print, screen and (min-width: 61.25em) {
  .p-side-accordion--lv1 > li img {
    position: absolute;
    top: 7px;
    left: 13px;
    width: 25px;
    margin-right: 0;
    transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  }
}

.p-side-accordion--lv2 {
  display: none;
}
@media print, screen and (min-width: 61.25em) {
  .p-side-accordion--lv2 {
    background-color: #f5f5f5;
  }
}
.p-side-accordion--lv2 > li {
  line-height: 1.5;
  border-bottom: solid 1px #e2e2e2;
}
.p-side-accordion--lv2 > li.is-parent > a:before, .p-side-accordion--lv2 > li.is-parent > a:after {
  display: none;
}
.p-side-accordion--lv2 > li > a {
  display: block;
  padding-top: 9px;
  padding-bottom: 7px;
  background-color: #f0f0f0;
  font-size: 108%;
}
@media print, screen and (min-width: 61.25em) {
  .p-side-accordion--lv2 > li > a {
    padding-top: 8px;
    padding-bottom: 7px;
    padding-right: 30px;
    padding-left: 17px;
    background-color: transparent;
    font-weight: normal;
    font-size: 93%;
    line-height: 1.4;
  }
}
.p-side-accordion--lv2 > li > a:before, .p-side-accordion--lv2 > li > a:after {
  position: absolute;
  display: block;
  top: 50%;
  background-color: #333;
  transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  content: "";
}
.p-side-accordion--lv2 > li > a:before {
  width: 10px;
  height: 2px;
  right: 6.25%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-side-accordion--lv2 > li > a:after {
  width: 2px;
  height: 10px;
  right: calc(6.25% + 4px);
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
}
@media print, screen and (min-width: 61.25em) {
  .p-side-accordion--lv2 > li > a:hover:before, .p-side-accordion--lv2 > li > a:hover:after {
    background-color: #888;
  }
}
.p-side-accordion--lv2 > li > a.is-open:after {
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}

.p-side-accordion--lv3 {
  display: none;
}
.p-side-accordion--lv3 > li {
  line-height: 1.3;
}
@media print, screen and (min-width: 61.25em) {
  .p-side-accordion--lv3 > li {
    padding-left: 32px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-side-accordion--lv3 > li:first-child > a {
    padding-top: 7px;
  }
}
.p-side-accordion--lv3 > li:last-child > a {
  padding-bottom: 14px;
}
@media print, screen and (min-width: 61.25em) {
  .p-side-accordion--lv3 > li:last-child > a {
    padding-bottom: 7px;
  }
}
.p-side-accordion--lv3 > li > a {
  display: block;
  padding-top: 9px;
  padding-bottom: 7px;
  padding-right: 6.25%;
  padding-left: 6.25%;
  background-color: #f0f0f0;
  font-size: 100%;
  text-indent: 1em;
}
@media print, screen and (min-width: 61.25em) {
  .p-side-accordion--lv3 > li > a {
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 0;
    padding-left: 0;
    background-color: transparent;
    text-indent: 0;
  }
}

.p-page-heading {
  position: relative;
  padding-top: 24px;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 61.25em) {
  .p-page-heading {
    padding-top: 0;
    margin-bottom: 15px;
  }
}

.p-keyword-box > li {
  display: inline-block;
  margin-bottom: 8px;
  border-style: solid;
  border-width: 1px;
  border-color: #2051b2;
  border-radius: 2px;
}
.p-keyword-box > li.is-text {
  position: relative;
  border-color: #e8eef5;
  color: #014099;
  border-radius: 2px;
  background-color: #e8eef5;
}
.p-keyword-box > li.is-text:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  content: "";
}
.p-keyword-box a, .p-keyword-box span {
  display: block;
  padding-top: 3px;
  padding-bottom: 1px;
  padding-right: 10px;
  padding-left: 10px;
  color: #2051b2;
  font-size: 93%;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
.p-keyword-box > li.is-text a, .p-keyword-box > li.is-text span {
  position: relative;
  z-index: 0;
  /*color: #333333;*/
  color: #014099;
  pointer-events: none;
}
@media print, screen and (min-width: 48em) {
  .p-keyword-box a, .p-keyword-box span {
    padding-top: 4px;
    padding-bottom: 3px;
    padding-right: 12px;
    padding-left: 12px;
    font-size: 85%;
  }
}
@media print, screen and (min-width: 48em) {
  .browser-is-ie .p-keyword-box a, .browser-is-ie .p-keyword-box span {
    padding-top: 0;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-keyword-box a:hover, .p-keyword-box span:hover {
    background-color: #2051b2;
    color: #fff;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-keyword-box a:hover svg, .p-keyword-box span:hover svg {
    fill: #fff;
  }
}
.p-keyword-box svg {
  position: relative;
  top: 3px;
  width: 13px;
  height: 16px;
  margin-top: -3px;
  margin-left: 7px;
  fill: #2051b2;
  fill-rule: evenodd;
  transition: fill cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}

.p-keyword-box--scroller, .p-keyword-box--panel {
  margin-bottom: -8px;
}
.p-keyword-box--scroller a, .p-keyword-box--panel a, .p-keyword-box--scroller span, .p-keyword-box--panel span {
  padding-right: 12px;
  padding-left: 12px;
  font-weight: normal;
  line-height: 1.75;
}

.p-keyword-box--panel {
  margin-top: 8px;
}

.p-product-scroller {
  position: relative;
}

.p-product-scroller__inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.p-product-scroller__slider {
  position: absolute;
  width: 6000px;
  transition: -webkit-transform ease 0.8s;
  transition: transform ease 0.8s;
  transition: transform ease 0.8s, -webkit-transform ease 0.8s;
}
.p-product-scroller__slider:after {
  display: block;
  clear: both;
  content: "";
}

.p-product-scroller-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 47.9375em) {
  .p-product-scroller-nav {
    position: relative;
  }
}
.p-product-scroller-nav.is-product {
  position: relative;
}

.p-product-scroller-nav__item {
  position: relative;
  z-index: 10;
  width: 20px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 7px auto;
}
@media print, screen and (min-width: 48em) {
  .p-product-scroller-nav__item {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 38px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.p-product-scroller-nav__item.p-product-scroller-nav__item--back {
  background-image: url(//www.elecom.co.jp/common/svg/icon_arrow_left_black_02.svg);
}
@media print, screen and (min-width: 48em) {
  .p-product-scroller-nav__item.p-product-scroller-nav__item--back {
    left: -38px;
    background-image: none;
  }
}
.p-product-scroller-nav__item.p-product-scroller-nav__item--forward {
  background-image: url(//www.elecom.co.jp/common/svg/icon_arrow_right_black_02.svg);
}
@media print, screen and (min-width: 48em) {
  .p-product-scroller-nav__item.p-product-scroller-nav__item--forward {
    right: -38px;
    background-image: none;
  }
}
.p-product-scroller-nav__item a {
  display: block;
  width: 100%;
  height: 100%;
}
@media print, screen and (min-width: 48em) {
  .p-product-scroller-nav__item a:hover svg {
    fill: #939292;
  }
}
.p-product-scroller-nav__item svg {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .p-product-scroller-nav__item svg {
    display: block;
    width: 20px;
    height: 38px;
    fill: #333;
    transition: ease fill 0.15s;
  }
}

.p-product-scroller-nav__indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 13px;
  left: 50%;
  height: 8px;
  margin-top: 3px;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media print, screen and (min-width: 48em) {
  .p-product-scroller-nav__indicator {
    display: none;
  }
}
.p-product-scroller-nav__indicator > li {
  display: block;
  width: 5px;
  height: 5px;
  margin-right: 5px;
  margin-left: 5px;
  border-radius: 50%;
  background-color: #f0f0f0;
}
.p-product-scroller-nav__indicator > li.is-current {
  background-color: #333;
}

.p-product-scroller-nav__pager {
  position: absolute;
  right: 0;
  top: -33px;
}
@media print, screen and (min-width: 48em) {
  .p-product-scroller-nav__pager {
    top: -40px;
  }
}

.p-image-link-module {
  float: left;
  width: 86px;
  margin-right: 5px;
  font-weight: bold;
  line-height: 1.4;
}
@media print, screen and (min-width: 48em) {
  .p-image-link-module {
    width: 120px;
  }
}
.p-image-link-module:last-child {
  margin-right: 0;
}
.p-image-link-module > a {
  display: block;
  margin-bottom: 10px;
}
@media print, screen and (min-width: 61.25em) {
  .p-image-link-module > a:hover {
    color: #888;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-image-link-module > a:hover img {
    opacity: 0.6;
  }
}
.p-image-link-module img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 17px;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}

.p-image-link-module__code {
  display: block;
  margin-bottom: 3px;
  font-size: 85%;
  font-weight: normal;
}




@-webkit-keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}








.c-flex-container--1col .p-section-unit {
  margin-bottom: 16px;
}
@media print, screen and (min-width: 40.0625em) {
  .c-flex-container--1col .p-section-unit {
    width: 100%;
    margin-right: 0;
  }
}
.c-flex-container--2col .p-section-unit {
  margin-bottom: 16px;
}
@media print, screen and (min-width: 40.0625em) {
  .c-flex-container--2col .p-section-unit {
    width: 49%;
    margin-right: 2%;
  }
}
@media print, screen and (min-width: 48em) {
  .c-flex-container--2col .p-section-unit {
    margin-bottom: 16px;
  }
}
.c-flex-container--2col .p-section-unit:nth-child(2n) {
  margin-right: 0;
}
.c-flex-container--3col .p-section-unit {
  margin-bottom: 16px;
}
@media print, screen and (min-width: 40.0625em) {
  .c-flex-container--3col .p-section-unit {
    width: 32%;
    margin-right: 2%;
  }
}
@media print, screen and (min-width: 48em) {
  .c-flex-container--3col .p-section-unit {
    margin-bottom: 16px;
  }
}
.c-flex-container--3col .p-section-unit:nth-child(3n) {
  margin-right: 0;
}
.c-flex-container--5col .p-section-unit {
  margin-bottom: 16px;
}
@media print, screen and (min-width: 40.0625em) {
  .c-flex-container--5col .p-section-unit {
    width: 32%;
    margin-right: 2%;
  }
}
@media print, screen and (min-width: 48em) {
  .c-flex-container--5col .p-section-unit {
    margin-bottom: 16px;
  }
}
@media print, screen and (min-width: 80em) {
  .c-flex-container--5col .p-section-unit {
    width: 18.4%;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .c-flex-container--5col .p-section-unit:nth-child(3n) {
    margin-right: 0;
  }
}
@media print, screen and (min-width: 80em) {
  .c-flex-container--5col .p-section-unit:nth-child(3n) {
    margin-right: 2%;
  }
}
@media print, screen and (min-width: 80em) {
  .c-flex-container--5col .p-section-unit:nth-child(5n) {
    margin-right: 0;
  }
}
.p-section-unit.p-section-unit--product-top {
  display: block;
  opacity: 1;
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 32px;
  transition: opacity ease 0.15s;
}
@media print, screen and (min-width: 40.0625em) {
  .p-section-unit.p-section-unit--product-top {
    width: 46.8319%;
    margin-right: 3.168%;
  }
}
@media print, screen and (min-width: 48em) {
  .p-section-unit.p-section-unit--product-top {
    width: 31.2364%;
    margin-right: 2.0968%;
    padding-bottom: 36px;
  }
}
.p-section-unit.p-section-unit--product-top.is-visible {
  opacity: 1;
}
.p-section-unit.p-section-unit--product-top.is-show {
  display: block;
}
.p-section-unit.p-section-unit--product-top.is-invisible {
  opacity: 0;
}
.p-section-unit.p-section-unit--product-top.is-hide {
  display: none;
}
.p-section-unit.p-section-unit--bottom_m {
  margin-bottom: 16px;
}
@media print, screen and (min-width: 40.0625em) {
  .p-section-unit.p-section-unit--bottom_m {
    margin-bottom: 28px;
  }
}

.p-product-accordion a {
  position: relative;
  color: #333;
  line-height: 1.4;
  word-break: break-all;
}
@media print, screen and (min-width: 61.25em) {
  .p-product-accordion a:hover {
    color: #888;
  }
}

.p-product-accordion--lv1, .p-product-accordion--list {
  border-style: solid;
  border-width: 1px;
  border-color: #e2e2e2;
  box-shadow: 0 7px 11px rgba(0, 0, 0, 0.05), 0 1px 5px rgba(0, 0, 0, 0.1);
}
@media print, screen and (min-width: 48em) {
  .p-product-accordion--lv1, .p-product-accordion--list {
    border-color: #cacaca;
  }
}
.p-product-accordion--lv1 > li, .p-product-accordion--list > li {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #e2e2e2;
}
.p-product-accordion--lv1 > li:last-child, .p-product-accordion--list > li:last-child {
  border-bottom: none;
}
.p-product-accordion--lv1 > li > a, .p-product-accordion--list > li > a {
  display: block;
  position: relative;
  /* 旧 */
  /* 新 */
  padding-top: 18px;
  padding-bottom: 18px;
  padding-right: 32px;
  padding-left: 68px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 116%;
  font-weight: bold;
}
@media print, screen and (min-width: 48em) {
  .p-product-accordion--lv1 > li > a, .p-product-accordion--list > li > a {
    /* 旧 */
    /* 新 */
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 40px;
    padding-left: 55px;
  }
}
@media print, screen and (min-width: 48em) {
  .browser-is-ie .p-product-accordion--lv1 > li > a, .browser-is-ie .p-product-accordion--list > li > a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.p-product-accordion--lv1 > li > a:before, .p-product-accordion--list > li > a:before, .p-product-accordion--lv1 > li > a:after, .p-product-accordion--list > li > a:after {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  content: "";
}
.p-product-accordion--lv1 > li > a:before, .p-product-accordion--list > li > a:before {
  display: none;
  right: 18px;
  width: 10px;
  height: 2px;
  background-color: #333;
}
.p-product-accordion--lv1 > li > a:after, .p-product-accordion--list > li > a:after {
  display: block;
  right: 22px;
  width: 5px;
  height: 5px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #333;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
}
@media print, screen and (min-width: 48em) {
  .p-product-accordion--lv1 > li > a:after, .p-product-accordion--list > li > a:after {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-product-accordion--lv1 > li > a:hover:before, .p-product-accordion--list > li > a:hover:before {
    background-color: #888;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-product-accordion--lv1 > li > a:hover:after, .p-product-accordion--list > li > a:hover:after {
    border-color: #888;
    -webkit-transform: translate(3px, -50%) rotate(45deg);
            transform: translate(3px, -50%) rotate(45deg);
  }
}
.p-product-accordion--lv1 > li > a.is-multi:before, .p-product-accordion--list > li > a.is-multi:before, .p-product-accordion--lv1 > li > a.is-multi:after, .p-product-accordion--list > li > a.is-multi:after {
  display: block;
  transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
.p-product-accordion--lv1 > li > a.is-multi:after, .p-product-accordion--list > li > a.is-multi:after {
  right: 22px;
  width: 2px;
  height: 10px;
  background-color: #333;
  border: none;
  -webkit-transform: translate(0, -50%) rotate(0);
          transform: translate(0, -50%) rotate(0);
}
@media print, screen and (min-width: 61.25em) {
  .p-product-accordion--lv1 > li > a.is-multi:hover:after, .p-product-accordion--list > li > a.is-multi:hover:after {
    background-color: #888;
    border-color: none;
  }
}
.p-product-accordion--lv1 > li > a.is-open:after, .p-product-accordion--list > li > a.is-open:after {
  -webkit-transform: translate(0, -50%) rotate(90deg);
          transform: translate(0, -50%) rotate(90deg);
}
.p-product-accordion--lv1 > li > a img, .p-product-accordion--list > li > a img {
  display: block;
  position: absolute;
  top: 0;
  left: 10px;
  /* 旧 */
  /* 新 */
  width: 40px;
  padding-top: 6px;
}
@media print, screen and (min-width: 48em) {
  .p-product-accordion--lv1 > li > a img, .p-product-accordion--list > li > a img {
    /* 旧 */
    /* 新 */
    width: 32px;
  }
}
.p-product-accordion--lv1 > li.p-product-accordion__index-item a, .p-product-accordion--list > li.p-product-accordion__index-item a {
  position: relative;
  padding-top: 11px;
  padding-bottom: 10px;
  padding-right: 20px;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  -webkit-font-feature-settings: unset;
          font-feature-settings: unset;
  font-weight: normal;
  font-size: 100%;
  color: #2051b2;
  text-align: right;
}
.p-product-accordion--lv1 > li.p-product-accordion__index-item a:after, .p-product-accordion--list > li.p-product-accordion__index-item a:after {
  display: inline-block;
  position: relative;
  top: -0.1em;
  right: auto;
  width: 5px;
  height: 5px;
  margin-left: 4px;
  background: none;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #2051b2;
  -webkit-transform: translateX(0) rotate(45deg);
          transform: translateX(0) rotate(45deg);
  content: "";
}
@media print, screen and (min-width: 61.25em) {
  .p-product-accordion--lv1 > li.p-product-accordion__index-item a:after, .p-product-accordion--list > li.p-product-accordion__index-item a:after {
    transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-product-accordion--lv1 > li.p-product-accordion__index-item a:hover, .p-product-accordion--list > li.p-product-accordion__index-item a:hover {
    color: #009DFF;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-product-accordion--lv1 > li.p-product-accordion__index-item a:hover:after, .p-product-accordion--list > li.p-product-accordion__index-item a:hover:after {
    border-color: #009DFF;
    -webkit-transform: translateX(3px) rotate(45deg);
            transform: translateX(3px) rotate(45deg);
  }
}

.p-product-accordion--lv2 {
  display: none;
  padding-bottom: 9px;
  padding-left: 68px;
}
@media print, screen and (min-width: 48em) {
  .p-product-accordion--lv2 {
    padding-bottom: 11px;
    padding-left: 55px;
  }
}
.p-product-accordion--lv2 > li {
  margin-bottom: 8px;
}
@media print, screen and (min-width: 48em) {
  .p-product-accordion--lv2 > li {
    margin-bottom: 4px;
  }
}
.p-product-accordion--lv2 > li.l-side-nav__parent-item > a:before {
  display: none;
}
.p-product-accordion--lv2 > li:first-child {
  margin-top: 5px;
}
@media print, screen and (min-width: 48em) {
  .p-product-accordion--lv2 > li:first-child {
    margin-top: 0;
  }
}
.p-product-accordion--lv2 > li > a {
  display: block;
  font-size: 100%;
}
@media print, screen and (min-width: 48em) {
  .p-product-accordion--lv2 > li > a {
    display: inline-block;
    background-color: transparent;
  }
}

/*****************************************
* モディファイア
*****************************************/
.p-product-accordion--list > li > a {
  padding-top: 9px;
  padding-bottom: 7px;
  padding-left: 15px;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  -webkit-font-feature-settings: unset;
          font-feature-settings: unset;
  font-weight: normal;
  font-size: 100%;
}
@media print, screen and (min-width: 40.0625em) {
  .p-product-accordion--list > li > a {
    padding-top: 11px;
    padding-bottom: 9px;
    padding-left: 22px;
  }
}

.p-product-accordion--4col {

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: none;
  box-shadow: none;
}
.p-product-accordion--4col > li {
  width: 25%;
  box-shadow: 0 7px 11px rgba(0, 0, 0, 0.05), 0 1px 5px rgba(0, 0, 0, 0.1);
}
.p-product-accordion--4col > li > a {
  box-sizing: border-box;
  height: 100%;
}

.p-panel-list {
  box-shadow: 0 7px 11px rgba(0, 0, 0, 0.05), 0 1px 5px rgba(0, 0, 0, 0.1);
}
.p-panel-list .p-panel-list__title {
  position: relative;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 11px;
  padding-bottom: 10px;
  padding-right: 15px;
  padding-left: 15px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 131%;
  font-weight: bold;
  color: #fff;
  transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 48em) {
  .p-panel-list .p-panel-list__title {
    padding-right: 22px;
    padding-left: 22px;
  }
}
.browser-is-ie .p-panel-list .p-panel-list__title {
  padding-top: 14px;
  padding-bottom: 7px;
}
.p-panel-list .p-panel-list__title svg {
  margin-right: 10px;
  width: 14px;
  height: 14px;
  fill: #fff;
}
.p-panel-list .p-panel-list__title + ul {
  border-top: none;
}
.p-panel-list ul {
  border-top: 1px solid #cacaca;
}

.p-panel-list__item a {
  position: relative;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 37px;
  padding-left: 15px;
  background-color: #fff;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #cacaca;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 116%;
  font-weight: bold;
  color: #333;
  line-height: 1.4;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 48em) {
  .p-panel-list__item a {
    padding-right: 22px;
    padding-left: 22px;
  }
}
.p-panel-list__item a:after {
  right: 22px;
  display: block;
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  border-color: #333;
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  content: "";
}
@media print, screen and (min-width: 61.25em) {
  .p-panel-list__item a:hover {
    z-index: 1;
    color: #888;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1), 0 3px 10px rgba(0, 0, 0, 0.2);
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-panel-list__item a:hover:after {
    border-color: #888;
    -webkit-transform: translate(3px, -50%) rotate(45deg);
            transform: translate(3px, -50%) rotate(45deg);
  }
}
.browser-is-ie .p-panel-list__item a {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 100%;
  padding-top: 16px;
  padding-bottom: 12px;
}
.p-panel-list__item span {
  display: block;
  margin-right: 8px;
}

.p-panel-list--small,
.p-panel-list--4col,
.p-panel-list--3col {
  box-shadow: none;
}
.p-panel-list--small .p-panel-list__item,
.p-panel-list--4col .p-panel-list__item,
.p-panel-list--3col .p-panel-list__item{
  box-shadow: 0 7px 11px rgba(0, 0, 0, 0.05), 0 1px 5px rgba(0, 0, 0, 0.1);
}
.p-panel-list--small .p-panel-list__item a, .p-panel-list--4col .p-panel-list__item a , .p-panel-list--3col .p-panel-list__item a{
  display: block;
  height: 100%;
  padding-top: 9px;
  padding-bottom: 7px;
  padding-right: 0;
  padding-left: 15px;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  -webkit-font-feature-settings: unset;
          font-feature-settings: unset;
  font-weight: normal;
  font-size: 100%;
}
@media print, screen and (min-width: 40.0625em) {
  .p-panel-list--small .p-panel-list__item a,
  .p-panel-list--4col .p-panel-list__item a,
  .p-panel-list--3col .p-panel-list__item a{
    padding-top: 11px;
    padding-bottom: 9px;
    padding-left: 22px;
  }
}
.p-panel-list--small .p-panel-list__item a:after,
.p-panel-list--4col .p-panel-list__item a:after,
.p-panel-list--3col .p-panel-list__item a:after {
  display: none;
}
.p-panel-list--small .p-panel-list__item a span,
.p-panel-list--4col .p-panel-list__item a span,
.p-panel-list--3col .p-panel-list__item a span {
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  padding-right: 37px;
}
.p-panel-list--small .p-panel-list__item a span:after,
.p-panel-list--4col .p-panel-list__item a span:after,
.p-panel-list--3col .p-panel-list__item a span:after {
  right: 22px;
  display: block;
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  border-color: #333;
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  content: "";
}
@media print, screen and (min-width: 61.25em) {
  .p-panel-list--small .p-panel-list__item a:hover span:after,
  .p-panel-list--4col .p-panel-list__item a:hover span:after,
  .p-panel-list--3col .p-panel-list__item a:hover span:after {
    border-color: #888;
    -webkit-transform: translate(3px, -50%) rotate(45deg);
            transform: translate(3px, -50%) rotate(45deg);
  }
}

.p-panel-list--4col ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: none;
  border-left: none;
}
.p-panel-list--3col ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: none;
  border-left: none;
}
.p-panel-list--4col .p-panel-list__item {
  width: 100%;
}
.p-panel-list--3col .p-panel-list__item {
  width: 100%;
}
.p-panel-list--4col .p-panel-list__item a {
  border-width: 0 1px 1px 1px;
}
.p-panel-list--3col .p-panel-list__item a {
  border-width: 0 1px 1px 1px;
}
@media print, screen and (min-width: 40.0625em) {
  .p-panel-list--4col .p-panel-list__item a {
    border-width: 0 1px 1px 0;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .p-panel-list--3col .p-panel-list__item a {
    border-width: 0 1px 1px 0;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .p-panel-list--4col .p-panel-list__item {
    width: 50%;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .p-panel-list--3col .p-panel-list__item {
    width: 50%;
  }
}
@media print, screen and (min-width: 48em) {
  .p-panel-list--4col .p-panel-list__item {
    width: 25%;
  }
}
@media print, screen and (min-width: 48em) {
  .p-panel-list--3col .p-panel-list__item {
    width: 33.3%;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .p-panel-list--4col .p-panel-list__item:nth-child(2n+1) a {
    border-width: 0 1px 1px 1px;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .p-panel-list--3col .p-panel-list__item:nth-child(2n+1) a {
    border-width: 0 1px 1px 1px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-panel-list--4col .p-panel-list__item:nth-child(2n+1) a {
    border-width: 0 1px 1px 0;
  }
}
@media print, screen and (min-width: 48em) {
  .p-panel-list--3col .p-panel-list__item:nth-child(2n+1) a {
    border-width: 0 1px 1px 0;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .p-panel-list--4col .p-panel-list__item:nth-of-type(-n+2) a {
    border-width: 1px 1px 1px 0;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .p-panel-list--3col .p-panel-list__item:nth-of-type(-n+2) a {
    border-width: 1px 1px 1px 0;
  }
}
@media print, screen and (min-width: 48em) {
  .p-panel-list--4col .p-panel-list__item:nth-of-type(-n+2) a {
    border-width: 0 1px 1px 0;
  }
}
@media print, screen and (min-width: 48em) {
  .p-panel-list--3col .p-panel-list__item:nth-of-type(-n+2) a {
    border-width: 0 1px 1px 0;
  }
}
@media print, screen and (min-width: 48em) {
  .p-panel-list--4col .p-panel-list__item:nth-child(4n+1) a {
    border-width: 0 1px 1px 1px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-panel-list--3col .p-panel-list__item:nth-child(3n+1) a {
    border-width: 0 1px 1px 1px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-panel-list--4col .p-panel-list__item:nth-of-type(-n+4) a {
    border-width: 1px 1px 1px 0;
  }
}
@media print, screen and (min-width: 48em) {
  .p-panel-list--3col .p-panel-list__item:nth-of-type(-n+3) a {
    border-width: 1px 1px 1px 0;
  }
}
.p-panel-list--4col .p-panel-list__item:first-child a {
  border-width: 1px 1px 1px 1px;
}
.p-panel-list--3col .p-panel-list__item:first-child a {
  border-width: 1px 1px 1px 1px;
}





.p-panel-list--person .p-panel-list__title {
  background-color: #333;
}
.p-panel-list--person .p-panel-list__title svg {
  width: 14px;
  height: 14px;
  padding-top: 2px;
}
.browser-is-ie .p-panel-list--person .p-panel-list__title svg {
  position: relative;
  bottom: -1px;
}

.p-panel-list--building .p-panel-list__title {
  background-color: #014099;
}
.p-panel-list--building .p-panel-list__title svg {
  width: 13px;
  height: 16px;
}
.browser-is-ie .p-panel-list--building .p-panel-list__title svg {
  position: relative;
  bottom: -1px;
}

@media only screen and (max-width: 40em) {
  .c-flex-container--1col .p-panel-list {
    margin-bottom: 8px;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .c-flex-container--1col .p-panel-list {
    width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 40em) {
  .c-flex-container--2col .p-panel-list {
    margin-bottom: 8px;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .c-flex-container--2col .p-panel-list {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 40em) {
  .c-flex-container--2col .p-panel-list:last-child {
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .c-flex-container--2col .p-panel-list:last-child {
    margin-right: 0;
  }
}

/*
 * 検索モジュール
 */
.p-search-module__text {
  margin-bottom: 3px;
  text-align: center;
}
@media only screen and (max-width: 47.9375em) {
  .p-search-module__text {
    font-size: 100%;
  }
}
@media print, screen and (min-width: 48em) {
  .p-search-module__text {
    font-size: 116%;
  }
}

.p-search-module__note {
  margin-bottom: 9px;
  text-align: center;
}
@media only screen and (max-width: 47.9375em) {
  .p-search-module__note {
    font-size: 100%;
  }
}

.p-search-module__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 48em) {
  .p-search-module__box {
    max-width: 424px;
    margin-right: auto;
    margin-left: auto;
  }
}

.p-search-module__input {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  background: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #cacaca;
  border-radius: 3px 0 0 3px;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  -webkit-font-feature-settings: unset;
          font-feature-settings: unset;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1) inset;
  transition: all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (max-width: 47.9375em) {
  .p-search-module__input {
    padding-top: 10px;
    padding-bottom: 8px;
    padding-right: 10px;
    padding-left: 15px;
    font-size: 123.1%;
  }
}
@media print, screen and (min-width: 48em) {
  .p-search-module__input {
    padding-top: 13px;
    padding-bottom: 11px;
    padding-right: 10px;
    padding-left: 15px;
    font-size: 100%;
  }
}
@media only screen and (max-width: 47.9375em) {
  .browser-is-ff .p-search-module__input {
    max-width: calc(100% - 44px);
  }
}
.p-search-module__input:focus {
  border-color: #2975cc;
  outline: none;
}
.is-success .p-search-module__input {
  background-color: #fff;
}
.is-error .p-search-module__input {
  background-color: #fae5e5;
  border-color: #f5a0a0;
}
.p-search-module__input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.p-search-module__input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.p-search-module__input[type="number"] {
  -moz-appearance: textfield;
}
.p-search-module__input[type="text"]::-webkit-input-placeholder {
  color: #b2b2b2;
}
.p-search-module__input:-ms-input-placeholder {
  color: #b2b2b2;
}
.p-search-module__input::-moz-placeholder {
  color: #b2b2b2;
}

.p-search-module__button {
  color: #fff;
  border-radius: 0 3px 3px 0;
  background-color: #333;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(//www.elecom.co.jp/common/svg/icon_search.svg);
  background-size: 26px auto;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media only screen and (max-width: 47.9375em) {
  .p-search-module__button {
    width: 44px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-search-module__button {
    width: 61px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-search-module__button:hover {
    background-color: #555555;
  }
}

.p-search-module__link {
  margin-top: 10px;
  text-align: center;
}

@media print, screen and (min-width: 48em) {
  .p-term {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media only screen and (max-width: 47.9375em) {
  .p-term__name {
    display: block;
    margin-bottom: 5px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-term__name {
    margin-right: 15px;
  }
}

.p-term__select {
  display: block;
  position: relative;
}
@media only screen and (max-width: 47.9375em) {
  .p-term__select {
    width: 100%;
  }
}
@media print, screen and (min-width: 48em) {
  .p-term__select {
    min-width: 120px;
  }
}
.p-term__select > select {
  z-index: 1;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
  background: transparent;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: #898989;
  border-radius: 0;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  -webkit-font-feature-settings: unset;
          font-feature-settings: unset;
  cursor: pointer;
}
@media only screen and (max-width: 47.9375em) {
  .p-term__select > select {
    padding: 8px 8px 6px 8px;
    font-size: 123.1%;
  }
}
@media print, screen and (min-width: 48em) {
  .p-term__select > select {
    padding: 1px 6px 1px 8px;
  }
}
.p-term__select > select::-ms-expand {
  display: none;
}
.p-term__select > select > option {
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  -webkit-font-feature-settings: unset;
          font-feature-settings: unset;
}
.p-term__select:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 10px;
  margin: -2px 0 0 0;
  border-top-style: solid;
  border-top-width: 5px;
  border-top-color: #000000;
  border-right-style: solid;
  border-right-width: 5px;
  border-right-color: transparent;
  border-left-style: solid;
  border-left-width: 5px;
  border-left-color: transparent;
}

.p-term-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1px;
      -ms-flex: 1px;
          flex: 1px;
  width: 100%;
}

@media only screen and (max-width: 47.9375em) {
  .p-term-list__item {
    width: calc(50% - 10px);
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-term-list__item {
    margin-right: 40px;
  }
}
.p-term-list__item + .p-term-list__item {
  margin-right: 0;
}

@media print, screen and (min-width: 48em) {
  .p-shoulder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media print, screen and (min-width: 61.25em) {
  .p-shoulder__rss {
    bottom: 9px;
  }
}
.p-shoulder__rss a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #2051b2;
}
@media only screen and (max-width: 47.9375em) {
  .p-shoulder__rss a {
    margin-top: 25px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-shoulder__rss a:hover {
    color: #009DFF;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-shoulder__rss a:hover svg {
    opacity: 0.4;
  }
}
.p-shoulder__rss svg {
  display: block;
  position: relative;
  top: -1px;
  width: 15px;
  height: 15px;
  margin-left: 5px;
}
@media print, screen and (min-width: 61.25em) {
  .p-shoulder__rss svg {
    width: 20px;
    height: 20px;
    margin-left: 10px;
    transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  }
}
.p-shoulder__rss span {
  display: block;
}

.c-flex-container .p-shoulder-rss {
  margin-right: 0;
  margin-left: auto;
}

/*
 * ページネーション
 * ニュースで使用
 */
.p-pager__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-pager__list {
  display: inline-block;
  text-align: center;
  font-weight: bold;
}
.p-pager__list > a {
  display: block;
  box-sizing: border-box;
  padding-top: 9px;
  padding-bottom: 8px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  color: #014099;
  transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media only screen and (max-width: 47.9375em) {
  .p-pager__list > a {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.browser-is-ie .p-pager__list > a {
  padding-top: 11px;
  padding-bottom: 6px;
}
.p-pager__list.is-current > a {
  color: #fff;
  background-color: #014099;
}

@media only screen and (max-width: 47.9375em) {
  .p-pager__list--type_box > a {
    min-width: 36px;
    height: 36px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-pager__list--type_box > a {
    min-width: 40px;
    height: 40px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-pager__list--type_box > a:hover {
    background-color: #0E5CB5;
    color: #fff;
  }
}
.p-pager__list--type_box > span {
  display: inline-block;
  color: #014099;
}
@media only screen and (max-width: 47.9375em) {
  .p-pager__list--type_box > span {
    min-width: 36px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-pager__list--type_box > span {
    min-width: 40px;
  }
}

.p-pager__list--type_prev > a {
  position: relative;
}
@media only screen and (max-width: 47.9375em) {
  .p-pager__list--type_prev > a {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-pager__list--type_prev > a {
    padding-right: 15px;
    padding-left: 24px;
  }
}
.p-pager__list--type_prev > a:after {
  display: block;
  position: absolute;
  top: 50%;
  width: 4px;
  height: 4px;
  border-style: solid;
  border-width: 0 0 2px 2px;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  border-color: #2051b2;
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  content: "";
}
@media only screen and (max-width: 47.9375em) {
  .p-pager__list--type_prev > a:after {
    left: 0;
  }
}
@media print, screen and (min-width: 48em) {
  .p-pager__list--type_prev > a:after {
    left: 12px;
  }
}
.browser-is-ie .p-pager__list--type_prev > a:after {
  top: 52%;
}
@media print, screen and (min-width: 61.25em) {
  .p-pager__list--type_prev > a:hover {
    color: #009DFF;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-pager__list--type_prev > a:hover:after {
    border-color: #009DFF;
    -webkit-transform: translate(-3px, -50%) rotate(45deg);
            transform: translate(-3px, -50%) rotate(45deg);
  }
}

.p-pager__list--type_next > a {
  position: relative;
}
@media only screen and (max-width: 47.9375em) {
  .p-pager__list--type_next > a {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-pager__list--type_next > a {
    padding-right: 24px;
    padding-left: 15px;
  }
}
.p-pager__list--type_next > a:after {
  display: block;
  position: absolute;
  top: 50%;
  width: 4px;
  height: 4px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  border-color: #2051b2;
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  content: "";
}
@media only screen and (max-width: 47.9375em) {
  .p-pager__list--type_next > a:after {
    right: 0;
  }
}
@media print, screen and (min-width: 48em) {
  .p-pager__list--type_next > a:after {
    right: 12px;
  }
}
.browser-is-ie .p-pager__list--type_next > a:after {
  top: 52%;
}
@media print, screen and (min-width: 61.25em) {
  .p-pager__list--type_next > a:hover {
    color: #009DFF;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-pager__list--type_next > a:hover:after {
    border-color: #009DFF;
    -webkit-transform: translate(3px, -50%) rotate(45deg);
            transform: translate(3px, -50%) rotate(45deg);
  }
}

@media only screen and (max-width: 47.9375em) {
  .p-pager__list--only_pc {
    display: none;
  }
}


/* ==========================================================================
 *
 *
 * 追記エリア START
 *
 *
========================================================================== */

/* ==========================================================================
 右カラム
========================================================================== */

/* 右カラムの枠組み **********************************************************/
.p-sub-area {
    width: 100%;
}
@media print, screen and (min-width: 61.25em) {
    .p-sub-area {
        min-width: 220px;
        max-width: 220px;
        margin-left: 35px;
    }
}
@media print, screen and (min-width: 80em) {
    .p-sub-area {
        margin-left: 70px;
    }
}
@media print,
screen and (min-width: 61.25em) {
    .is-sliding .p-sub-area {
        max-width: 100%;
        margin-left: 0;
    }
}
@media print,
screen and (min-width: 80em) {
    .is-sliding .p-sub-area {
        max-width: 220px;
        margin-left: 35px;
    }
}

@media print,
screen and (min-width: 87.5em) {
    .is-sliding .p-sub-area {
        max-width: 220px;
        margin-left: 70px;
    }
}

.p-sub-area__block {
    margin-bottom: 35px;
    padding-right: 6.25%;
    padding-left: 6.25%;
}

@media print,
screen and (min-width: 40.0625em) {
    .p-sub-area__block {
        padding-right: 3.125%;
        padding-left: 3.125%;
    }
}

@media print,
screen and (min-width: 61.25em) {
    .p-sub-area__block {
        margin-bottom: 30px;
        padding-right: 0;
        padding-left: 0;
    }
}

@media print,
screen and (min-width: 61.25em) {
    .is-sliding .p-sub-area__block {
        margin-bottom: 35px;
    }
}

@media print,
screen and (min-width: 80em) {
    .is-sliding .p-sub-area__block {
        margin-bottom: 30px;
    }
}

.p-sub-area__block:last-child {
    margin-bottom: 0;
}

.p-sub-area__block>img {
    display: block;
    width: 100%;
}

.p-sub-area__block>img+img {
    margin-top: 5px;
}

.p-sub-area__heading {
    margin-bottom: 11px;
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
    -webkit-font-feature-settings: 'palt' 1;
    font-feature-settings: 'palt' 1;
    font-weight: bold;
    font-size: 153.9%;
}

@media print,
screen and (min-width: 48em) {
    .p-sub-area__heading {
        font-size: 116%;
    }
}

/* えれなび ******************************************************/
.p-sub-elenavi {
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px;
    border-color: #014099;
}

.p-sub-elenavi__inner {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 26px;
    padding-right: 25px;
    padding-left: 25px;
    text-align: center;
}

@media print,
screen and (min-width: 61.25em) {
    .p-sub-elenavi__inner {
        padding-top: 21px;
        padding-bottom: 20px;
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media print,
screen and (min-width: 61.25em) {
    .is-sliding .p-sub-elenavi__inner {
        padding-top: 27px;
        padding-bottom: 26px;
        padding-right: 25px;
        padding-left: 25px;
    }
}

@media print,
screen and (min-width: 80em) {
    .is-sliding .p-sub-elenavi__inner {
        padding-top: 21px;
        padding-bottom: 20px;
        padding-right: 20px;
        padding-left: 20px;
    }
}

.p-sub-elenavi__inner>img {
    display: inline;
    width: auto;
}

.p-sub-elenavi__heading {
    display: block;
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
    -webkit-font-feature-settings: 'palt' 1;
    font-feature-settings: 'palt' 1;
    font-weight: bold;
    font-size: 123.1%;
    text-align: center;
    line-height: 1;
}

@media print,
screen and (min-width: 61.25em) {
    .p-sub-elenavi__heading {
        font-size: 100%;
    }
}

@media print,
screen and (min-width: 61.25em) {
    .is-sliding .p-sub-elenavi__heading {
        font-size: 123.1%;
    }
}

@media print,
screen and (min-width: 80em) {
    .is-sliding .p-sub-elenavi__heading {
        font-size: 100%;
    }
}

.p-sub-elenavi__text {
    margin-bottom: 15px;
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
    -webkit-font-feature-settings: 'palt' 1;
    font-feature-settings: 'palt' 1;
    font-weight: bold;
    font-size: 100%;
    text-align: center;
    line-height: 1.75;
}

@media print,
screen and (min-width: 61.25em) {
    .p-sub-elenavi__text {
        margin-bottom: 13px;
        font-size: 85%;
        line-height: 1.4;
    }
}

@media print,
screen and (min-width: 61.25em) {
    .is-sliding .p-sub-elenavi__text {
        margin-bottom: 15px;
        font-size: 100%;
        line-height: 1.75;
    }
}

@media print,
screen and (min-width: 80em) {
    .is-sliding .p-sub-elenavi__text {
        margin-bottom: 13px;
        font-size: 85%;
        line-height: 1.4;
    }
}

.p-sub-elenavi__link {
    background-color: #014099;
}

.p-sub-elenavi__link a {
    box-sizing: border-box;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 6px;
    padding-bottom: 4px;
    text-align: center;
    color: #fff;
    transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}

.p-sub-elenavi__link a:before {
    position: absolute;
    top: 0;
    left: -1px;
    width: 100%;
    height: 100%;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: transparent;
    content: "";
    pointer-events: none;
}

.p-sub-elenavi__link a:after {
    display: inline-block;
    position: relative;
    top: -1px;
    width: 5px;
    height: 5px;
    margin-left: 4px;
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #fff;
    -webkit-transform: translate(0, 0) rotate(45deg);
    transform: translate(0, 0) rotate(45deg);
    transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    content: "";
}

@media print,
screen and (min-width: 61.25em) {
    .p-sub-elenavi__link a:hover {
        color: #fff;
        background-color: #0E5CB5;
    }
}

@media print,
screen and (min-width: 61.25em) {
    .p-sub-elenavi__link a:hover:before {
        border-color: #0E5CB5;
    }
}

@media print,
screen and (min-width: 61.25em) {
    .p-sub-elenavi__link a:hover:after {
        -webkit-transform: translate(3px, 0) rotate(45deg);
        transform: translate(3px, 0) rotate(45deg);
    }
}

.p-sub-elenavi__link svg {
    display: none;
}

/* えれさぽ *****************************************************************/
a.p-sub-elesapo {
    box-sizing: border-box;
    display: block;
}

.p-sub-elesapo__inner {
    box-sizing: border-box;
    padding-top: 26px;
    padding-bottom: 68px;
    padding-right: 25px;
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(/support/img/bg_sub_elesapo_01.jpg);
    background-size: cover;
    text-align: center;
    transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}

@media print,
screen and (min-width: 40.0625em) {
    .p-sub-elesapo__inner {
        padding-bottom: 26px;
        background-image: url(/support/img/bg_sub_elesapo_tb_01.jpg);
        text-align: left;
    }
}

@media print,
screen and (min-width: 61.25em) {
    .p-sub-elesapo__inner {
        padding-bottom: 68px;
        padding-right: 20px;
        padding-left: 20px;
        background-position: 50% 0;
        background-image: url(/support/img/bg_sub_elesapo_01.jpg);
        text-align: center;
    }
}

@media print,
screen and (min-width: 61.25em) {
    .is-sliding .p-sub-elesapo__inner {
        padding-bottom: 26px;
        padding-right: 25px;
        padding-left: 25px;
        background-position: 50% 50%;
        background-image: url(/support/img/bg_sub_elesapo_tb_01.jpg);
        background-size: cover;
        text-align: left;
    }
}

@media print,
screen and (min-width: 80em) {
    .is-sliding .p-sub-elesapo__inner {
        padding-bottom: 68px;
        padding-right: 20px;
        padding-left: 20px;
        background-position: 50% 0;
        background-image: url(/support/img/bg_sub_elesapo_01.jpg);
        text-align: center;
    }
}

@media print,
screen and (min-width: 61.25em) {
    a:hover .p-sub-elesapo__inner {
        opacity: 0.6;
    }
}

.p-sub-elesapo__inner>img {
    display: inline;
    width: auto;
    margin-bottom: 4px;
}

.p-sub-elesapo__heading {
    display: block;
    margin-bottom: 5px;
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
    -webkit-font-feature-settings: 'palt' 1;
    font-feature-settings: 'palt' 1;
    font-weight: bold;
    font-size: 123.1%;
    text-align: center;
    line-height: 1;
}

@media print,
screen and (min-width: 40.0625em) {
    .p-sub-elesapo__heading {
        text-align: left;
    }
}

@media print,
screen and (min-width: 61.25em) {
    .p-sub-elesapo__heading {
        font-size: 100%;
        text-align: center;
    }
}

@media print,
screen and (min-width: 61.25em) {
    .is-sliding .p-sub-elesapo__heading {
        font-size: 123.1%;
        text-align: left;
    }
}

@media print,
screen and (min-width: 80em) {
    .is-sliding .p-sub-elesapo__heading {
        font-size: 100%;
        text-align: center;
    }
}

.p-sub-elesapo__text {
    margin-bottom: 0;
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
    -webkit-font-feature-settings: 'palt' 1;
    font-feature-settings: 'palt' 1;
    font-weight: bold;
    font-size: 100%;
    text-align: center;
    line-height: 1.75;
}

@media print,
screen and (min-width: 40.0625em) {
    .p-sub-elesapo__text {
        text-align: left;
    }
}

@media print,
screen and (min-width: 61.25em) {
    .p-sub-elesapo__text {
        font-size: 85%;
        text-align: center;
        line-height: 1.4;
    }
}

@media print,
screen and (min-width: 61.25em) {
    .is-sliding .p-sub-elesapo__text {
        font-size: 100%;
        line-height: 1.75;
        text-align: left;
    }
}

@media print,
screen and (min-width: 80em) {
    .is-sliding .p-sub-elesapo__text {
        font-size: 85%;
        line-height: 1.4;
        text-align: center;
    }
}

.p-sub-elesapo__link {
    background-color: #333;
    transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}

@media print,
screen and (min-width: 61.25em) {
    a:hover .p-sub-elesapo__link {
        background-color: #555555;
    }
}

.p-sub-elesapo__link span {
    box-sizing: border-box;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 6px;
    padding-bottom: 4px;
    text-align: center;
    color: #fff;
    transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}

.p-sub-elesapo__link span:before {
    position: absolute;
    top: 0;
    left: -1px;
    width: 100%;
    height: 100%;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: transparent;
    content: "";
    pointer-events: none;
}

.p-sub-elesapo__link span:after {
    display: inline-block;
    position: relative;
    top: -1px;
    width: 5px;
    height: 5px;
    margin-left: 4px;
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #fff;
    -webkit-transform: translate(0, 0) rotate(45deg);
    transform: translate(0, 0) rotate(45deg);
    transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    content: "";
}

@media print,
screen and (min-width: 61.25em) {
    a:hover .p-sub-elesapo__link span {
        color: #fff;
    }
}

@media print,
screen and (min-width: 61.25em) {
    a:hover .p-sub-elesapo__link span:after {
        -webkit-transform: translate(3px, 0) rotate(45deg);
        transform: translate(3px, 0) rotate(45deg);
    }
}

.p-sub-elesapo__link svg {
    display: none;
}

/* 右カラム アコーディオン ***************************************************/
.p-sub-accordion {
    position: relative;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #cacaca;
}

.p-sub-accordion:last-child {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #cacaca;
}

.p-sub-accordion .p-sub-accordion__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    padding-top: 6px;
}

@media print,
screen and (min-width: 48em) {
    .p-sub-accordion .p-sub-accordion__image {
        width: 32px;
        padding-top: 4px;
    }
}

.p-sub-accordion .p-sub-accordion__image img {
    display: block;
    width: 100%;
}

.p-sub-accordion .p-accordion-list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.p-accordion-list a {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-right: 14px;
    color: #333;
    line-height: 1.4;
    word-break: break-all;
}

@media print,
screen and (min-width: 61.25em) {
    .p-accordion-list a:hover {
        color: #888;
    }
}

.p-accordion-list--lv1.p-accordion-list--product-top,
.p-accordion-list--product-top.p-accordion-list--plane {
    border-style: solid;
    border-width: 1px;
    border-color: #cacaca;
    box-shadow: 0 7px 11px rgba(0, 0, 0, 0.05), 0 1px 5px rgba(0, 0, 0, 0.1);
}

.p-accordion-list--lv1.p-accordion-list--product-top>li,
.p-accordion-list--product-top.p-accordion-list--plane>li {
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #e2e2e2;
}

.p-accordion-list--lv1.p-accordion-list--product-top>li>a,
.p-accordion-list--product-top.p-accordion-list--plane>li>a {
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
    -webkit-font-feature-settings: 'palt' 1;
    font-feature-settings: 'palt' 1;
    font-size: 116%;
}

.p-accordion-list--lv1.p-accordion-list--product>li,
.p-accordion-list--plane>li {
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #cacaca;
}

.p-accordion-list--lv1.p-accordion-list--product>li:first-child,
.p-accordion-list--plane>li:first-child {
    border-width: 1px 0 1px 0;
}

.p-accordion-list--lv1>li>a,
.p-accordion-list--plane>li>a {
    display: block;
    position: relative;
    padding-top: 14px;
    padding-bottom: 12px;
    padding-left: 54px;
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
    -webkit-font-feature-settings: 'palt' 1;
    font-feature-settings: 'palt' 1;
    font-size: 116%;
    font-weight: bold;
}

@media print,
screen and (min-width: 48em) {
    .p-accordion-list--lv1>li>a,
    .p-accordion-list--plane>li>a {
        padding-top: 12px;
        padding-bottom: 10px;
        padding-left: 44px;
        font-size: 100%;
    }
}

@media print,
screen and (min-width: 48em) {
    .browser-is-ie .p-accordion-list--lv1>li>a,
    .browser-is-ie .p-accordion-list--plane>li>a {
        padding-top: 13px;
        padding-bottom: 9px;
    }
}

@media print,
screen and (min-width: 61.25em) {
    .p-accordion-list--lv1>li>a:hover:after,
    .p-accordion-list--plane>li>a:hover:after {
        border-color: #888;
        -webkit-transform: translate(3px, -50%) rotate(45deg);
        transform: translate(3px, -50%) rotate(45deg);
    }
}

@media print,
screen and (min-width: 61.25em) {
    .p-accordion-list--lv1>li>a:hover.is-multi:after,
    .p-accordion-list--plane>li>a:hover.is-multi:after {
        background-image: url(//www.elecom.co.jp/common/svg/icon_plus_lv1_blue_01.svg);
    }
}

.p-accordion-list--lv1>li>a:before,
.p-accordion-list--plane>li>a:before,
.p-accordion-list--lv1>li>a:after,
.p-accordion-list--plane>li>a:after {
    display: block;
    position: absolute;
    top: 50%;
    transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    content: "";
}

.p-accordion-list--lv1>li>a:before,
.p-accordion-list--plane>li>a:before {
    display: none;
    right: 13px;
    width: 10px;
    height: 2px;
    background-color: #333;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media print,
screen and (min-width: 48em) {
    .p-accordion-list--lv1>li>a:before,
    .p-accordion-list--plane>li>a:before {
        right: 6px;
    }
}

.p-accordion-list--lv1>li>a:after,
.p-accordion-list--plane>li>a:after {
    right: 16px;
    width: 5px;
    height: 5px;
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #333;
    -webkit-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg);
    content: "";
}

@media print,
screen and (min-width: 48em) {
    .p-accordion-list--lv1>li>a:after,
    .p-accordion-list--plane>li>a:after {
        right: 10px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
}

.p-accordion-list--lv1>li>a.is-multi:before,
.p-accordion-list--plane>li>a.is-multi:before {
    display: block;
}

.p-accordion-list--lv1>li>a.is-multi:after,
.p-accordion-list--plane>li>a.is-multi:after {
    right: 17px;
    width: 2px;
    height: 10px;
    background-color: #333;
    border: none;
    -webkit-transform: translate(0, -50%) rotate(0);
    transform: translate(0, -50%) rotate(0);
}

@media print,
screen and (min-width: 48em) {
    .p-accordion-list--lv1>li>a.is-multi:after,
    .p-accordion-list--plane>li>a.is-multi:after {
        right: 10px;
    }
}

@media print,
screen and (min-width: 61.25em) {
    .p-accordion-list--lv1>li>a.is-multi:hover:before,
    .p-accordion-list--plane>li>a.is-multi:hover:before,
    .p-accordion-list--lv1>li>a.is-multi:hover:after,
    .p-accordion-list--plane>li>a.is-multi:hover:after {
        background-color: #888;
    }
}

.p-accordion-list--lv1>li>a.is-open:after,
.p-accordion-list--plane>li>a.is-open:after {
    -webkit-transform: translate(0, -50%) rotate(90deg);
    transform: translate(0, -50%) rotate(90deg);
}

.p-accordion-list--lv1>li>a img,
.p-accordion-list--plane>li>a img {
    display: block;
    position: absolute;
    top: 0;
    left: 4px;
    width: 40px;
    padding-top: 3px;
}

@media print,
screen and (min-width: 48em) {
    .p-accordion-list--lv1>li>a img,
    .p-accordion-list--plane>li>a img {
        width: 32px;
        padding-top: 4px;
    }
}

.p-accordion-list--lv1>li.p-accordion-list__index-item a,
.p-accordion-list--plane>li.p-accordion-list__index-item a {
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
    -webkit-font-feature-settings: unset;
    font-feature-settings: unset;
    font-weight: normal;
    font-size: 100%;
    text-align: right;
}

.p-accordion-list--lv2 {
    display: none;
    background-color: #f5f5f5;
}

.p-accordion-list--lv2>li {
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: #e2e2e2;
}

.p-accordion-list--lv2>li.l-side-nav__parent-item>a:before {
    display: none;
}

.p-accordion-list--lv2>li:last-child {
    margin-bottom: 0;
}

.p-accordion-list--lv2>li>a {
    display: block;
    padding-top: 11px;
    padding-bottom: 10px;
    padding-left: 54px;
    font-size: 116%;
}

@media print,
screen and (min-width: 48em) {
    .p-accordion-list--lv2>li>a {
        display: inline-block;
        padding-top: 10px;
        padding-bottom: 8px;
        padding-left: 44px;
        background-color: transparent;
        font-size: 100%;
    }
}

.p-accordion-list--lv2>li>a:before {
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    top: 50%;
    right: 6.25%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(//www.elecom.co.jp/common/svg/icon_plus_lv1_01.svg);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media print,
screen and (min-width: 48em) {
    .p-accordion-list--lv2>li>a:before {
        width: 7px;
        height: 7px;
        top: 5px;
        left: 2px;
        right: auto;
        background-image: url(//www.elecom.co.jp/common/svg/icon_plus_gray.svg);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.p-accordion-list--lv2>li>a.is-open:before {
    background-image: url(//www.elecom.co.jp/common/svg/icon_minus_lv1_01.svg);
}

@media print,
screen and (min-width: 48em) {
    .p-accordion-list--lv2>li>a.is-open:before {
        background-image: url(//www.elecom.co.jp/common/svg/icon_minus_gray.svg);
    }
}

.p-accordion-list--lv3 {
    display: none;
}

@media print,
screen and (min-width: 48em) {
    .p-accordion-list--lv3 {
        padding-top: 6px;
        padding-bottom: 7px;
    }
}

.p-accordion-list--lv3>li {
    line-height: 1.3;
}

@media print,
screen and (min-width: 48em) {
    .p-accordion-list--lv3>li {
        padding-left: 32px;
    }
}

.p-accordion-list--lv3>li:last-child>a {
    padding-bottom: 14px;
}

@media print,
screen and (min-width: 48em) {
    .p-accordion-list--lv3>li:last-child>a {
        padding-bottom: 0;
    }
}

.p-accordion-list--lv3>li>a {
    display: block;
    padding-top: 9px;
    padding-bottom: 7px;
    padding-right: 6.25%;
    padding-left: 6.25%;
    background-color: #f0f0f0;
    font-size: 81%;
    text-indent: 1em;
}

@media print,
screen and (min-width: 48em) {
    .p-accordion-list--lv3>li>a {
        display: inline-block;
        padding: 0;
        background-color: transparent;
        font-size: 69%;
        text-indent: 0;
    }
}

/* モディファイア */
.p-accordion-list--plane>li>a {
    padding-left: 0;
}

/* 右カラム バナー **********************************************************/
@media print,
screen and (min-width: 40.0625em) {
    .p-sub-banner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media print,
screen and (min-width: 61.25em) {
    .p-sub-banner {
        display: block;
    }
}

@media print,
screen and (min-width: 61.25em) {
    .is-sliding .p-sub-banner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media print,
screen and (min-width: 80em) {
    .is-sliding .p-sub-banner {
        display: block;
    }
}

@media print,
screen and (min-width: 40.0625em) {
    .p-sub-banner.p-sub-banner--large {
        margin-bottom: -20px;
    }
}

@media print,
screen and (min-width: 61.25em) {
    .p-sub-banner.p-sub-banner--large {
        margin-bottom: 0;
    }
}

@media print,
screen and (min-width: 61.25em) {
    .is-sliding .p-sub-banner.p-sub-banner--large {
        margin-bottom: -20px;
    }
}

@media print,
screen and (min-width: 80em) {
    .is-sliding .p-sub-banner.p-sub-banner--large {
        margin-bottom: 0;
    }
}

.p-sub-banner.p-sub-banner--large li {
    margin-bottom: 20px;
}

@media print,
screen and (min-width: 61.25em) {
    .p-sub-banner.p-sub-banner--large li {
        margin-bottom: 30px;
    }
}

@media print,
screen and (min-width: 61.25em) {
    .is-sliding .p-sub-banner.p-sub-banner--large li {
        margin-bottom: 20px;
    }
}

@media print,
screen and (min-width: 80em) {
    .is-sliding .p-sub-banner.p-sub-banner--large li {
        margin-bottom: 30px;
    }
}

.p-sub-banner.p-sub-banner--medium {
    margin-bottom: -5px;
}

.p-sub-banner.p-sub-banner--medium li {
    margin-bottom: 5px;
}

.p-sub-banner.p-sub-banner--logo {
    margin-bottom: -5px;
}

.p-sub-banner.p-sub-banner--logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 10px;
    padding-left: 10px;
}

@media print,
screen and (min-width: 40.0625em) {
    .p-sub-banner.p-sub-banner--logo a {
        height: 88px;
    }
}

.p-sub-banner.p-sub-banner--logo img {
    width: 100%;
    height: auto;
}

.p-sub-banner.p-sub-banner--border li,
.p-sub-banner.p-sub-banner--logo li {
    border-style: solid;
    border-width: 1px;
    border-color: #cacaca;
}

.p-sub-banner li {
    box-sizing: border-box;
}

@media print,
screen and (min-width: 40.0625em) {
    .p-sub-banner li {
        width: 32%;
        margin-right: 2%;
    }
}

@media print,
screen and (min-width: 48em) {
    .p-sub-banner li {
        width: 24%;
        margin-right: 1.33%;
    }
}

@media print,
screen and (min-width: 61.25em) {
    .p-sub-banner li {
        width: 100%;
        margin-right: 0;
    }
}

@media print,
screen and (min-width: 40.0625em) {
    .p-sub-banner li:nth-child(3n) {
        margin-right: 0;
    }
}

@media print,
screen and (min-width: 48em) {
    .p-sub-banner li:nth-child(3n) {
        margin-right: 1.33%;
    }
}

@media print,
screen and (min-width: 40.0625em) {
    .p-sub-banner li:nth-child(4n) {
        margin-right: 2%;
    }
}

@media print,
screen and (min-width: 48em) {
    .p-sub-banner li:nth-child(4n) {
        margin-right: 0;
    }
}

.p-sub-banner a {
    display: block;
}

@media print,
screen and (min-width: 61.25em) {
    .p-sub-banner a:hover img {
        opacity: 0.6;
    }
}

.p-sub-banner img {
    display: block;
    width: 100%;
    transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}

/****************************************************************************
* スマホ右カラム、タブレット右カラム
* ※製品トップ スマホタブ、タブレットタブのSPでのアコーディオンも
* 　こちらと同じモジュールを使い回しています。
****************************************************************************/
.p-product-device-accordion {
    width: 100%;
    margin-bottom: 20px;
}

.p-product-device-accordion li.p-product-device-accordion__parent-item>a:before,
.p-product-device-accordion li.p-product-device-accordion__parent-item>a:after {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    content: "";
}

.p-product-device-accordion li.p-product-device-accordion__parent-item>a:before {
    right: 18px;
    width: 10px;
    height: 2px;
    background-color: #333;
}

.p-product-device-accordion li.p-product-device-accordion__parent-item>a:after {
    right: 22px;
    width: 2px;
    height: 10px;
    background-color: #333;
    content: "";
}

@media print,
screen and (min-width: 48em) {
    .p-product-device-accordion li.p-product-device-accordion__parent-item>a:after {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
}

@media print,
screen and (min-width: 61.25em) {
    .p-product-device-accordion li.p-product-device-accordion__parent-item>a:hover:before,
    .p-product-device-accordion li.p-product-device-accordion__parent-item>a:hover:after {
        background-color: #888;
    }
}

.p-product-device-accordion li.p-product-device-accordion__parent-item>a.is-open:after {
    -webkit-transform: translate(0, -50%) rotate(90deg);
    transform: translate(0, -50%) rotate(90deg);
}

.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--iphone>a,
.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--docomo>a,
.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--softbank>a,
.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--au>a,
.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--ymobile>a,
.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--rakuten>a,
.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--mvno>a {
    color: #fff;
}

.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--iphone>a:hover,
.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--docomo>a:hover,
.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--softbank>a:hover,
.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--au>a:hover,
.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--ymobile>a:hover,
.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--rakuten>a:hover,
.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--mvno>a:hover {
    color: #fff;
}

.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--iphone>a:before,
.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--iphone>a:after,
.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--docomo>a:before,
.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--docomo>a:after,
.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--softbank>a:before,
.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--softbank>a:after,
.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--au>a:before,
.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--au>a:after,
.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--ymobile>a:before,
.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--ymobile>a:after,
.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--rakuten>a:before,
.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--rakuten>a:after,
.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--mvno>a:before,
.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--mvno>a:after {
    background-color: #fff;
}

@media print,
screen and (min-width: 61.25em) {
    .p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--iphone>a:hover:before,
    .p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--iphone>a:hover:after,
    .p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--docomo>a:hover:before,
    .p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--docomo>a:hover:after,
    .p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--softbank>a:hover:before,
    .p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--softbank>a:hover:after,
    .p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--au>a:hover:before,
    .p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--au>a:hover:after,
    .p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--ymobile>a:hover:before,
    .p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--ymobile>a:hover:after,
    .p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--rakuten>a:hover:before,
    .p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--rakuten>a:hover:after,
    .p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--mvno>a:hover:before,
    .p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--mvno>a:hover:after {
        background-color: #fff;
    }
}

.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--iphone>a {
    background-color: #5c5c5c;
}

.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--docomo>a {
    background-color: #cc0033;
}

.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--softbank>a {
    background-color: #777777;
}

.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--au>a {
    background-color: #fa7e2b;
}

.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--ymobile>a {
    background-color: #db3a51;
}

.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--rakuten>a {
    background-color: #e93898;
}

.p-product-device-accordion li.p-product-device-accordion__parent-item.p-product-device-accordion__parent-item--mvno>a {
    background-color: #5c7cb2;
}

.p-product-device-accordion a {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    padding-right: 14px;
    padding-left: 14px;
    color: #333;
    line-height: 1.4;
    word-break: break-all;
    display: block\9;
}

@media print,
screen and (min-width: 48em) {
    .p-product-device-accordion a {
        padding-right: 14px;
        padding-left: 14px;
    }
}

@media print,
screen and (min-width: 61.25em) {
    .p-product-device-accordion a:hover {
        color: #888;
    }
}

.p-product-device-accordion a img {
    position: absolute;
    top: 4px;
    left: 4px;
    height: 100%;
    max-width: 32px;
    max-height: 32px;
}

.p-product-device-accordion a span:first-child {
    padding-top: 7px;
}

.p-product-device-accordion>li {
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #cacaca;
}

.p-product-device-accordion>li:first-child {
    border-width: 1px 0 1px 0;
}

.p-product-device-accordion>li>a {
    display: block;
    padding-top: 13px;
    padding-bottom: 12px;
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
    -webkit-font-feature-settings: 'palt' 1;
    font-feature-settings: 'palt' 1;
    font-weight: bold;
    font-size: 123.1%;
}

@media print,
screen and (min-width: 48em) {
    .p-product-device-accordion>li>a {
        padding-top: 12px;
        padding-bottom: 10px;
        font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
        -webkit-font-feature-settings: unset;
        font-feature-settings: unset;
        font-size: 100%;
    }
}

@media print,
screen and (min-width: 48em) {
    .p-product-device-accordion--product-top {
        display: none;
    }
}

.p-product-device-accordion__lv2 {
    display: none;
    background-color: #f5f5f5;
}

.p-product-device-accordion--colored .p-product-device-accordion__lv2 {
    background-color: transparent;
}

.p-product-device-accordion__lv2>li {
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: #e2e2e2;
}

.p-product-device-accordion__lv2>li>a {
    padding-top: 11px;
    padding-bottom: 10px;
    font-size: 108%;
}

@media print,
screen and (min-width: 48em) {
    .p-product-device-accordion__lv2>li>a {
        padding-top: 10px;
        padding-bottom: 8px;
        font-size: 100%;
    }
}

.p-product-device-accordion__lv3 {
    display: none;
    padding-bottom: 7px;
}

.p-product-device-accordion__lv3>li.p-product-device-accordion__end-img a {
    padding-left: 44px;
}

@media print,
screen and (min-width: 48em) {
    .p-product-device-accordion__lv3>li.p-product-device-accordion__end-img a {
        padding-left: 40px;
    }
}

.p-product-device-accordion__lv3>li.p-product-device-accordion__end-text a {
    padding-left: 1em;
}

@media print,
screen and (min-width: 48em) {
    .p-product-device-accordion__lv3>li.p-product-device-accordion__end-text a {
        padding-left: 1em;
    }
}

.p-product-device-accordion__lv3>li>a {
    font-size: 108%;
    padding-top: 11px;
    padding-bottom: 10px;
}

@media print,
screen and (min-width: 48em) {
    .p-product-device-accordion__lv3>li>a {
        padding-top: 12px;
        padding-bottom: 10px;
        font-size: 100%;
    }
}



/* ==================================================================================================
.p-product-detail-panel-1 (2018/09/20) ネットワーク・NAS系特殊仕様
================================================================================================== */
.p-product-detail-panel-1__img .p-annotation-text {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-1__img .p-annotation-text {
    display: block;
  }
}
@media print, screen and (min-width: 48em) {
  .detail-panel-is-categorize .p-product-detail-panel-1__img .p-annotation-text {
    display: none;
  }
}
.p-product-detail-panel-1 {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 16px;
  border-style: solid;
  border-width: 1px;
  border-color: #cacaca;
  box-shadow: 0 7px 11px rgba(0, 0, 0, 0.05), 0 1px 5px rgba(0, 0, 0, 0.1);
  transition: box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-1 {
    margin-right: 2.1164%;
    margin-bottom: 24px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-product-detail-panel-1:hover {
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1), 0 3px 10px rgba(0, 0, 0, 0.2);
  }
}
.p-product-detail-panel-1 _:-ms-lang(x), .p-product-detail-panel-1 {
  width: 97.8836%;
}
@media print, screen and (min-width: 48em) {
  .detail-panel-is-categorize .p-product-detail-panel-1 {
    width: 47.8835%;
    margin-bottom: 24px;
    margin-right: 2.1164%;
  }
}
.detail-panel-is-categorize .p-product-detail-panel-1.is-hide {
  display: none;
}
.p-product-detail-panel-1 p > span {
  color: #cc0202;
}

.p-product-detail-panel-1__inner {
  box-sizing: border-box;
  display: -ms-grid;
  display: grid;
  grid-template-columns: 90px 1fr;
  grid-template-rows: auto auto;
  -ms-grid-columns: 90px 1fr;
  -ms-grid-rows: auto auto;
  position: relative;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
  padding-left: 15px;
  color: #333;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-1__inner {
    grid-template-columns: 27% 1fr;
    grid-template-rows: auto auto auto;
    -ms-grid-columns: 27% 1fr;
    -ms-grid-rows: auto auto auto;
    padding-top: 25px;
    padding-bottom: 28px;
    padding-right: 28px;
    padding-left: 28px;
  }
}
.p-product-detail-panel-1__inner:before {
  display: none;
  z-index: 1;
  position: absolute;
  top: -1px;
  left: -1px;
  padding-top: 4px;
  padding-bottom: 3px;
  padding-right: 6px;
  padding-left: 11px;
  background-color: #333;
  font-family: "Oswald", sans-serif;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 93%;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.25em;
  content: "NEW";
}
.is-new .p-product-detail-panel-1__inner:before {
  display: block;
}
.is-new .p-product-detail-panel-1__inner {
  padding-top: 43px;
}
@media print, screen and (min-width: 48em) {
  .is-new .p-product-detail-panel-1__inner {
    padding-top: 25px;
  }
}
@media print, screen and (min-width: 48em) {
  .detail-panel-is-categorize .p-product-detail-panel-1__inner {
    grid-template-columns: 135px 1fr;
    -ms-grid-columns: 135px 1fr;
    grid-template-rows: auto 1fr auto;
    -ms-grid-rows: auto 1fr auto;
  }
}

.p-product-detail-panel-1__lower {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding-bottom: 15px;
  padding-right: 15px;
  padding-left: 15px;
  font-size: 85%;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-1__lower {
    margin-top: -10px;
    padding-bottom: 24px;
    padding-right: 28px;
    padding-left: calc(27% + 13px);
  }
}
.detail-panel-is-half .p-product-detail-panel-1__lower, .detail-panel-is-categorize .p-product-detail-panel-1__lower {
  padding-left: 15px;
}
@media print, screen and (min-width: 48em) {
  .detail-panel-is-half .p-product-detail-panel-1__lower, .detail-panel-is-categorize .p-product-detail-panel-1__lower {
    padding-left: 28px;
  }
}

.p-product-detail-panel-1__img {
  box-sizing: border-box;
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  padding-right: 10px;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-1__img {
    grid-column: 1 / 2;
    grid-row: 1 / 4;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    padding-right: 26px;
  }
}
@media print, screen and (min-width: 48em) {
  .detail-panel-is-categorize .p-product-detail-panel-1__img {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    padding-right: 16px;
  }
}
.p-product-detail-panel-1__img img {
  display: block;
}
@media only screen and (max-width: 47.9375em) {
  .p-product-detail-panel-1__img p {
    display: none;
  }
}

.p-product-detail-panel-1__heading {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  margin-bottom: 10px;
}

.p-product-detail-panel-1__client-label {
  display: inline-block;
  margin-bottom: 5px;
  padding-top: 2px;
  padding-bottom: 1px;
  padding-right: 10px;
  padding-left: 10px;
  background-color: #014099;
  border-radius: 3px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
  font-size: 85%;
  color: #fff;
  text-align: center;
}
.browser-is-ie .p-product-detail-panel-1__client-label {
  padding-top: 4px;
}
.p-product-detail-panel-1__client-label[data-id=type-personal] {
  display: none;
}

.p-product-detail-panel-1__name {
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 116%;
  font-weight: bold;
  word-break: break-all;
  transition: color ease 0.15s;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-1__name {
    font-size: 197%;
  }
}
@media print, screen and (min-width: 48em) {
  .detail-panel-is-categorize .p-product-detail-panel-1__name {
    font-size: 131%;
  }
}
.p-product-detail-panel-1__name span {
  display: block;
  font-size: 69%;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-1__name span {
    font-size: 65%;
  }
}
.detail-panel-is-categorize .p-product-detail-panel-1__name span {
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  -webkit-font-feature-settings: unset;
          font-feature-settings: unset;
  font-weight: normal;
  font-size: 77%;
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-product-detail-panel-1__name {
    color: #888;
  }
}

.p-product-detail-panel-1__desc {
  grid-column: 1 / 3;
  grid-row: 2 / 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 2;
  margin-bottom: 13px;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-1__desc {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 2;
  }
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-product-detail-panel-1__desc {
    opacity: 0.75;
  }
}
@media print, screen and (min-width: 48em) {
  .detail-panel-is-categorize .p-product-detail-panel-1__desc {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 2;
  }
}

.p-product-detail-panel-1__contents {
  grid-column: 1 / 3;
  grid-row: 3 / 4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 3;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-1__contents {
    grid-column: 2 / 3;
    grid-row: 3 / 4;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 3;
  }
}
@media print, screen and (min-width: 48em) {
  .detail-panel-is-categorize .p-product-detail-panel-1__contents {
    grid-column: 1 / 3;
    grid-row: 3 / 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 3;
  }
}
.p-product-detail-panel-1__contents p {
  font-size: 85%;
}

.p-product-detail-panel-1__img-inner {
  margin-bottom: 12px;
}
.p-product-detail-panel-1__img-inner:after {
  display: block;
  clear: both;
  content: "";
}

.p-product-detail-panel-1__main-img {
  position: relative;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-1__main-img {
    margin-bottom: 10px;
  }
}
.p-product-detail-panel-1__main-img img {
  direction: block;
  width: 100%;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}

.p-product-detail-panel-1__sub-img {
  display: none;
  margin-bottom: 8px;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-1__sub-img {
    display: block;
  }
}
.p-product-detail-panel-1__sub-img img {
  max-width: 100%;
}
@media print, screen and (min-width: 48em) {
  .detail-panel-is-categorize .p-product-detail-panel-1__sub-img {
    display: none;
  }
}

.p-product-detail-panel-1__seal {
  display: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 8px;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-1__seal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.p-product-detail-panel-1__seal li {
  margin-bottom: 5px;
  margin-right: 5px;
}
.p-product-detail-panel-1__seal img {
  max-width: 100%;
}


/* ==========================================================================================================================================
.p-product-detail-panel-2  汎用カテゴリーページ（絞り込み機能付き）
============================================================================================================================================ */

.p-product-detail-panel-2__img .p-annotation-text {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-2__img .p-annotation-text {
    display: block;
  }
}
@media print, screen and (min-width: 48em) {
  .detail-panel-is-categorize .p-product-detail-panel-2__img .p-annotation-text {
    display: none;
  }
}
.p-product-detail-panel-2 {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  width: 100%;
  margin-bottom: 16px;
  border-style: solid;
  border-width: 1px;
  border-color: #cacaca;
  box-shadow: 0 7px 11px rgba(0, 0, 0, 0.05), 0 1px 5px rgba(0, 0, 0, 0.1);
  word-break: break-all;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-2 {
    width: 97.8836%;
    margin-right: 2.1164%;
    margin-bottom: 24px;
  }
}
.p-product-detail-panel-2 > * {
  width: 100%;
}
@media print, screen and (min-width: 61.25em) {
  .p-product-detail-panel-2:hover {
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1), 0 3px 10px rgba(0, 0, 0, 0.2);
  }
}
.detail-panel-is-half .p-product-detail-panel-2 {
  margin-bottom: 16px;
}
@media print, screen and (min-width: 48em) {
  .detail-panel-is-half .p-product-detail-panel-2 {
    width: 47.8835%;
    margin-bottom: 24px;
    margin-right: 2.1164%;
  }
}
/*20190419 2カラム製品カード デフォルト＆.is-2col-index付与 */
.detail-panel-is-categorize .p-product-detail-panel-2 {
  margin-bottom: 16px;
}
@media print, screen and (min-width: 48em) {
  .detail-panel-is-categorize .p-product-detail-panel-2 {
    width: 47.8835%;
    margin-bottom: 24px;
    margin-right: 2.1164%;
  }
}
/*20190419 １カラム製品カード .is-1col-index付与*/
@media print, screen and (min-width: 48em) {
.is-1col-index .detail-panel-is-categorize .p-product-detail-panel-2 {
    width: 97.8836%;
    margin-right: 2.1164%;
    margin-bottom: 24px;
  }
}
.is-1col-index .detail-panel-is-categorize .p-product-detail-panel-2 > * {
  width: 100%;
}
/*20190419 ３カラム製品カード.is-3col-index付与*/
.is-3col-index　.detail-panel-is-categorize .p-product-detail-panel-2 {
  margin-bottom: 16px;
}
@media print, screen and (min-width: 48em) {
  .is-3col-index .detail-panel-is-categorize .p-product-detail-panel-2 {
    width: 47.8835%!important;
    margin-bottom: 24px;
    margin-right: 2.1164%!important;
  }
}
@media print, screen and (min-width: 80em) {
  .is-3col-index .detail-panel-is-categorize .p-product-detail-panel-2 {
    width: 31.884%!important;
    margin-bottom: 24px;
    margin-right: 1.116%!important;
  }
}




.detail-panel-is-categorize .p-product-detail-panel-2.is-hide {
  display: none;
}
.p-product-detail-panel-2 p > span {
  color: #cc0202;
}

.p-product-detail-panel-2__inner {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
  padding-left: 15px;
}

@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-2__inner {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 28px;
    padding-left: 28px;
  }
}



/*20190419 ３カラム製品カード.is-3col-index付与*/
@media print, screen and (min-width: 80em) {
.is-3col-index .p-product-detail-panel-2__inner {
    padding-top: 22px;
    padding-bottom: 22px;
    padding-right: 20px;
    padding-left: 20px;
  }
}}
.is-new .p-product-detail-panel-2__inner {
  padding-top: 43px;
}
@media print, screen and (min-width: 48em) {
  .is-new .p-product-detail-panel-2__inner {
    padding-top: 30px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-2--right-img .p-product-detail-panel-2__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-product-detail-panel-2__lower {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding-bottom: 15px;
  padding-right: 15px;
  padding-left: 15px;
  font-size: 85%;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-2__lower {
    margin-top: -10px;
    padding-bottom: 24px;
    padding-right: 28px;
    padding-left: calc(27% + 13px);
  }
}
.detail-panel-is-half .p-product-detail-panel-2__lower, .detail-panel-is-categorize .p-product-detail-panel-2__lower {
  padding-left: 15px;
}
@media print, screen and (min-width: 48em) {
  .detail-panel-is-half .p-product-detail-panel-2__lower, .detail-panel-is-categorize .p-product-detail-panel-2__lower {
    padding-left: 28px;
  }
}

.p-product-detail-panel-2__grid {
  box-sizing: border-box;
  display: -ms-grid;
  display: grid;
  grid-template-columns: 40% 60%;
  -ms-grid-columns: 40% 60%;
  grid-template-rows: minmax(130px, auto) auto auto;
  -ms-grid-rows: 130px auto auto;
  color: #333;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-2__grid {
    grid-template-columns: 27% 1fr;
    -ms-grid-columns: 27% 1fr;
    grid-template-rows: auto 1fr auto;
    -ms-grid-rows: auto 1fr auto;
  }
}
.p-product-detail-panel-2__grid:before {
  display: none;
  z-index: 1;
  position: absolute;
  top: -1px;
  left: -1px;
  padding-top: 4px;
  padding-bottom: 3px;
  padding-right: 6px;
  padding-left: 11px;
  background-color: #333;
  font-family: "Oswald", sans-serif;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-size: 93%;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.25em;
  content: "NEW";
}
.is-new .p-product-detail-panel-2__grid:before {
  display: block;
}
.detail-panel-is-half .p-product-detail-panel-2__grid {
  grid-template-columns: 40% 60%;
  -ms-grid-columns: 40% 60%;
  grid-template-rows: minmax(130px, auto) auto auto;
  -ms-grid-rows: minmax(130px, 1fr) auto auto;
}
/*20190416 スマホ時の画像サイズ修正*/
.detail-panel-is-categorize .p-product-detail-panel-2__grid {
  /*grid-template-columns: 90px 1fr;*/
  grid-template-columns: 90px 1fr;
  /*-ms-grid-columns: 90px 1fr;*/
  -ms-grid-columns: 90px 1fr;
  grid-template-rows: auto auto auto;
  -ms-grid-rows: auto auto auto;
}
@media print, screen and (min-width: 48em) {
  .detail-panel-is-categorize .p-product-detail-panel-2__grid {
    grid-template-columns: 135px 1fr;
    -ms-grid-columns: 135px 1fr;
    grid-template-rows: auto auto auto;
    -ms-grid-rows: auto auto auto;
  }
}

/*3カラム時の画像サイズ修正*/
@media print, screen and (min-width: 80em) {
  .is-3col-index .detail-panel-is-categorize .p-product-detail-panel-2__grid {
    grid-template-columns: 105px 1fr;
    -ms-grid-columns: 105px 1fr;
    grid-template-rows: auto auto auto;
    -ms-grid-rows: auto auto auto;
  }
}
/*1カラム時の画像サイズ修正*/
@media print, screen and (min-width: 48em) {
  .is-1col-index .detail-panel-is-categorize .p-product-detail-panel-2__grid {
    grid-template-columns: 120px 1fr 228px;
    -ms-grid-columns: 120px 1fr 228px;
    grid-template-rows: auto auto auto;
    -ms-grid-rows: auto auto auto;
  }
}


.detail-panel-is-solution .p-product-detail-panel-2__grid {
  grid-template-columns: 135px 1fr;
  -ms-grid-columns: 135px 1fr;
  grid-template-rows: auto auto;
  -ms-grid-rows: auto auto;
}

@media print, screen and (min-width: 48em) {
  .detail-panel-is-solution .p-product-detail-panel-2__grid {
    grid-template-columns: 27% 1fr;
    -ms-grid-columns: 27% 1fr;
    grid-template-rows: 0 auto 1fr 0;
    -ms-grid-rows: 0 auto 1fr 0;
  }
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-2--right-img .p-product-detail-panel-2__grid {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    grid-template-columns: 36% 1fr;
    -ms-grid-columns: 36% 1fr;
  }
}

.p-product-detail-panel-2__up-img {
  margin-bottom: 10px;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-2__up-img {
    margin-bottom: 20px;
  }
}
.p-product-detail-panel-2__up-img img {
  display: block;
  width: 100%;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-2__up-img img {
    max-width: 100%;
  }
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-product-detail-panel-2__up-img img {
    opacity: 0.6;
  }
}

.p-product-detail-panel-2__low-img {
  margin-top: 16px;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-2__low-img {
    margin-top: 16px;
  }
}
.p-product-detail-panel-2__low-img img {
  display: block;
  width: 100%;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-2__low-img img {
    max-width: 100%;
  }
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-product-detail-panel-2__low-img img {
    opacity: 0.6;
  }
}

.p-product-detail-panel-2__right-img {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-2__right-img {
    display: block;
    width: 23%;
    margin-left: 26px;
  }
}
.p-product-detail-panel-2__right-img img {
  display: block;
  max-width: 100%;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-product-detail-panel-2__right-img img {
    opacity: 0.6;
  }
}


.p-product-detail-panel-2__main-img {
  width: 100%;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-2__main-img {
    margin-bottom: 10px;
  }
}
.p-product-detail-panel-2__main-img img {
  display: block;
  max-width: 100%;
  max-height: 130px;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-2__main-img img {
    max-height: 100%;
  }
}
@media print, screen and (min-width: 48em) {
  .detail-panel-is-half .p-product-detail-panel-2__main-img img {
    max-width: 100%;
  }
}
@media print, screen and (min-width: 48em) {
  .detail-panel-is-categorize .p-product-detail-panel-2__main-img img {
    max-width: 100%;
  }
}

.p-product-detail-panel-2__seal {
  display: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 8px;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-2__seal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.p-product-detail-panel-2__seal li {
  margin-bottom: 5px;
  margin-right: 5px;
}
.p-product-detail-panel-2__seal img {
  max-width: 100%;
}



/*******************************************************************************
20190416　更新 カテゴリindex　カテゴリカード 製品メイン画像　.p-product-detail-panel-2__img
********************************************************************************/
.p-product-detail-panel-2__img {
  box-sizing: border-box;
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  width: 100%;
  max-height: 130px;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-2__img {
    grid-column: 1 / 2;
    grid-row: 1 / 5;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    width: auto;
    max-height: inherit;
    padding-right: 26px;
  }
}
.detail-panel-is-half .p-product-detail-panel-2__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  padding-right: 0;
  width: 100%;
  max-height: 130px;
}
/*20190416 検索カテゴリカード 製品画像*/
.detail-panel-is-categorize .p-product-detail-panel-2__img {
  padding-right: 10px;
  box-sizing: border-box;
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;/*追加*/
  width: 100%;
  max-height: 130px;
}
/*20190419 2カラム 製品画像*/
@media print, screen and (min-width: 48em) {
  .detail-panel-is-categorize .p-product-detail-panel-2__img {
    display: block;
    grid-column: 1 / 2;
    grid-row: 1 / 4;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    /*-ms-grid-row-span: 1;*/
    -ms-grid-row-span: 2;
    width: 100%;
    max-height: auto;
    padding-right: 16px;
  }
}


/*20190419 3カラム 製品画像*/
@media print, screen and (min-width: 80em) {
  .is-3col-index .detail-panel-is-categorize .p-product-detail-panel-2__img {
    display: block;
    grid-column: 1 / 2;
    grid-row: 1 / 4;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    /*-ms-grid-row-span: 1;*/
    -ms-grid-row-span: 2;
    width: 100%;
    max-height: auto;
    padding-right: 12px;
  }
}
/*20190419 1カラム 製品画像*/
@media print, screen and (min-width: 48em) {
  .is-1col-index .detail-panel-is-categorize .p-product-detail-panel-2__img {
    display: block;
    grid-column: 1 / 2;
    grid-row: 1 / 8;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    /*-ms-grid-row-span: 1;*/
    -ms-grid-row-span: 6;
    width: 100%;
    max-height: auto;
    padding-right: 16px;
  }
}
/*******************************************************************************
20190416　更新 カテゴリカード 製品名シリーズ名　.p-product-detail-panel-2__name
********************************************************************************/
/*.p-product-detail-panel-2__name*/
.p-product-detail-panel-2__name {
  clear: both;
  grid-column: 1 / 3;
  grid-row: 2 / 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 2;
  margin-top: 12px;
  font-weight: normal;
  transition: color ease 0.15s;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-2__name {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 2;
  }
}
.detail-panel-is-half .p-product-detail-panel-2__name {
  grid-column: 1 / 3;
  grid-row: 2 / 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 2;
}
/*20190416 検索カテゴリカード 製品名シリーズ名*/
.detail-panel-is-categorize .p-product-detail-panel-2__name {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  -ms-grid-row: 1;
  margin-top: 0;
}
/*20190419 2カラム 製品名シリーズ名*/
@media print, screen and (min-width: 48em) {
  .detail-panel-is-categorize .p-product-detail-panel-2__name {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
  }
}
/*20190419 1カラム 製品名シリーズ名*/
@media print, screen and (min-width: 48em) {
  .is-1col-index .detail-panel-is-categorize .p-product-detail-panel-2__name {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
  }
}
@media print, screen and (min-width: 48em) {
  .detail-panel-is-solution .p-product-detail-panel-2__name {
    margin-top: 0;
  }
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-product-detail-panel-2__name {
    color: #888;
  }
}

.p-product-detail-panel-2__client-label {
  display: inline-block;
  margin-bottom: 5px;
  padding-top: 2px;
  padding-bottom: 1px;
  padding-right: 10px;
  padding-left: 10px;
  background-color: #014099;
  border-radius: 2px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
  font-size: 85%;
  color: #fff;
  text-align: center;
}
.browser-is-ie .p-product-detail-panel-2__client-label {
  padding-top: 4px;
}
.p-product-detail-panel-2__client-label[data-id=type-personal] {
  display: none;
}

.p-product-detail-panel-2__sub-name {
  display: block;
  font-size: 100%;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-2__sub-name {
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
    -webkit-font-feature-settings: 'palt' 1;
            font-feature-settings: 'palt' 1;
    font-weight: bold;
    font-size: 131%;
  }
}
@media print, screen and (min-width: 48em) {
  .detail-panel-is-half .p-product-detail-panel-2__sub-name {
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
    -webkit-font-feature-settings: unset;
            font-feature-settings: unset;
    font-weight: normal;
    font-size: 100%;
  }
}
@media print, screen and (min-width: 48em) {
  .detail-panel-is-categorize .p-product-detail-panel-2__sub-name {
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
    -webkit-font-feature-settings: unset;
            font-feature-settings: unset;
    font-weight: normal;
    font-size: 100%;
  }
}

@media print, screen and (min-width: 80em) {
  .is-3col-index .detail-panel-is-categorize .p-product-detail-panel-2__sub-name {
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
    -webkit-font-feature-settings: unset;
            font-feature-settings: unset;
    font-weight: normal;
    font-size: 93%;
  }
}
.p-product-detail-panel-2__main-name {
  display: block;
  margin-top: 2px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
  font-size: 116%;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-2__main-name {
    font-size: 197%;
  }
}
@media print, screen and (min-width: 48em) {
  .detail-panel-is-half .p-product-detail-panel-2__main-name {
    font-size: 131%;
  }
}
@media print, screen and (min-width: 48em) {
  .detail-panel-is-categorize .p-product-detail-panel-2__main-name {
    font-size: 131%;
  }
}
/*20190419 1カラム 製品名シリーズ名*/
@media print, screen and (min-width: 48em) {
  .is-1col-index .detail-panel-is-categorize .p-product-detail-panel-2__main-name {
  }
}
/*******************************************************************************
20190416　更新 カテゴリindex　カテゴリカード セールスポイント　.p-product-detail-panel-2__desc
********************************************************************************/
.p-product-detail-panel-2__desc {
  grid-column: 1 / 3;
  grid-row: 3 / 4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 3;
  margin-top: 8px;
  font-size: 100%;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-2__desc {
    grid-column: 2 / 3;
    grid-row: 3 / 4;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 3;
    font-size: 100%;
  }
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-product-detail-panel-2__desc {
    opacity: 0.75;
  }
}
.detail-panel-is-half .p-product-detail-panel-2__desc {
  grid-column: 1 / 3;
  grid-row: 3 / 4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 3;
}
/*20190416 検索カテゴリカード セールスポイント*/
.detail-panel-is-categorize .p-product-detail-panel-2__desc {
  grid-column: 2 / 3;
  grid-row: 2 / 4;
  /*-ms-grid-column: 1;*/
  /*-ms-grid-column-span: 2;*/
  /*-ms-grid-row: 3;*/
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  -ms-grid-row: 2;
}
/*20190419 2カラム セールスポイント*/
@media print, screen and (min-width: 48em) {
  .detail-panel-is-categorize .p-product-detail-panel-2__desc {
   /* grid-column: 1 / 3;*/
   /* grid-row: 2 / 3;*/
    grid-column: 2 / 3;
    grid-row: 2/ 3;
    /* -ms-grid-column: 1;*/
    /* -ms-grid-column-span: 2;*/
    /* -ms-grid-row: 2;*/
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 2;
    margin-top: 2px;
  }
}

/*20190419 ３カラム セールスポイント*/
@media print, screen and (min-width: 80em) {
  .is-3col-index .detail-panel-is-categorize .p-product-detail-panel-2__desc {
    grid-column: 1 / 3;
    grid-row: 4/ 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 3;
    margin-top: 2px;
  }
   .p-main-area--full .is-3col-index .detail-panel-is-categorize .p-product-detail-panel-2__desc {

  }
}
/*20190419 1カラム セールスポイント*/
@media print, screen and (min-width: 80em) {
  .is-1col-index .detail-panel-is-categorize .p-product-detail-panel-2__desc {
    grid-column: 2 / 3;
    grid-row: 2/ 3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    -ms-grid-row: 3;
    margin-top: 0;
  }
}
.detail-panel-is-categorize .p-product-detail-panel-2__desc p {
  font-size: 85%;
}
@media print, screen and (min-width: 48em) {
  .detail-panel-is-categorize .p-product-detail-panel-2__desc p {
    font-size: 93%;
  }
}
@media print, screen and (min-width: 80em) {
  .is-3col-index .detail-panel-is-categorize .p-product-detail-panel-2__desc p {
    font-size: 93%;
  }
}

/*******************************************************************************
20190416　更新 カテゴリindex　カテゴリカード 画像アイコンリスト　.p-product-detail-panel-2__label
********************************************************************************/
.p-product-detail-panel-2__label {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  -ms-grid-column: 2;
  -ms-grid-row: 1;
}
/*20190416 検索カテゴリカード 画像アイコンリスト 非表示→表示*/
.detail-panel-is-categorize .p-product-detail-panel-2__label {
  /*display: none;*/
  grid-column: 1 / 3;
  grid-row: 5 / 5;
  /*-ms-grid-column: 1;*/
  /*-ms-grid-column-span: 2;*/
  /*-ms-grid-row: 2;*/
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 7;
}
/*20190419 2カラム 画像アイコンリスト*/
@media print, screen and (min-width: 48em) {
  .detail-panel-is-categorize .p-product-detail-panel-2__label {
    /*display: none;*/
    grid-column: 1 / 3;
    grid-row: 6 / 6;
    /*-ms-grid-column: 1;*/
    /*-ms-grid-column-span: 2;*/
    /*-ms-grid-row: 2;*/
    -ms-grid-column: 1 !important;
    -ms-grid-column-span: 2 !important;
    -ms-grid-row: 7 !important;
    /*margin-top: 10px;*/
     margin-top: 8px!important;
  }
}
/*20190419 1カラム 画像アイコンリスト*/
@media print, screen and (min-width: 48em) {
  .is-1col-index .detail-panel-is-categorize .p-product-detail-panel-2__label {
    /*display: none;*/
    grid-column: 3 / 3;
    grid-row: 1 / 6;
    /*-ms-grid-column: 1;*/
    /*-ms-grid-column-span: 2;*/
    /*-ms-grid-row: 2;*/
    -ms-grid-column: 3 !important;
    -ms-grid-column-span: 1 !important;
    -ms-grid-row: 1 !important;
    /*margin-top: 10px;*/
     margin-top: 8px!important;
     margin-left: 16px;
  }
}
@media print, screen and (min-width: 48em) {
  *::-ms-backdrop, .is-1col-index .detail-panel-is-categorize .p-product-detail-panel-2__label {
     width: 228px;
     position: absolute;
  }
}
.p-product-detail-panel-2__label-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-2__label-inner {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-2__label-inner:last-child {
    margin-bottom: 20px;
  }
}
.detail-panel-is-half .p-product-detail-panel-2__label-inner {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
/*20190416 margin-left調整*/
.p-product-detail-panel-2__label-inner img {
  display: block;
  margin-bottom: 2px;
  /*margin-right: 0;*/
  margin-right: 2px;
  /*margin-left: 3px;*/
  margin-left: 0;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-2__label-inner img {
    width: auto;
    margin-bottom: 3px;
    margin-right: 3px;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-product-detail-panel-2__label-inner img {
    opacity: 0.6;
  }
}
.detail-panel-is-half .p-product-detail-panel-2__label-inner img {
  margin-bottom: 3px;
  margin-right: 0;
  margin-left: 3px;
}
@media print, screen and (min-width: 48em) {
  .detail-panel-is-half .p-product-detail-panel-2__label-inner img {
    margin-bottom: 3px;
    margin-left: 3px;
  }
}
.p-product-detail-panel-2__label-inner img:last-child {
  margin-right: 0;
}
/*******************************************************************************
20190416　更新 カテゴリindex　カテゴリカード 絞り込みキーアイコンリスト　.p-product-detail-panel-2__other
********************************************************************************/
.p-product-detail-panel-2__other {
  grid-column: 1 / 3;
  grid-row: 4 / 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 4;
  margin-top: 16px;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-2__other {
    grid-column: 2 / 3;
    grid-row: 4 / 5;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 4;
  }
}
.detail-panel-is-half .p-product-detail-panel-2__other {
  grid-column: 1 / 3;
  grid-row: 4 / 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 4;
}

/*20190416 検索カテゴリカード 絞り込みキーアイコンリスト*/
.detail-panel-is-categorize .p-product-detail-panel-2__other {
  grid-column: 1 / 3;
  grid-row: 4 / 4;
  /*-ms-grid-column: 1;*/
  /*-ms-grid-column-span: 2;*/
  /*-ms-grid-row: 3;*/
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 6;
  margin-top: 8px!important;
}
/*20190419 2カラム 絞り込みキーアイコンリスト*/
@media print, screen and (min-width: 48em) {
  .detail-panel-is-categorize .p-product-detail-panel-2__other {
    /*grid-column: 1 / 3;*/
    /*grid-row: 3 / 4;*/
    grid-column: 1 / 3;
    grid-row: 5 / 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 6;
     margin-top: 8px!important;
     margin-bottom: 4px;
  }
}
/*20190419 1カラム 絞り込みキーアイコンリスト*/
@media print, screen and (min-width: 48em) {
  .is-1col-index .detail-panel-is-categorize .p-product-detail-panel-2__other {
    /*grid-column: 1 / 3;*/
    /*grid-row: 3 / 4;*/
    grid-column: 2 / 2;
    grid-row: 3 / 5;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 6;
     margin-top: 4px!important;
     margin-bottom: 4px;
  }
}
.p-product-detail-panel-2__other p {
  font-size: 85%;
}
/*******************************************************************************
20190416　追加 カテゴリカード  型番・シリーズ・価格・リスト要素 .p-product-detail-panel-2__series
********************************************************************************/
.p-product-detail-panel-2__lineup {
  grid-column: 1 / 3;
  grid-row: 4 / 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 4;
  margin-top: 16px;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-2__lineup {
    grid-column: 2 / 3;
    grid-row: 4 / 5;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 4;
  }
}
.detail-panel-is-half .p-product-detail-panel-2__lineup {
  grid-column: 1 / 3;
  grid-row: 4 / 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 4;
}

/*20190416 検索カテゴリカード 型番・シリーズ・価格・リスト要素*/
.detail-panel-is-categorize .p-product-detail-panel-2__lineup{
  grid-column: 1 / 3;
  grid-row: 6 / 6;
  /*-ms-grid-column: 1;*/
  /*-ms-grid-column-span: 2;*/
  /*-ms-grid-row: 3;*/
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 8;
}
/*20190419 2カラム 型番・シリーズ・価格・リスト要素*/
@media print, screen and (min-width: 48em) {
  .detail-panel-is-categorize .p-product-detail-panel-2__lineup {
   /* grid-column: 1 / 3;*/
    /*grid-row: 4 / 5;*/
    grid-column: 1 / 3;
    grid-row: 7 / 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 8;
  }
}
/*20190419 1カラム 型番・シリーズ・価格・リスト要素*/
@media print, screen and (min-width: 48em) {
  .is-1col-index .detail-panel-is-categorize .p-product-detail-panel-2__lineup {
   /* grid-column: 1 / 3;*/
    /*grid-row: 4 / 5;*/
    grid-column: 2 / 3;
    grid-row: 5 / 8;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 8;
    margin-top: 8px!important;
  }
}
.p-product-detail-panel-2__lineup p {
  font-size: 85%;
}
.p-section-unit {
  box-sizing: border-box;
  display: block;
  width: 100%;
}
/*******************************************************************************
20190416　追加 カテゴリカード 補足テキスト要素 .p-product-detail-panel-2__info
********************************************************************************/
.p-product-detail-panel-2__info {
  grid-column: 1 / 3;
  grid-row: 4 / 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 4;
  margin-top: 8px;
}
@media print, screen and (min-width: 48em) {
  .p-product-detail-panel-2__info {
    grid-column: 2 / 3;
    grid-row: 4 / 5;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 4;
  }
}
.detail-panel-is-half .p-product-detail-panel-2__info {
  grid-column: 1 / 3;
  grid-row: 4 / 5;
  /*-ms-grid-column: 1;*/
  /*-ms-grid-column-span: 2;*/
  /*-ms-grid-row: 4;*/
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 8;
}
/*20190416 検索カテゴリカード 補足テキスト要素*/
.detail-panel-is-categorize .p-product-detail-panel-2__info{
  grid-column: 1 / 3;
  grid-row: 7 / 7;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 9;
}
/*20190419 2カラム 型番・シリーズ・補足テキスト要素*/
@media print, screen and (min-width: 48em) {
  .detail-panel-is-categorize .p-product-detail-panel-2__info {
    grid-column: 1 / 3;
    grid-row: 8 / 8;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 9;
  }
}
/*20190419 1カラム 型番・シリーズ・補足テキスト要素*/
@media print, screen and (min-width: 48em) {
  .is-1col-index .detail-panel-is-categorize .p-product-detail-panel-2__info {
    grid-column: 2 / 3;
    grid-row: 8 / 8;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    -ms-grid-row: 9;
    margin-top: 0;
  }
}
.p-product-detail-panel-2__info p {
  font-size: 85%;
}


/*******************************************************************************
20190527　追加 新閲覧履歴CSS →　20201019 一時サービス停止
********************************************************************************/
#section-history {
  margin-top: 4.5em;
  /*display: none!important;*/
}
.l-header__button-history{
}




#section-history .p-product-scroller{
  margin-top: 1.25em;
}



.p-image-link-module {
  float: left;
  width: 86px;
  margin-right: 5px;
  font-weight: bold;
  line-height: 1.4;
}
@media print, screen and (min-width: 48em) {
  .p-image-link-module {
    width: 119px;
  }
}
.p-image-link-module .c-history-img{
  width: 86px;
  height: 86px;
  margin-right: 5px;
  font-weight: bold;
  line-height: 1.4;
  position: relative;
}
@media print, screen and (min-width: 48em) {
  .p-image-link-module .c-history-img {
      overflow: hidden;
      width: 120px;
      height: 120px;
      position: relative;
      margin-bottom: 12px;
    }
}
  .p-image-link-module .c-history-img img{
    position: absolute;
    top:50%; /* または200px(heightの半分) */
    left: 50%; /* この値を変更すると左右に位置をずらせる */
    transform: translate(-50%, -50%);
  }
@media print, screen and (min-width: 48em) {
  .p-image-link-module .c-history-img img{
    position: absolute;
    top:50%; /* または200px(heightの半分) */
    left: 50%; /* この値を変更すると左右に位置をずらせる */
    transform: translate(-50%, -50%);
  }
}

.p-image-link-module .c-history-txt {
    overflow: hidden;
    position: relative;
    line-height: 1.3em;
    max-height: 5.3em;
    /*text-align: justify;*/
}
.p-image-link-module .c-history-txt:before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #fff;
    width: 1em;
}

.p-image-link-module .c-history-txt:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1.2em;
    background-color: #fff;
}

/*型番*/
.p-image-link-module .c-history-txt .p-image-link-module__name{
  display: block;
  margin-bottom: 1px;
  font-size: 93%;
  font-weight: bold;
  line-height: 1.4;

}
/*ページタイトル*/
.p-image-link-module .c-history-txt .p-image-link-module__ttl{
  font-size: 100%!important;
  line-height: 1.4;
  font-weight: normal;
  font-size: 93%;
}
/*価格*/
.p-image-link-module .c-history-txt .p-image-link-module__price{
  margin-bottom: 1px;
  font-size: 93%;
  font-weight: normal;
  display: block;
}

.p-image-link-module {
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
}



/* ==========================================================================
 *
 *
 * 追記エリア END
 *
 *
========================================================================== */





/* ==========================================================================
Utility
========================================================================== */
.u-cf:after {
    content: "";
    display: block;
    clear: both;
}

/* ==========================================================================
Vender
========================================================================== */
html body .sug_list {
    border: solid 1px #cacaca;
    opacity: 1;
}

html body .sug_element {
    padding-right: 14px;
    padding-left: 14px;
    border: none;
}

html body .sug_element:hover,
html body .sug_element .current_element {
    background-color: #ededed;
}

/* ==========================================================================
Print
========================================================================== */
@media print {
    body {
        padding-left: 0;
        width: 1400px;
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
    body.browser-is-ff {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
    body.browser-is-ie {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        zoom: 0.77;
    }
    body.browser-is-edge {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        zoom: 0.6;
    }
    .browser-is-edge .p-content-container__inner {
        width: 100%;
    }
    .l-side-nav {
        display: none;
    }
    .l-side-nav.is-home {
        display: none;
    }
    .p-business-panel {
        display: none;
    }
    .browser-is-ff .p-content-container__inner {
        display: block;
    }
    .browser-is-ff .p-main-area {
        display: table-cell;
        padding-right: 70px;
    }
    .browser-is-edge .p-main-area {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 600px;
    }
    .browser-is-ff .p-sub-area {
        display: table-cell;
    }
    .browser-is-ie .p-product-scroller__slider,
    .browser-is-edge .p-product-scroller__slider {
        position: relative;
    }
}

/* ==========================================================================
notice.js 赤字対応　20190725
========================================================================== */

.kaki_holi{
  /*color: #cc0202;*/
}
.nenmatsu_holi{
  /*color: #cc0202;*/
}
/* ==========================================================================
外部読込対応　20190731
========================================================================== */

/*法人ローカルナビ*/
.l-header--limited .l-header__local-block {
display: none;
}

/*個人に戻るボタン*/
.l-header--limited .l-header__personal-icon{
  display: none;
}
/*閲覧履歴ボタン*/
.l-header--limited .l-header__button-history{
  display: none;
}




/* ==========================================================================
新カテゴリ調整　H2タイトル調整　20190731 20190911 flex解除
========================================================================== */
.c-heading-2__title{
   /* display: -webkit-flex;*/
   /*  display: -moz-flex;*/
   /*  display: -ms-flex;*/
   /*  display: -o-flex;*/
   /*  display: flex;*/
    flex-flow: row no-wrap; /*flex-direction + flex-wrapの記述が可能*/
    justify-content: flex-start; */   /*左（上）揃え*/
    justify-content: space-between;*/ /*均等に間隔をあける*/
    align-items: center;  */   /*中央揃え*/
}

.c-heading-title-box{
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;       
}
@media print,screen and (min-width: 48em) {
.c-heading-title-box{
  min-width: 40%;
  }
}
@media print,screen and (min-width: 80em) {
.c-heading-title-box{
  min-width: 35%;
  }
}

.c-heading-title-box span{
  padding-left: 0.5em;
  font-size: 77%;
  vertical-align: middle;
}

.c-heading-txt-box{
  display: none!important;
}
@media print,screen and (min-width: 48em) {
  .c-heading-txt-box{
    margin-left: auto;
    font-size: 54%!important;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex!important;
      -webkit-box-align: right;
          -ms-flex-align: right;
              align-items: right;

  }
}












/* ==============================================================================================
スマホ特集ページ　20190805
============================================================================================== */

/*20190806 スマホ特集製品カード.is-smp-tab-index付与*/
.is-smp-tab-index　.p-product-detail-panel-2 {
   /* width: 97.8836%;*/
    margin-right: 2.1164%;
    margin-bottom: 24px;
    width: 31%!important;
}
@media print, screen and (min-width: 48em) {
  .is-smp-tab-index .detail-panel-is-categorize .p-product-detail-panel-2 {
    width: 31%!important;
    margin-bottom: 24px;
    margin-right: 2.1164%!important;
  }
}
@media print, screen and (min-width: 80em) {
  .is-smp-tab-index .detail-panel-is-categorize .p-product-detail-panel-2 {
    width: 23.5%!important;
    margin-bottom: 24px;
    margin-right: 1.116%!important;
  }
}
/*===========================================*/

/*20190806 スマホ特集製品カード.is-smp-tab-index付与 (min-width: 80em)　→48em*/
@media print, screen and (min-width: 48em) {
  .is-smp-tab-index .p-product-detail-panel-2__inner {
      padding-top: 22px;
      padding-bottom: 22px;
      padding-right: 20px;
      padding-left: 20px;
  }
}
/*===========================================*/

/*20190806 スマホ特集製品カードの画像サイズ修正 (min-width: 80em)　→48em*/
  .is-smp-tab-index .detail-panel-is-categorize .p-product-detail-panel-2__grid {
    grid-template-columns: 100% 1fr;
    -ms-grid-columns: 100% 1fr!important;
    grid-template-rows: auto auto auto;
    -ms-grid-rows: auto auto auto;
}

/*===========================================*/

/*20190806 スマホ特集製品カード 製品画像(min-width: 80em)　→48em=*/
.is-smp-tab-index .detail-panel-is-categorize .p-product-detail-panel-2__img {
    display: block;
    grid-column: 1 / 1;
    grid-row: 1 / 1;
    -ms-grid-column: 1!important;
    -ms-grid-row: 1!important;
    -ms-grid-row-span: 1!important;
    width: 85%;
    max-height: inherit!important;
    padding-right: 0;
    margin: 0 auto;
}

/*===========================================*/

/*20190806 スマホ特集製品カード 製品名シリーズ名*/

.is-smp-tab-index .detail-panel-is-categorize .p-product-detail-panel-2__name {
    grid-column: 1 / 1;
    grid-row: 2 / 2;
    -ms-grid-column: 1!important;
    -ms-grid-column-span: 1!important;
    -ms-grid-row: 2!important;
}
.is-smp-tab-index .detail-panel-is-categorize .p-product-detail-panel-2__name{
    font-size: 93%;
}

/*===========================================*/

/*20190806 スマホ特集製品カード (min-width: 80em)　→48em*/
.is-smp-tab-index .detail-panel-is-categorize .p-product-detail-panel-2__sub-name {
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  -webkit-font-feature-settings: unset;
          font-feature-settings: unset;
  font-weight: normal;
  font-size: 93%;
}

/*===========================================*/

/*20190806 スマホ特集製品カード セールスポイント(min-width: 80em)　→48em*/
.is-smp-tab-index .detail-panel-is-categorize .p-product-detail-panel-2__desc {
  grid-column: 1 / 1;
  grid-row: 6/ 6;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row: 6;
  margin-top: 6px;
  font-size: 93%;
}
 .p-main-area--full .is-smp-tab-index　.detail-panel-is-categorize .p-product-detail-panel-2__desc {

}

/*===========================================*/

/*20190806 スマホ特集製品カード*/
@media print, screen and (min-width: 80em) {
  .is-smp-tab-index .detail-panel-is-categorize .p-product-detail-panel-2__desc p {
    font-size: 93%;
  }
}


/*===========================================*/

/*20190806 スマホ特集製品カード  画像アイコンリスト*/
.is-smp-tab-index .detail-panel-is-categorize .p-product-detail-panel-2__label {
  /*display: none;*/
  grid-column: 1 / 1;
  grid-row: 7 / 7;
  /*-ms-grid-column: 1;*/
  /*-ms-grid-column-span: 2;*/
  /*-ms-grid-row: 2;*/
  -ms-grid-column: 1 !important;
  -ms-grid-column-span: 1 !important;
  -ms-grid-row: 7 !important;
  /*margin-top: 10px;*/
   margin-top: 8px!important;
}

/*20190806 スマホ特集製品カード　アイコン画像サイズ調整*/
  .is-smp-tab-index .p-product-detail-panel-2__label-inner img {
  display: block;
  margin-bottom: 1px;
  /*margin-right: 0;*/
  margin-right: 1px;
  /*margin-left: 3px;*/
  margin-left: 0;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  max-width: 31%!important;
  height: auto;
  text-align: center;
}
/*変更なし*/
@media print, screen and (min-width: 48em) {
  .is-smp-tab-index .p-product-detail-panel-2__label-inner img {
    width: auto;
    margin-bottom: 3px;
    margin-right: 3px;
    margin-left: 0;
  }
}
/*変更なし*/
@media print, screen and (min-width: 61.25em) {
  a:hover .is-smp-tab-index .p-product-detail-panel-2__label-inner img {
    opacity: 0.6;
  }
}
.is-smp-tab-index .detail-panel-is-half .p-product-detail-panel-2__label-inner img {
  margin-bottom: 3px;
  margin-right: 0;
  margin-left: 3px;
}
/*変更なし*/
@media print, screen and (min-width: 48em) {
  .is-smp-tab-index .detail-panel-is-half .p-product-detail-panel-2__label-inner img {
    margin-bottom: 3px;
    margin-left: 3px;
  }
}

/*===========================================*/

/*20190806 スマホ特集製品カード  絞り込みアイコンリスト*/
.is-smp-tab-index .detail-panel-is-categorize .p-product-detail-panel-2__other {
  /*grid-column: 1 / 3;*/
  /*grid-row: 3 / 4;*/
  grid-column: 1 / 1;
  grid-row: 4 / 4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row: 4;
   margin-top: 5px!important;
   margin-bottom: 3px;
}

/*===========================================*/

/*20190806 スマホ特集製品カード 型番・シリーズ・価格・リスト要素*/
.is-smp-tab-index .detail-panel-is-categorize .p-product-detail-panel-2__lineup {
 /* grid-column: 1 / 3;*/
  /*grid-row: 4 / 5;*/
  grid-column: 1 / 1;
  grid-row: 5 / 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row: 5;
}

/*===========================================*/

/*20190806 スマホ特集製品カード 型番・シリーズ・補足テキスト要素*/
.is-smp-tab-index .detail-panel-is-categorize .p-product-detail-panel-2__info {
  grid-column: 1 / 1;
  grid-row: 8 / 8;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row: 8;
}

/*===========================================*/

/*=www2障害対応=*/

/*
body:before {
  background-color:#cc0202; padding: 0.5em 0; color: #fff; text-align: center;
  content: "現在サーバー障害が発生しており、一部ページの閲覧がしづらい状況です。ご利用の皆様には大変ご迷惑をおかけしております。" 
}
*/
/*
.l-header__search{
  display: none;
}

@media print, screen and (min-width: 61.25em) {
  body {
    padding-left: 0!important;
  }
}
.l-side-nav{
  display: none!important;
}
*/

/*= 2020年　新www2障害対応 /================================*/
.p-notice-site-head {
  width:100%;display:block;
  border-bottom:#cc0202 1px solid; 
  padding: 0.5em 3.15%; 
  color: #cc0202;
  text-align: center; background-color:#fdf5f5;
  font-size:100%; 
  box-sizing: border-box;
}
@media print,screen and (max-width: 61.188em) {
  .p-notice-site-head {
    width: 100%; display: block;
    border-bottom: #cc0202 1px solid;
    padding: 10px 20px 10px 20px;
    color: #cc0202;
    text-align: center;
    background-color: #fdf5f5;
    text-align: left;
    box-sizing:border-box;
    font-size: 93%;
  }
} 
/*= /2020年　新www2障害対応================================*/


/*= 2020年　閲覧履歴一時停止 /================================*/
.l-header__button-history{
  display: none!important;
}
/*= 2020年　閲覧履歴一時停止  /================================*/


/*= 2020年　メンテナンス要素非表示 /================================*/

/*

.l-header__search{
}

@media print, screen and (min-width: 61.25em) {
  body {
    padding-left: 0!important;
  }
}
.l-side-nav{
  display: none!important;
}

.l-header__main-menu li:nth-child(1){
  display: none;
}
.l-header__main-menu li:nth-child(2){
  display: none;
}
.l-header__main-menu li:nth-child(3){
  display: none;
}
.l-header__main-menu li .p-dropdown-menu__main li{
  display: block;
}

*/

/*= 2020年　メンテナンス要素非表示  /================================*/






/*= 2021年　法人問合せボタン /================================*/
.p-foot-business-btn-fixed {
  position: fixed;
  bottom: 0;
  z-index: 999;
  width: 100%;
  padding-top: 13px;
  padding-bottom: 13px;
  background-color: #014099;
  height: 38px;
}
@media print, screen and (max-width: 47.9375em) {
  .p-foot-business-btn-fixed {
    height: 100px;
    padding-top: 13px;
    padding-bottom: 13px;
  }
}
.p-foot-fixed-layout {
  padding-right: 6.25%;
  padding-left: 6.25%;
}
@media print, screen and (max-width: 47.9375em) {
  .p-foot-fixed-layout {
    text-align: center;
  }
}
@media print, screen and (min-width: 48em) {
  .p-foot-fixed-layout {
    text-align: center;
  }
}
@media print, (min-width: 61.25em) {
  .p-foot-fixed-layout {
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}


.p-foot-fixed-layout-inner{
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-direction: column;
}
@media print, screen and (min-width: 48em) {
  .p-foot-fixed-layout-inner{
    width: 700px;
    position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
              margin: 0 auto;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      flex-direction: row;
  }
}

@media print, screen and (max-width: 47.9375em) {
  .p-foot-fixed-layout__textarea {
    margin-bottom: 0;
    margin-top:1em;
  }
}
@media print, screen and (min-width: 48em) {
  .p-foot-fixed-layout__textarea {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 15px;
    margin-bottom: 0;
    margin-top:0;
  }
}
.p-foot-fixed-layout__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 1em;
}
@media print, screen and (min-width: 48em) {
  .p-foot-fixed-layout__button {
     margin-top:0;
  }
}
.p-foot-fixed-text {
  color: #FFF;
  font-size: 85%;
  line-height: 1.4;
}
@media print, screen and (min-width: 61.25em) {
  .p-foot-fixed-text {
    font-size: 93%;
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
    line-height: 1.4;
    margin-top: 0.5em;
  }
}
.p-foot-fixed-text__inner {
  display: inline-block;
}

.p-foot-fixed-button {
  width:300px;
  position: relative;
  display: block;
  margin-left: 10px;
  padding: 12px 22px 10px 10px;
  background-color: #FFF;
  color: #014099;
  font-size: 93%;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
}
@media print, screen and (min-width: 40.0625em) {
  .p-foot-fixed-button {
    padding: 12px 20px 10px 20px;
    width: 300px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-foot-fixed-button {
    font-size: 116%;
    line-height: 1;
    text-align: center;
  }
}
.p-foot-fixed-button__inner {
  display: inline-block;
}
.p-foot-fixed-button:before {
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  width: 5px;
  height: 5px;
  border-top: 2px solid #014099;
  border-right: 2px solid #014099;
  content: "";
  -webkit-transform: rotate(45deg) translateY(-60%);
      -ms-transform: rotate(45deg) translateY(-60%);
          transform: rotate(45deg) translateY(-60%);
}
.p-foot-fixed-button:first-child {
  margin-left: 0;
}

a.p-foot-fixed-button:link, a.p-foot-fixed-button:visited {
  color: #333333;
  text-decoration: none;
}
a.p-foot-fixed-button:hover, a.p-foot-fixed-button:active{
  opacity: 0.95;
  color: #333333;
}
a.p-foot-fixed-button:hover em, a.p-foot-fixed-button:active em{
  opacity: 0.5;
  color: #333333;
}
.p-foot-fixed-button em{
  font-style: normal;
}
/*XXXXXXXXXXXXXXXXXXXXX*/
.l-page-top.is-visible {
  visibility: visible;
  opacity: 1;
  margin-bottom: 45px;
}
/*XXXXXXXXXXXXXXXXXXXXX*/
/*.l-footer {
    padding-bottom: 120px;
}
@media print, screen and (min-width: 47.9375em) {
  .l-footer {
    padding-bottom: 64px;
  }
}
*/
@media only screen and (max-width: 47.9375em) {
  .l-footer {
    clear: both;
  }
}


.p-foot-fixed-business-panel__close {
  box-sizing: border-box;
  position: absolute;
  top: -15px;
  right: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #014099;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  cursor: pointer;
}
@media only screen and (max-width: 47.9375em) {
  .p-foot-fixed-business-panel__close {
    top: -15px;
    right: 50%;
  }
}
.p-foot-fixed-business-panel__close:hover:after {
  background-color: #014099;
}
.p-foot-fixed-business-panel__close:hover svg {
  fill: #fff;
}
.p-foot-fixed-business-panel__close:after {
  box-sizing: border-box;
  position: absolute;
  z-index: 9;
  top: 4px;
  left: 4px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  content: "";
  transition: background-color ease 0.15s;
}
.p-foot-fixed-business-panel__close svg {
  display: block;
  position: absolute;
  z-index: 10;
  top: 10px;
  left: 10px;
  width: 8px;
  height: 8px;
  fill: #014099;
  transition: fill ease 0.15s;
}
/*= 2021年　法人問合せボタン   /================================*/



/*= 2021年　YouTubeリンク更新   /================================*/
.l-footer__company-social li.foot-youtube{
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  letter-spacing: -0.02em;
}
.l-footer__company-social li.foot-youtube .p-link-blank:after{
 margin-left: 0px;
}
@media only screen and (max-width: 47.9375em) {
  .l-footer__company-social li.foot-youtube{
    font-size:100%;
    text-align: center;
    line-height: 1.3;
  }
   .l-footer__company-social li.foot-youtube span{
    display: block;
    font-size: 93%;
    font-weight: normal;
  }
  .l-footer__company-social li.foot-youtube .p-link-blank:after{
    display: none;
  }
  .l-footer__company-social li.foot-youtube {
    margin-right:5px;
  }
}