@charset "UTF-8";
.tip_box {
  padding: 6px; }

.tip_box h3 {
  font-weight: bold;
  padding-bottom: 6px; }

.tip_camp_bnr img {
  width: 440px;
  height: 170px; }

.tip_variation {
  width: 420px;
  padding: 6px 0 0 6px; }

.tip_variation p {
  margin-bottom: 10px; }

.tip_variation ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 30px;
  margin-bottom: 10px; }

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
  border: 1px solid #cccccc;
  background: #ffffff;
  color: #444444;
  box-shadow: 4px 4px 0 -1px #cbcbcb; }

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
  font-size: 13px;
  line-height: 16px;
  padding: 6px;
  overflow: hidden; }

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */ }

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px; }

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible; }

.tooltipster-base .tooltipster-content {
  overflow: hidden; }

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; }

.tooltipster-arrow span, .tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute; }

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-top: 6px solid;
  bottom: -6px; }

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 14px solid transparent !important;
  border-right: 5px solid transparent !important;
  border-top: 9px solid;
  bottom: -8px; }

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-bottom: 6px solid;
  top: -6px; }

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 7px solid transparent !important;
  border-right: 7px solid transparent !important;
  border-bottom: 7px solid;
  top: -6px; }

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto; }

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
  left: 42px; }

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 41px; }

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
  right: 44px; }

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 43px; }

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px; }

.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px; }

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -8px;
  left: -8px; }

.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -9px; }

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
  opacity: 0;
  transition-property: opacity; }

.tooltipster-fade-show {
  opacity: 1; }

.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-backface-visibility: hidden; }

.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

.tooltipster-fall {
  top: 0;
  transition-property: top;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-dying {
  transition-property: all;
  top: 0px !important;
  opacity: 0; }

.tooltipster-slide {
  left: -40px;
  transition-property: left;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-dying {
  transition-property: all;
  left: 0px !important;
  opacity: 0; }

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1); }

/*
 * jQuery FlexSlider v2.7.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url("fonts/flexslider-icon.eot");
  src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal; }

/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none; }

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

.flex-pauseplay span {
  text-transform: capitalize; }

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0; }

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden; }

.flexslider .slides img {
  width: 100%;
  display: block; }

.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .flexslider .slides {
  display: block; }

* html .flexslider .slides {
  height: 1%; }

.no-js .flexslider .slides > li:first-child {
  display: block; }

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  border-radius: 4px;
  -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); }

.flexslider .slides {
  zoom: 1; }

.flexslider .slides img {
  height: auto;
  -moz-user-select: none; }

.flex-viewport {
  max-height: 2000px;
  transition: all 1s ease; }

.loading .flex-viewport {
  max-height: 300px; }

.carousel li {
  margin-right: 5px; }

.flex-direction-nav {
  *height: 0; }

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  transition: all 0.3s ease-in-out; }

.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); }

.flex-direction-nav a.flex-next:before {
  content: '\f002'; }

.flex-direction-nav .flex-prev {
  left: -50px; }

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right; }

.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px; }

.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1; }

.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px; }

.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1; }

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1; }

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000; }

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004'; }

.flex-pauseplay a:hover {
  opacity: 1; }

.flex-pauseplay a.flex-play:before {
  content: '\f003'; }

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center; }

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  border-radius: 20px; }

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7); }

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default; }

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden; }

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0; }

.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  transition: all 1s ease; }

.flex-control-thumbs img:hover {
  opacity: 1; }

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default; }

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px; }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px; } }

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: rgba(255, 255, 255, 0); }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
 .l-header input[type="search"],
 .l-footer input[type="search"],
 #megaMenu-forPC input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
 .l-header table,
 .l-footer table,
 #megaMenu-forPC table {
  border-collapse: collapse;
  border-spacing: 0; }

header td,header th,footer td,footer th, {
  padding: 0; }

.l-header *,
.l-footer *,
#megaMenu-forPC * {
  box-sizing: border-box; }
#megaMenu-forPC .search__btn {
  box-sizing: content-box; }

html,
body {
  height: 100%; }

.l-header *,
.l-footer *,
#megaMenu-forPC * {
  /*color: #222222;*/
}
body {
   color: #222222;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  width: 100%;
  max-width: 100%;
  padding-top: 50px;
  -webkit-overflow-scrolling: touch; }

  body.noscroll {
    position: fixed; }

/* アンカー（a要素）の基本設定 */
.l-header a,
.l-footer a {
  text-decoration: none; }

header img,
.navMegaMenu img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }

em,
strong {
  font-weight: 700;
  font-style: normal; }

.forPCOnly {
    display: none !important; }

.display-inlineBlock {
  display: inline-block !important; }

.slick-disabled {
  cursor: default !important; }

/*　//////////////////////////////////////////////////
　レイアウト用スタイル
//////////////////////////////////////////////////　*/
.l-header {
  z-index: 9999; }

#blackscreen {
  z-index: 9998; }

.keyVisual,
.l-main,
.serviceBanner,
.l-footer {
  z-index: 1; }

.l-header,
.latestNews,
.tabAndAbout__wrapper,
.variation,
.tipsAndSafety,
.serviceBanner {
  margin: 0 auto; }

/*　//////////////////////////////////////////////////
　ヘッダー
//////////////////////////////////////////////////　*/
/* ヘッダー全体設定 */
.l-header {
  width: 100%;
  background: white;
  padding: 0;
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }


.header__container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .no-flexbox .header__container {
    *zoom: 1;
    box-sizing: content-box; }
    .no-flexbox .header__container:before, .no-flexbox .header__container:after {
      content: " ";
      display: table; }
    .no-flexbox .header__container:after {
      clear: both; }


/* ヘッダーロゴ */
.header__logo {
  font-size: 1rem;
  line-height: 1;
  width: 112px;
  height: 20px;
  padding: 0;
  margin: 0 auto 0 10px; }
  .no-flexbox .header__logo {
    float: left;
    margin-top: 14px; }

  .header__logo a {
    display: block; }

/*　//////////////////////////////////////////////////
　フッター
//////////////////////////////////////////////////　*/


/* フッター > ナビゲーション */
.footerNav {
  background-color: #666666;
  position: relative;
  margin-top: 0; }
  .footerNav a {
    color: #ffffff; }

/* フッター > ナビゲーション > ページトップリンク */
.footerNav-pageTop {
  font-size: 10px;
  line-height: 1;
  text-align: center;
  width: 100px;
  background-color: #666666;
  padding: 6px 0 4px;
  border-radius: 5px 5px 0 0;
  margin: 0;
  position: absolute;
  top: -19px;
  right: 26px; }

  .footerNav-pageTop a {
    background: url(../images/footer/footerNav-pageTop.svg) left center no-repeat;
    background-size: 5px 5px;
    padding-left: 8px; }


/* フッター > ナビゲーション > メインナビ */
.footerNav-main {
  max-width: 640px;
  margin: 0 auto 32px; }


/* フッター > ナビゲーション > メインナビ > ナビ 第1階層 */
.footerNav-main__list {
  list-style: none;
  padding: 0;
  margin: 0; }


.footerNav-main__listItem {
  padding: 8px 26px;
  border-bottom: 1px solid #808080; }

.footerNav-main__anchor {
  color: white;
  font-size: 14px;
  display: block;
  background: url(../images/footer/footerNav-arrow.svg) right center no-repeat;
  background-size: 6px 10px;
  margin-right: 9px; }

  .footerNav-main__anchor.is-noBullet {
    background: none;
    padding-left: 0; }

/* フッター > ナビゲーション > メインナビ > ナビ 第2階層（スマホは非表示） */
.footerNav_main_2Lv {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0; }

  .footerNav_main_2Lv .is-column2 {
    *zoom: 1; }
    .footerNav_main_2Lv .is-column2:before, .footerNav_main_2Lv .is-column2:after {
      content: " ";
      display: table; }
    .footerNav_main_2Lv .is-column2:after {
      clear: both; }

.footerNav_main_2Lv__item {
  margin-top: 3px; }
  .footerNav_main_2Lv__item:nth-child(1) {
    margin-top: 0; }
  .is-column2 .footerNav_main_2Lv__item {
    width: calc(50% - 5px);
    float: left; }
    .is-column2 .footerNav_main_2Lv__item:nth-child(2) {
      margin-top: 0; }
    .is-column2 .footerNav_main_2Lv__item:nth-child(2n-1) {
      margin-right: 10px; }
      .no-flexbox .is-column2 .footerNav_main_2Lv__item:nth-child(2n-1) {
        margin-right: 9px; }

.footerNav_main_2Lv__anchor {
  font-size: 12px;
  line-height: 1.5;
  display: block;
  background: url(../images/link-bullet__arrowWhite.png) 0 4px no-repeat;
  background-size: 4px 6px;
  padding-left: 13px; }

/* フッター > ナビゲーション > サブナビ1（運営会社について/法人のお客さまへ） */
.footerNav-sub1 {
  font-size: 10px;
  line-height: 1;
  max-width: 640px;
  margin: 0 auto -5px; }

/* フッター > ナビゲーション > サブナビ1 > PC用コンテナ */


.footerNav-sub1__heading {
  color: #ffffff;
  font-size: 12px;
  padding: 0;
  margin: 0 26px 17px; }


.footerNav-sub1__list {
  list-style: none;
  padding: 0;
  margin: 0 26px 10px;
  *zoom: 1; }
  .footerNav-sub1__list:before, .footerNav-sub1__list:after {
    content: " ";
    display: table; }
  .footerNav-sub1__list:after {
    clear: both; }

.footerNav-sub1__listItem {
  width: 50%;
  margin: 0 0 15px;
  float: left; }

.footerNav-sub1__anchor {
  display: block;
  background: url(../images/footer/footerNav-arrow.svg) right center no-repeat;
  background-size: 6px 10px;
  margin-right: 22px; }

  .footerNav-sub1__listItem:nth-child(2n) .footerNav-sub1__anchor {
    margin-right: 9px; }

/* フッター > ナビゲーション > サブナビ2（サイトマップほか） */
.footerNav-sub2__wrapper {
  overflow: hidden; }
 @media (max-width: 768px) {
.pb_top10 {
	padding: 10px 0 0 0;
}
 .pb_bottom10 {
	padding: 0 0 10px 0;
}
}
.footerNav-sub2 {
  font-size: 10px;
  line-height: 2.1;
  text-align: center;
  background-color: #333333;
   /*padding: 2px 0;*/
  margin: 0 -20px; }

.footerNav-sub2__list {
  list-style: none;
  padding: 0;
  margin: 0;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9); }

.footerNav-sub2__listItem {
  display: inline-block; }

  .footerNav-sub2__listItem + .footerNav-sub2__listItem::before {
    content: "|";
    color: #ffffff; }
    @media (max-width: 768px) {
      .footerNav-sub2__listItem + .footerNav-sub2__listItem::before {
        padding: 0 0.3em 0 0.35em; } }

  @media (max-width: 1141px) {
    .footerNav-sub2__list:nth-of-type(3) .footerNav-sub2__listItem:first-child::before {
      content: none;
      padding: 0; } }

/* フッター > 認証マーク・コピーライト */
.footer-marksAndCopyright {
  padding: 12px 0 0; }

/* フッター > 認証マーク・コピーライト > PC用のコンテナ */


/* フッター > 認証マーク・コピーライト > 認証マーク */
.footer-marks {
  margin-bottom: 20px; }

/* フッター > 認証マーク・コピーライト > 認証マーク > リスト（UL） */
.footer-marks__list {
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0; }

/* フッター > 認証マーク・コピーライト > 認証マーク > リストアイテム（LI） */
.footer-marks__listItem {
  display: inline-block;
  vertical-align: middle;
  margin: 0; }
  .footer-marks__listItem + .footer-marks__listItem {
    margin-left: 10px; }

  .footer-marks__listItem img {
    vertical-align: bottom; }

/* フッター > 認証マーク・コピーライト > 認証マーク > Pマーク */
.footer-marks__listItem.is-PMark img {
  width: 60px;
  height: auto; }


/* フッター > 認証マーク・コピーライト > 認証マーク > ISO14001 */
.footer-marks__listItem.is-iso14001 img {
  width: 50px;
  height: auto; }

/* フッター > 認証マーク・コピーライト > 認証マーク > i-roi */
.footer-marks__listItem.is-iroiAll img {
  vertical-align: middle;
  width: 88px;
  height: auto; }

/* フッター > 認証マーク・コピーライト > 認証マーク > i-roi > 説明文 */
.iroiAll__text {
  font-size: 9px;
  line-height: 1.33333;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  margin-left: 12px; }



/* フッター > 認証マーク・コピーライト > コピーライト */
.copyright {
  font-size: 9px;
  line-height: 1;
  text-align: center;
  padding: 0 0 16px;
  margin: 0; }

  .copyright small {
    font-size: 100%; }

/*　//////////////////////////////////////////////////
　グローバルナビゲーション
//////////////////////////////////////////////////　*/
/* スマホ用グロナビ */
.navGlobal-sp__container {
  list-style: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0; }
  .no-flexbox .navGlobal-sp__container {
    *zoom: 1;
    float: right;
    margin-right: 3px; }
    .no-flexbox .navGlobal-sp__container:before, .no-flexbox .navGlobal-sp__container:after {
      content: " ";
      display: table; }
    .no-flexbox .navGlobal-sp__container:after {
      clear: both; }


.navGlobal-sp__item {
  width: 50px;
  height: 50px; }
  .no-flexbox .navGlobal-sp__item {
    float: left;
    overflow: hidden; }
  .navGlobal-sp__item.navGlobal__item-help img {
    width: 24px; }
  .navGlobal-sp__item.navGlobal__item-balance {
    width: 56px;
    background-color: #426ccf; }
    .navGlobal-sp__item.navGlobal__item-balance img {
      width: 38px; }
  .navGlobal-sp__item.navGlobal__item-drawer img {
    width: 28px;
    padding-top: 1px; }
  .navGlobal-sp__item.navGlobal__item-drawer.is-active {
    background: #999999 url(../images/nav/nav-sp__drawer-active.png) center center no-repeat;
    background-size: 28px 26px; }
    .navGlobal-sp__item.navGlobal__item-drawer.is-active img {
      opacity: 0; }
  .navGlobal-sp__item .navGlobal__anchor {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%; }
    .no-flexbox .navGlobal-sp__item .navGlobal__anchor {
      display: block;
      position: relative; }
      .no-flexbox .navGlobal-sp__item .navGlobal__anchor img {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }

#blackscreen {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.85);
  position: fixed;
  top: 0;
  left: 0; }

/* ナビゲーション > メインナビ */
.navGlobal-navMain {
  width: 100%;
  background-color: white;
  padding: 0;
  border-top: 2px solid #999999;
  border-bottom: 2px solid #999999;
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 1000;
  overflow: auto; }
  .navGlobal-navMain::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #e6e6e6; }

  .navGlobal-navMain.is-hidden {
    display: none; }

/* メインナビ */
.navMain__wrapper {
  background-color: white;
  padding: 0;
  margin: 0 auto; }

.navMain__container {
  list-style: none;
  padding: 0 10px;
  margin: 0; }

.navMain__item {
  border-top: 2px solid #e6e6e6; }

  .navMain__item:first-child {
    border-top: none 0; }


.navMain__item-dummy {
  border-right: 2px solid rgba(204, 204, 204, 0.5);
  margin: 18px 0 18px auto; }

.navMain__anchor {
  color: #313333;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  display: block;
  padding: 18px 10px 18px 35px;
  position: relative;
  coursor: pointer; }

  .navMain__anchor.is-active {
    color: white; }
  .navMain__anchor::after {
    content: "";
    display: block;
    width: 7px;
    height: 10px;
    background-image: url(../images/link-bullet__arrow-gray.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }

  @media (max-width: 768px) {
    .navMain__anchor.navMain__anchor-buy::after, .navMain__anchor.navMain__anchor-use::after, .navMain__anchor.navMain__anchor-variation::after {
      right: 14px;
      -webkit-transform-origin: center center;
          -ms-transform-origin: center center;
              transform-origin: center center;
      -webkit-transform: rotate(90deg) translateX(-50%);
          -ms-transform: rotate(90deg) translateX(-50%);
              transform: rotate(90deg) translateX(-50%); } }
  @media (max-width: 768px) {
    .navMain__anchor.navMain__anchor-buy.is-active::after, .navMain__anchor.navMain__anchor-use.is-active::after, .navMain__anchor.navMain__anchor-variation.is-active::after {
      background-image: url(../images/link-bullet__arrowWhite.png);
      -webkit-transform: rotate(-90deg) translateX(50%);
          -ms-transform: rotate(-90deg) translateX(50%);
              transform: rotate(-90deg) translateX(50%); } }
  .navMain__anchor::before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
  .navMain__anchor.navMain__anchor-wmcard::before {
    width: 11px;
    height: 15px;
    background-image: url(../images/nav/navMain__icon-wmcard.png);
    left: 10px; }
    .no-flexbox .navMain__anchor.navMain__anchor-wmcard::before {
      background-image: url(../images/nav/navMain__icon-wmcard.png); }
  .navMain__anchor.navMain__anchor-beginner::before {
    width: 11px;
    height: 15px;
    background-image: url(../images/nav/navMain__icon-beginner.svg);
    left: 10px; }
    .no-flexbox .navMain__anchor.navMain__anchor-beginner::before {
      background-image: url(../images/nav/navMain__icon-beginner.png); }

  .navMain__anchor.navMain__anchor-buy::before {
    width: 14px;
    height: 14px;
    background-image: url(../images/nav/navMain__icon-buy.svg);
    left: 9px; }
    .no-flexbox .navMain__anchor.navMain__anchor-buy::before {
      background-image: url(../images/nav/navMain__icon-buy.png); }

  .navMain__anchor.navMain__anchor-buy.is-active {
    background-color: #426ccf; }
    .navMain__anchor.navMain__anchor-buy.is-active::before {
      background-image: url(../images/nav/navMain__icon-buy-active.png); }

  .navMain__anchor.navMain__anchor-use::before {
    width: 17px;
    height: 13px;
    background-image: url(../images/nav/navMain__icon-use.svg);
    left: 8px; }
    .no-flexbox .navMain__anchor.navMain__anchor-use::before {
      background-image: url(../images/nav/navMain__icon-use.png); }

  .navMain__anchor.navMain__anchor-use.is-active {
    background-color: #ffb10d; }
    .navMain__anchor.navMain__anchor-use.is-active::before {
      background-image: url(../images/nav/navMain__icon-use-active.png); }

  .navMain__anchor.navMain__anchor-variation::before {
    width: 15px;
    height: 10px;
    background-image: url(../images/nav/navMain__icon-variation.svg);
    left: 9px; }
    .no-flexbox .navMain__anchor.navMain__anchor-variation::before {
      background-image: url(../images/nav/navMain__icon-variation.png); }

  .navMain__anchor.navMain__anchor-variation.is-active {
    background-color: #53b566; }
    .navMain__anchor.navMain__anchor-variation.is-active::before {
      background-image: url(../images/nav/navMain__icon-variation-active.png); }

  .navMain__anchor.navMain__anchor-campaign::before {
    width: 12px;
    height: 15px;
    background-image: url(../images/nav/navMain__icon-campaign.svg);
    left: 11px; }
    .no-flexbox .navMain__anchor.navMain__anchor-campaign::before {
      background-image: url(../images/nav/navMain__icon-campaign.png); }


/* メガメニュー（下層メニュー） */
.navMegaMenu {
  background-color: #f2f2f2;
  margin-bottom: -1px;
  overflow: hidden; }
  .navMegaMenu.is-hidden {
    display: none; }


.navMegaMenu__container {
  list-style: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: calc(100% + 1px);
  padding: 0;
  margin: 0; }
  .no-flexbox .navMegaMenu__container {
    *zoom: 1; }
    .no-flexbox .navMegaMenu__container:before, .no-flexbox .navMegaMenu__container:after {
      content: " ";
      display: table; }
    .no-flexbox .navMegaMenu__container:after {
      clear: both; }

.navMegaMenu__item {
  font-size: 12px;
  line-height: 1.25;
  width: 50%;
  border-bottom: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6; }
  .navMegaMenu__item.is-full {
    width: 100%; }

  .no-flexbox .navMegaMenu__item {
    float: left; }

.navMegaMenu__anchor {
  color: #333333;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 44px;
  padding: 0 17px 0 10px;
  position: relative; }
  .no-flexbox .navMegaMenu__anchor {
    display: block; }
  .navMegaMenu__anchor::after {
    content: "";
    display: block;
    width: 7px;
    height: 10px;
    background: url(../images/link-bullet__arrow-gray.png) right center no-repeat;
    background-size: contain;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }

.is-use .navMegaMenu__image {
  display: none; }

.no-flexbox .navMegaMenu__text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.navMegaMenu__search {
  padding: 10px 10px 0;
  position: relative; }
  .navMegaMenu__search .search__inputText {
    font-size: 12px;
    width: 100%;
    background-color: #cccccc;
    padding: 10px 25px 10px 6px;
    border: none 0;
    border-radius: 4px;
    outline: none 0; }
  .navMegaMenu__search .search__btn {
    line-height: 0;
    display: block;
    box-sizing: content-box;
    width: 10px;
    height: 13px;
    background-color: transparent;
    padding: 10px;
    margin: 0;
    border: none 0;
    position: absolute;
    top: calc(50% + 5px);
    right: 15px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }

/* PC用メガメニューのコンテナ  */
#megaMenu-forPC .navMegaMenu {
  background-color: white;
  -ms-overflow-style: none; }

#megaMenu-forPC .navMegaMenu__container {
  display: block;
  width: 100%;
  max-width: 1200px;
  margin: auto;
  *zoom: 1; }
  #megaMenu-forPC .navMegaMenu__container:before, #megaMenu-forPC .navMegaMenu__container:after {
    content: " ";
    display: table; }
  #megaMenu-forPC .navMegaMenu__container:after {
    clear: both; }

#megaMenu-forPC .navMegaMenu__item {
  width: auto;
  border: none; }

#megaMenu-forPC .navMegaMenu__anchor {
  display: block;
  width: auto;
  height: auto;
  background: none;
  padding: 0; }
  #megaMenu-forPC .navMegaMenu__anchor::after {
    display: none;
    height: auto;
    background: none;
    padding: 0; }

#megaMenu-forPC .megaMenu__linkPt1 {
  text-align: center;
  margin: 0; }

#megaMenu-forPC .megaMenu__linkPt1_Anchor {
  color: #4873ce;
  font-size: 16px;
  line-height: 1;
  background: url(../images/link-bullet__arrowWhite-circleBlue.svg) 0 center no-repeat;
  background-size: 12px;
  padding-left: 29px; }

#megaMenu-forPC .is-buy {
  padding: 40px 0 44px;
  border-top: 4px solid #4873ce;
  border-bottom: 4px solid #4873ce; }
  #megaMenu-forPC .is-buy .navMegaMenu__container {
    max-width: 1060px;
    margin: 0 auto; }
  #megaMenu-forPC .is-buy .navMegaMenu__item {
    width: 100%;
    height: 90px;
    border: 2px solid #e6e6e6;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 18px;
    *zoom: 1; }
    #megaMenu-forPC .is-buy .navMegaMenu__item:before, #megaMenu-forPC .is-buy .navMegaMenu__item:after {
      content: " ";
      display: table; }
    #megaMenu-forPC .is-buy .navMegaMenu__item:after {
      clear: both; }
  #megaMenu-forPC .is-buy .navMegaMenu__anchor {
    color: white;
    font-size: 16px;
    text-align: center;
    display: block;
    width: 177px;
    height: 100%;
    background-color: #4873ce;
    position: relative;
    float: left; }
  #megaMenu-forPC .is-buy .navMegaMenu__text {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  #megaMenu-forPC .is-buy .navMegaMenu__shopListWrapper {
    padding: 0 63px 0 240px;
    position: relative; }
  #megaMenu-forPC .is-buy .navMegaMenu__shopList {
    height: 100%;
    padding: 12px 0; }
  #megaMenu-forPC .is-buy .navMegaMenu__shop {
    width: 92px !important; }
  #megaMenu-forPC .is-buy .flex-viewport {
    height: 86px; }
  #megaMenu-forPC .is-buy .flex-nav-prev,
  #megaMenu-forPC .is-buy .flex-nav-next {
    width: 45px;
    height: 100%;
    background-color: #e6e6e6;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 21px 21px;
    margin: 0;
    top: 0;
    opacity: 1 !important;
    overflow: hidden;
    position: absolute;
    z-index: 600; }
    #megaMenu-forPC .is-buy .flex-nav-prev:hover,
    #megaMenu-forPC .is-buy .flex-nav-next:hover {
      outline: none; }
    #megaMenu-forPC .is-buy .flex-nav-prev .flex-prev,
    #megaMenu-forPC .is-buy .flex-nav-prev .flex-next,
    #megaMenu-forPC .is-buy .flex-nav-next .flex-prev,
    #megaMenu-forPC .is-buy .flex-nav-next .flex-next {
      text-align: left;
      text-indent: -9999px;
      display: block;
      width: 45px;
      height: 86px;
      background-color: #e6e6e6;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 21px 21px;
      margin: 0;
      opacity: 1 !important;
      left: 0;
      right: auto;
      top: 0; }
      #megaMenu-forPC .is-buy .flex-nav-prev .flex-prev::before,
      #megaMenu-forPC .is-buy .flex-nav-prev .flex-next::before,
      #megaMenu-forPC .is-buy .flex-nav-next .flex-prev::before,
      #megaMenu-forPC .is-buy .flex-nav-next .flex-next::before {
        content: '';
        display: none; }
      #megaMenu-forPC .is-buy .flex-nav-prev .flex-prev.flex-disabled,
      #megaMenu-forPC .is-buy .flex-nav-prev .flex-next.flex-disabled,
      #megaMenu-forPC .is-buy .flex-nav-next .flex-prev.flex-disabled,
      #megaMenu-forPC .is-buy .flex-nav-next .flex-next.flex-disabled {
        display: none; }
    #megaMenu-forPC .is-buy .flex-nav-prev .flex-prev,
    #megaMenu-forPC .is-buy .flex-nav-next .flex-prev {
      background-image: url(../images/nav/megaMenu__carouselBtn-left.svg); }
    #megaMenu-forPC .is-buy .flex-nav-prev .flex-next,
    #megaMenu-forPC .is-buy .flex-nav-next .flex-next {
      background-image: url(../images/nav/megaMenu__carouselBtn-right.svg); }
  #megaMenu-forPC .is-buy .flex-nav-prev {
    background-image: url(../images/nav/megaMenu__carouselBtnDisabled-left.svg);
    left: 177px; }
  #megaMenu-forPC .is-buy .flex-nav-next {
    background-image: url(../images/nav/megaMenu__carouselBtnDisabled-right.svg);
    right: 0; }

#megaMenu-forPC .is-use {
  padding: 30px 0 46px;
  border-top: 4px solid #e79e02;
  border-bottom: 4px solid #e79e02; }
  #megaMenu-forPC .is-use .navMegaMenu__search {
    max-width: 640px;
    padding: 0;
    margin: 0 auto; }
  #megaMenu-forPC .is-use .search__inputText {
    font-size: 14px;
    background-color: #eeeeee;
    padding-left: 15px;
    border: 1px solid #cccccc;
    border-radius: 8px; }
  #megaMenu-forPC .is-use .search__btn {
    width: 19px;
    height: 24px;
    top: 50%;
    right: 9px; }
  #megaMenu-forPC .is-use .navMegaMenu__container {
    *zoom: 1;
    background: url(../images/nav/megaMenu__use_bg.png) 0 0 repeat-x;
    padding: 0 90px 11px; }
    #megaMenu-forPC .is-use .navMegaMenu__container:before, #megaMenu-forPC .is-use .navMegaMenu__container:after {
      content: " ";
      display: table; }
    #megaMenu-forPC .is-use .navMegaMenu__container:after {
      clear: both; }
  #megaMenu-forPC .is-use .navMegaMenu__item {
    text-align: center;
    width: 20%;
    height: 121px;
    margin: 0 0 13px;
    position: relative;
    float: left; }
    .no-flexbox #megaMenu-forPC .is-use .navMegaMenu__item {
      overflow: hidden; }
  #megaMenu-forPC .is-use .navMegaMenu__anchor {
    font-size: 14px;
    line-height: 1;
    display: block;
    background-position: center top;
    background-repeat: no-repeat; }
    .no-flexbox #megaMenu-forPC .is-use .navMegaMenu__anchor {
      height: 121px; }
    #megaMenu-forPC .is-use .navMegaMenu__anchor:hover {
      color: #e79e02; }
      #megaMenu-forPC .is-use .navMegaMenu__anchor:hover .navMegaMenu__image {
        opacity: 1; }
  #megaMenu-forPC .is-use .navMegaMenu__image {
    display: inline; }
  #megaMenu-forPC .is-use .navMegaMenu__text {
    text-align: center;
    white-space: nowrap;
    background: url(../images/link-bullet__arrowWhite-circleGray.svg) 0 center no-repeat;
    background-size: 12px;
    padding-left: 21px;
    position: absolute;
    top: 75px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
    .no-flexbox #megaMenu-forPC .is-use .navMegaMenu__text {
      position: absolute;
      top: 65%;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
              transform: translate(-50%, 0); }

#megaMenu-forPC .is-variation {
  padding: 15px 0 5px;
  border-top: 4px solid #53b566;
  border-bottom: 4px solid #53b566; }
  #megaMenu-forPC .is-variation .navMegaMenu__container {
    text-align: center;
    max-width: 865px;
    background: url(../images/nav/megaMenu__variation_bg.png) 0 -18px repeat-x;
    padding: 0 10px;
    *zoom: 1; }
    #megaMenu-forPC .is-variation .navMegaMenu__container:before, #megaMenu-forPC .is-variation .navMegaMenu__container:after {
      content: " ";
      display: table; }
    #megaMenu-forPC .is-variation .navMegaMenu__container:after {
      clear: both; }
  #megaMenu-forPC .is-variation .navMegaMenu__item {
    width: 100%;
    max-width: 200px;
    margin: 0 0 33px 15px;
    float: left; }
    #megaMenu-forPC .is-variation .navMegaMenu__item:nth-child(2), #megaMenu-forPC .is-variation .navMegaMenu__item:nth-child(6) {
      margin-left: 0; }
    #megaMenu-forPC .is-variation .navMegaMenu__item.is-sheet {
      background: url(../images/nav/megaMenu__var-sheet.png) center 54% no-repeat; }
    #megaMenu-forPC .is-variation .navMegaMenu__item.is-gift {
      background: url(../images/nav/megaMenu__var-gift.png) center 54% no-repeat; }
    #megaMenu-forPC .is-variation .navMegaMenu__item.is-wmcard {
      background: url(../images/nav/megaMenu__var-wmcard.png) center 54% no-repeat; }
    #megaMenu-forPC .is-variation .navMegaMenu__item.is-app {
      background: url(../images/nav/megaMenu__var-app.png) center 54% no-repeat; }
    #megaMenu-forPC .is-variation .navMegaMenu__item.is-auWallet {
      background: url(../images/nav/megaMenu__var-auWallet.png) center 54% no-repeat; }
    #megaMenu-forPC .is-variation .navMegaMenu__item.is-proper {
      background: url(../images/nav/megaMenu__var-proper.png) center 54% no-repeat; }
    #megaMenu-forPC .is-variation .navMegaMenu__item.is-wallet {
      background: url(../images/nav/megaMenu__var-wallet.png) center 54% no-repeat; }
  #megaMenu-forPC .is-variation .navMegaMenu__anchor {
    color: #222222;
    display: block;
    padding-top: 95px; }
    #megaMenu-forPC .is-variation .navMegaMenu__anchor:hover {
      color: #53b566; }
  #megaMenu-forPC .is-variation .navMegaMenu__subTitle {
    color: white;
    font-size: 12px;
    line-height: 1.4;
    display: block;
    height: 40px;
    background-color: #53b566;
    border-radius: 8px;
    position: relative; }
    #megaMenu-forPC .is-variation .navMegaMenu__subTitle::after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: 6px solid transparent;
      border-top: 10px solid #53b566;
      position: absolute;
      bottom: -14px;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); }
    #megaMenu-forPC .is-variation .navMegaMenu__subTitle span {
      width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  #megaMenu-forPC .is-variation .navMegaMenu__textWrapper {
    display: block;
    width: 100%;
    height: 35px;
    position: relative; }
  #megaMenu-forPC .is-variation .navMegaMenu__text {
    font-size: 13px;
    white-space: nowrap;
    display: inline-block;
    background: url(../images/link-bullet__arrowWhite-circleGray.svg) 0 center no-repeat;
    background-size: 12px;
    padding-left: 21px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }

#megaMenu-forPC .is-campaign {
  padding: 29px 0 38px;
  border-top: 4px solid #ea4c5f;
  border-bottom: 4px solid #ea4c5f; }
  #megaMenu-forPC .is-campaign .navMegaMenu__container {
    max-width: 751px;
    margin-bottom: 12px;
    *zoom: 1; }
    #megaMenu-forPC .is-campaign .navMegaMenu__container:before, #megaMenu-forPC .is-campaign .navMegaMenu__container:after {
      content: " ";
      display: table; }
    #megaMenu-forPC .is-campaign .navMegaMenu__container:after {
      clear: both; }
  #megaMenu-forPC .is-campaign .navMegaMenu__item {
    max-width: 363px;
    margin: 0 0 17px;
    float: left; }
    #megaMenu-forPC .is-campaign .navMegaMenu__item:nth-child(2n-1) {
      margin-right: 25px; }

/* ユーティリティナビ（お問い合わせ・ヘルプ） */
.navUtility__wrapper {
  background-color: #e6e6e6;
  padding: 20px 20px 36px; }


/* ユーティリティナビ > リスト（UL） */
.navUtility__container {
  list-style: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0 0 20px; }
  .no-flexbox .navUtility__container {
    *zoom: 1; }
    .no-flexbox .navUtility__container:before, .no-flexbox .navUtility__container:after {
      content: " ";
      display: table; }
    .no-flexbox .navUtility__container:after {
      clear: both; }


/* ユーティリティナビ > リストアイテム（LI） */
.navUtility__item {
  font-size: 11px;
  line-height: 1;
  text-align: center;
  background: white url(../images/link-bullet__arrow-gray.png) 12px center no-repeat;
  background-size: 7px 10px;
  border-radius: 4px;
  width: calc(50% - 4px); }
  .no-flexbox .navUtility__item {
    float: left; }
  .navUtility__item:nth-child(3n-1) {
    margin-right: 4px; }
  .navUtility__item:nth-child(3n) {
    margin-left: 4px; }


/* ユーティリティナビ > アンカータグ（a） */
.navUtility__anchor {
  color: #6a6d6d;
  display: block;
  padding: 10px 0; }

/* ナビゲーション > 残高の確認（残高照会・引き継ぎ・ウォレット） */
.navGlobal-balance {
  width: 100%;
  background-color: #426ccf;
  padding: 0 20px;
  position: absolute;
  top: 50px;
  left: 0; }
  .navGlobal-balance.is-hidden {
    display: none; }


/* ナビゲーション > 残高の確認 > レイアウト用div */
.navGlobal-balanceInner {
  max-width: 528px;
  padding: 20px 0 42px;
  margin: 0 auto;
  overflow: scroll;
  -webkit-overflow-scrolling: touch; }


/* ナビゲーション > 残高の確認 > リスト（UL） */
.navGlobal-balance__container {
  list-style: none;
  padding: 0;
  margin: 0 auto 14px; }


/* ナビゲーション > 残高の確認 > リストアイテム（LI） */
.navGlobal-balance__item {
  background-color: #2a4482;
  border-radius: 4px; }
.navGlobal-balance__item-takeover{
  background-color: #aaaaaa;
}

  .navGlobal-balance__item + .navGlobal-balance__item {
    margin: 10px 0 0; }


/* ナビゲーション > 残高の確認 > アンカータグ（a） */
.navGlobal-balance__anchor {
  color: white!important;
  display: block;
  padding: 10px 10px 10px 18.92857%;
  position: relative; }

  .navGlobal-balance__anchor::after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/link-bullet__arrowBlue-circleWhite.png);
    background-size: contain;
    position: absolute;
    top: 19px;
    right: 12px; }

  .navGlobal-balance__anchor::before {
    content: "";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute; }
  .navGlobal-balance__item-balance .navGlobal-balance__anchor::before {
    width: 26px;
    height: 18px;
    background-image: url(../images/nav/navGlobal_balance__balance.png);
    top: 15px;
    left: 14px; }

  .navGlobal-balance__item-takeover .navGlobal-balance__anchor::before {
    width: 26px;
    height: 21px;
    background-image: url(../images/nav/navGlobal_balance__takeover.png);
    top: 14px;
    left: 16px; }

  .navGlobal-balance__item-wallet .navGlobal-balance__anchor::before {
    width: 17px;
    height: 17px;
    background-image: url(../images/nav/navGlobal_balance__wallet.png);
    top: 16px;
    left: 21px; }


.navGlobal-balance__subTitle {
  font-size: 9px;
  line-height: 1;
  display: block;
  margin: 0 0 5px; }


.navGlobal-balance__title {
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.05em;
  display: block;
  margin: 0 0 1px; }
/* ウォレット終了に伴う追記_20200826 */
.navGlobal-balance__anchor2 {
  color: white!important;
  display: block;
  padding: 10px 10px 10px 18.92857%;
  position: relative; }

  .navGlobal-balance__anchor2::after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/link-bullet__arrowBlue-circleWhite.png);
    background-size: contain;
    position: absolute;
    top: 19px;
    right: 12px; }

  .navGlobal-balance__anchor2::before {
    content: "";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute; }
  .navGlobal-balance__item-balance .navGlobal-balance__anchor2::before {
    width: 26px;
    height: 18px;
    background-image: url(../images/nav/navGlobal_balance__balance.png);
    top: 15px;
    left: 14px; }

  .navGlobal-balance__item-takeover .navGlobal-balance__anchor2::before {
    width: 26px;
    height: 21px;
    background-image: url(../images/nav/navGlobal_balance__takeover.png);
    top: 14px;
    left: 16px; }

  .navGlobal-balance__item-wallet .navGlobal-balance__anchor2::before {
    width: 17px;
    height: 17px;
    background-image: url(../images/nav/navGlobal_balance__wallet.png);
    top: 16px;
    left: 21px; }


.navGlobal-balance__subTitle {
  font-size: 9px;
  line-height: 1;
  display: block;
  margin: 0 0 5px; }


.navGlobal-balance__title {
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.05em;
  display: block;
  margin: 0 0 1px; }
/* カードのバリエーション */
.navGlobal-balance__btn {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 22px; }
  .no-flexbox .navGlobal-balance__btn {
    *zoom: 1; }
    .no-flexbox .navGlobal-balance__btn:before, .no-flexbox .navGlobal-balance__btn:after {
      content: " ";
      display: table; }
    .no-flexbox .navGlobal-balance__btn:after {
      clear: both; }

  .navGlobal-balance__btn .btn__item {
    text-align: center;
    width: calc(50% - 10px);
    background-color: white;
    border: 3px solid #eeeeee;
    border-radius: 6px; }
    .no-flexbox .navGlobal-balance__btn .btn__item {
      float: left; }
    .navGlobal-balance__btn .btn__item:nth-child(2n-1) {
      margin-right: 10px; }
    .navGlobal-balance__btn .btn__item:nth-child(2n) {
      margin-left: 10px; }
  .navGlobal-balance__btn .btn__anchor {
    color: #222222;
    display: block; }
  .navGlobal-balance__btn .btn__image {
    margin: 0 0 7px; }
  .navGlobal-balance__btn .btn__subTitle {
    font-size: 9px;
    line-height: 1.33333;
    text-align: center;
    display: block;
    margin-bottom: 3px; }
  .navGlobal-balance__btn .btn__title {
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    background: url(../images/link-bullet__arrowWhite-circleGray.svg) left center no-repeat;
    background-size: 12px;
    padding-left: 15px;
    margin-bottom: 9px; }

.navGlobal-balance__btn .btn__item2{
    text-align: center;
    width:100%;
    background-color: white;
    border: 3px solid #eeeeee;
    border-radius: 6px;
	clear: both;}
  .navGlobal-balance__btn .btn__item2 .btn__anchor {
    color: #222222;
    display: block; }
  .navGlobal-balance__btn .btn__item2 .btn__image {
	  margin:0;width:40%; float:left;}
  .navGlobal-balance__btn .btn__item2 .btn__subTitle {
    font-size: 9px;
    line-height: 1.33333;
    text-align: center;
    display: block;
    margin:20px 3px 3px 3px;
	width:58%;
	float:right;
	}
  .navGlobal-balance__btn .btn__item2 .btn__title {
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    background: url(../images/link-bullet__arrowWhite-circleGray.svg) right center no-repeat;
    background-size: 12px;
    padding:0;
    margin:2% 4%;
	  width:52%;float:right;}
/* スマホ用ドロワー > 閉じるボタン */
.navGlobal__btnClose {
  font-size: 12px;
  line-height: 1;
  text-align: center;
  border-radius: 4px;
  background-position: 13px center;
  background-repeat: no-repeat;
  background-size: 22px 26px;
  margin: 0; }

  .navGlobal__btnClose .btnClose__anchor {
    display: block;
    padding: 14px 0; }
  .navGlobal-navMain .navGlobal__btnClose {
    background-color: #666666;
    background-image: url(../images/nav/navGlobal__btnClose-white.png); }
    .navGlobal-navMain .navGlobal__btnClose .btnClose__anchor {
      color: white; }
  .navGlobal-balance .navGlobal__btnClose {
    background-color: white;
    background-image: url(../images/nav/navGlobal__btnClose-gray.png); }
    .navGlobal-balance .navGlobal__btnClose .btnClose__anchor {
      color: #606363; }

/* フッター直上のSNSシェアボタン */
.footerSNS {
  padding: 0 0 48px; }

.footerSNS__heading {
  color: #333333;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  margin: 0 0 20px; }


.footerSNS__list {
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0; }

.footerSNS__listItem {
  display: inline-block;
  padding: 0;
  margin: 0; }
  .footerSNS__listItem + .footerSNS__listItem {
    margin-left: 10px; }

  .footerSNS__listItem img {
    vertical-align: bottom;
    width: 40px; }