@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

input, button {
  appearance: none; }

select {
  cursor: pointer; }

/**
 * 広告の表示調整をするためのファイル。
**/
.ydn1,
.ydn2,
.sqb {
  margin-bottom: 20px; }

.lrec,
.im {
  margin-bottom: 20px; }

.ult {
  margin: 0 auto 20px;
  width: 950px; }

.ydnOverlay {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 2;
  background: #eaeaea;
  transform: translate(0px, 70px);
  transition: all ease .25s; }

.commonGlobalNavigation {
  width: 950px;
  margin: 0 auto 10px; }
  .commonGlobalNavigation__title {
    margin-bottom: 5px;
    padding: 0 10px 3px;
    border-bottom: 1px solid #ECECEC;
    color: #aaa;
    font-size: 11px; }

.commonGlobalNavigationBreadcrumbs {
  margin-bottom: 5px;
  padding-left: 10px; }
  .commonGlobalNavigationBreadcrumbs__item {
    position: relative;
    display: inline-block;
    margin-right: 19px;
    font-size: 13px;
    line-height: 1; }
    .commonGlobalNavigationBreadcrumbs__item:after {
      position: absolute;
      top: -1px;
      right: -14px;
      content: '>';
      line-height: 1; }
    .commonGlobalNavigationBreadcrumbs__item:last-child:after {
      content: ''; }

.commonGlobalNavigationSearch {
  padding: 7px 10px;
  background-color: #f3f3f3; }
  .commonGlobalNavigationSearch:after {
    content: " ";
    display: block;
    clear: both; }
  .commonGlobalNavigationSearch__form {
    position: relative;
    float: left;
    width: 381px;
    margin-right: 10px;
    font-size: 0px; }
  .commonGlobalNavigationSearch__keyword {
    width: 296px;
    height: 30px;
    padding-left: 8px;
    vertical-align: top;
    color: #000000;
    font-size: 12px;
    border: 1px solid #aeaeb0;
    box-shadow: 0 1px 2px #ddd inset;
    box-sizing: border-box; }
  .commonGlobalNavigationSearch__button {
    position: relative;
    width: 85px;
    height: 30px;
    padding-top: 0;
    padding-left: 20px;
    vertical-align: top;
    line-height: 30px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    background-color: #fea001;
    background-image: linear-gradient(top, #fea001 0, #f59b00 100%);
    cursor: pointer;
    border: 1px solid #aeaeb0;
    border-radius: 0;
    box-sizing: border-box;
    transition: all .2s; }
    .commonGlobalNavigationSearch__button:before {
      display: block;
      content: "\EC40";
      font-family: RiffIcons;
      position: absolute;
      font-weight: normal;
      font-size: 16px;
      color: #ffffff;
      text-rendering: auto;
      top: 0px;
      left: 14px; }
    .commonGlobalNavigationSearch__button:hover {
      opacity: .8; }
  .commonGlobalNavigationSearch__advanced {
    color: #333333;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    background-image: linear-gradient(#ffffff, #f7f7f7);
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: 0 1px #cccccc;
    transition: all .2s;
    display: inline-block;
    height: 26px;
    margin-top: 2px;
    padding: 0 10px;
    line-height: 25px;
    font-size: 11px;
    font-weight: normal;
    box-sizing: border-box; }
    .commonGlobalNavigationSearch__advanced:hover {
      text-decoration: none;
      opacity: .8; }
  .commonGlobalNavigationSearch__mypage {
    float: right;
    font-size: 13px;
    line-height: 30px; }

#footer {
  margin: 0 auto 100px;
  width: 950px;
  text-align: center; }

.footer__body {
  width: 100%;
  padding-top: 20px;
  border-top: 1px solid #ccc; }

.footer__list {
  display: table;
  margin: 0 auto 5px;
  font-size: 13px; }

.footer__item {
  display: table-cell; }
  .footer__item:not(:last-child):after {
    padding: 0 5px;
    content: "-"; }

.changeDevice {
  margin-top: 40px;
  padding-bottom: 10px;
  font-size: 14px; }
  .changeDevice__body {
    display: inline-block;
    padding: 5px 5px 5px 10px;
    border: 1px solid #e7e7e7;
    background: #f9f9f9; }
  .changeDevice__term {
    display: inline; }
    .changeDevice__term:after {
      content: ":"; }
  .changeDevice__description {
    display: inline;
    font-size: 12px; }
    .changeDevice__description:after {
      content: "|"; }
    .changeDevice__description:last-child:after {
      content: ""; }
  .changeDevice__link {
    padding: 0 5px;
    color: #1976d2;
    cursor: pointer; }
    .changeDevice__link:hover {
      text-decoration: underline; }
  .changeDevice__note {
    padding: 0 5px;
    font-weight: bold; }

.commonEmergency {
  margin: 10px;
  padding: 5px 10px;
  border: 1px solid #F00; }
  .commonEmergency__title {
    font-size: 12px;
    font-weight: bold; }
  .commonEmergency__text {
    font-size: 12px; }

.commonJsOff {
  width: 600px;
  margin: 0 auto 40px;
  padding: 15px 0;
  text-align: center;
  background-color: #fffecf;
  border: 1px solid #fc0e1f; }
  .commonJsOff__text {
    color: #fc2e35; }

.commonNotFound {
  padding: 40px 0; }
  .commonNotFound__title {
    margin-bottom: 30px;
    text-align: center;
    color: #333;
    font-size: 22px;
    font-weight: bold; }
    .commonNotFound__title:before {
      display: block;
      content: "\ED00";
      font-family: RiffIcons;
      position: absolute;
      font-weight: normal;
      font-size: 26px;
      color: #fea001;
      text-rendering: auto;
      position: relative;
      display: inline-block; }
  .commonNotFound__sorry {
    margin-bottom: 30px;
    text-align: center; }
  .commonNotFound__text {
    font-size: 16px;
    text-align: center; }

.commonSystemError {
  padding: 40px 0; }
  .commonSystemError__title {
    margin-bottom: 30px;
    text-align: center;
    color: #333;
    font-size: 22px;
    font-weight: bold; }
    .commonSystemError__title:before {
      display: block;
      content: "\ED00";
      font-family: RiffIcons;
      position: absolute;
      font-weight: normal;
      font-size: 26px;
      color: #fea001;
      text-rendering: auto;
      position: relative;
      display: inline-block; }
  .commonSystemError__sorry {
    margin-bottom: 30px;
    text-align: center; }
  .commonSystemError__text {
    font-size: 16px;
    text-align: center; }

body {
  color: #333333;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", Meiryo, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

input, textarea, select, button {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", Meiryo, sans-serif; }

a {
  color: #1976d2;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

[v-cloak] {
  display: none; }

.layout__container, .layout__container--single {
  display: block; }

.layout__wrap {
  width: 950px;
  margin: 0 auto; }
  .layout__wrap:after {
    content: " ";
    display: block;
    clear: both; }

.layout__main {
  float: left;
  width: 630px;
  margin-right: 20px; }

.layout__sub {
  float: left;
  width: 300px; }

.header {
  display: block;
  width: 950px;
  margin: 0 auto; }
  .header:after {
    content: " ";
    display: block;
    clear: both; }
  .header__main {
    float: left;
    width: 630px;
    margin-right: 20px; }
  .header__sub {
    float: left;
    width: 300px; }

.mhd {
  width: 950px;
  margin: 0 auto; }

.emg {
  width: 950px;
  margin: 0 auto; }
  .emg > table {
    margin-bottom: 15px !important; }
    .emg > table td {
      padding: 2px; }
      .emg > table td td {
        padding: 0; }
  .emg br {
    display: none; }

.loadingWrapper {
  position: relative;
  margin-bottom: 30px;
  height: 90px; }

/***********/
/* RiffIcon */
/* アイコンを付ける要素の:before、:afterに記述する。 */
/* アイコンを付ける要素にposition: relative;を設定する。*/
/***********/
@font-face {
  font-family: RiffIcons;
  src: url("https://s.yimg.jp/images/riff/4.6.0/component/icon/fonts/RiffIcons.woff2") format("woff2"), url("https://s.yimg.jp/images/riff/4.6.0/component/icon/fonts/RiffIcons.woff") format("woff"), url("https://s.yimg.jp/images/riff/4.6.0/component/icon/fonts/RiffIcons.ttf") format("truetype"); }

/***********/
/* LocoIcon */
/* アイコンを付ける要素の:before、:afterに記述する。 */
/* アイコンを付ける要素にposition: relative;を設定する。 */
/***********/
@font-face {
  font-family: LocoIcons;
  src: url("https://s.yimg.jp/images/loco/front/asset/1/0/0/fonts/locoIcons.woff2?v=4") format("woff2"), url("https://s.yimg.jp/images/loco/front/asset/1/0/0/fonts/locoIcons.woff?v=4") format("woff"), url("https://s.yimg.jp/images/loco/front/asset/1/0/0/fonts/locoIcons.ttf?v=4") format("truetype"); }

/***********/
/* ローディングくるくるアニメーション */
/***********/
@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }